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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/build/css/components/checkout-payment-details-v2.css +1 -1
  2. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  3. package/package.json +1 -5
  4. package/src/page_checkout_payment-details-v2-asm.html +1 -0
  5. package/src/page_checkout_payment-details-v2.html +1 -0
  6. package/src/page_checkout_payment-details_with-card-loader.html +1 -0
  7. package/src/page_checkout_payment-details_with-klarna-loader.html +1 -0
  8. package/src/page_checkout_payment-details_with-loader-v2.html +1 -0
  9. package/src/page_klarna_payment-details_with-klarna.html +1 -0
  10. package/src/page_payment-details-billie-registered-only.html +1 -0
  11. package/src/page_payment-details-billie-unregistered-only.html +1 -0
  12. package/src/page_payment-details-with-billie.html +1 -0
  13. package/src/page_payment-details-with-clearpay.html +1 -0
  14. package/src/page_payment-details-with-gift-card.html +1 -0
  15. package/src/page_payment-details_with_apple-pay.html +1 -0
  16. package/src/page_payment-details_with_google-pay.html +1 -0
  17. package/src/scss/components/_gift-cards.scss +1 -1
  18. package/src/scss/components/checkout-payment-details-v2.scss +10 -32
  19. package/src/scss/pages/page_checkout_delivery-new.scss +83 -106
package/build/css/components/checkout-payment-details-v2.css CHANGED
@@ -1 +1 @@
1
- .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.giftcard-row{position:relative;display:flex;gap:16px}.giftcard{border:1px solid #ccc;border-radius:4px;background:#fff;padding:12px 16px;width:100%;order:3;position:relative}.giftcard .giftcard__field .form-row{margin-bottom:0}.giftcard-add{display:inline-flex;align-items:center;gap:8px;color:#0277bd;text-decoration:none;cursor:pointer}.giftcard-add__icon{width:16px;height:16px}.giftcard-add__text{font-weight:500}.giftcard-add__text,.giftcard-hint{font-size:.875rem;line-height:1.375rem}.giftcard-hint{display:block;color:#666;font-weight:400;margin-left:32px}.giftcard-inline{padding:12px 8px}.giftcard-inline__header{display:flex;justify-content:space-between;margin-bottom:16px}.giftcard-inline__title{font-weight:500;font-size:1.125rem;line-height:1.5rem;white-space:nowrap}.giftcard-inline__balance{color:#0277bd;font-weight:400;font-size:.875rem;line-height:1.375rem;text-decoration:underline;white-space:nowrap}.giftcard-inline__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-inline__fields{display:flex;flex-direction:column;gap:24px}.giftcard-inline .notification{margin-bottom:16px}.form-row__label{margin-bottom:8px}.giftcard__btn{width:100%}.giftcard__field{position:relative;display:flex;flex-direction:column;padding-bottom:18px;min-width:0}.giftcard-inline .giftcard-inline__fields>.form-row.giftcard__field{margin-bottom:0}.giftcard-field--error .giftcard__input{border-color:#cf000f}.giftcard__error-text{font-weight:400;font-size:.75rem;line-height:1rem;color:#cf000f;margin-top:8px}.giftcard .toggle-show svg{pointer-events:none}.form-row .toggle-show{font-size:1rem;cursor:pointer;position:absolute;right:8px;top:0;height:100%;display:inline-flex;align-items:center;justify-content:center;width:24px}.giftcard-applied{width:100%;border:1px solid #ccc;border-radius:4px;background:#fff;padding:15px 16px;order:2}.giftcard-applied__inner{display:flex;align-items:center;justify-content:center;gap:12px}.giftcard-applied__icon{display:inline-flex;align-items:center;justify-content:center}.giftcard-applied .fa-check-circle{text-align:center;color:#67a509;font-size:1rem}.giftcard-applied__text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:500;word-break:break-word}.giftcard-summary{position:relative;width:100%}.giftcard-summary__hint{margin-top:16px;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.375rem}.giftcard-summary__add{text-decoration:underline;cursor:pointer;color:#0277bd}.giftcard-chip-list{display:flex;flex-direction:column;gap:16px}.giftcard-chip{display:flex;align-items:center;width:100%;gap:12px;padding:12px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;min-height:44px;position:relative}.giftcard-chip__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-chip__icon{width:48px;height:30px;display:inline-flex;align-items:center;justify-content:center}.giftcard-chip__content{flex:1 1 auto;min-width:0}.giftcard-chip__line{display:block;line-height:1.25rem}.giftcard-chip__line .giftcard-chip__applied{font-size:.875rem;font-weight:400;line-height:1.5rem;color:#3e3e3e}.giftcard-chip__number{font-weight:500;line-height:1.5rem;font-size:1rem;color:#3e3e3e}.giftcard-chip__applied{white-space:nowrap}@media (min-width:576px){.giftcard-inline__fields{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:116px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:224px}.giftcard__actions{display:flex;align-items:flex-end;height:72px}.giftcard-summary__hint{width:354px}.giftcard-summary__hint--max{width:100%}}@media (min-width:768px){.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:214px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:240px}.giftcard-inline__title{font-weight:700}.giftcard-summary__hint{width:100%}.giftcard-summary__hint--max{width:460px}}@media (min-width:992px){.giftcard-inline__fields{max-width:470px}.giftcard-summary__hint,.giftcard-summary__hint--max{width:100%}}@media (min-width:1200px){.giftcard-inline__fields{max-width:100%}.giftcard__btn{width:140px}.giftcard__field--number,.giftcard__field--pin{width:100%}}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child:after{display:none}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px;vertical-align:top}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.giftcard-row{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details form.checkout-payment-details__card-details:before{display:block;margin:24px 0;content:"";height:1px;background:#ccc}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms p{margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin-bottom:20px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .billie-badge-container,.checkout-payment-details-v2 .checkout-payment-details .billie-logo,.checkout-payment-details-v2 .checkout-payment-details .google-badge-container,.checkout-payment-details-v2 .checkout-payment-details .google-logo{margin:-3px 0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms{margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms--has-selection{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms .form-row__error{margin-top:16px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}
1
+ .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.giftcard-row{position:relative;display:flex;gap:16px}.giftcard{border:1px solid #ccc;border-radius:4px;background:#fff;padding:12px 16px;width:100%;order:3;position:relative}.giftcard .giftcard__field .form-row{margin-bottom:0}.giftcard-add{display:inline-flex;align-items:center;gap:8px;color:#0277bd;text-decoration:none;cursor:pointer}.giftcard-add__icon{width:16px;height:16px}.giftcard-add__text{font-weight:500}.giftcard-add__text,.giftcard-hint{font-size:.875rem;line-height:1.375rem}.giftcard-hint{display:block;color:#666;font-weight:400;margin-left:32px}.giftcard-inline{padding:12px 8px}.giftcard-inline__header{display:flex;justify-content:space-between;margin-bottom:16px}.giftcard-inline__title{font-weight:500;font-size:1.125rem;line-height:1.5rem;white-space:nowrap}.giftcard-inline__balance{color:#0277bd;font-weight:400;font-size:.875rem;line-height:1.375rem;text-decoration:underline;white-space:nowrap}.giftcard-inline__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-inline__fields{display:flex;flex-direction:column;gap:24px}.giftcard-inline .notification{margin-bottom:16px}.form-row__label{margin-bottom:8px}.giftcard__btn{width:100%}.giftcard__field{position:relative;display:flex;flex-direction:column;padding-bottom:18px;min-width:0}.giftcard-inline .giftcard-inline__fields>.form-row.giftcard__field{margin-bottom:0}.giftcard-field--error .giftcard__input{border-color:#cf000f}.giftcard__error-text{font-weight:400;font-size:.75rem;line-height:1rem;color:#cf000f;margin-top:8px}.giftcard .toggle-show svg{pointer-events:none}.form-row .toggle-show{font-size:1rem;cursor:pointer;position:absolute;right:8px;top:0;height:100%;display:inline-flex;align-items:center;justify-content:center;width:24px}.giftcard-applied{width:100%;border:1px solid #eee;border-radius:4px;background:#fff;padding:15px 16px;order:2}.giftcard-applied__inner{display:flex;align-items:center;justify-content:center;gap:12px}.giftcard-applied__icon{display:inline-flex;align-items:center;justify-content:center}.giftcard-applied .fa-check-circle{text-align:center;color:#67a509;font-size:1rem}.giftcard-applied__text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:500;word-break:break-word}.giftcard-summary{position:relative;width:100%}.giftcard-summary__hint{margin-top:16px;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.375rem}.giftcard-summary__add{text-decoration:underline;cursor:pointer;color:#0277bd}.giftcard-chip-list{display:flex;flex-direction:column;gap:16px}.giftcard-chip{display:flex;align-items:center;width:100%;gap:12px;padding:12px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;min-height:44px;position:relative}.giftcard-chip__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-chip__icon{width:48px;height:30px;display:inline-flex;align-items:center;justify-content:center}.giftcard-chip__content{flex:1 1 auto;min-width:0}.giftcard-chip__line{display:block;line-height:1.25rem}.giftcard-chip__line .giftcard-chip__applied{font-size:.875rem;font-weight:400;line-height:1.5rem;color:#3e3e3e}.giftcard-chip__number{font-weight:500;line-height:1.5rem;font-size:1rem;color:#3e3e3e}.giftcard-chip__applied{white-space:nowrap}@media (min-width:576px){.giftcard-inline__fields{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:116px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:224px}.giftcard__actions{display:flex;align-items:flex-end;height:72px}.giftcard-summary__hint{width:354px}.giftcard-summary__hint--max{width:100%}}@media (min-width:768px){.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:214px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:240px}.giftcard-inline__title{font-weight:700}.giftcard-summary__hint{width:100%}.giftcard-summary__hint--max{width:460px}}@media (min-width:992px){.giftcard-inline__fields{max-width:470px}.giftcard-summary__hint,.giftcard-summary__hint--max{width:100%}}@media (min-width:1200px){.giftcard-inline__fields{max-width:100%}.giftcard__btn{width:140px}.giftcard__field--number,.giftcard__field--pin{width:100%}}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px;vertical-align:top}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin:20px 0 0}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin-bottom:20px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .billie-badge-container,.checkout-payment-details-v2 .checkout-payment-details .billie-logo,.checkout-payment-details-v2 .checkout-payment-details .google-badge-container,.checkout-payment-details-v2 .checkout-payment-details .google-logo{margin:-3px 0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr:after{position:absolute;content:"";height:2px;background:#eee;left:15px;right:15px}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms{margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms--has-selection{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms .form-row__error{margin-top:16px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}
package/build/css/pages/page_checkout_delivery-new.css CHANGED
@@ -1 +1 @@
1
- .delivery-address-block__info{flex:0 0 100%;max-width:100%;margin-bottom:38px}.delivery-address-block__form{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.delivery-address-block__form-item{flex:0 0 100%;max-width:100%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.delivery-address-block__info{flex:0 0 58.3333333333%;max-width:58.3333333333%}.delivery-address-block__form-item{flex:0 0 50%;max-width:50%}}.date-selection-hidden{display:none}.date-selection__info-block-error{display:flex;align-items:center;color:#cf000f}.date-selection__info-block-error .icon{margin-right:15px;font-size:1rem}.date-selection__annotation{font-size:.75rem}.date-selection .delivery-date:after{border:0}.date-selection .calendar{background:#fff;border:0}.date-selection .calendar__head{margin-bottom:20px}.date-selection .calendar__head-wisdom{display:flex;justify-content:space-between;align-items:center}.date-selection .calendar__switch{font-size:1rem;color:#0277bd;cursor:pointer;text-transform:capitalize}.date-selection .calendar__switch-earlier .calendar__switch-icon{margin-right:5px}.date-selection .calendar__switch-latest .calendar__switch-icon{margin-left:5px}.date-selection .calendar__month{font-size:1rem;line-height:1.125rem;font-weight:500;color:#003058;text-align:left;margin:0}.date-selection .calendar__row_names{background:#fff;color:#0a3054;font-size:.875rem;font-weight:500;margin:0}.date-selection .calendar__row_days{font-size:.8125rem;line-height:.8125rem;font-weight:500}.date-selection .calendar__row_extended{padding-top:25px}.date-selection .calendar__cell_cnt{font-size:.875rem;border-radius:50%;height:34px;line-height:34px;z-index:1;position:relative}.date-selection .calendar__cell_cnt:hover{border-color:transparent}.date-selection .calendar__cell_cnt:hover:after{content:"";position:relative;display:block;border-radius:50%;width:34px;height:34px;left:calc(50% - 17px);top:-34px}.date-selection .calendar__cell:active,.date-selection .calendar__cell_selected{position:relative;background:0 0;color:#fff;z-index:1}.date-selection .calendar__cell:active:after,.date-selection .calendar__cell_selected:after{content:"";position:relative;display:block;background:#0277bd;border-radius:50%;width:34px;height:34px;top:-34px;left:calc(50% - 17px);z-index:-1}.date-selection .calendar__message{display:flex;justify-content:center;flex-direction:column;padding:20px 20px 40px;font-weight:500;font-size:1rem}.date-selection .calendar_rapid{display:inline;align-items:center;position:relative}.date-selection .calendar_rapid:after{content:"";position:relative;display:block;background:#f4f9fe;border-radius:50%;width:34px;height:34px;top:-34px;left:calc(50% - 17px);z-index:-1}.date-selection .calendar_rapid .label-rapid{font-size:.625rem;line-height:.625rem;border-radius:30px;border:1px solid #fff;background:#004587;position:absolute;bottom:-8px;left:50%;font-weight:700;transform:translate(-50%);padding:2px 4px;color:#fff;z-index:2;pointer-events:none}.date-selection .calendar_rapid.calendar__cell_selected:after{background:#0277bd}.date-selection.date-selection_selected{border:0}.date-selection.date-selection_selected .delivery-types{padding:0 0 10px;margin:0;background:initial}.date-selection.date-selection_selected .delivery-types__inner .btn+.btn{margin-top:15px}.delivery-btn{background-color:#0277bd;color:#fff;pointer-events:none}.delivery-btn:not(:disabled):not(.disabled){cursor:default}.delivery-btn__content{display:flex;flex-direction:column}.delivery-btn__content .title{font-size:1rem;font-weight:700;line-height:20px;margin-bottom:0}.delivery-btn__content .subtitle{margin-top:2px;font-size:.875rem;font-weight:400;line-height:22px;text-wrap:auto}.delivery-btn__content+.delivery-btn__image{margin-left:5px}.delivery-btn__image{display:flex;align-items:center;justify-content:center;width:41px;height:41px;flex-shrink:0;position:absolute;right:12px}.delivery-btn__image .svg-inline--fa.fa-shipping-fast{font-size:1.7rem;height:auto}.delivery-btn .rapid-info-icon{display:inline-flex;align-items:center;vertical-align:bottom;pointer-events:auto;margin-left:4px;cursor:pointer;color:#fff;font-size:1rem}.delivery-btn .rapid-info-icon [data-prefix=far],.delivery-btn .rapid-info-icon [data-prefix=fas]{color:#fff}.delivery-btn .rapid-info-icon:hover{opacity:.8}.delivery-btn .rapid-info-icon:hover [data-prefix=far]{color:#fff}.delivery-container .btn.btn_full{display:flex;padding:16px 12px;align-items:center;justify-content:center;border:0;border-radius:0;position:relative}.delivery-container .btn.btn_full:has(.delivery-btn__image:not(.d-none)){padding:16px 64px 16px 12px}@media (min-width:576px){.date-selection .calendar__head{padding:0 15px}}@media (min-width:576px) and (max-width:767.98px){.delivery-types .delivery-container .subtitle br{display:none}}@media (min-width:768px){.date-selection .delivery-date,.date-selection .delivery-time{height:auto}.date-selection .calendar__message{padding:50px 40px 70px}.date-selection .calendar__head{padding:0 20px}.date-selection .calendar__cell_cnt:hover:after{border:1px solid #0277bd}}@media (min-width:992px){.date-selection.date-selection_selected .delivery-types{padding:0}}@media (min-width:992px) and (max-width:1199.98px){.delivery-container .btn.btn_full{padding:10px}}@media screen and (max-width:320px){.date-selection__info-block-error{align-items:flex-start}}.user-address-delivery .delivery-address .selected-address{display:block;font-weight:700;padding-bottom:10px}.user-address-delivery .delivery-address .user-address__content{flex:0 0 100%;max-width:100%}.user-address-delivery .delivery-address .user-address__delete{margin-top:75px}.user-address-delivery .delivery-address .user-address__delete .delete-heading{margin:0;font-size:1rem;font-weight:500}.user-address-delivery .delivery-address .user-address__delete-action{display:flex;flex-direction:column;margin-top:30px}.user-address-delivery .delivery-address .user-address__delete-action .btn{width:100%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 100%;max-width:100%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.user-address-delivery .delivery-address .user-address__links .user-address__btn{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address{background-color:#fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address .fa-trash{width:20px;height:20px}@media (min-width:768px){.user-address-delivery .delivery-address .user-address__delete-action{flex-direction:row}.user-address-delivery .delivery-address .user-address__delete-action .btn{width:155px}.user-address-delivery .delivery-address .user-address__address{flex:0 0 41.6666666667%;max-width:41.6666666667%}.user-address-delivery .delivery-address .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 25%;max-width:25%;display:flex;align-items:flex-end;justify-content:flex-end}.user-address-delivery .delivery-address .user-address__links .user-address__btn{display:flex;flex-direction:column-reverse;align-items:flex-end;height:100%}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address{margin-top:12px}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address .fa-trash{width:20px;height:20px}}@media (min-width:768px) and (max-width:991.98px){.user-address-delivery .delivery-address .user-address{padding-bottom:20px}.user-address-delivery .delivery-address .user-address__address{flex:0 0 41.6666666667%;max-width:41.6666666667%}.user-address-delivery .delivery-address .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 25%;max-width:25%}}.marketing-preferences--error{display:flex;align-items:flex-start;padding:8px;background-color:#f4f9fe}.marketing-preferences__icon{margin-right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#99b5cf}.marketing-preferences__icon .svg-inline--fa{font-size:1.35rem}.marketing-preferences__content{font-size:.75rem;line-height:1rem}.marketing-preferences__content p{color:#0a3055;margin-bottom:0}.marketing-preferences__link,.marketing-preferences__message{font-weight:700}.page_checkout-delivery-new .right-aside{margin-top:24px}.page_checkout-delivery-new .right-aside .summary .checkout-title__title{color:#003058;margin-bottom:16px}.page_checkout-delivery-new .right-aside .summary__aside,.page_checkout-delivery-new .right-aside .summary__aside .checkout-info-wrap{padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget.checkout-widget_order-summary{padding:0;background-color:#fff;margin:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details{padding:16px;font-size:1rem;display:flex;flex-direction:column;background-color:#fff;border:1px solid #ccc;border-bottom:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item{display:flex;justify-content:space-between;font-size:1rem;line-height:1.125rem;font-weight:400;padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-bold{font-weight:500;margin-bottom:20px}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery:has(+.checkout-widget__item-delivery-cost-message){margin-bottom:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery-cost-message{margin-top:4px;justify-content:flex-end}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery-cost-message #order-delivery-cost-message{font-size:.625rem;line-height:.75rem;font-weight:700;color:#666}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item,.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__voucher-accordion{margin-top:12px;margin-bottom:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item:first-child{margin-top:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-vat{font-size:.75rem;margin-top:4px}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__details-discount{order:1}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__gift-card{order:2;margin-bottom:0;margin-top:20px;font-weight:700}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__gift-card .checkout-widget__item-value :first-letter{font-size:1rem}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__total{border:0;display:flex;justify-content:space-between;padding:16px;color:#fff;background-color:#0a3055;font-size:1.375rem;line-height:1.5rem;font-weight:400;margin:0}.page_checkout-delivery-new .right-aside .summary__basked-id{padding:16px 0;text-align:center;font-size:1rem;border:1px solid #ccc;border-top:0}.page_checkout-delivery-new .right-aside .summary__basked-id .id-number{font-weight:700}.page_checkout-delivery-new .right-aside .summary .accordion__header-icon-small{left:85px}.page_checkout-delivery-new .billing-payment-block__heading,.page_checkout-delivery-new .click-collect-block__heading,.page_checkout-delivery-new .delivery-block__heading{color:#003058;margin-bottom:16px}.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__address,.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__product-line,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__address,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__product-line,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__address,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__product-line{border:1px solid #ccc;border-top:0;margin:0}.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__product-line .hide-products,.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__product-line .show-products,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__product-line .hide-products,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__product-line .show-products,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__product-line .hide-products,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__product-line .show-products{padding:16px}.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__order-line,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__order-line,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__order-line{padding:24px;margin:0;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid #ccc}.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__order-line .order-line__price,.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__order-line .order-line__price-item,.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__order-line .order-line__wrap,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__order-line .order-line__price,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__order-line .order-line__price-item,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__order-line .order-line__wrap,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__order-line .order-line__price,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__order-line .order-line__price-item,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__order-line .order-line__wrap{border-top:0;padding:0;margin:0}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block{background:inherit;padding:0}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block{margin:25px 0 0 20px}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block .btn-new-address{font-size:1rem;padding:0;text-decoration:underline}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block .btn-new-address .fa-plus{margin-right:10px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address{display:flex;justify-content:space-between}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address .default-mark-full{font-weight:400;font-size:inherit}.page_checkout-delivery-new .click-collect-block{margin-top:40px}.page_checkout-delivery-new .click-collect-block__head-info{font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper{display:flex;flex-direction:column;margin:0 0 50px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation{border:1px solid #ccc;padding:38px 22px;display:flex;align-items:center;flex:0;margin-bottom:20px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation .fa-exclamation-circle{color:#0277bd;margin-right:21px;width:53px;height:53px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text{display:flex;flex-direction:column;justify-content:flex-end}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text p{margin:0}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text p:first-of-type{margin-bottom:26px}.page_checkout-delivery-new .billing-payment-block{margin-top:24px}.page_checkout-delivery-new .loader-wrapper.page-loader{position:fixed}.page_checkout-delivery-new .oos-block{flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .oos-block__wrapper{background:#f8f8f8;margin:25px 0}.page_checkout-delivery-new .oos-block__wrapper-products .checkout-info-wrap{padding:25px}.page_checkout-delivery-new .oos-block__wrapper .remove-btn{display:flex;justify-content:flex-end;margin:0 25px;padding-bottom:25px}.page_checkout-delivery-new .oos-block__info-block{padding:25px 25px 0}.page_checkout-delivery-new .checkout-order{display:block;margin:0}.page_checkout-delivery-new .content,.page_checkout-delivery-new .right-aside{flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .content{display:flex;flex-direction:column}.page_checkout-delivery-new .content .checkout-title__title{color:#003058;font-weight:400;margin-top:40px;margin-bottom:24px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .basket__voucher{border:1px solid #e5e5e5}.page_checkout-delivery-new .basket__voucher-hide{display:none}.page_checkout-delivery-new .basket__voucher .form-row__field{padding-left:0;padding-right:0}.page_checkout-delivery-new .add-contact-details{border-top:1px solid #ccc;margin-top:20px;font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .add-contact-details__heading{color:#003058;font-weight:400;margin-top:40px}.page_checkout-delivery-new .add-contact-details__form{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;align-items:flex-start;margin-top:40px}.page_checkout-delivery-new .add-contact-details__form .form-row{position:relative;width:100%;min-height:1px;padding-left:15px;flex:0 0 100%;max-width:100%;padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row--locked{flex:0 0 100%;max-width:100%;margin-bottom:24px;margin-top:4px}.page_checkout-delivery-new .add-contact-details__form .form-row--locked .form-row__field .tbx{border:0;background-color:#e6f1f8}.page_checkout-delivery-new .add-contact-details__form .form-row__field{padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row .break-desktop{display:none}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row{flex:1;max-width:100%;margin-bottom:0}.page_checkout-delivery-new .simplify-collection{background:#f8f8f8;padding:0 15px;margin:0 0 10px}.page_checkout-delivery-new .simplify-collection__heading{color:#003058;font-weight:400;margin-top:40px}.page_checkout-delivery-new .simplify-collection__wrapper{display:flex;flex-wrap:wrap;margin:20px 0}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox label:first-of-type{margin-bottom:10px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox span:first-of-type{font-size:1rem;font-weight:500;line-height:1.5rem}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox .distance{font-size:1rem;font-weight:500;line-height:1.5rem;color:#8b8b8b;padding-left:10px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox .store-address{color:#8b8b8b}.page_checkout-delivery-new .simplify-collection__info{font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .simplify-collection__btn{margin:10px 0 40px}.page_checkout-delivery-new .continue-btn{background:#f8f8f8;padding:35px;margin-top:20px}.page_checkout-delivery-new .continue-btn .btn-action{height:50px;width:100%}.page_checkout-delivery-new .date-selection__wrapper{font-size:.875rem;line-height:1.125rem;font-weight:400;margin-bottom:23px}.page_checkout-delivery-new .date-selection__header{color:#003058;font-weight:400;margin-bottom:13px}.page_checkout-delivery-new .notification:last-child,.page_checkout-delivery-new .notification:only-child{margin-bottom:30px}#modalDeliveryEdit .modal-box__header:after,#modalEditAddress .modal-box__header:after{left:0;right:0}#modalDeliveryEdit .modal-box__header .close,#modalEditAddress .modal-box__header .close{right:.6875rem;top:1.625rem}#modalDeliveryEdit .form-wrapper,#modalEditAddress .form-wrapper{padding-top:40px}#modalDeliveryEdit .edit-address-modal-block,#modalEditAddress .edit-address-modal-block{margin:20px 0}#modalDeliveryEdit .edit-address-modal-block .btn-choose-address,#modalDeliveryEdit .edit-address-modal-block .notification,#modalEditAddress .edit-address-modal-block .btn-choose-address,#modalEditAddress .edit-address-modal-block .notification{margin-bottom:20px}#modalDeliveryEdit .edit-address-modal-block .btn-action,#modalEditAddress .edit-address-modal-block .btn-action{margin-top:20px}#modalEditAddress .user-address__content .selected-address{display:flex;justify-content:space-between}#modalEditAddress .user-address__content .selected-address .default-mark-full{font-weight:400;font-size:inherit}.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.tooltip .arrow:before{border-bottom-color:#fff}@media (min-width:576px){.page_checkout-delivery-new .add-contact-details__form .form-row .break-desktop{display:inline}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row{flex:0 0 auto;width:479px}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row--full-width{flex:1;max-width:100%}.page_checkout-delivery-new .right-aside .summary .checkout-widget.checkout-widget_order-summary .checkout-widget__total{font-weight:400}.page_checkout-delivery-new .billing-payment-block__wrapper .checkout-order .order-block__order-line,.page_checkout-delivery-new .click-collect-block__wrapper .checkout-order .order-block__order-line,.page_checkout-delivery-new .delivery-block__wrapper .checkout-order .order-block__order-line{border-top:1px solid #ccc;border-bottom:0}}@media (min-width:768px){.page_checkout-delivery-new .billing-payment-block__heading,.page_checkout-delivery-new .click-collect-block__heading,.page_checkout-delivery-new .delivery-block__heading{margin-bottom:24px}.page_checkout-delivery-new .right-aside{flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .right-aside .summary .checkout-title__title{color:#003058;margin-bottom:16px}.page_checkout-delivery-new .content{flex:1;max-width:100%;padding-right:5px}.page_checkout-delivery-new .basket__voucher form{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.page_checkout-delivery-new .basket__voucher form .voucher__btn{max-width:115px;height:40px}.page_checkout-delivery-new .basket__voucher form .form-row{flex:0 0 50%;max-width:50%;margin-bottom:0}.page_checkout-delivery-new .basket__voucher .form-row__field{padding-left:15px;padding-right:15px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper{flex-direction:row}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation{flex:0 0 277px;margin-right:34px;margin-bottom:0}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text{max-width:400px}.page_checkout-delivery-new .simplify-collection{padding:0 50px}.page_checkout-delivery-new .simplify-collection__wrapper{margin-top:40px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox{flex:0 0 50%;max-width:50%}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox label:first-of-type{margin-bottom:0}#modalEditAddress .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}#modalEditAddress .user-address__links{flex:0 0 25%;max-width:25%}}@media (min-width:992px){.page_checkout-delivery-new .right-aside{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding-left:5px;max-width:325px;margin-top:0}.page_checkout-delivery-new .billing-payment-block{margin-top:40px}.page_checkout-delivery-new .basket__voucher.checkout-widget{padding:40px 35px;margin-bottom:30px}.page_checkout-delivery-new .basket__voucher.checkout-widget .heading-3{margin-bottom:0}.page_checkout-delivery-new .basket__voucher.checkout-widget #form-checkout-voucher,.page_checkout-delivery-new .basket__voucher.checkout-widget #form-checkout-voucher0{align-items:flex-start}.page_checkout-delivery-new .add-contact-details__form .form-row{flex:0 0 50%;max-width:50%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row.form-row--locked{flex:0 0 100%;max-width:100%;margin-bottom:24px;margin-top:4px}.page_checkout-delivery-new .add-contact-details__form .form-row.form-row--locked .form-row__field .tbx{border:0;background-color:#e6f1f8}.page_checkout-delivery-new .add-contact-details__form .form-row:first-child .form-row__field{padding-right:5px}.page_checkout-delivery-new .add-contact-details__form .form-row__field{padding-right:15px}.page_checkout-delivery-new .right-aside .summary .checkout-widget.checkout-widget_order-summary .checkout-widget__total{font-weight:400}.page_checkout-delivery-new .right-aside .summary__payment{margin:0}.page_checkout-delivery-new .right-aside .summary__payment .footer-checkout-holder{background-color:#fff;border:1px solid #ccc;border-top:0;padding:16px 0}}@media (max-width:575.98px){.page_checkout-delivery-new .billing-payment-block .order-block__time-head,.page_checkout-delivery-new .click-collect-block .order-block__time-head,.page_checkout-delivery-new .delivery-block .order-block__time-head{font-size:1.125rem;padding:17px 13px}.page_checkout-delivery-new .billing-payment-block .order-block__time-head-info,.page_checkout-delivery-new .click-collect-block .order-block__time-head-info,.page_checkout-delivery-new .delivery-block .order-block__time-head-info{font-size:.875rem;margin-left:30px}.page_checkout-delivery-new .billing-payment-block .order-block__address,.page_checkout-delivery-new .click-collect-block .order-block__address,.page_checkout-delivery-new .delivery-block .order-block__address{padding:20px 15px;margin:0}.page_checkout-delivery-new .billing-payment-block .order-block__product-line,.page_checkout-delivery-new .click-collect-block .order-block__product-line,.page_checkout-delivery-new .delivery-block .order-block__product-line{display:flex;flex-direction:column-reverse;align-items:flex-start}.page_checkout-delivery-new .billing-payment-block .order-block .order-line__product,.page_checkout-delivery-new .click-collect-block .order-block .order-line__product,.page_checkout-delivery-new .delivery-block .order-block .order-line__product{flex-direction:row}.page_checkout-delivery-new .delivery-block .delivery-address-block__info{margin-bottom:32px}.page_checkout-delivery-new .delivery-block .delivery-address-block__form-item{padding:0}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content{padding-bottom:30px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address{padding-bottom:25px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__delete{margin-top:36px}.page_checkout-delivery-new .delivery-block .customer-journey-block .add-new-address-block{margin:15px 0 0 20px}.page_checkout-delivery-new .delivery-block .date-selection__wrapper .date-selection__header{font-size:1.125rem}.page_checkout-delivery-new .delivery-block .oos-block__wrapper{margin:10px -15px}.page_checkout-delivery-new .delivery-block__wrapper{overflow-x:hidden}.page_checkout-delivery-new .add-contact-details__heading{margin-top:27px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .add-contact-details .marketing-preferences__content .marketing-preferences,.page_checkout-delivery-new .add-contact-details .marketing-preferences__content p:nth-of-type(2),.page_checkout-delivery-new .add-contact-details .marketing-preferences__content p:nth-of-type(3){display:inline;margin-bottom:0}.page_checkout-delivery-new .continue-btn{margin:20px -15px 0}.page_checkout-delivery-new .simplify-collection{margin:0 -15px}.page_checkout-delivery-new .simplify-collection__heading{margin-top:27px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .right-aside{overflow-x:hidden}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__item-bold .checkout-widget__item-value{font-size:1.125rem}}
1
+ .delivery-address-block__info{flex:0 0 100%;max-width:100%;margin-bottom:38px}.delivery-address-block__form{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.delivery-address-block__form-item{flex:0 0 100%;max-width:100%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.delivery-address-block__info{flex:0 0 58.3333333333%;max-width:58.3333333333%}.delivery-address-block__form-item{flex:0 0 50%;max-width:50%}}.date-selection-hidden{display:none}.date-selection__info-block-error{display:flex;align-items:center;color:#cf000f}.date-selection__info-block-error .icon{margin-right:15px;font-size:1rem}.date-selection__annotation{font-size:.75rem}.date-selection .delivery-date:after{border:0}.date-selection .calendar{background:#fff;border:0}.date-selection .calendar__head{margin-bottom:20px}.date-selection .calendar__head-wisdom{display:flex;justify-content:space-between;align-items:center}.date-selection .calendar__switch{font-size:1rem;color:#0277bd;cursor:pointer;text-transform:capitalize}.date-selection .calendar__switch-earlier .calendar__switch-icon{margin-right:5px}.date-selection .calendar__switch-latest .calendar__switch-icon{margin-left:5px}.date-selection .calendar__month{font-size:1rem;line-height:1.125rem;font-weight:500;color:#003058;text-align:left;margin:0}.date-selection .calendar__row_names{background:#fff;color:#0a3054;font-size:.875rem;font-weight:500;margin:0}.date-selection .calendar__row_days{font-size:.8125rem;line-height:.8125rem;font-weight:500}.date-selection .calendar__row_extended{padding-top:25px}.date-selection .calendar__cell_cnt{font-size:.875rem;border-radius:50%;height:34px;line-height:34px;z-index:1;position:relative}.date-selection .calendar__cell_cnt:hover{border-color:transparent}.date-selection .calendar__cell_cnt:hover:after{content:"";position:relative;display:block;border-radius:50%;width:34px;height:34px;left:calc(50% - 17px);top:-34px}.date-selection .calendar__cell:active,.date-selection .calendar__cell_selected{position:relative;background:0 0;color:#fff;z-index:1}.date-selection .calendar__cell:active:after,.date-selection .calendar__cell_selected:after{content:"";position:relative;display:block;background:#0277bd;border-radius:50%;width:34px;height:34px;top:-34px;left:calc(50% - 17px);z-index:-1}.date-selection .calendar__message{display:flex;justify-content:center;flex-direction:column;padding:20px 20px 40px;font-weight:500;font-size:1rem}.date-selection .calendar_rapid{display:inline;align-items:center;position:relative}.date-selection .calendar_rapid:after{content:"";position:relative;display:block;background:#f4f9fe;border-radius:50%;width:34px;height:34px;top:-34px;left:calc(50% - 17px);z-index:-1}.date-selection .calendar_rapid .label-rapid{font-size:.625rem;line-height:.625rem;border-radius:30px;border:1px solid #fff;background:#004587;position:absolute;bottom:-8px;left:50%;font-weight:700;transform:translate(-50%);padding:2px 4px;color:#fff;z-index:2;pointer-events:none}.date-selection .calendar_rapid.calendar__cell_selected:after{background:#0277bd}.date-selection.date-selection_selected{border:0}.date-selection.date-selection_selected .delivery-types{padding:0 0 10px;margin:0;background:initial}.date-selection.date-selection_selected .delivery-types__inner .btn+.btn{margin-top:15px}.delivery-btn{background-color:#0277bd;color:#fff;pointer-events:none}.delivery-btn:not(:disabled):not(.disabled){cursor:default}.delivery-btn__content{display:flex;flex-direction:column}.delivery-btn__content .title{font-size:1rem;font-weight:700;line-height:20px;margin-bottom:0}.delivery-btn__content .subtitle{margin-top:2px;font-size:.875rem;font-weight:400;line-height:22px;text-wrap:auto}.delivery-btn__content+.delivery-btn__image{margin-left:5px}.delivery-btn__image{display:flex;align-items:center;justify-content:center;width:41px;height:41px;flex-shrink:0;position:absolute;right:12px}.delivery-btn__image .svg-inline--fa.fa-shipping-fast{font-size:1.7rem;height:auto}.delivery-btn .rapid-info-icon{display:inline-flex;align-items:center;vertical-align:bottom;pointer-events:auto;margin-left:4px;cursor:pointer;color:#fff;font-size:1rem}.delivery-btn .rapid-info-icon [data-prefix=far],.delivery-btn .rapid-info-icon [data-prefix=fas]{color:#fff}.delivery-btn .rapid-info-icon:hover{opacity:.8}.delivery-btn .rapid-info-icon:hover [data-prefix=far]{color:#fff}.delivery-container .btn.btn_full{display:flex;padding:16px 12px;align-items:center;justify-content:center;border:0;border-radius:0;position:relative}.delivery-container .btn.btn_full:has(.delivery-btn__image:not(.d-none)){padding:16px 64px 16px 12px}@media (min-width:576px){.date-selection .calendar__head{padding:0 15px}}@media (min-width:576px) and (max-width:767.98px){.delivery-types .delivery-container .subtitle br{display:none}}@media (min-width:768px){.date-selection .delivery-date,.date-selection .delivery-time{height:auto}.date-selection .calendar__message{padding:50px 40px 70px}.date-selection .calendar__head{padding:0 20px}.date-selection .calendar__cell_cnt:hover:after{border:1px solid #0277bd}}@media (min-width:992px){.date-selection.date-selection_selected .delivery-types{padding:0}}@media (min-width:992px) and (max-width:1199.98px){.delivery-container .btn.btn_full{padding:10px}}@media screen and (max-width:320px){.date-selection__info-block-error{align-items:flex-start}}.user-address-delivery .delivery-address .selected-address{display:block;font-weight:700;padding-bottom:10px}.user-address-delivery .delivery-address .user-address__content{flex:0 0 100%;max-width:100%}.user-address-delivery .delivery-address .user-address__delete{margin-top:75px}.user-address-delivery .delivery-address .user-address__delete .delete-heading{margin:0;font-size:1rem;font-weight:500}.user-address-delivery .delivery-address .user-address__delete-action{display:flex;flex-direction:column;margin-top:30px}.user-address-delivery .delivery-address .user-address__delete-action .btn{width:100%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 100%;max-width:100%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.user-address-delivery .delivery-address .user-address__links .user-address__btn{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address{background-color:#fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address .fa-trash{width:20px;height:20px}@media (min-width:768px){.user-address-delivery .delivery-address .user-address__delete-action{flex-direction:row}.user-address-delivery .delivery-address .user-address__delete-action .btn{width:155px}.user-address-delivery .delivery-address .user-address__address{flex:0 0 41.6666666667%;max-width:41.6666666667%}.user-address-delivery .delivery-address .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 25%;max-width:25%;display:flex;align-items:flex-end;justify-content:flex-end}.user-address-delivery .delivery-address .user-address__links .user-address__btn{display:flex;flex-direction:column-reverse;align-items:flex-end;height:100%}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address{margin-top:12px}.user-address-delivery .delivery-address .user-address__links .user-address__btn .btn-remove-address .fa-trash{width:20px;height:20px}}@media (min-width:768px) and (max-width:991.98px){.user-address-delivery .delivery-address .user-address{padding-bottom:20px}.user-address-delivery .delivery-address .user-address__address{flex:0 0 41.6666666667%;max-width:41.6666666667%}.user-address-delivery .delivery-address .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}.user-address-delivery .delivery-address .user-address__links{flex:0 0 25%;max-width:25%}}.marketing-preferences--error{display:flex;align-items:flex-start;padding:8px;background-color:#f4f9fe}.marketing-preferences__icon{margin-right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#99b5cf}.marketing-preferences__icon .svg-inline--fa{font-size:1.35rem}.marketing-preferences__content{font-size:.75rem;line-height:1rem}.marketing-preferences__content p{color:#0a3055;margin-bottom:0}.marketing-preferences__link,.marketing-preferences__message{font-weight:700}.page_checkout-delivery-new .right-aside .summary .checkout-title__title{color:#003058;font-weight:400;line-height:1.75rem}.page_checkout-delivery-new .right-aside .summary__aside{padding:12px 30px 0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-info-wrap{padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget.checkout-widget_order-summary{padding:25px 20px 0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details{font-size:1rem;display:flex;flex-direction:column}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item{display:flex;justify-content:space-between;font-size:1rem;line-height:1.125rem;font-weight:400;margin-bottom:20px;padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-bold{font-weight:500;margin-bottom:20px}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-vat{font-size:.75rem;margin-top:-15px}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery:has(+.checkout-widget__item-delivery-cost-message){margin-bottom:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery-cost-message{margin-top:4px;justify-content:flex-end}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__item-delivery-cost-message #order-delivery-cost-message{font-size:.625rem;line-height:.75rem;font-weight:700;color:#666}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__details-discount{order:1}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__gift-card{order:2;margin-bottom:0;margin-top:20px;font-weight:700}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details .checkout-widget__gift-card .checkout-widget__item-value :first-letter{font-size:1rem}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__total{border:0;display:flex;justify-content:space-between;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}.page_checkout-delivery-new .right-aside .summary__basked-id{padding:26px 0;background:#f8f8f8;text-align:center;font-size:1rem}.page_checkout-delivery-new .right-aside .summary__basked-id .id-number{font-weight:700}.page_checkout-delivery-new .right-aside .summary .accordion__header-icon-small{left:85px}.page_checkout-delivery-new .billing-payment-block__heading,.page_checkout-delivery-new .click-collect-block__heading,.page_checkout-delivery-new .delivery-block__heading{color:#003058;font-weight:400;margin-bottom:24px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .billing-payment-block__wrapper,.page_checkout-delivery-new .click-collect-block__wrapper,.page_checkout-delivery-new .delivery-block__wrapper{background:#f8f8f8;padding:30px 15px}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block{background:inherit;padding:0}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block{margin:25px 0 0 20px}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block .btn-new-address{font-size:1rem;padding:0;text-decoration:underline}.page_checkout-delivery-new .delivery-block__wrapper.customer-journey-block .add-new-address-block .btn-new-address .fa-plus{margin-right:10px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address{display:flex;justify-content:space-between}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address .default-mark-full{font-weight:400;font-size:inherit}.page_checkout-delivery-new .click-collect-block{margin-top:40px}.page_checkout-delivery-new .click-collect-block__head-info{font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper{display:flex;flex-direction:column;margin:0 0 50px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation{border:1px solid #ccc;padding:38px 22px;display:flex;align-items:center;flex:0;margin-bottom:20px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation .fa-exclamation-circle{color:#0277bd;margin-right:21px;width:53px;height:53px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text{display:flex;flex-direction:column;justify-content:flex-end}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text p{margin:0}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text p:first-of-type{margin-bottom:26px}.page_checkout-delivery-new .billing-payment-block{margin:40px 0}.page_checkout-delivery-new .loader-wrapper.page-loader{position:fixed}.page_checkout-delivery-new .oos-block{flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .oos-block__wrapper{background:#f8f8f8;margin:25px 0}.page_checkout-delivery-new .oos-block__wrapper-products .checkout-info-wrap{padding:25px}.page_checkout-delivery-new .oos-block__wrapper .remove-btn{display:flex;justify-content:flex-end;margin:0 25px;padding-bottom:25px}.page_checkout-delivery-new .oos-block__info-block{padding:25px 25px 0}.page_checkout-delivery-new .checkout-order{display:block;margin:0}.page_checkout-delivery-new .content,.page_checkout-delivery-new .right-aside{flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .right-aside .checkout-title__title{margin-bottom:24px}.page_checkout-delivery-new .content{display:flex;flex-direction:column}.page_checkout-delivery-new .content .checkout-title__title{color:#003058;font-weight:400;margin-top:40px;margin-bottom:24px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .basket__voucher{border:1px solid #e5e5e5}.page_checkout-delivery-new .basket__voucher-hide{display:none}.page_checkout-delivery-new .basket__voucher .form-row__field{padding-left:0;padding-right:0}.page_checkout-delivery-new .add-contact-details{border-top:1px solid #ccc;margin-top:20px;font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .add-contact-details__heading{color:#003058;font-weight:400;margin-top:40px}.page_checkout-delivery-new .add-contact-details__form{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;align-items:flex-start;margin-top:40px}.page_checkout-delivery-new .add-contact-details__form .form-row{position:relative;width:100%;min-height:1px;padding-left:15px;flex:0 0 100%;max-width:100%;padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row--locked{flex:0 0 100%;max-width:100%;margin-bottom:24px;margin-top:4px}.page_checkout-delivery-new .add-contact-details__form .form-row--locked .form-row__field .tbx{border:0;background-color:#e6f1f8}.page_checkout-delivery-new .add-contact-details__form .form-row__field{padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row .break-desktop{display:none}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row{flex:1;max-width:100%;margin-bottom:0}.page_checkout-delivery-new .simplify-collection{background:#f8f8f8;padding:0 15px;margin:0 0 10px}.page_checkout-delivery-new .simplify-collection__heading{color:#003058;font-weight:400;margin-top:40px}.page_checkout-delivery-new .simplify-collection__wrapper{display:flex;flex-wrap:wrap;margin:20px 0}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;flex:0 0 100%;max-width:100%}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox label:first-of-type{margin-bottom:10px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox span:first-of-type{font-size:1rem;font-weight:500;line-height:1.5rem}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox .distance{font-size:1rem;font-weight:500;line-height:1.5rem;color:#8b8b8b;padding-left:10px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox .store-address{color:#8b8b8b}.page_checkout-delivery-new .simplify-collection__info{font-size:1rem;line-height:1.125rem;font-weight:400}.page_checkout-delivery-new .simplify-collection__btn{margin:10px 0 40px}.page_checkout-delivery-new .continue-btn{background:#f8f8f8;padding:35px;margin-top:20px}.page_checkout-delivery-new .continue-btn .btn-action{height:50px;width:100%}.page_checkout-delivery-new .date-selection__wrapper{font-size:.875rem;line-height:1.125rem;font-weight:400;margin-bottom:23px}.page_checkout-delivery-new .date-selection__header{color:#003058;font-weight:400;margin-bottom:13px}.page_checkout-delivery-new .notification:last-child,.page_checkout-delivery-new .notification:only-child{margin-bottom:30px}#modalDeliveryEdit .modal-box__header:after,#modalEditAddress .modal-box__header:after{left:0;right:0}#modalDeliveryEdit .modal-box__header .close,#modalEditAddress .modal-box__header .close{right:.6875rem;top:1.625rem}#modalDeliveryEdit .form-wrapper,#modalEditAddress .form-wrapper{padding-top:40px}#modalDeliveryEdit .edit-address-modal-block,#modalEditAddress .edit-address-modal-block{margin:20px 0}#modalDeliveryEdit .edit-address-modal-block .btn-choose-address,#modalDeliveryEdit .edit-address-modal-block .notification,#modalEditAddress .edit-address-modal-block .btn-choose-address,#modalEditAddress .edit-address-modal-block .notification{margin-bottom:20px}#modalDeliveryEdit .edit-address-modal-block .btn-action,#modalEditAddress .edit-address-modal-block .btn-action{margin-top:20px}#modalEditAddress .user-address__content .selected-address{display:flex;justify-content:space-between}#modalEditAddress .user-address__content .selected-address .default-mark-full{font-weight:400;font-size:inherit}.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.tooltip .arrow:before{border-bottom-color:#fff}@media (min-width:576px){.page_checkout-delivery-new .add-contact-details__form .form-row .break-desktop{display:inline}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row{flex:0 0 auto;width:479px}.page_checkout-delivery-new .add-contact-details__form .form-row.checkbox-form-row--full-width{flex:1;max-width:100%}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget.checkout-widget_order-summary{padding:20px 0 0}.page_checkout-delivery-new .right-aside .summary .checkout-widget.checkout-widget_order-summary .checkout-widget__total{font-weight:400;margin-left:-20px;margin-right:-20px}}@media (min-width:768px){.page_checkout-delivery-new .billing-payment-block__wrapper,.page_checkout-delivery-new .click-collect-block__wrapper,.page_checkout-delivery-new .delivery-block__wrapper{padding:55px 50px 50px}.page_checkout-delivery-new .right-aside{flex:0 0 100%;max-width:100%;margin-top:20px}.page_checkout-delivery-new .content{flex:1;max-width:100%;padding-right:5px}.page_checkout-delivery-new .basket__voucher form{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.page_checkout-delivery-new .basket__voucher form .voucher__btn{max-width:115px;height:40px}.page_checkout-delivery-new .basket__voucher form .form-row{flex:0 0 50%;max-width:50%;margin-bottom:0}.page_checkout-delivery-new .basket__voucher .form-row__field{padding-left:15px;padding-right:15px}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper{flex-direction:row}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-exclamation{flex:0 0 277px;margin-right:34px;margin-bottom:0}.page_checkout-delivery-new .click-collect-block__head-info .head-info__wrapper-text{max-width:400px}.page_checkout-delivery-new .simplify-collection{padding:0 50px}.page_checkout-delivery-new .simplify-collection__wrapper{margin-top:40px}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox{flex:0 0 50%;max-width:50%}.page_checkout-delivery-new .simplify-collection__wrapper .your-contact-details__checkbox label:first-of-type{margin-bottom:0}#modalEditAddress .user-address__phone{flex:0 0 33.3333333333%;max-width:33.3333333333%}#modalEditAddress .user-address__links{flex:0 0 25%;max-width:25%}}@media (min-width:992px){.page_checkout-delivery-new .right-aside{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding-left:5px;max-width:325px;margin-top:0}.page_checkout-delivery-new .basket__voucher.checkout-widget{padding:40px 35px;margin-bottom:30px}.page_checkout-delivery-new .basket__voucher.checkout-widget .heading-3{margin-bottom:0}.page_checkout-delivery-new .basket__voucher.checkout-widget #form-checkout-voucher,.page_checkout-delivery-new .basket__voucher.checkout-widget #form-checkout-voucher0{align-items:flex-start}.page_checkout-delivery-new .add-contact-details__form .form-row{flex:0 0 50%;max-width:50%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.page_checkout-delivery-new .add-contact-details__form .form-row.form-row--locked{flex:0 0 100%;max-width:100%;margin-bottom:24px;margin-top:4px}.page_checkout-delivery-new .add-contact-details__form .form-row.form-row--locked .form-row__field .tbx{border:0;background-color:#e6f1f8}.page_checkout-delivery-new .add-contact-details__form .form-row:first-child .form-row__field{padding-right:5px}.page_checkout-delivery-new .add-contact-details__form .form-row__field{padding-right:15px}.page_checkout-delivery-new .right-aside .summary .checkout-widget.checkout-widget_order-summary .checkout-widget__total{font-weight:400;margin-left:-30px;margin-right:-30px}.page_checkout-delivery-new .right-aside .summary .summary__basked-id{margin-top:13px}}@media (max-width:575.98px){.page_checkout-delivery-new .billing-payment-block__heading,.page_checkout-delivery-new .click-collect-block__heading,.page_checkout-delivery-new .delivery-block__heading{margin-bottom:18px}.page_checkout-delivery-new .billing-payment-block__wrapper,.page_checkout-delivery-new .click-collect-block__wrapper,.page_checkout-delivery-new .delivery-block__wrapper{padding:25px 15px;margin:0 -15px}.page_checkout-delivery-new .billing-payment-block .order-block__time-head,.page_checkout-delivery-new .click-collect-block .order-block__time-head,.page_checkout-delivery-new .delivery-block .order-block__time-head{font-size:1.125rem;padding:17px 13px}.page_checkout-delivery-new .billing-payment-block .order-block__time-head-info,.page_checkout-delivery-new .click-collect-block .order-block__time-head-info,.page_checkout-delivery-new .delivery-block .order-block__time-head-info{font-size:.875rem;margin-left:30px}.page_checkout-delivery-new .billing-payment-block .order-block__address,.page_checkout-delivery-new .click-collect-block .order-block__address,.page_checkout-delivery-new .delivery-block .order-block__address{padding:20px 15px;margin:0}.page_checkout-delivery-new .billing-payment-block .order-block__product-line,.page_checkout-delivery-new .click-collect-block .order-block__product-line,.page_checkout-delivery-new .delivery-block .order-block__product-line{display:flex;flex-direction:column-reverse;align-items:flex-start}.page_checkout-delivery-new .billing-payment-block .order-block__product-line .hide-products,.page_checkout-delivery-new .billing-payment-block .order-block__product-line .show-products,.page_checkout-delivery-new .click-collect-block .order-block__product-line .hide-products,.page_checkout-delivery-new .click-collect-block .order-block__product-line .show-products,.page_checkout-delivery-new .delivery-block .order-block__product-line .hide-products,.page_checkout-delivery-new .delivery-block .order-block__product-line .show-products{padding:15px 15px 25px}.page_checkout-delivery-new .billing-payment-block .order-block .order-line__product,.page_checkout-delivery-new .click-collect-block .order-block .order-line__product,.page_checkout-delivery-new .delivery-block .order-block .order-line__product{flex-direction:row}.page_checkout-delivery-new .delivery-block .delivery-address-block__info{margin-bottom:32px}.page_checkout-delivery-new .delivery-block .delivery-address-block__form-item{padding:0}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content{padding-bottom:30px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__content .selected-address{padding-bottom:25px}.page_checkout-delivery-new .delivery-block .customer-journey-block .user-address__delete{margin-top:36px}.page_checkout-delivery-new .delivery-block .customer-journey-block .add-new-address-block{margin:15px 0 0 20px}.page_checkout-delivery-new .delivery-block .date-selection__wrapper .date-selection__header{font-size:1.125rem}.page_checkout-delivery-new .delivery-block .oos-block__wrapper{margin:10px -15px}.page_checkout-delivery-new .delivery-block__wrapper{overflow-x:hidden}.page_checkout-delivery-new .add-contact-details__heading{margin-top:27px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .add-contact-details .marketing-preferences__content .marketing-preferences,.page_checkout-delivery-new .add-contact-details .marketing-preferences__content p:nth-of-type(2),.page_checkout-delivery-new .add-contact-details .marketing-preferences__content p:nth-of-type(3){display:inline;margin-bottom:0}.page_checkout-delivery-new .continue-btn{margin:20px -15px 0}.page_checkout-delivery-new .billing-payment-block{margin-bottom:0}.page_checkout-delivery-new .simplify-collection{margin:0 -15px}.page_checkout-delivery-new .simplify-collection__heading{margin-top:27px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .right-aside{overflow-x:hidden}.page_checkout-delivery-new .right-aside .summary .checkout-title__title{margin-bottom:16px;font-size:1.5rem;line-height:1.75rem}.page_checkout-delivery-new .right-aside .summary__aside{margin:0 -15px 10px;padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget_order-summary{padding:25px 20px 0;margin:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__details{padding:0}.page_checkout-delivery-new .right-aside .summary__aside .checkout-widget__item-bold .checkout-widget__item-value{font-size:1.125rem}.page_checkout-delivery-new .right-aside .summary__basked-id{margin:0 -15px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.112.1-RG-2291.1",
3
+ "version": "2.112.1-develop.1",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -123,10 +123,6 @@
123
123
  {
124
124
  "name": "develop",
125
125
  "prerelease": true
126
- },
127
- {
128
- "name": "custom-tag/RG-2291",
129
- "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
130
126
  }
131
127
  ],
132
128
  "plugins": [
package/src/page_checkout_payment-details-v2-asm.html CHANGED
@@ -39,6 +39,7 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
42
43
  <div class="billing-payment-block__wrapper">
43
44
  {{> checkout-payment-details-v2 }}
44
45
  </div>
package/src/page_checkout_payment-details-v2.html CHANGED
@@ -39,6 +39,7 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
42
43
  <div class="billing-payment-block__wrapper">
43
44
  {{> checkout-payment-details-v2 }}
44
45
  </div>
package/src/page_checkout_payment-details_with-card-loader.html CHANGED
@@ -39,6 +39,7 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
42
43
  <div class="billing-payment-block__wrapper">
43
44
  {{> checkout-payment-details-v2 }}
44
45
  </div>
package/src/page_checkout_payment-details_with-klarna-loader.html CHANGED
@@ -39,6 +39,7 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
42
43
  <div class="billing-payment-block__wrapper">
43
44
  {{> checkout-payment-details-v2 }}
44
45
  </div>
package/src/page_checkout_payment-details_with-loader-v2.html CHANGED
@@ -39,6 +39,7 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
42
43
  <div class="billing-payment-block__wrapper">
43
44
  {{> checkout-payment-details-v2 }}
44
45
  </div>
package/src/page_klarna_payment-details_with-klarna.html CHANGED
@@ -42,6 +42,7 @@
42
42
  </div>
43
43
 
44
44
  <div class="billing-payment-block">
45
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
45
46
  <div class="billing-payment-block__wrapper">
46
47
  {{> checkout-payment-details-v2 klarna-method=true}}
47
48
  </div>
package/src/page_payment-details-billie-registered-only.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2
49
50
  apple-pay=true
package/src/page_payment-details-billie-unregistered-only.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2
49
50
  apple-pay=true
package/src/page_payment-details-with-billie.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true billie=true edit-bill-mod=true billie-form=true open-delivery-block=true}}
49
50
  </div>
package/src/page_payment-details-with-clearpay.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true clear-pay=true}}
49
50
  </div>
package/src/page_payment-details-with-gift-card.html CHANGED
@@ -46,6 +46,7 @@
46
46
  </div>
47
47
 
48
48
  <div class="billing-payment-block">
49
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
49
50
  <div class="billing-payment-block__wrapper">
50
51
  {{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true klarna-method=true}}
51
52
  </div>
package/src/page_payment-details_with_apple-pay.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true}}
49
50
  </div>
package/src/page_payment-details_with_google-pay.html CHANGED
@@ -44,6 +44,7 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
+ <h3 class="billing-payment-block__heading">Billing & Payment</h3>
47
48
  <div class="billing-payment-block__wrapper">
48
49
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true}}
49
50
  </div>
package/src/scss/components/_gift-cards.scss CHANGED
@@ -149,7 +149,7 @@
149
149
 
150
150
  .giftcard-applied {
151
151
  width: 100%;
152
- border: 1px solid $gray;
152
+ border: 1px solid $gray-light;
153
153
  border-radius: 4px;
154
154
  background: $white;
155
155
  padding: 15px 16px;
package/src/scss/components/checkout-payment-details-v2.scss CHANGED
@@ -6,18 +6,6 @@
6
6
  .checkout-payment-details {
7
7
  margin: 0;
8
8
 
9
- &__payment-method {
10
- .checkout-payment-details__row:first-child {
11
- .checkout-payment-details__descr:first-child {
12
- margin-bottom: 24px;
13
-
14
- &::after {
15
- display: none;
16
- }
17
- }
18
- }
19
- }
20
-
21
9
  .warning-required {
22
10
  margin: 16px 0;
23
11
  }
@@ -108,10 +96,6 @@
108
96
  padding-right: 0;
109
97
  }
110
98
 
111
- &.giftcard-row {
112
- margin-bottom: 0;
113
- }
114
-
115
99
  &.first-name {
116
100
  flex: 0 0 100%;
117
101
  margin-top: 16px;
@@ -148,17 +132,7 @@
148
132
  }
149
133
 
150
134
  &__card-details {
151
- margin-bottom: 0;
152
- }
153
-
154
- form.checkout-payment-details__card-details {
155
- &::before {
156
- display: block;
157
- margin: 24px 0;
158
- content: '';
159
- height: 1px;
160
- background: $gray;
161
- }
135
+ margin: 20px 0 0;
162
136
  }
163
137
 
164
138
  &__title {
@@ -166,7 +140,6 @@
166
140
  font-weight: 400;
167
141
  font-size: 1.25rem;
168
142
  line-height: 2rem;
169
- margin-bottom: 24px;
170
143
  }
171
144
 
172
145
  &__descr {
@@ -193,10 +166,6 @@
193
166
  .form-row__col-terms {
194
167
  @include make-col(12);
195
168
  margin: 0;
196
-
197
- p {
198
- margin: 0;
199
- }
200
169
  }
201
170
  }
202
171
 
@@ -424,6 +393,15 @@
424
393
  flex: 0 0 50%;
425
394
  max-width: 50%;
426
395
  }
396
+
397
+ &::after {
398
+ position: absolute;
399
+ content: '';
400
+ height: 2px;
401
+ background: $gray-light;
402
+ left: 15px;
403
+ right: 15px;
404
+ }
427
405
  }
428
406
  }
429
407
  }
package/src/scss/pages/page_checkout_delivery-new.scss CHANGED
@@ -6,36 +6,29 @@
6
6
 
7
7
  .page_checkout-delivery-new {
8
8
  .right-aside {
9
- margin-top: 24px;
10
-
11
9
  .summary {
12
10
  .checkout-title__title {
13
11
  color: $blue-ocean;
14
- margin-bottom: 16px;
12
+ font-weight: 400;
13
+ line-height: 1.75rem;
15
14
  }
16
15
 
17
16
  &__aside {
18
- padding: 0;
17
+ padding: 12px 30px 0;
19
18
 
20
19
  .checkout-info-wrap {
21
20
  padding: 0;
22
21
  }
23
22
 
24
23
  .checkout-widget.checkout-widget_order-summary {
25
- padding: 0;
26
- background-color: #fff;
27
- margin: 0;
24
+ padding: 25px 20px 0;
28
25
  }
29
26
 
30
27
  .checkout-widget {
31
28
  &__details {
32
- padding: 16px;
33
29
  font-size: 1rem;
34
30
  display: flex;
35
31
  flex-direction: column;
36
- background-color: $white;
37
- border: 1px solid $gray;
38
- border-bottom: 0;
39
32
 
40
33
  .checkout-widget {
41
34
  &__item {
@@ -52,6 +45,11 @@
52
45
  margin-bottom: 20px;
53
46
  }
54
47
 
48
+ &-vat {
49
+ font-size: 0.75rem;
50
+ margin-top: -15px;
51
+ }
52
+
55
53
  &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
56
54
  margin-bottom: 0;
57
55
  }
@@ -70,21 +68,6 @@
70
68
  }
71
69
  }
72
70
 
73
- &__voucher-accordion,
74
- &__item {
75
- margin-top: 12px;
76
- margin-bottom: 0;
77
- }
78
-
79
- &__item:first-child {
80
- margin-top: 0;
81
- }
82
-
83
- &__item-vat {
84
- font-size: 0.75rem;
85
- margin-top: 4px;
86
- }
87
-
88
71
  &__details-discount {
89
72
  order: 1;
90
73
  }
@@ -108,23 +91,24 @@
108
91
  border: 0;
109
92
  display: flex;
110
93
  justify-content: space-between;
111
- padding: 16px;
94
+ margin-left: -25px;
95
+ margin-right: -25px;
96
+ margin-bottom: 0;
97
+ padding: 20px 25px;
112
98
  color: #fff;
113
99
  background-color: #0a3055;
114
100
  font-size: 1.375rem;
115
101
  line-height: 1.5rem;
116
102
  font-weight: 400;
117
- margin: 0;
118
103
  }
119
104
  }
120
105
  }
121
106
 
122
107
  &__basked-id {
123
- padding: 16px 0;
108
+ padding: 26px 0;
109
+ background: #f8f8f8;
124
110
  text-align: center;
125
111
  font-size: 1rem;
126
- border: 1px solid $gray;
127
- border-top: 0;
128
112
 
129
113
  .id-number {
130
114
  font-weight: 700;
@@ -142,46 +126,15 @@
142
126
  .billing-payment-block {
143
127
  &__heading {
144
128
  color: $blue-ocean;
145
- margin-bottom: 16px;
129
+ font-weight: 400;
130
+ margin-bottom: 24px;
131
+ font-size: 1.5rem;
132
+ line-height: 1.75rem;
146
133
  }
147
134
 
148
135
  &__wrapper {
149
- .checkout-order {
150
- .order-block {
151
- &__address,
152
- &__product-line {
153
- border: 1px solid $gray;
154
- border-top: 0;
155
- margin: 0;
156
- };
157
-
158
- &__product-line {
159
- .show-products,
160
- .hide-products {
161
- padding: 16px;
162
- }
163
- };
164
-
165
- &__order-line {
166
- padding: 24px;
167
- margin: 0;
168
- display: flex;
169
- flex-direction: column;
170
- gap: 16px;
171
- border-bottom: 1px solid $gray;
172
-
173
- .order-line {
174
- &__wrap,
175
- &__price,
176
- &__price-item {
177
- border-top: 0;
178
- padding: 0;
179
- margin: 0;
180
- };
181
- }
182
- }
183
- }
184
- }
136
+ background: $gray-bg;
137
+ padding: 30px 15px;
185
138
  }
186
139
  }
187
140
 
@@ -269,7 +222,7 @@
269
222
  }
270
223
 
271
224
  .billing-payment-block {
272
- margin-top: 24px;
225
+ margin: 40px 0;
273
226
  }
274
227
 
275
228
  .loader-wrapper.page-loader {
@@ -312,6 +265,12 @@
312
265
  @include make-col(12);
313
266
  }
314
267
 
268
+ .right-aside {
269
+ .checkout-title__title {
270
+ margin-bottom: 24px;
271
+ }
272
+ }
273
+
315
274
  .content {
316
275
  display: flex;
317
276
  flex-direction: column;
@@ -575,25 +534,18 @@
575
534
 
576
535
  .right-aside {
577
536
  .summary {
537
+ &__aside {
538
+ .checkout-widget.checkout-widget_order-summary {
539
+ padding: 20px 0 0;
540
+ }
541
+ }
542
+
578
543
  .checkout-widget {
579
544
  &.checkout-widget_order-summary {
580
545
  .checkout-widget__total {
581
546
  font-weight: 400;
582
- }
583
- }
584
- }
585
- }
586
- }
587
-
588
- .delivery-block,
589
- .click-collect-block,
590
- .billing-payment-block {
591
- &__wrapper {
592
- .checkout-order {
593
- .order-block {
594
- &__order-line {
595
- border-top: 1px solid $gray;
596
- border-bottom: 0;
547
+ margin-left: -20px;
548
+ margin-right: -20px;
597
549
  }
598
550
  }
599
551
  }
@@ -607,20 +559,14 @@
607
559
  .delivery-block,
608
560
  .click-collect-block,
609
561
  .billing-payment-block {
610
- &__heading {
611
- margin-bottom: 24px;
562
+ &__wrapper {
563
+ padding: 55px 50px 50px;
612
564
  }
613
565
  }
614
566
 
615
567
  .right-aside {
616
568
  @include make-col(12);
617
-
618
- .summary {
619
- .checkout-title__title {
620
- color: $blue-ocean;
621
- margin-bottom: 16px;
622
- };
623
- };
569
+ margin-top: 20px;
624
570
  }
625
571
 
626
572
  .content {
@@ -710,10 +656,6 @@
710
656
  margin-top: 0;
711
657
  }
712
658
 
713
- .billing-payment-block {
714
- margin-top: 40px;
715
- }
716
-
717
659
  .basket__voucher.checkout-widget {
718
660
  padding: 40px 35px;
719
661
  margin-bottom: 30px;
@@ -770,19 +712,14 @@
770
712
  &.checkout-widget_order-summary {
771
713
  .checkout-widget__total {
772
714
  font-weight: 400;
715
+ margin-left: -30px;
716
+ margin-right: -30px;
773
717
  }
774
718
  }
775
719
  }
776
720
 
777
- &__payment {
778
- margin: 0;
779
-
780
- .footer-checkout-holder {
781
- background-color: $white;
782
- border: 1px solid $gray;
783
- border-top: 0;
784
- padding: 16px 0;
785
- }
721
+ .summary__basked-id {
722
+ margin-top: 13px;
786
723
  }
787
724
  }
788
725
  }
@@ -794,6 +731,15 @@
794
731
  .delivery-block,
795
732
  .click-collect-block,
796
733
  .billing-payment-block {
734
+ &__heading {
735
+ margin-bottom: 18px;
736
+ }
737
+
738
+ &__wrapper {
739
+ padding: 25px 15px;
740
+ margin: 0 -15px;
741
+ }
742
+
797
743
  .order-block {
798
744
  &__time-head {
799
745
  font-size: 1.125rem;
@@ -814,6 +760,11 @@
814
760
  display: flex;
815
761
  flex-direction: column-reverse;
816
762
  align-items: flex-start;
763
+
764
+ .show-products,
765
+ .hide-products {
766
+ padding: 15px 15px 25px;
767
+ }
817
768
  }
818
769
 
819
770
  .order-line__product {
@@ -894,6 +845,10 @@
894
845
  margin-top: 20px;
895
846
  }
896
847
 
848
+ .billing-payment-block {
849
+ margin-bottom: 0;
850
+ }
851
+
897
852
  .simplify-collection {
898
853
  margin: 0 -15px;
899
854
 
@@ -908,8 +863,26 @@
908
863
  overflow-x: hidden;
909
864
 
910
865
  .summary {
866
+ .checkout-title__title {
867
+ margin-bottom: 16px;
868
+ font-size: 1.5rem;
869
+ line-height: 1.75rem;
870
+ }
871
+
911
872
  &__aside {
873
+ margin: 0 -15px 10px;
874
+ padding: 0;
875
+
912
876
  .checkout-widget {
877
+ &_order-summary {
878
+ padding: 25px 20px 0;
879
+ margin: 0;
880
+ }
881
+
882
+ &__details {
883
+ padding: 0;
884
+ }
885
+
913
886
  &__item-bold {
914
887
  .checkout-widget__item-value {
915
888
  font-size: 1.125rem;
@@ -917,6 +890,10 @@
917
890
  }
918
891
  }
919
892
  }
893
+
894
+ &__basked-id {
895
+ margin: 0 -15px;
896
+ }
920
897
  }
921
898
  }
922
899
  }