wickes-css2 2.112.1-RG-2291.2 → 2.112.1-develop.1

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

@@ -6,36 +6,29 @@
 
 .page_checkout-delivery-new {
   .right-aside {
-    margin-top: 24px;
-
     .summary {
       .checkout-title__title {
         color: $blue-ocean;
-        margin-bottom: 16px;
+        font-weight: 400;
+        line-height: 1.75rem;
       }
 
       &__aside {
-        padding: 0;
+        padding: 12px 30px 0;
 
         .checkout-info-wrap {
           padding: 0;
         }
 
         .checkout-widget.checkout-widget_order-summary {
-          padding: 0;
-          background-color: #fff;
-          margin: 0;
+          padding: 25px 20px 0;
         }
 
         .checkout-widget {
           &__details {
-            padding: 16px;
             font-size: 1rem;
             display: flex;
             flex-direction: column;
-            background-color: $white;
-            border: 1px solid $gray;
-            border-bottom: 0;
 
             .checkout-widget {
               &__item {
@@ -52,6 +45,11 @@
                   margin-bottom: 20px;
                 }
 
+                &-vat {
+                  font-size: 0.75rem;
+                  margin-top: -15px;
+                }
+
                 &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
                   margin-bottom: 0;
                 }
@@ -70,21 +68,6 @@
                 }
               }
 
-              &__voucher-accordion,
-              &__item {
-                margin-top: 12px;
-                margin-bottom: 0;
-              }
-
-              &__item:first-child {
-                margin-top: 0;
-              }
-
-              &__item-vat {
-                font-size: 0.75rem;
-                margin-top: 4px;
-              }
-
               &__details-discount {
                 order: 1;
               }
@@ -108,23 +91,24 @@
             border: 0;
             display: flex;
             justify-content: space-between;
-            padding: 16px;
+            margin-left: -25px;
+            margin-right: -25px;
+            margin-bottom: 0;
+            padding: 20px 25px;
             color: #fff;
             background-color: #0a3055;
             font-size: 1.375rem;
             line-height: 1.5rem;
             font-weight: 400;
-            margin: 0;
           }
         }
       }
 
       &__basked-id {
-        padding: 16px 0;
+        padding: 26px 0;
+        background: #f8f8f8;
         text-align: center;
         font-size: 1rem;
-        border: 1px solid $gray;
-        border-top: 0;
 
         .id-number {
           font-weight: 700;
@@ -142,46 +126,15 @@
   .billing-payment-block {
     &__heading {
       color: $blue-ocean;
-      margin-bottom: 16px;
+      font-weight: 400;
+      margin-bottom: 24px;
+      font-size: 1.5rem;
+      line-height: 1.75rem;
     }
 
     &__wrapper {
-      .checkout-order {
-        .order-block {
-          &__address,
-          &__product-line {
-            border: 1px solid $gray;
-            border-top: 0;
-            margin: 0;
-          };
-
-          &__product-line {
-            .show-products,
-            .hide-products {
-              padding: 16px;
-            }
-          };
-
-          &__order-line {
-            padding: 24px;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-            border-bottom: 1px solid $gray;
-
-            .order-line {
-              &__wrap,
-              &__price,
-              &__price-item {
-                border-top: 0;
-                padding: 0;
-                margin: 0;
-              };
-            }
-          }
-        }
-      }
+      background: $gray-bg;
+      padding: 30px 15px;
     }
   }
 
@@ -269,7 +222,7 @@
   }
 
   .billing-payment-block {
-    margin-top: 24px;
+    margin: 40px 0;
   }
 
   .loader-wrapper.page-loader {
@@ -312,6 +265,12 @@
     @include make-col(12);
   }
 
+  .right-aside {
+    .checkout-title__title {
+      margin-bottom: 24px;
+    }
+  }
+
   .content {
     display: flex;
     flex-direction: column;
@@ -575,25 +534,18 @@
 
     .right-aside {
       .summary {
+        &__aside {
+          .checkout-widget.checkout-widget_order-summary {
+            padding: 20px 0 0;
+          }
+        }
+
         .checkout-widget {
           &.checkout-widget_order-summary {
             .checkout-widget__total {
               font-weight: 400;
-            }
-          }
-        }
-      }
-    }
-
-    .delivery-block,
-    .click-collect-block,
-    .billing-payment-block {
-      &__wrapper {
-        .checkout-order {
-          .order-block {
-            &__order-line {
-              border-top: 1px solid $gray;
-              border-bottom: 0;
+              margin-left: -20px;
+              margin-right: -20px;
             }
           }
         }
@@ -607,19 +559,14 @@
     .delivery-block,
     .click-collect-block,
     .billing-payment-block {
-      &__heading {
-        margin-bottom: 24px;
+      &__wrapper {
+        padding: 55px 50px 50px;
       }
     }
 
     .right-aside {
       @include make-col(12);
-
-      .summary {
-        .checkout-title__title {
-          margin-bottom: 24px;
-        };
-      };
+      margin-top: 20px;
     }
 
     .content {
@@ -709,10 +656,6 @@
       margin-top: 0;
     }
 
-    .billing-payment-block {
-      margin-top: 40px;
-    }
-
     .basket__voucher.checkout-widget {
       padding: 40px 35px;
       margin-bottom: 30px;
@@ -769,19 +712,14 @@
           &.checkout-widget_order-summary {
             .checkout-widget__total {
               font-weight: 400;
+              margin-left: -30px;
+              margin-right: -30px;
             }
           }
         }
 
-        &__payment {
-          margin: 0;
-
-          .footer-checkout-holder {
-            background-color: $white;
-            border: 1px solid $gray;
-            border-top: 0;
-            padding: 16px 0;
-          }
+        .summary__basked-id {
+          margin-top: 13px;
         }
       }
     }
@@ -793,6 +731,15 @@
     .delivery-block,
     .click-collect-block,
     .billing-payment-block {
+      &__heading {
+        margin-bottom: 18px;
+      }
+
+      &__wrapper {
+        padding: 25px 15px;
+        margin: 0 -15px;
+      }
+
       .order-block {
         &__time-head {
           font-size: 1.125rem;
@@ -813,6 +760,11 @@
           display: flex;
           flex-direction: column-reverse;
           align-items: flex-start;
+
+          .show-products,
+          .hide-products {
+            padding: 15px 15px 25px;
+          }
         }
 
         .order-line__product {
@@ -893,6 +845,10 @@
       margin-top: 20px;
     }
 
+    .billing-payment-block {
+      margin-bottom: 0;
+    }
+
     .simplify-collection {
       margin: 0 -15px;
 
@@ -907,8 +863,26 @@
       overflow-x: hidden;
 
       .summary {
+        .checkout-title__title {
+          margin-bottom: 16px;
+          font-size: 1.5rem;
+          line-height: 1.75rem;
+        }
+
         &__aside {
+          margin: 0 -15px 10px;
+          padding: 0;
+
           .checkout-widget {
+            &_order-summary {
+              padding: 25px 20px 0;
+              margin: 0;
+            }
+
+            &__details {
+              padding: 0;
+            }
+
             &__item-bold {
               .checkout-widget__item-value {
                 font-size: 1.125rem;
@@ -916,6 +890,10 @@
             }
           }
         }
+
+        &__basked-id {
+          margin: 0 -15px;
+        }
       }
     }
   }