wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

package/src/scss/pages/page_checkout_delivery-new.scss

@@ -49,6 +49,23 @@
                   font-size: 0.75rem;
                   margin-top: -15px;
                 }
+
+                &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
+                  margin-bottom: 0;
+                }
+
+                &-delivery-cost-message {
+                  margin-top: 4px;
+                  justify-content: flex-end;
+
+                  #order-delivery-cost-message {
+                    @include font-size(10);
+                    @include line-height(12);
+
+                    font-weight: 700;
+                    color: $squant;
+                  }
+                }
               }
 
               &__details-discount {
@@ -474,6 +491,25 @@
   }
 }
 
+.tooltip {
+  filter: drop-shadow(0 0 8px $black-transparent12);
+  position: absolute;
+
+  .tooltip-inner {
+    background: $white;
+    color: $gray-dark;
+    padding: 8px 16px !important;
+    border-radius: 4px;
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .arrow:before {
+    border-bottom-color: $white;
+  }
+}
+
 @include media-breakpoint-up(sm) {
   .page_checkout-delivery-new {
     .add-contact-details {

package/src/scss/pages/page_product-details-v2-critical.scss

@@ -5,87 +5,39 @@
 .pdp {
   &__title {
     padding-bottom: 0;
-
-    @include media-breakpoint-only(md) {
-      padding-right: 0;
-    }
   }
 
   &__reviews_small {
     padding-bottom: 0;
-
-    @include media-breakpoint-only(md) {
-      margin-top: 20px;
-      margin-bottom: 20px;
-      padding-left: 0;
-    }
-
-    @include media-breakpoint-up(lg) {
-      padding-left: 0;
-      padding-right: 10px;
-      margin-top: 20px;
-      margin-bottom: 20px;
-    }
-
-    @include media-breakpoint-down(sm) {
-      margin-top: 10px;
-      margin-bottom: 15px;
-      min-height: 47px;
-    }
+    display: flex;
+    align-items: baseline;
+    margin-top: 10px;
+    margin-bottom: 15px;
+    min-height: 47px;
   }
 
   &__reviews-link-wrap {
     margin-right: $btn-padding-x;
   }
 
-  &__gallery {
-
-    @include media-breakpoint-up(md) {
-      grid-column-start: 1;
-      grid-row-start: 2;
-    }
-
-    @include media-breakpoint-up(lg) {
-      padding-right: 20px;
-      padding-bottom: 20px;
-    }
+  &__full-gallery {
+    margin: 0 -15px 20px;
   }
 
   &__description {
     padding-bottom: 0;
-
-    @include media-breakpoint-only(md) {
-      grid-column-start: 1;
-      grid-row-start: 3;
-      padding-right: 15px;
-    }
-
-    @include media-breakpoint-up(lg) {
-      grid-column-start: 2;
-      grid-row-start: 2;
-      padding-left: 10px;
-      padding-right: 10px;
-    }
-
-    @include media-breakpoint-down(sm) {
-      padding-bottom: 0;
-    }
   }
 
   &__aside {
     padding-bottom: 0;
+  }
 
-    @include media-breakpoint-only(md) {
-      grid-column-start: 2;
-      grid-row: 2 / span 2;
-      padding-left: 15px;
-    }
+  &__fulfilment {
+    margin-top: 30px;
+  }
 
-    @include media-breakpoint-up(lg) {
-      grid-column-start: 3;
-      grid-row: 1 / span 3;
-      padding-left: 20px;
-    }
+  &__similar {
+    display: none;
   }
 
   &__actions {
@@ -99,61 +51,56 @@
       text-decoration: none;
     }
 
-    @include media-breakpoint-up(lg) {
-      grid-column: 1 / span 4;
-      grid-row: 4 / span 1;
-    }
-
-    @include media-breakpoint-only(md) {
-      grid-column: 2 / span 1;
-      grid-row: 4 / span 1;
-      flex-direction: column;
-    }
-
-    @include media-breakpoint-down(md) {
-      &.actions {
-        margin-top: 20px;
-        margin-bottom: 0;
-      }
+    &.actions {
+      margin-top: 20px;
+      margin-bottom: 0;
     }
   }
 
   &__info {
-    margin-bottom: 10px;
-    padding: 20px;
     background-color: $gray-light;
+    padding: 20px 15px;
+    margin-bottom: 30px;
+    grid-column: 1 / span 3;
+    grid-row: 5 / span 1;
+  }
 
-    @include media-breakpoint-up(lg) {
-      grid-column: 1 / span 3;
-      grid-row: 5 / span 1;
-    }
-
-    @include media-breakpoint-down(md) {
-      padding: 30px 40px;
-      grid-column: 1 / span 3;
-      grid-row: 5 / span 1;
-      margin-bottom: 40px;
-    }
+  &__main {
+    padding-top: 10px;
+  }
 
-    @include media-breakpoint-down(sm) {
-      padding: 20px 15px;
-      margin-bottom: 30px;
-    }
+  &__suite-includes {
+    margin-bottom: 24px;
   }
 
-  &__main {
-    padding-top: 40px;
+  &--ripple {
+    & .pdp {
+      &__fulfilment {
+        margin-top: 0;
+        margin-bottom: 24px;
+      }
 
-    @include media-breakpoint-only(md) {
-      padding-top: 35px;
+      &__info {
+        margin-bottom: 24px;
+      }
     }
 
-    @include media-breakpoint-down(sm) {
-      padding-top: 10px;
+    & .seo-widgets {
+      padding-top: 0;
     }
   }
 }
 
+.recently-viewed {
+  display: none;
+}
+
+.pdp-reviews-wrap {
+  display: flex;
+  flex-direction: column;
+  margin-top: auto;
+}
+
 .review-star {
   display: inline-block;
   vertical-align: text-top;
@@ -185,12 +132,8 @@
 }
 
 .product-main-info__description.product-main-info__description {
-  margin-bottom: 20px;
+  margin-bottom: 15px;
   position: relative;
-
-  @include media-breakpoint-down(md) {
-    margin-bottom: 15px;
-  }
 }
 
 .gallery_bordered {
@@ -202,15 +145,11 @@
 }
 
 .product-code-v2 {
-  margin-right: 15px;
-
-  @include media-breakpoint-down(sm) {
-    margin-right: 5px;
-  }
+  margin-right: 5px;
 }
 
 .review-star-average-v2 {
-  font-size: .875rem;
+  font-size: 0.875rem;
   vertical-align: 15%;
 }
 
@@ -231,3 +170,170 @@
 .d-none {
   display: none !important;
 }
+
+@include media-breakpoint-up(sm) {
+  .pdp {
+    &__full-gallery {
+      margin: 0 0 24px;
+    }
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .pdp {
+    &__title {
+      padding-right: 0;
+    }
+
+    &__reviews_small {
+      margin-top: 20px;
+      margin-bottom: 20px;
+      padding-left: 0;
+    }
+
+    &__full-gallery {
+      grid-column: 1;
+      grid-row-start: 2;
+    }
+
+    &__full-description {
+      grid-column: 1;
+      grid-row-start: 3;
+    }
+
+    &__gallery {
+      grid-column-start: 1;
+      grid-row-start: 2;
+    }
+
+    &__description {
+      grid-column-start: 1;
+      grid-row-start: 3;
+      padding-right: 15px;
+    }
+
+    &__aside {
+      grid-column-start: 2;
+      grid-row: 2 / span 2;
+      padding-left: 15px;
+    }
+
+    &__fulfilment {
+      margin-top: 10px;
+      margin-bottom: 5px;
+      grid-column: 1 / span 4;
+      grid-row: 6 / span 1;
+    }
+
+    &__suite-includes {
+      margin-bottom: 40px;
+      grid-column: 1;
+      grid-row: 4 / span 1;
+    }
+
+    &__actions {
+      grid-column: 2 / span 1;
+      grid-row: 4 / span 1;
+      flex-direction: column;
+    }
+
+    &__info {
+      padding: 30px 40px;
+      margin-bottom: 40px;
+    }
+
+    &__main {
+      padding-top: 35px;
+    }
+
+    &__banner {
+      grid-column: 1 / span 4;
+      grid-row: 5 / span 1;
+    }
+
+    &--ripple {
+      & .pdp {
+        &__fulfilment {
+          margin-top: 0;
+          margin-bottom: 25px;
+        }
+
+        &__info {
+          margin-bottom: 40px;
+        }
+      }
+    }
+  }
+
+  .product-code-v2 {
+    margin-right: 15px;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .pdp {
+    &__reviews_small {
+      padding-right: 10px;
+    }
+
+    &__gallery {
+      padding-right: 20px;
+      padding-bottom: 20px;
+    }
+
+    &__description {
+      grid-column-start: 2;
+      grid-row-start: 2;
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+
+    &__full-gallery {
+      grid-column: 1 / span 2;
+    }
+
+    &__full-description {
+      grid-column: 1 / span 2;
+    }
+
+    &__aside {
+      grid-column-start: 3;
+      grid-row: 1 / span 3;
+      padding-left: 20px;
+    }
+
+    &__fulfilment {
+      margin-top: 30px;
+    }
+
+    &__similar {
+      display: block;
+    }
+
+    &__actions {
+      grid-column: 1 / span 4;
+      flex-direction: row;
+    }
+
+    &__info {
+      padding: 20px;
+      margin-bottom: 10px;
+    }
+
+    &__main {
+      padding-top: 40px;
+    }
+
+    &__suite-includes {
+      grid-column: 1 / span 2;
+    }
+  }
+
+  .recently-viewed {
+    display: block;
+  }
+
+  .product-main-info__description.product-main-info__description {
+    margin-bottom: 20px;
+  }
+}