wip #7330

diff --git a/wp-content/themes/physioassist/resources/assets/styles/common/app.styl b/wp-content/themes/physioassist/resources/assets/styles/common/app.styl
index 894695bfb35f1fc072d536a77151ecea1ecc571b..f1477760a6a92c0dc4c9a37e85fd46f6942f3275 100644 (file)
--- a/wp-content/themes/physioassist/resources/assets/styles/common/app.styl
+++ b/wp-content/themes/physioassist/resources/assets/styles/common/app.styl
@@ -1,7 +1,14 @@
 .woocommerce-app
+  *
+    font-family: $fontOutfit
+
+  .content-inner,
+  .elementor-section.elementor-section-boxed > .elementor-container
+    horizontal-spacing(16px)
 
   header.site,
   .footer-site,
+  .woocommerce-breadcrumb,
   .frequency,
   .product-frequency,
   .hide-on-mobileapp,
@@ -11,6 +18,30 @@
 
   // Single product
   div.product
+    *
+      color: #1B2943
+    .woocommerce
+      &-product-gallery
+        display: flex
+        gap: 24px
+        &__wrapper
+          max-width: 107px
+          width: 100%
+          height: 107px
+          border-radius: 5px
+          overflow: hidden
+          [data-thumb]:not(:first-child)
+            display: none
+      &-product-title
+        h1,.price
+          font-size: 22px
+        h1
+          font-weight: 500
+          margin-bottom: .3em
+          line-height: 30px
+        .price *
+          color: #6CC3EE
+
     form.cart
       display: flex
       flex-direction: column
@@ -20,6 +51,51 @@
       button[type="submit"]
         width: max-content
 
+  // Quantity button
+  .qib
+    &-container:not(#qib_id):not(#qib_id)
+      width: max-content
+      box-shadow: 0 3px 6px #ECF2F8
+      border-radius: 28px
+      padding: 8px
+      display: flex
+      align-items: center
+      .quantity input.qty:not(#qib_id):not(#qib_id)
+        border: 0
+    &-button
+      &:before,&:after
+        background-color: #fff
+      &:not(#qib_id):not(#qib_id)
+        height: 39px
+        width: 39px
+        background-color: #6CC3EE
+        border-radius: 39px
+        border: 0
+
+  //
+  .frequency
+    p
+      font-size: 16px
+      color: #8E94A1
+
+  //
+  .wps_sfw_subscription_wrapper
+    margin-top: 10px
+    label
+      font-size: 18px
+    input
+      margin-right: 11px
+      width: 18px
+      height: 18px
+
+  form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_)
+    width: 100%
+    height: 55px
+    font-size: 18px !important
+    text-transform: initial
+    font-weight: 500
+    background-color: #1B2943
+
   // Cart
   .frequency,
   .product-frequency,