@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

package/dist/employee-bulk-order.scss

@@ -18,6 +18,7 @@
   height: 100%;
   width: 100%;
   overflow: auto;
+
   .employee-products {
     font-weight: 600;
     font-size: 14px;
@@ -27,8 +28,10 @@
     align-items: center;
     justify-content: right;
     padding-left: 30px;
+
     .products_header {
       width: 100%;
+
       .hr_line {
         position: relative;
         text-align: center;
@@ -37,6 +40,7 @@
         font-size: 24px;
         z-index: -1;
         width: 100%;
+
         &::before {
           content: "";
           position: absolute;
@@ -44,9 +48,11 @@
           left: 0;
           width: 100%;
           height: 1px;
-          background: var(--_gray-200); /* line color */
+          background: var(--_gray-200);
+          /* line color */
           z-index: -1;
         }
+
         span {
           padding: 8px 12px;
           display: inline-block;
@@ -56,10 +62,12 @@
       }
     }
   }
+
   .employee-content-section {
     display: flex;
     height: calc(100% - 70px);
     width: 100%;
+
     .employees-section-title {
       writing-mode: vertical-rl;
       transform: rotate(180deg);
@@ -73,6 +81,7 @@
       top: 0;
       height: 100%;
       position: relative;
+
       &:before,
       &:after {
         content: "";
@@ -82,21 +91,27 @@
         position: relative;
         left: -10px;
       }
+
       &:before {
         top: -14px;
       }
+
       &:after {
         top: 14px;
       }
+
       .title {
         background: #ffffff;
         height: max-content;
       }
     }
+
     .employee-content {
       width: calc(100% - 29px);
       display: flex;
+
       .em_content {
+
         // display: flex;
         .add-entity-section {
           width: 250px;
@@ -106,6 +121,7 @@
           border-bottom: none;
           border-right: none;
           border-radius: 6px;
+
           .svg_icon {
             position: absolute;
             display: flex;
@@ -116,18 +132,22 @@
             justify-content: center;
             border-radius: 50%;
             cursor: pointer;
+
             svg {
               path {
                 stroke: #fff;
               }
             }
           }
+
           .em_add-product {
             position: absolute;
             right: 0;
+
             .dropdown-with-input-section {
               border: 0;
               background-color: transparent;
+
               .dropdown-input-section {
                 width: 0;
                 height: 0;
@@ -139,36 +159,44 @@
                 }
               }
             }
+
             .svg_icon {
               right: -10px;
               top: -10px;
             }
           }
+
           .em_add-employee {
             position: absolute;
             bottom: 0;
+
             .dropdown-with-input-section {
               border: 0;
               background-color: transparent;
+
               &:focus-within {
                 border: 0;
                 outline: 0;
               }
             }
+
             .dropdown-menu {
               top: 38px;
             }
+
             .svg_icon {
               left: -10px;
               bottom: -10px;
             }
           }
+
           .em_add-product-disabled {
             pointer-events: none;
             opacity: 0.5;
             cursor: default;
           }
         }
+
         .employees-section {
           height: calc(100% - 88px);
           overflow: auto;
@@ -183,19 +211,24 @@
             gap: 12px;
             border-bottom: 1px solid var(--_gray-200);
             cursor: pointer;
+
             &:not(&.selected):hover {
               background-color: var(--_primary-25);
             }
+
             &:first-child {
               border-top: 1px solid var(--_gray-200);
             }
+
             // height: 112px;
             width: 100%;
+
             .em_data {
               display: flex;
               // align-items: baseline;
               gap: 10px;
               margin-bottom: 6px;
+
               .em_profile {
                 width: 32px;
                 height: 32px;
@@ -208,27 +241,33 @@
                 font-weight: 600;
                 flex-shrink: 0;
                 overflow: hidden;
+
                 img {
                   max-width: 100%;
                   max-height: 100%;
                   object-fit: contain;
                 }
               }
+
               .em_info {
                 display: grid;
                 gap: 4px;
+
                 .em_name_section {
                   display: flex;
                   align-items: center;
+
                   .em_name {
                     width: 158px;
                     color: var(--_gray-900);
                     font-size: 14px;
                     font-weight: 600;
                   }
+
                   .svg_icon {
                     display: flex;
                     cursor: pointer;
+
                     &:hover {
                       svg path {
                         stroke: var(--_error-700);
@@ -236,41 +275,49 @@
                     }
                   }
                 }
+
                 .em_code {
                   width: 158px;
                   color: var(--_gray-600);
                   font-size: 12px;
                 }
               }
+
               .em_profile_text {
                 width: 100%;
                 text-align: center;
               }
             }
+
             .em_entity-status {
               display: flex;
               gap: 10px;
               margin-left: 14px;
               margin-top: 12px;
             }
+
             .emp_action_btns {
               display: flex;
               gap: 8px;
               margin-top: 12px;
+
               .discard_btn {
                 padding: 8px 16px;
                 border-radius: 4px;
                 width: 100%;
+
                 &:hover {
                   background-color: var(--_gray-200);
                 }
               }
+
               .save_btn {
                 padding: 8px 16px;
                 border-radius: 4px;
                 width: 100%;
                 color: var(--_primary-400);
                 border: 1px solid var(--_primary-400);
+
                 &:hover {
                   background-color: var(--_primary-50);
                 }
@@ -278,10 +325,12 @@
             }
           }
         }
+
         .employee_card.selected {
           background: var(--_primary-50);
           border-bottom: 2px solid var(--_primary-400);
         }
+
         .em_empty_section {
           width: 100%;
           height: 100%;
@@ -292,6 +341,7 @@
           border-top: 1px solid var(--_gray-200);
         }
       }
+
       .products-section {
         width: calc(100% - 250px);
         height: 100%;
@@ -299,6 +349,7 @@
         border-right: 0;
         display: flex;
         overflow-x: auto;
+
         .em_product {
           min-width: 320px;
           width: 320px;
@@ -308,31 +359,38 @@
           border-top: 0;
           display: flex;
           flex-direction: column;
+
           &:hover {
             box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
           }
+
           .em_product-data {
             width: 100%;
             border-bottom: 1px solid var(--_gray-200);
+
             .em_product-info {
               border-bottom: 1px solid var(--_gray-200);
               height: 68px;
+
               .product-card {
                 display: grid;
                 width: 100%;
                 gap: 8px;
                 grid-template-columns: 40px auto;
+
                 .image-section {
                   border-radius: 50%;
                   width: 32px;
                   height: 32px;
                   overflow: hidden;
                   background: var(--_gray-100);
+
                   img {
                     width: 100%;
                     border-radius: 2px;
                   }
                 }
+
                 .product-card-info {
                   display: flex;
                   justify-content: space-between;
@@ -340,27 +398,32 @@
                   gap: 12px;
                   width: 100%;
                 }
+
                 .info-section {
                   display: flex;
                   flex-direction: column;
                   justify-content: center;
+
                   .header {
                     width: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
                     position: relative;
+
                     .product-name {
                       font-weight: 600;
                       font-size: 16px;
                       color: #1a1a1a;
                     }
                   }
+
                   .em_p_code_s {
                     display: flex;
                     gap: 4px;
                     font-size: 12px;
                   }
+
                   .item-number,
                   .quota {
                     font-size: 14px;
@@ -373,8 +436,10 @@
                     margin-left: 4px;
                   }
                 }
+
                 .svg_icon {
                   cursor: pointer;
+
                   &:hover {
                     svg path {
                       stroke: var(--_error-700);
@@ -383,26 +448,31 @@
                 }
               }
             }
+
             .selecte_variants_for_cart {
               height: 68px;
               overflow: auto;
               padding: 8px;
               color: var(--_gray-600);
+
               .variant_info {
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 height: 100%;
                 border-radius: 4px;
+
                 &:has(.error) {
                   color: var(--_gray-400);
                   background-color: var(--_base-white);
                 }
+
                 &.error {
                   color: var(--_error-700);
                   background-color: var(--_error-50);
                 }
               }
+
               .variantOptionValues {
                 height: 24px;
                 color: #475467;
@@ -413,14 +483,17 @@
                 align-items: center;
                 padding: 4px 8px;
                 cursor: pointer;
+
                 &.active_vr {
                   background-color: var(--_primary-25);
                   color: var(--_primary-500);
                   border-radius: 4px !important;
                   line-height: 14px;
                 }
+
                 &:hover {
                   color: var(--_primary-400);
+
                   .variantOptionValues_actions {
                     opacity: 1;
                   }
@@ -431,18 +504,22 @@
                     }
                   }
                 }
+
                 .variantOptionValues_text {
                   width: calc(100% - 40px);
                   padding-right: 4px;
                 }
+
                 .variantOptionValues_actions {
                   display: flex;
                   gap: 8px;
                   align-items: center;
                   // width: 40px;
                   opacity: 0;
+
                   .svg_icon {
                     display: flex;
+
                     svg {
                       width: 18px;
                       height: 18px;
@@ -451,19 +528,23 @@
                 }
               }
             }
+
             .em_product-variant,
             .em_product-info {
               // height: 50%;
               padding: 8px;
             }
+
             .em_product-variant {
               height: 68px;
+
               .em_variant-status {
                 display: flex;
                 gap: 10px;
               }
             }
           }
+
           .validation-info {
             background-color: var(--_error-50);
             color: var(--_error-700);
@@ -472,6 +553,7 @@
             padding-block: 4px 6px;
             margin-top: -1px;
           }
+
           .em_pr_actions {
             display: flex;
             justify-content: end;
@@ -480,17 +562,21 @@
             align-items: center;
             border-bottom: 1px solid #d0d5dd;
             padding: 0 12px;
+
             .action {
               font-size: 14px;
               cursor: pointer;
             }
+
             .discard {
               color: #475467;
             }
+
             .save {
               color: #243dc6;
             }
           }
+
           .qty_exist_info {
             background-color: var(--_warning-50);
             color: var(--_warning-500);
@@ -498,6 +584,7 @@
             text-align: center;
             border-bottom: 1px solid var(--_warning-200);
           }
+
           .product-option-details {
             height: calc(100% - 214px);
             width: 100%;
@@ -505,16 +592,20 @@
             padding: 8px;
             flex-grow: 1;
             overflow-y: auto;
+
             .em_product_options {
               display: flex;
               flex-direction: column;
               gap: 12px;
+
               .em_p_variant_options {
                 display: flex;
                 flex-direction: column;
                 gap: 16px;
+
                 .em_p_opt {
                   margin-bottom: 4px;
+
                   .em_opt_name {
                     font-size: 12px;
                     color: #101828;
@@ -522,6 +613,7 @@
                     display: block;
                     margin-bottom: 6px;
                   }
+
                   .em_p_opt_values {
                     display: flex;
                     gap: 8px;
@@ -530,21 +622,25 @@
 
                     .em_opt_val {
                       cursor: pointer;
+
                       &:hover {
                         // scale: 1.01;
                         transition: all 0.2s;
                       }
                     }
+
                     .em_opt_val.selected {
                       border: 1px solid var(--_primary-400);
                       color: var(--_primary-400);
                       font-weight: 600;
                     }
+
                     .em_opt_val.not-avl {
                       position: relative;
                       overflow: hidden;
                       cursor: not-allowed;
                       pointer-events: none;
+
                       &:after {
                         content: "";
                         width: 100%;
@@ -558,6 +654,7 @@
                         overflow: hidden;
                       }
                     }
+
                     .em_opt_val_swatch {
                       min-width: 28px;
                       min-height: 28px;
@@ -569,6 +666,7 @@
                       display: flex;
                       align-items: center;
                       justify-content: center;
+
                       &.selected {
                         min-width: 45px;
                         border-radius: 20px;
@@ -576,6 +674,7 @@
                         border: 2px solid var(--_base-white);
                       }
                     }
+
                     .em_opt_val_single {
                       min-width: 32px;
                       min-height: 32px;
@@ -592,6 +691,7 @@
                       align-items: center;
                       justify-content: center;
                     }
+
                     .em_opt_val_single.selected {
                       background: var(--_primary-25);
                     }
@@ -604,12 +704,14 @@
               }
             }
           }
+
           .product-qty-section {
             height: 56.74px;
             display: flex;
             gap: 8px;
             padding: 8px;
             border-top: 1px solid #dde0e6;
+
             input {
               height: 100%;
               width: 50%;
@@ -619,11 +721,13 @@
               font-weight: 600;
               font-size: 16px;
               color: #101828;
+
               &:focus {
                 border: 1px solid var(--_primary-300);
                 outline: 2px solid var(--_primary-100);
               }
             }
+
             .add_to_cart_btn_for_employee_bulk {
               height: 100%;
               width: 50%;
@@ -631,15 +735,18 @@
               border-radius: 4px;
               color: var(--_base-white);
               font-size: 16px;
+
               &:hover {
                 background-color: var(--_primary-500);
               }
             }
           }
+
           .invalid_qty {
             border: #f51605 1px solid !important;
           }
         }
+
         .invalid_em_pr {
           border: #f51605 1px solid !important;
         }
@@ -652,11 +759,13 @@
     display: flex;
     justify-content: right;
     gap: 12px;
+
     .employee_product_action {
       padding: 12px 16px;
       color: var(--_gray-600);
       border-radius: 6px;
       cursor: pointer;
+
       &:hover {
         background-color: var(--_primary-25);
       }
@@ -677,11 +786,13 @@
   .icon_with_label_section {
     display: flex;
     gap: 4px;
+
     .svg_icon {
       svg path {
         stroke: var(--_primary-400);
       }
     }
+
     .label_elm {
       color: var(--_primary-400);
       font-size: 14px;
@@ -695,6 +806,7 @@
       height: 100%;
       width: 100%;
       background-color: var(--_gray-50);
+
       .em_quota_container {
         display: flex;
         flex-direction: column;
@@ -749,6 +861,7 @@
             align-items: center;
             gap: 4px;
             color: #444;
+
             &:not(:last-child):after {
               content: "";
               display: inline-block;
@@ -787,6 +900,7 @@
             display: flex;
             align-items: center;
             flex-wrap: wrap;
+
             svg {
               display: flex;
             }
@@ -802,11 +916,14 @@
             .user-item {
               display: flex;
               align-items: center;
-              & > span {
+
+              &>span {
                 display: inline-block;
                 margin-right: 4px;
               }
+
               color: #555;
+
               &:not(:last-child):after {
                 content: "";
                 display: inline-block;
@@ -823,6 +940,7 @@
               }
             }
           }
+
           .user-info-right {
             .save-btn {
               padding: 8px 16px;
@@ -839,6 +957,7 @@
             padding: 6px;
             border-radius: 4px;
             color: var(--_gray-600);
+
             &:hover {
               background: var(--_error-50);
               color: var(--_error-700);
@@ -959,8 +1078,10 @@
             }
           }
         }
+
         // employee checkout flow end
       }
+
       .em_chk_container {
         display: flex;
         gap: 24px;
@@ -973,6 +1094,7 @@
         .chk_section {
           // emp checkout started
           width: calc(100% - 400px);
+
           .chk_checkout_accordion {
             display: flex;
             padding: var(--_ctm-lt-pg);
@@ -994,15 +1116,19 @@
               // gap: var(--_ctm-lt-an-hg-ad-ve-gp);
               flex-direction: column;
               transition: max-height 800ms ease-in;
+
               &.open {
                 transition: max-height 800ms ease-in;
+
                 .accordion-header {
                   background-color: var(--_gray-200);
                 }
+
                 .accordion-body {
                   transition: max-height 800ms ease-in;
                   max-height: 2000px;
                   padding-block: 12px 24px;
+
                   .shipping-address {
                     max-height: fit-content;
                     transition: max-height 800ms ease-in;
@@ -1036,6 +1162,7 @@
                     display: flex;
                   }
                 }
+
                 .edit-btn {
                   cursor: pointer;
                   color: var(--_primary-400);
@@ -1053,6 +1180,7 @@
                 max-height: 0px;
                 overflow: hidden;
                 padding: 0;
+
                 // shipping address
                 .shipping-address {
                   transition: max-height 800ms ease-in;
@@ -1063,6 +1191,7 @@
 
                   .btn_link {
                     color: var(--_primary-400);
+
                     &:hover {
                       text-decoration: underline;
                     }
@@ -1090,6 +1219,7 @@
                     align-items: center;
                     font-weight: 600;
                     color: var(--_gray-900);
+
                     .icon {
                       display: flex;
                       align-items: center;
@@ -1156,6 +1286,7 @@
                     font-size: 12px;
                     color: #ff0000;
                   }
+
                   label {
                     display: flex;
                     align-items: center;
@@ -1201,7 +1332,7 @@
                     }
                   }
 
-                  input[type="checkbox"]:checked + label {
+                  input[type="checkbox"]:checked+label {
                     .custom-checkbox {
                       background-color: #004dff;
                       border-color: #004dff;
@@ -1352,14 +1483,17 @@
                     svg {
                       width: var(--_ctm-dn-me-sg-as-dn-dd-in-in-se);
                       height: var(--_ctm-dn-me-sg-as-dn-dd-in-in-se);
+
                       path {
                         stroke: var(--_ctm-dn-me-sg-as-dn-dd-in-in-c1);
                         // Overrides the stroke-width presentation attribute baked into the icon markup.
                         stroke-width: prepareMediaVariable(--_ctm-dn-me-sg-as-dn-dd-in-se-wh, 1.25);
                       }
                     }
+
                     &:hover {
                       cursor: pointer;
+
                       svg {
                         path {
                           stroke: var(--_error-700);
@@ -1367,6 +1501,7 @@
                       }
                     }
                   }
+
                   .chk_shiping_address_form_input {
                     padding: 8px 12px;
                     width: -webkit-fill-available;
@@ -1456,14 +1591,15 @@
                       width: 20px;
                       margin-right: 12px;
                       height: 20px;
-                      border: 1px solid transparent; /* blue ring */
+                      border: 1px solid transparent;
+                      /* blue ring */
                       border-radius: 50%;
                       display: inline-block;
                       box-sizing: border-box;
                       background-color: white;
                       transition: all 0.2s ease;
 
-                      input[type="radio"]:checked + .radio-style {
+                      input[type="radio"]:checked+.radio-style {
                         background-color: var(--_thm-py-bs-dt-se-bd-cr);
                         border: 6px solid;
                       }
@@ -1502,6 +1638,7 @@
 
                     .custom_radio {
                       position: relative;
+
                       input[type="radio"] {
                         margin-right: 12px;
                         width: 16px;
@@ -1510,6 +1647,7 @@
                         cursor: pointer;
                         display: none;
                       }
+
                       .radio-style {
                         width: 20px;
                         height: 20px;
@@ -1520,7 +1658,8 @@
                         box-sizing: border-box;
                         transition: all 0.2s;
                       }
-                      input[type="radio"]:checked + .radio-style {
+
+                      input[type="radio"]:checked+.radio-style {
                         background-color: var(--_base-white);
                         border: 5px solid var(--_thm-py-bs-dt-se-br-cr);
                       }
@@ -1536,6 +1675,7 @@
                   .order_level_shipping {
                     display: flex;
                     gap: 24px;
+
                     .order_level_shipping_img {
                       width: 120px;
                       height: 120px;
@@ -1550,10 +1690,12 @@
                   display: flex;
                   flex-direction: column;
                   gap: var(--_ctm-lt-pt-os-gp-bn-cs);
+
                   .gift_crd_chk_payment_option {
                     border: 1px solid var(--_gray-300);
                     border-radius: 4px;
                     margin-bottom: 12px;
+
                     .add_gift_card {
                       display: flex;
                       gap: 12px;
@@ -1577,6 +1719,7 @@
                           font-weight: 600;
                         }
                       }
+
                       .gc_tertiary_btn {
                         color: var(--_primary-400);
 
@@ -1586,21 +1729,26 @@
                         }
                       }
                     }
+
                     .chk_gft_crd_wrapper {
                       display: flex;
                       justify-content: space-between;
                       align-items: center;
                       padding: 16px;
-                      & > button {
+
+                      &>button {
                         color: var(--_primary-400);
+
                         &:hover {
                           text-decoration: underline;
                         }
                       }
+
                       &_item {
                         display: flex;
                         align-items: center;
                         gap: 16px;
+
                         &_icon {
                           width: 40px;
                           height: 40px;
@@ -1610,28 +1758,35 @@
                           justify-content: center;
                           align-items: center;
                         }
+
                         &_info {
                           display: flex;
                           flex-direction: column;
+
                           &_title {
                             font-size: 14px;
                             margin-bottom: 4px;
                             font-weight: 600;
                           }
+
                           &_desc {
                             display: flex;
+
                             &_value {
                               font-size: 12px;
                               color: var(--_gray-600);
                             }
+
                             &_label {
                               font-size: 12px;
                               color: var(--_gray-900);
                             }
                           }
                         }
+
                         &_pin {
                           margin-left: 36px;
+
                           input[type="number"] {
                             border: 1px solid var(--_gray-300);
                             border-radius: 4px;
@@ -1639,10 +1794,12 @@
                             width: 95px;
                             height: 44px;
                             padding-inline: 10px;
+
                             &:disabled {
                               opacity: 0.8;
                               cursor: not-allowed;
                             }
+
                             &:focus {
                               outline: 2px solid var(--_primary-100);
                               border: 1px solid var(--_primary-300);
@@ -1661,14 +1818,17 @@
                         align-items: center;
                         gap: 8px;
                         padding-left: 10px;
+
                         input[type="number"] {
                           background-color: var(--_base-white);
                           padding-right: 10px;
+
                           &:disabled {
                             opacity: 0.8;
                             cursor: not-allowed;
                           }
                         }
+
                         &:focus-within {
                           outline: 2px solid var(--_primary-100);
                           border: 1px solid var(--_primary-300);
@@ -1676,7 +1836,9 @@
                       }
                     }
                   }
+
                   .payment_program {
+
                     // padding: 0 12px;
                     .payment_program_header {
                       display: flex;
@@ -1690,16 +1852,19 @@
                         display: flex;
                         justify-content: space-between;
                         align-items: center;
+
                         &_title {
                           font-size: 14px;
                           font-weight: 600;
                           color: var(--_gray-600);
                         }
+
                         .payment_program_header_pds {
                           &_label {
                             font-size: 14px;
                             color: var(--_gray-600);
                           }
+
                           &_value {
                             font-size: 14px;
                             color: var(--_gray-900);
@@ -1726,34 +1891,41 @@
                         display: flex;
                         justify-content: space-between;
                         gap: 8px;
+
                         &:not(:first-child) {
                           border-top: 1px solid var(--_gray-200);
                         }
+
                         .pp_ppm_section_label {
                           font-size: 14px;
                           font-weight: 700;
                           color: var(--_gray-900);
                         }
+
                         .pp_ppm_section_value {
                           font-size: 14px;
                           font-weight: 700;
                           color: var(--_gray-600);
+
                           .pp_ppm_section_value_lable {
                             font-weight: 500;
                             color: var(--_gray-500);
                           }
                         }
                       }
+
                       .payment_methods {
                         // padding: 12px;
                         display: grid;
                         gap: 8px;
+
                         .chk_payment_option {
                           .chk_payment_options_heading {
                             padding: 16px;
                             display: flex;
                             justify-content: space-between;
                           }
+
                           .chk_payment_section_wrapper {
                             width: 100%;
                             display: flex;
@@ -1765,28 +1937,35 @@
                               justify-content: space-between;
                               align-items: center;
                               width: 100%;
+
                               .chk_payment_section_col_left {
                                 display: flex;
                                 gap: 12px;
+
                                 svg {
                                   width: 24px;
                                   height: 24px;
                                 }
+
                                 .chk_payment_section_method {
                                   display: flex;
                                   flex-direction: column;
+
                                   .chk_payment_section_method_name {
                                     font-size: 14px;
                                     font-weight: 700;
                                     line-height: 20px;
                                     color: var(--_gray-700);
                                   }
-                                  & > div {
+
+                                  &>div {
                                     display: flex;
+
                                     .label {
                                       font-size: 12px;
                                       color: var(--_gray-500);
                                     }
+
                                     .price {
                                       font-size: 12px;
                                       color: var(--_gray-900);
@@ -1794,6 +1973,7 @@
                                   }
                                 }
                               }
+
                               &_col_right {
                                 .chk_currency_inp {
                                   height: 44px;
@@ -1806,12 +1986,15 @@
                                   align-items: center;
                                   padding-inline: 12px;
                                   gap: 12px;
+
                                   &:focus-within {
                                     border: 1px solid var(--_primary-200);
                                     outline: 2px solid var(--_primary-50);
                                   }
+
                                   input {
                                     height: inherit;
+
                                     &:disabled {
                                       opacity: 0.8;
                                       cursor: not-allowed;
@@ -1835,24 +2018,31 @@
                               justify-content: space-between;
                               gap: 80px;
                               padding: 16px;
+
                               .chk_pmnt_other_options_left_container {
                                 display: flex;
                                 gap: 12px;
+
                                 .chk_pmnt_option_info_wrapper {
                                   display: flex;
                                   gap: 12px;
+
                                   .cards {
                                     display: flex;
                                     flex-direction: column;
                                     gap: 8px;
+
                                     .chk_payment_options_name {
                                       font-weight: 600;
                                     }
+
                                     span {
                                       font-size: 12px;
+
                                       .chk_payment_options_label {
                                         color: var(--_gray-600);
                                       }
+
                                       .chk_payment_options_value {
                                         color: var(--_gray-900);
                                       }
@@ -1860,6 +2050,7 @@
                                   }
                                 }
                               }
+
                               .chk_pmnt_other_options_container {
                                 padding: 16px;
                               }
@@ -1880,6 +2071,7 @@
                               display: flex;
                               gap: 12px;
                               align-items: flex-start;
+
                               .chk_payment_option__info_wrapper {
                                 display: flex;
                                 gap: 0px;
@@ -1987,12 +2179,15 @@
                             }
                           }
                         }
+
                         .add_new_credit_card {
                           padding: 16px 16px 0px 16px;
                           display: flex;
                           justify-content: space-between;
+
                           .cc_tertiary_btn {
                             color: var(--_primary-400);
+
                             &:hover {
                               text-decoration: underline;
                             }
@@ -2016,39 +2211,48 @@
                             align-items: center;
                             padding-inline: 12px;
                             gap: 12px;
+
                             &:focus-within {
                               border: 1px solid var(--_primary-200);
                               outline: 2px solid var(--_primary-50);
                             }
+
                             input {
                               height: inherit;
                             }
                           }
+
                           .chk_payment_cred_section_col_left {
                             .chk_payment_cred_section_col_left_crd_details {
                               display: flex;
                               gap: 80px;
                               align-items: center;
-                              & > div {
+
+                              &>div {
                                 display: flex;
                                 gap: 12px;
+
                                 .card_icon {
                                   width: 60px;
                                   height: 40px;
                                   border-radius: 4px;
                                 }
+
                                 .card_details {
                                   .card_details_num {
                                     font-size: 12px;
                                     font-weight: 600;
                                     color: var(--_gray-900);
                                   }
-                                  & > div {
+
+                                  &>div {
                                     display: flex;
+
                                     .card_details_label {
                                       font-size: 12px;
                                       color: var(--_gray-500);
                                     }
+
                                     .card_details_value {
                                       font-size: 12px;
                                       color: var(--_gray-900);
@@ -2063,6 +2267,7 @@
                         .chk_payment_remove_card {
                           padding-inline: 16px;
                           margin-bottom: 16px;
+
                           .error_msg {
                             font-size: 12px;
                             color: var(--_error-700);
@@ -2077,10 +2282,7 @@
                     display: flex;
                     flex-direction: column;
                     background-color: var(--_base-white);
-                    box-shadow: var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-ae)
-                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-br)
-                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-sd)
-                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-cr);
+                    box-shadow: var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-ae) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-br) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-sd) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-cr);
 
                     &_form_container {
                       border-radius: var(--_ctm-dn-pt-os-cr-dn-br-rs);
@@ -2094,6 +2296,7 @@
                       font-size: 16px;
                       color: var(--_gray-900);
                       font-weight: 600;
+
                       &.pl_0 {
                         padding-left: 0px;
                       }
@@ -2127,6 +2330,7 @@
                         letter-spacing: var(--_ctm-dn-sg-md-dn-hg-dn-lr-sg);
                         text-decoration: var(--_ctm-dn-sg-md-dn-hg-dn-ue);
                       }
+
                       .icon {
                         cursor: pointer;
                       }
@@ -2240,7 +2444,7 @@
                       }
                     }
 
-                    input[type="checkbox"]:checked + label {
+                    input[type="checkbox"]:checked+label {
                       .custom-checkbox {
                         background-color: #004dff;
                         border-color: #004dff;
@@ -2282,8 +2486,10 @@
                     justify-content: space-between;
                     border-bottom: 1px solid var(--_gray-100);
                     font-weight: 600;
+
                     .gc_tertiary_btn {
                       color: var(--_primary-400);
+
                       &:hover {
                         text-decoration: underline;
                       }
@@ -2299,17 +2505,21 @@
                       border-bottom: 1px solid var(--_gray-200);
                       display: flex;
                       justify-content: space-between;
+
                       .payment_options_heading {
                         font-size: 14px;
                         font-weight: 600;
                       }
+
                       .chk_primary_btn_link {
                         color: var(--_primary-400);
+
                         &:hover {
                           text-decoration: underline;
                         }
                       }
                     }
+
                     // gift card styles
 
                     // .chk_gft_crd_wrapper {
@@ -2348,10 +2558,12 @@
                       justify-content: space-between;
                       align-items: center;
                       padding: 16px 16px 0 16px;
+
                       &_item {
                         display: flex;
                         align-items: center;
                         gap: 16px;
+
                         &_icon {
                           width: 40px;
                           height: 40px;
@@ -2361,28 +2573,35 @@
                           justify-content: center;
                           align-items: center;
                         }
+
                         &_info {
                           display: flex;
                           flex-direction: column;
+
                           &_title {
                             font-size: 14px;
                             margin-bottom: 4px;
                             font-weight: 600;
                           }
+
                           &_desc {
                             display: flex;
+
                             &_value {
                               font-size: 12px;
                               color: var(--_gray-600);
                             }
+
                             &_label {
                               font-size: 12px;
                               color: var(--_gray-900);
                             }
                           }
                         }
+
                         &_pin {
                           margin-left: 36px;
+
                           input[type="number"] {
                             border: 1px solid var(--_gray-300);
                             border-radius: 4px;
@@ -2390,6 +2609,7 @@
                             width: 95px;
                             height: 44px;
                             padding-inline: 10px;
+
                             &:focus {
                               outline: 2px solid var(--_primary-100);
                               border: 1px solid var(--_primary-300);
@@ -2408,10 +2628,12 @@
                         align-items: center;
                         gap: 8px;
                         padding-left: 10px;
+
                         input[type="number"] {
                           background-color: var(--_base-white);
                           padding-right: 10px;
                         }
+
                         &:focus-within {
                           outline: 2px solid var(--_primary-100);
                           border: 1px solid var(--_primary-300);
@@ -2420,6 +2642,7 @@
 
                       .chk_gft_crd_wrapper_btn {
                         color: var(--_primary-400);
+
                         &:hover {
                           text-decoration: un;
                         }
@@ -2432,24 +2655,31 @@
                       justify-content: space-between;
                       gap: 80px;
                       padding: 16px;
+
                       .chk_pmnt_other_options_left_container {
                         display: flex;
                         gap: 12px;
+
                         .chk_pmnt_option_info_wrapper {
                           display: flex;
                           gap: 12px;
+
                           .cards {
                             display: flex;
                             flex-direction: column;
                             gap: 8px;
+
                             .chk_payment_options_name {
                               font-weight: 600;
                             }
+
                             span {
                               font-size: 12px;
+
                               .chk_payment_options_label {
                                 color: var(--_gray-600);
                               }
+
                               .chk_payment_options_value {
                                 color: var(--_gray-900);
                               }
@@ -2457,6 +2687,7 @@
                           }
                         }
                       }
+
                       .chk_pmnt_other_options_container {
                         padding: 16px;
                       }
@@ -2477,7 +2708,8 @@
                       display: flex;
                       gap: 12px;
                       align-items: flex-start;
-                      & > div {
+
+                      &>div {
                         display: flex;
                         gap: 12px;
                       }
@@ -2594,8 +2826,7 @@
                   font-weight: var(--_ctm-dn-it-bx-dn-ft-wt);
                   line-height: var(--_ctm-dn-it-bx-dn-le-ht);
                   letter-spacing: var(--_ctm-dn-it-bx-dn-lr-sg);
-                  box-shadow: var(--_ctm-dn-it-bx-dn-sw-ae) var(--_ctm-dn-it-bx-dn-sw-br)
-                    var(--_ctm-dn-it-bx-dn-sw-sd) var(--_ctm-dn-it-bx-dn-sw-cr);
+                  box-shadow: var(--_ctm-dn-it-bx-dn-sw-ae) var(--_ctm-dn-it-bx-dn-sw-br) var(--_ctm-dn-it-bx-dn-sw-sd) var(--_ctm-dn-it-bx-dn-sw-cr);
                   text-align: var(--_ctm-dn-it-bx-dn-tt-an);
                   text-decoration: var(--_ctm-dn-it-bx-dn-ue);
                 }
@@ -2609,6 +2840,7 @@
                   input[type="checkbox"] {
                     display: none;
                   }
+
                   .payment_program_title {
                     font-size: 14px;
                     font-weight: 500;
@@ -2691,7 +2923,7 @@
                     }
                   }
 
-                  input[type="checkbox"]:checked + label {
+                  input[type="checkbox"]:checked+label {
                     .custom-checkbox {
                       background-color: #004dff;
                       border-color: #004dff;
@@ -2702,10 +2934,12 @@
                     }
                   }
                 }
+
                 .chk_address_actions {
                   display: flex;
                   gap: 12px;
                 }
+
                 .chk_payment-card__note {
                   padding: 8px 6px;
                   display: flex;
@@ -2719,6 +2953,7 @@
                     svg {
                       width: var(--_ctm-dn-pt-os-dn-ne-dn-in-se);
                       height: var(--_ctm-dn-pt-os-dn-ne-dn-in-se);
+
                       path {
                         stroke: var(--_ctm-dn-pt-os-dn-ne-dn-in-c1);
                         // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -2787,6 +3022,7 @@
                       &:has(.chk_saved_address_button.selected) {
                         display: flex !important;
                       }
+
                       .chk_saved_address_button {
                         display: flex;
                         align-items: center;
@@ -2810,22 +3046,27 @@
           .chk_cred_form_details {
             border-top: 1px solid var(--_gray-100);
             padding: 16px;
+
             .chk_basic_form_title {
               font-size: 14px;
               margin-bottom: 16px;
               font-weight: 600;
             }
+
             .chk_form_fields {
               h3 {
                 font-size: 14px;
                 margin-bottom: 8px;
               }
+
               display: flex;
               flex-direction: column;
               gap: 24px;
               width: 500px;
+
               .chk_form_field {
                 width: 100%;
+
                 &.expiry_details {
                   width: 80px;
                 }
@@ -2839,20 +3080,24 @@
                   font-size: 14px;
                   color: var(--_gray-600);
                 }
+
                 .chk_form_field_inp {
                   height: 40px;
                   border: 1px solid var(--_gray-300);
                   border-radius: 4px;
                   padding-inline: 10px;
+
                   &:placeholder-shown {
                     color: var(--_gray-400);
                     padding-left: 16px;
                   }
+
                   &:focus {
                     border: 1px solid var(--_primary-300);
                     outline: 2px solid var(--_primary-100);
                   }
                 }
+
                 .error_msg {
                   display: block;
                   color: var(--_error-700);
@@ -2874,7 +3119,7 @@
                   input[type="checkbox"] {
                     display: none;
 
-                    &:checked + .custom-checkbox::after {
+                    &:checked+.custom-checkbox::after {
                       opacity: 1;
                     }
                   }
@@ -2904,9 +3149,11 @@
                   }
                 }
               }
+
               .expiry_details {
                 display: flex;
                 gap: 12px;
+
                 .cvv_inp {
                   width: 110px;
                 }
@@ -2918,11 +3165,13 @@
           .chk_gift_card_details {
             border-top: 1px solid var(--_gray-300);
             padding: 16px;
+
             .chk_gift_card_form {
               display: flex;
               flex-direction: column;
               gap: 16px;
               max-width: 480px;
+
               .chk_gift_cart_form_title {
                 font-size: 14px;
                 font-weight: 600;
@@ -2932,37 +3181,45 @@
                 display: flex;
                 gap: 12px;
                 width: 100%;
+
                 .chk_gift_inp_field {
                   display: flex;
                   flex-direction: column;
                   gap: 6px;
                   width: 100%;
+
                   label {
                     color: var(--_gray-600);
                   }
+
                   .chk_gift_inp {
                     border: 1px solid var(--_gray-300);
                     border-radius: 6px;
                     height: 40px;
                     padding-inline: 10px;
+
                     &:placeholder-shown {
                       padding-left: 10px;
                       color: var(--_gray-400);
                     }
+
                     &:focus {
                       border: 1px solid var(--_primary-300);
                       outline: 2px solid var(--_primary-100);
                     }
                   }
+
                   &.pin {
                     width: 110px;
                   }
+
                   .error_msg {
                     display: block;
                     color: var(--_error-700);
                     font-size: 12px;
                   }
                 }
+
                 .error_msg {
                   color: var(--_error-700);
                   font-size: 14px;
@@ -2970,40 +3227,48 @@
               }
             }
           }
+
           .chk_form_actions {
             display: flex;
             gap: 12px;
+
             .chk_sav_btn {
               padding: 12px 16px;
               background-color: var(--_primary-400);
               border-radius: 6px;
               color: var(--_base-white);
+
               &:hover {
                 background-color: var(--_primary-500);
               }
             }
+
             .chk_can_btn {
               padding: 12px 16px;
               background-color: transparent;
               border-radius: 6px;
               color: var(--_gray-600);
               padding-inline: 10px;
+
               &:hover {
                 background-color: var(--_gray-50);
                 color: var(--_gray-900);
               }
             }
           }
+
           .tertiary_primary_btn {
             font-size: 12px;
             color: var(--_primary-400);
             display: inline-flex;
             width: fit-content;
+
             &:hover {
               color: var(--_primary-500);
               text-decoration: underline;
             }
           }
+
           .chk_primary_bnt {
             padding: 12px 24px;
             background-color: var(--_primary-400);
@@ -3011,10 +3276,12 @@
             font-weight: 600;
             border-radius: 6px;
             width: max-content;
+
             &:hover {
               background-color: var(--_primary-500);
             }
           }
+
           .chk_secondary_bnt {
             padding: 16px 24px;
             background-color: transparent;
@@ -3027,6 +3294,7 @@
               color: var(--_gray-900);
             }
           }
+
           // emp checkout end
         }
 
@@ -3057,6 +3325,7 @@
               background: #f5f5f5;
               border-bottom: 1px solid #d0d5dd;
               border-radius: 4px 4px 0 0;
+
               .icon svg {
                 path {
                   stroke: #d0d5dd;
@@ -3087,6 +3356,7 @@
               flex-direction: column;
               width: 100%;
               gap: 16px;
+
               .cart_summary_products_container {
                 display: flex;
                 width: 100%;
@@ -3121,6 +3391,7 @@
                       .cart_summary_product_content {
                         display: flex;
                         flex-direction: column;
+
                         // pt-wt-pt-qy-ft-fy
                         .cart_summary_heading_text {
                           color: var(--_gray-600);
@@ -3133,6 +3404,7 @@
                           font-weight: 400;
                           color: var(--_gray-400);
                         }
+
                         .cart_summary_qty_value {
                           font-size: 12px;
                           font-weight: 400;
@@ -3140,128 +3412,61 @@
                         }
 
                         .cart_summary_estimatedDate_text {
-                          font-family: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)
-                            )
-                          );
-                          color: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
-                            var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
-                          );
-                          font-weight: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)
-                            )
-                          );
-                          font-size: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)
-                            )
-                          );
-                          text-decoration: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
-                            var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
-                          );
-                          letter-spacing: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)
-                            )
-                          );
-                          line-height: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)
-                            )
-                          );
-                          font-style: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)
-                            )
-                          );
-                          text-align: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)
-                            )
-                          );
+                          font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)));
+                          color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr)));
+                          font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)));
+                          font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)));
+                          text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue)));
+                          letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)));
+                          line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)));
+                          font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)));
+                          text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)));
                         }
+
                         .cart_summary_estimatedDate_value {
-                          font-family: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)
-                            )
-                          );
-                          color: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)
-                            )
-                          );
-                          font-weight: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)
-                            )
-                          );
-                          font-size: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)
-                            )
-                          );
-                          text-decoration: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)
-                            )
-                          );
-                          letter-spacing: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)
-                            )
-                          );
-                          line-height: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)
-                            )
-                          );
-                          font-style: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
-                            )
-                          );
-                          text-align: var(
-                            --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
-                            var(
-                              --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
-                              var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)
-                            )
-                          );
+                          font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)));
+                          color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)));
+                          font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)));
+                          font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)));
+                          text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)));
+                          letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)));
+                          line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)));
+                          font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)));
+                          text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
+                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
+                                var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)));
                         }
                       }
                     }
@@ -3291,6 +3496,7 @@
                   font-size: 16px;
                   line-height: 24px;
                   height: 40px;
+
                   &::placeholder {
                     font-size: 14px;
                   }
@@ -3310,57 +3516,67 @@
                   color: red;
                 }
               }
+
               .subtotal_wrapper {
                 display: flex;
                 align-items: center;
                 gap: 16px;
                 align-self: stretch;
                 justify-content: space-between;
+
                 .cart_summary_number_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
+
                 .cart_summary_number_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
               }
+
               .cart_summary_content_details_wrapper {
                 display: flex;
                 flex-direction: column;
                 gap: 8px;
+
                 .cart_summary_shippingLabel_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
+
                 .cart_summary_shippingLabel_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
+
                 .cart_summary_tax_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
+
                 .cart_summary_tax_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
               }
+
               .cart_summary_total_wrapper {
                 display: flex;
                 flex-direction: column;
                 gap: 8px;
                 border-top: 1px dashed var(--_gray-300);
                 padding-top: 12px;
+
                 .subtotal_wrapper {
                   display: flex;
                   align-items: center;
@@ -3373,6 +3589,7 @@
                     font-weight: 600;
                     color: #101828;
                   }
+
                   .cart_summary_subTotal_value {
                     font-size: 16px;
                     font-weight: 600;
@@ -3384,6 +3601,7 @@
                     font-weight: 600;
                     color: #101828;
                   }
+
                   .cart_summary_total_value {
                     font-size: 20px;
                     font-weight: 600;
@@ -3404,10 +3622,12 @@
               font-weight: 600;
               color: var(--_gray-900);
             }
+
             .cart_summary_product_text {
               font-size: 14px;
               color: var(--_gray-600);
             }
+
             .cart_summary_secondary_text {
               color: var(--_ctm-dn-sy-tt-dn-cr);
               font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
@@ -3447,6 +3667,7 @@
                 font-weight: 600;
               }
             }
+
             .cart_summary_placeOrder_btn_wrapper {
               padding: 12px;
               width: 100%;
@@ -3459,6 +3680,7 @@
               text-align: center;
               font-size: 16px;
               font-weight: 600;
+
               &:hover {
                 padding: 12px;
                 width: 100%;
@@ -3486,6 +3708,7 @@
               text-align: center;
               font-size: 16px;
               font-weight: 600;
+
               &:hover {
                 padding: 12px;
                 width: 100%;
@@ -3506,6 +3729,7 @@
               font-size: 14px;
               font-weight: 400;
             }
+
             .coupon_code_text {
               color: #243dc6;
               font-size: 14px;
@@ -3522,9 +3746,11 @@
     &:hover {
       text-decoration: underline;
     }
+
     &.link {
       color: var(--_primary-400);
     }
+
     &.primary {
       padding: 12px 24px;
       background-color: var(--_primary-400);
@@ -3545,27 +3771,33 @@
     border-radius: 6px;
     padding: 16px;
     color: #333333;
+
     .each-order {
       border: 1px solid var(--_gray-200);
       border-radius: 8px;
       padding: 16px;
+
       .order-header {
         border-bottom: 1px solid #eaecf0;
         padding-bottom: 24px;
+
         .user-info {
           display: flex;
           flex-direction: column;
           padding-bottom: 12px;
           margin-bottom: 12px;
           border-bottom: 1px solid var(--_gray-200);
+
           h3 {
             font-size: 20px;
             font-weight: 700;
             color: var(--_gray-900);
             line-height: 30px;
             margin-bottom: 6px;
+
             span {
               margin-left: 6px;
+
               svg {
                 path {
                   stroke: #475467;
@@ -3573,28 +3805,35 @@
               }
             }
           }
+
           .user-meta-list {
             display: flex;
             align-items: center;
             gap: 12px;
+
             .meta-item {
               display: flex;
               flex-direction: row;
               align-items: center;
+
               .meta-icon {
                 display: flex;
+
                 svg {
                   width: 18px;
                   height: 18px;
                 }
+
                 padding-right: 6px;
               }
+
               .meta-text {
                 font-size: 12px;
                 font-weight: 400;
                 color: #475467;
                 line-height: 18px;
               }
+
               &:not(:first-child)::before {
                 content: "";
                 display: inline-block;
@@ -3634,21 +3873,26 @@
           flex-direction: column;
           justify-content: center;
           gap: 8px;
+
           .success_toast_header {
             display: flex;
             gap: 6px;
             align-items: center;
+
             .success__dropdown__icon {
               display: flex;
+
               svg {
                 width: 24px;
                 height: 24px;
+
                 path {
                   stroke: #099250;
                   fill: #fff;
                 }
               }
             }
+
             h2 {
               color: #101828;
               font-size: 20px;
@@ -3665,22 +3909,27 @@
           }
         }
       }
+
       .order-failed {
         background-color: var(--_error-100);
         border: 1px solid var(--_error-200);
+
         .success__dropdown__icon {
           svg path {
             stroke: var(--_error-700) !important;
           }
         }
       }
+
       .order-pending {
         background-color: #f5f6f9;
         border: 1px solid #c5d2fc;
+
         svg path {
           stroke: var(--_primary-700);
         }
       }
+
       .error_toast_message_wrapper {
         display: flex;
         justify-content: space-between;
@@ -3689,24 +3938,29 @@
         border-radius: 6px;
         border: 1px solid #fda29b;
         padding: 12px;
+
         .error_toast_message_left_section {
           display: flex;
           flex-direction: column;
           gap: 8px;
+
           .error_toast_message_header {
             display: flex;
             gap: 8px;
             align-items: center;
+
             h2 {
               color: #101828;
               font-size: 24px;
               font-weight: 600;
               line-height: 32px;
             }
+
             .error__dropdown__icon {
               svg {
                 width: 32px;
                 height: 32px;
+
                 path {
                   stroke: #d92d20;
                   fill: #ffffff;
@@ -3715,6 +3969,7 @@
               }
             }
           }
+
           p {
             color: #475467;
             font-size: 14px;
@@ -3722,6 +3977,7 @@
             line-height: 20px;
           }
         }
+
         .error_message_btn {
           background-color: #243dc6;
           color: #ffffff;
@@ -3743,6 +3999,7 @@
         display: flex;
         flex-direction: column;
         gap: 16px;
+
         .order_info_header {
           font-size: 14px;
           font-weight: 600;
@@ -3751,6 +4008,7 @@
           border: 1px solid #eaecf0;
           border-radius: 6px;
           background: #f5f5f5;
+
           span {
             font-size: 14px;
             font-weight: 600;
@@ -3758,10 +4016,12 @@
           }
         }
       }
+
       .quick-actions-section {
         display: flex;
         flex-direction: column;
         gap: 16px;
+
         .quick_actions_header {
           font-size: 14px;
           font-weight: 600;
@@ -3770,6 +4030,7 @@
           border: 1px solid #eaecf0;
           border-radius: 6px;
           background: #f5f5f5;
+
           span {
             font-size: 14px;
             font-weight: 600;
@@ -3781,6 +4042,7 @@
       .order-info {
         display: flex;
         flex-direction: column;
+
         /* space between the two rows */
         .order-row {
           display: grid;
@@ -3801,7 +4063,7 @@
           }
 
           /* Each individual info‐cell styling */
-          > div {
+          >div {
             strong {
               display: block;
               font-size: 14px;
@@ -3819,12 +4081,14 @@
               color: var(--_gray-900);
               line-height: 30px;
             }
+
             .delivery_address {
               font-size: 14px;
               font-weight: 400;
               color: var(--_gray-400);
               line-height: 20px;
             }
+
             .shipping-type {
               font-size: 14px;
               font-weight: 400;
@@ -3843,6 +4107,7 @@
               display: inline-flex;
               align-items: center;
               gap: 8px;
+
               &::before {
                 content: "";
                 display: inline-block;
@@ -3850,14 +4115,18 @@
                 height: 6px;
                 border-radius: 50%;
               }
+
               &.success {
                 background-color: var(--_success-200);
+
                 &::before {
                   background-color: var(--_success-700);
                 }
               }
+
               &.failed {
                 background-color: var(--_error-100);
+
                 &::before {
                   background-color: var(--_error-700);
                 }
@@ -3879,6 +4148,7 @@
               color: #0040c1;
               display: inline-block;
               height: 22px;
+
               &::before {
                 content: "";
                 display: inline-block;
@@ -3914,6 +4184,7 @@
         gap: 8px;
         padding: 8px;
         color: #243dc6;
+
         .action-button {
           padding: 8px;
           font-size: 14px;
@@ -3980,16 +4251,19 @@
               color: #475467;
               font-weight: 400;
             }
+
             .item-qty {
               font-size: 12px;
               font-weight: 400;
               color: #475467;
+
               span {
                 font-size: 12px;
                 font-weight: 400;
                 color: #101828;
               }
             }
+
             .estimated-delivery {
               margin: 0;
               font-size: 12px;
@@ -4015,11 +4289,13 @@
 
         .show-more-wrapper {
           margin: 32px 16px 16px 0px;
+
           button {
             padding: 12px 16px;
             color: var(--_primary-400);
             font-weight: 600;
             border-radius: 6px;
+
             &:hover {
               background-color: var(--_primary-25);
             }
@@ -4057,4 +4333,4 @@
       }
     }
   }
-}
+}