wickes-css2 2.112.1-RG-2291.2 → 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.
- package/build/css/components/checkout-payment-details-v2.css +1 -1
- package/build/css/components/checkout-payment-repayment-terms.css +1 -1
- package/build/css/main.css +1 -1
- package/build/css/pages/page_checkout_delivery-new.css +1 -1
- package/package.json +1 -5
- package/src/page_checkout_payment-details-v2-asm.html +1 -0
- package/src/page_checkout_payment-details-v2.html +1 -0
- package/src/page_checkout_payment-details_with-card-loader.html +1 -0
- package/src/page_checkout_payment-details_with-klarna-loader.html +1 -0
- package/src/page_checkout_payment-details_with-loader-v2.html +1 -0
- package/src/page_klarna_payment-details_with-klarna.html +1 -0
- package/src/page_payment-details-billie-registered-only.html +1 -0
- package/src/page_payment-details-billie-unregistered-only.html +1 -0
- package/src/page_payment-details-with-billie.html +1 -0
- package/src/page_payment-details-with-clearpay.html +1 -0
- package/src/page_payment-details-with-gift-card.html +1 -0
- package/src/page_payment-details_with_apple-pay.html +1 -0
- package/src/page_payment-details_with_google-pay.html +1 -0
- package/src/scss/components/_gift-cards.scss +1 -1
- package/src/scss/components/checkout-payment-details-v2.scss +20 -43
- package/src/scss/components/checkout-payment-repayment-terms.scss +1 -0
- package/src/scss/pages/page_checkout_delivery-new.scss +83 -105
|
@@ -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{margin-bottom:24px}.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-
|
|
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": [
|
|
@@ -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>
|
|
@@ -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>
|
|
@@ -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>
|
|
@@ -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>
|
|
@@ -2,27 +2,10 @@
|
|
|
2
2
|
@import '../components/tooltip';
|
|
3
3
|
@import '../components/gift-cards';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
body main {
|
|
7
|
-
padding: 24px 0 40px;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
5
|
.checkout-payment-details-v2 {
|
|
11
6
|
.checkout-payment-details {
|
|
12
7
|
margin: 0;
|
|
13
8
|
|
|
14
|
-
&__payment-method {
|
|
15
|
-
.checkout-payment-details__row:first-child {
|
|
16
|
-
.checkout-payment-details__descr:first-child {
|
|
17
|
-
margin-bottom: 24px;
|
|
18
|
-
|
|
19
|
-
&::after {
|
|
20
|
-
display: none;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
9
|
.warning-required {
|
|
27
10
|
margin: 16px 0;
|
|
28
11
|
}
|
|
@@ -113,10 +96,6 @@ body main {
|
|
|
113
96
|
padding-right: 0;
|
|
114
97
|
}
|
|
115
98
|
|
|
116
|
-
&.giftcard-row {
|
|
117
|
-
margin-bottom: 0;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
99
|
&.first-name {
|
|
121
100
|
flex: 0 0 100%;
|
|
122
101
|
margin-top: 16px;
|
|
@@ -153,17 +132,7 @@ body main {
|
|
|
153
132
|
}
|
|
154
133
|
|
|
155
134
|
&__card-details {
|
|
156
|
-
margin
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
form.checkout-payment-details__card-details {
|
|
160
|
-
&::before {
|
|
161
|
-
display: block;
|
|
162
|
-
margin: 24px 0;
|
|
163
|
-
content: '';
|
|
164
|
-
height: 1px;
|
|
165
|
-
background: $gray;
|
|
166
|
-
}
|
|
135
|
+
margin: 20px 0 0;
|
|
167
136
|
}
|
|
168
137
|
|
|
169
138
|
&__title {
|
|
@@ -171,7 +140,6 @@ body main {
|
|
|
171
140
|
font-weight: 400;
|
|
172
141
|
font-size: 1.25rem;
|
|
173
142
|
line-height: 2rem;
|
|
174
|
-
margin-bottom: 24px;
|
|
175
143
|
}
|
|
176
144
|
|
|
177
145
|
&__descr {
|
|
@@ -198,10 +166,6 @@ body main {
|
|
|
198
166
|
.form-row__col-terms {
|
|
199
167
|
@include make-col(12);
|
|
200
168
|
margin: 0;
|
|
201
|
-
|
|
202
|
-
p {
|
|
203
|
-
margin: 0;
|
|
204
|
-
}
|
|
205
169
|
}
|
|
206
170
|
}
|
|
207
171
|
|
|
@@ -217,8 +181,8 @@ body main {
|
|
|
217
181
|
&__klarna {
|
|
218
182
|
.klarna-info {
|
|
219
183
|
background: $white;
|
|
220
|
-
margin-bottom:
|
|
221
|
-
padding:
|
|
184
|
+
margin-bottom: 32px;
|
|
185
|
+
padding: 20px;
|
|
222
186
|
|
|
223
187
|
&__header {
|
|
224
188
|
display: flex;
|
|
@@ -271,8 +235,8 @@ body main {
|
|
|
271
235
|
&__billie {
|
|
272
236
|
.billie-info {
|
|
273
237
|
background: $white;
|
|
274
|
-
margin:
|
|
275
|
-
padding:
|
|
238
|
+
margin-bottom: 20px;
|
|
239
|
+
padding: 20px;
|
|
276
240
|
|
|
277
241
|
&__header {
|
|
278
242
|
display: flex;
|
|
@@ -414,7 +378,7 @@ body main {
|
|
|
414
378
|
}
|
|
415
379
|
|
|
416
380
|
&__clearpay {
|
|
417
|
-
|
|
381
|
+
padding-bottom: 24px;
|
|
418
382
|
|
|
419
383
|
.clearpay-widget {
|
|
420
384
|
max-width: 360px;
|
|
@@ -429,12 +393,21 @@ body main {
|
|
|
429
393
|
flex: 0 0 50%;
|
|
430
394
|
max-width: 50%;
|
|
431
395
|
}
|
|
396
|
+
|
|
397
|
+
&::after {
|
|
398
|
+
position: absolute;
|
|
399
|
+
content: '';
|
|
400
|
+
height: 2px;
|
|
401
|
+
background: $gray-light;
|
|
402
|
+
left: 15px;
|
|
403
|
+
right: 15px;
|
|
404
|
+
}
|
|
432
405
|
}
|
|
433
406
|
}
|
|
434
407
|
}
|
|
435
408
|
|
|
436
409
|
.js-billie-repayment-terms {
|
|
437
|
-
margin-bottom:
|
|
410
|
+
margin-bottom: 20px;
|
|
438
411
|
|
|
439
412
|
&--has-selection {
|
|
440
413
|
margin-bottom: 0;
|
|
@@ -549,6 +522,10 @@ body main {
|
|
|
549
522
|
text-align: left;
|
|
550
523
|
}
|
|
551
524
|
}
|
|
525
|
+
|
|
526
|
+
&__clearpay {
|
|
527
|
+
padding-bottom: 32px;
|
|
528
|
+
}
|
|
552
529
|
}
|
|
553
530
|
}
|
|
554
531
|
}
|