wickes-css2 2.113.0-develop.5 → 2.113.0-develop.6

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 (24) hide show
  1. package/build/css/main.css +1 -1
  2. package/build/css/pages/checkout-new.css +1 -1
  3. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  4. package/build/css/pages/page_merged-basket.css +1 -1
  5. package/build/img/emulation/low-trees.png +0 -0
  6. package/build/img/emulation/overhead-power-cables.png +0 -0
  7. package/build/img/emulation/parked-vehicles.png +0 -0
  8. package/build/img/emulation/traffic-access-issues.png +0 -0
  9. package/build/img/emulation/walls-or-fences.png +0 -0
  10. package/package.json +1 -1
  11. package/src/components/date-selection.hbs +17 -12
  12. package/src/components/heavy-banners-wrapper.hbs +21 -0
  13. package/src/data/data_heavy-banner.json +29 -0
  14. package/src/img/emulation/low-trees.png +0 -0
  15. package/src/img/emulation/overhead-power-cables.png +0 -0
  16. package/src/img/emulation/parked-vehicles.png +0 -0
  17. package/src/img/emulation/traffic-access-issues.png +0 -0
  18. package/src/img/emulation/walls-or-fences.png +0 -0
  19. package/src/page_checkout_big-bulky-delivery-details.html +272 -0
  20. package/src/scss/components/_checkout_order.scss +2 -1
  21. package/src/scss/components/_heavy-banners.scss +216 -0
  22. package/src/scss/main.scss +1 -0
  23. package/src/scss/pages/page_checkout_delivery-new.scss +4 -0
  24. package/src/sitemap.html +2 -0
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_highlight{display:inline;align-items:center;position:relative}.date-selection .calendar_highlight: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_highlight .calendar-cell-label{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_highlight.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;gap:12px}.delivery-btn:not(:disabled):not(.disabled){cursor:default}.delivery-btn__content{display:flex;flex-direction:column;max-width:100%}.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__image--premium,.delivery-btn__img{width:48px;height:48px}.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}.delivery-container .btn.btn_full.delivery-btn{gap:12px}.delivery-container .subtitle{max-width:100%}}@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:25px}.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}}
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_highlight{display:inline;align-items:center;position:relative}.date-selection .calendar_highlight: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_highlight .calendar-cell-label{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_highlight.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;gap:12px}.delivery-btn:not(:disabled):not(.disabled){cursor:default}.delivery-btn__content{display:flex;flex-direction:column;max-width:100%}.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__image--premium,.delivery-btn__img{width:48px;height:48px}.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}.delivery-container .btn.btn_full.delivery-btn{gap:12px}.delivery-container .subtitle{max-width:100%}}@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 .checkout-order .delivery-block__heavy-banners-wrapper{margin-top: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:25px}.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/build/css/pages/page_merged-basket.css CHANGED
@@ -1 +1 @@
1
- .checkout-order{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;flex-direction:column;font-size:1rem}.checkout-order__charity{display:flex;flex-wrap:wrap;margin:0;flex-direction:row}.checkout-order__img{flex:0 0 50%;max-width:50%}.checkout-order__img .image{width:115px;height:115px}.checkout-order__info-wrap{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}.checkout-order__info-wrap .title-wrap{display:flex;flex-direction:column}.checkout-order__info-wrap .title-wrap .title{margin-bottom:8px}.checkout-order__info-wrap .title-wrap .subtitle-link{text-decoration:none}.checkout-order__info-wrap .price-wrap{display:flex;justify-content:space-between}.checkout-order .order-block__time-head{display:flex;flex-direction:column;background-color:#003058;color:#fff;font-size:1.375rem;padding:27px 24px}.checkout-order .order-block__time-head .iconHead{margin-right:5px}.checkout-order .order-block__time-head .boldDate{font-weight:500}.checkout-order .order-block__time-head-info{font-size:1rem;margin-left:30px}.checkout-order .order-block__address-wrap{display:flex;flex-direction:column;justify-content:space-between}.checkout-order .order-block__address-info{margin-right:10px}.checkout-order .order-block__address .fa-map-marker-alt{color:#003058;font-size:1.125rem;margin-right:15px}.checkout-order .order-block .btn-link{text-decoration:underline;font-size:1rem;padding:0}.checkout-order .order-block__store-info{display:none;background-color:#fff;margin-top:36px}.checkout-order .order-block__store-info .header-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.checkout-order .order-block__store-info .header-block .store-name{color:#003058;font-size:20px;line-height:24px;margin:0 10px 0 0;font-weight:400}.checkout-order .order-block__store-info .header-block .hide-info{white-space:normal}.checkout-order .order-block__store-info .contact-block{margin-bottom:62px}.checkout-order .order-block__store-info .contact-block__phone{margin-bottom:27px}.checkout-order .order-block__store-info .contact-block__address{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.checkout-order .order-block__store-info .opening-times-block{display:flex;flex-wrap:wrap;margin:0}.checkout-order .order-block__store-info .opening-times-block__col{flex:0 0 100%;max-width:100%;padding-right:5px;padding-left:5px}.checkout-order .order-block__store-info .opening-times-block__col .title{color:#003058;font-size:16px;line-height:19px;margin-bottom:20px}.checkout-order .order-block__store-info .opening-times-block__col .schedule{border:1px solid #d6d6d6}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular{margin-bottom:20px}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item{display:flex;justify-content:space-between;padding:9px 0}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time{width:60%;padding-right:15px}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time span:last-child{white-space:nowrap}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__day{width:auto}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item:first-child{background-color:#003058;color:#fff;font-weight:700}.checkout-order .order-block__store-info .opening-times-block__col .schedule .schedule-item:nth-child(2n),.checkout-order .order-block__store-info .opening-times-block__col .schedule .store-locator-details .schedule-item .schedule-item:nth-child(odd){background-color:#fff}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__main{display:flex;flex-direction:row;align-items:center;width:100%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__day-reason{width:50%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__time{width:50%;padding-right:15px}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__day{width:100%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__reason{font-weight:400}.checkout-order .order-block__order-line{background-color:#fff;margin-bottom:8px;padding:20px 23px 28px}.checkout-order .order-block__order-line .order-line__wrap{display:flex;flex-wrap:wrap;margin:0;padding-bottom:20px}.checkout-order .order-block__order-line .order-line__image{flex:0 0 41.6666666667%;max-width:41.6666666667%;display:flex;justify-content:center}.checkout-order .order-block__order-line .order-line__image .image{max-width:90px;max-height:90px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 58.3333333333%;max-width:58.3333333333%}.checkout-order .order-block__order-line .order-line__promo{margin:10px 0 0}.checkout-order .order-block__order-line .order-line__product{display:flex;flex-direction:column;justify-content:space-between}.checkout-order .order-block__order-line .order-line__quantity{width:40px;height:40px;background-color:#f8f8f8;padding:10px}.checkout-order .order-block__order-line .order-line__quantity .value{font-weight:700}.checkout-order .order-block__order-line .order-line__price{border-top:1px dashed #aaa;margin:0 -23px;padding-top:23px}.checkout-order .order-block__order-line .order-line__price-item{display:flex;flex-direction:row;justify-content:space-between;padding:0 23px;margin-bottom:10px}.checkout-order .order-block__order-line .order-line__price-item .price-item__info{text-align:end}.checkout-order .order-block__order-line .supplier-block{border-top:1px dashed #aaa;padding:14px 0;margin-top:25px}.checkout-order .order-block__order-line .supplier-block .fa-exclamation-circle{color:#0277bd}.checkout-order .order-block__order-line .supplier-block__title{font-weight:700}.checkout-order .order-block__price{display:flex;flex-direction:row;justify-content:space-between;font-size:1rem;margin:40px 23px 0}.checkout-order .order-block__product-line .hide-products,.checkout-order .order-block__product-line .show-products{padding:21px 0 29px 32px}.checkout-order .order-block__product-info,.checkout-order .order-block__product-line .hide-products{display:none}.checkout-order .order-block__product-info .order-line__image a{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.checkout-order .order-block__product-info .order-line__image a .image{max-width:90px;max-height:90px;width:auto;height:auto}.checkout-order .order-block:last-child .order-block__product-line .show-products{padding-bottom:0}.total-delivery__wrap{flex-direction:row;justify-content:space-between;font-size:1.375rem}.click-collect-message,.total-delivery__wrap{display:flex;background-color:#eee;padding:20px 60px;margin:0 -15px}.click-collect-message{position:relative;font-size:1rem}.click-collect-message .icon-info{position:absolute;color:#0277bd;left:25px;top:24px}@media (min-width:1200px){.checkout-order .order-block__store-info .opening-times-block{justify-content:space-between}.checkout-order .order-block__store-info .opening-times-block__col{flex:0 0 50%;max-width:50%}.checkout-order .order-block__store-info .opening-times-block__col .schedule{height:90%}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular{margin-bottom:0}.special-opening-schedule-item.schedule-item__reason{min-width:106px}}@media (min-width:768px){.checkout-order .order-block__address-wrap{flex-direction:row;align-items:center}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time,.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__time{width:auto}.checkout-order .order-block__order-line .order-line__image .image.image{width:auto;height:auto}}@media (min-width:992px){.checkout-order{margin:0}.checkout-order__img{flex:0 0 25%;max-width:25%}.checkout-order__info-wrap{flex:0 0 75%;max-width:75%;display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}.checkout-order .order-block__time-head{flex-direction:row;justify-content:space-between;align-items:center;font-size:1.625rem}.checkout-order .order-block__time-head .iconHead{margin-right:20px}.checkout-order .order-block__time-head-info{font-size:1.125rem;margin:0}.checkout-order .order-block__order-line .order-line__image{flex:0 0 16.6666666667%;max-width:16.6666666667%}.checkout-order .order-block__order-line .order-line__image .image{width:auto;max-height:60px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 83.3333333333%;max-width:83.3333333333%}.checkout-order .order-block__order-line .order-line__product{flex-direction:row;align-items:center}.checkout-order .order-block__order-line .order-line__quantity{margin-left:10px}.checkout-order .order-block__product-info .order-line__image a .image{max-width:60px;max-height:60px}.click-collect-message,.total-delivery__wrap{margin:0}}@media (min-width:768px) and (max-width:991.98px){.checkout-order__img{flex:0 0 33.3333333333%;max-width:33.3333333333%}.checkout-order__info-wrap{flex:0 0 66.6666666667%;max-width:66.6666666667%}.checkout-order .order-block__order-line .order-line__image{flex:0 0 33.3333333333%;max-width:33.3333333333%}.checkout-order .order-block__order-line .order-line__image .image{width:90px;height:90px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 66.6666666667%;max-width:66.6666666667%}}.special-opening-schedule-item.schedule-item{display:flex;flex-direction:column;line-height:2;padding:5px 0;position:relative}.special-opening-schedule-item.schedule-item__reason{font-weight:700;padding:0 0 0 15px;line-height:24px}.special-opening-schedule-item.schedule-item__data-time{display:flex;justify-content:space-between}.special-opening-schedule-item.schedule-item__time{position:absolute;top:50%;transform:translateY(-50%);right:0}.special-opening-schedule-item.schedule-item__time span:last-child{white-space:nowrap}.special-opening-schedule-item.schedule-item__addition-info{font-weight:500;padding:0 15px;margin:5px 0;line-height:16px;font-size:12px}.merged .page-header__title{font-weight:400}.merged .merge-basket-options__choise-inner{padding-bottom:20px;border:0}.merged h2{color:#0a3055}.merged .baskets .lines-group{border:0}.merged .baskets .lines-group__count{font-weight:400;font-size:1rem}.merged .baskets .lines-group__header{padding-bottom:15px;border-bottom:1px solid #ccc}.merged .baskets .lines-group__header-icon{top:-3px;font-size:1.75rem}.merged .baskets .lines-group__header-text{font-weight:400}.merged .baskets .lines-group__header .product-code{padding:0;background:0 0;border:0;font-size:1rem}.merged .checkout-title{padding-top:30px}.merged .summary .checkout-widget__details,.merged .summary .checkout-widget_order-summary{padding-top:0}.merged .summary__payment{display:block}.merged .btn-link{text-decoration:underline;font-size:1rem}.checkout-order .order-block__address{margin:0 5px;background:0 0;padding:0}.checkout-order .order-block__store-info.order-block__store-info{padding:20px;margin-bottom:0;margin-top:10px}@media (max-width:991.98px){.merged .baskets .order-item__cost{justify-content:space-between}.merged .baskets .order-item__quant{display:flex}.merged .baskets .order-item__quant-title{-ms-grid-row-align:center;align-self:center;margin-right:10px;color:#3e3e3e}.merged .baskets .order-item__value{font-size:1rem}.merged .baskets .order-item__area~.order-item__quant{display:block}.merged .baskets .order-item__area~.order-item__quant .order-item__quant-title{line-height:14px;font-size:.75rem;color:#7f7f7f;font-weight:400}.merged .baskets .order-item__area~.order-item__quant .order-item__quant-title:after{content:none}}.checkout-order{flex-wrap:nowrap;border-top:2px dotted #ccc;margin-top:15px}.checkout-order .order-block__address-wrap{padding:10px 10px 0;background:#f8f8f8}.checkout-order .order-block__address .show-info{padding:initial;text-decoration:underline}.checkout-order .order-block__address .address-icon svg{color:#0277bd;margin-right:5px}.checkout-order .order-block__store-info{padding:0 20px;margin-bottom:20px}.checkout-order .schedule-item__time{padding-right:15px;text-align:right}@media (max-width:991.98px){.merged .baskets .order-item__cost{justify-content:space-between}.merged .baskets .order-item__quant{display:flex}.merged .baskets .order-item__quant-title{-ms-grid-row-align:center;align-self:center;margin-right:10px;color:#3e3e3e}.merged .baskets .order-item__value{font-size:1rem}}@media (max-width:767.98px){.checkout-order .schedule-item__time span:first-child{display:inline-block;min-width:80px}.merged .baskets .show-info{text-align:left}}@media (min-width:576px){.special-opening-schedule-item.schedule-item__time{white-space:nowrap}.merged .baskets__basket-lines,.merged .baskets__basket-summary{flex:0 0 100%;max-width:100%}.merged .baskets .order-item__main{-ms-grid-rows:1fr;grid-template-rows:1fr}}@media (min-width:992px){.merged .merge-basket-options{padding:25px 0 25px 10px;margin-bottom:35px}.merged .merge-basket-options__choise-inner{padding-bottom:8px;border:0}.merged .baskets__basket-lines{flex:1;max-width:100%;padding-right:5px}.merged .baskets__basket-summary{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding-left:5px;max-width:325px}}
1
+ .checkout-order{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;flex-direction:column;font-size:1rem}.checkout-order__charity{display:flex;flex-wrap:wrap;margin:0;flex-direction:row}.checkout-order__img{flex:0 0 50%;max-width:50%}.checkout-order__img .image{width:115px;height:115px}.checkout-order__info-wrap{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}.checkout-order__info-wrap .title-wrap{display:flex;flex-direction:column}.checkout-order__info-wrap .title-wrap .title{margin-bottom:8px}.checkout-order__info-wrap .title-wrap .subtitle-link{text-decoration:none}.checkout-order__info-wrap .price-wrap{display:flex;justify-content:space-between}.checkout-order .order-block__time-head{display:flex;flex-direction:column;background-color:#003058;color:#fff;font-size:1.375rem;padding:27px 24px}.checkout-order .order-block__time-head .iconHead{margin-right:5px}.checkout-order .order-block__time-head .boldDate{font-weight:500}.checkout-order .order-block__time-head-info{font-size:1rem;margin-left:30px}.checkout-order .order-block__address-wrap{display:flex;flex-direction:column;justify-content:space-between}.checkout-order .order-block__address-info{margin-right:10px}.checkout-order .order-block__address .fa-map-marker-alt{color:#003058;font-size:1.125rem;margin-right:15px}.checkout-order .order-block .btn-link{text-decoration:underline;font-size:1rem;padding:0}.checkout-order .order-block__store-info{display:none;background-color:#fff;margin-top:36px}.checkout-order .order-block__store-info .header-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.checkout-order .order-block__store-info .header-block .store-name{color:#003058;font-size:20px;line-height:24px;margin:0 10px 0 0;font-weight:400}.checkout-order .order-block__store-info .header-block .hide-info{white-space:normal}.checkout-order .order-block__store-info .contact-block{margin-bottom:62px}.checkout-order .order-block__store-info .contact-block__phone{margin-bottom:27px}.checkout-order .order-block__store-info .contact-block__address{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.checkout-order .order-block__store-info .opening-times-block{display:flex;flex-wrap:wrap;margin:0}.checkout-order .order-block__store-info .opening-times-block__col{flex:0 0 100%;max-width:100%;padding-right:5px;padding-left:5px}.checkout-order .order-block__store-info .opening-times-block__col .title{color:#003058;font-size:16px;line-height:19px;margin-bottom:20px}.checkout-order .order-block__store-info .opening-times-block__col .schedule{border:1px solid #d6d6d6}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular{margin-bottom:20px}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item{display:flex;justify-content:space-between;padding:9px 0}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time{width:60%;padding-right:15px}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time span:last-child{white-space:nowrap}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__day{width:auto}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item:first-child{background-color:#003058;color:#fff;font-weight:700}.checkout-order .order-block__store-info .opening-times-block__col .schedule .schedule-item:nth-child(2n),.checkout-order .order-block__store-info .opening-times-block__col .schedule .store-locator-details .schedule-item .schedule-item:nth-child(odd){background-color:#fff}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__main{display:flex;flex-direction:row;align-items:center;width:100%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__day-reason{width:50%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__time{width:50%;padding-right:15px}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__day{width:100%}.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__reason{font-weight:400}.checkout-order .order-block__order-line{background-color:#fff;margin-bottom:8px;padding:20px 23px 28px}.checkout-order .order-block__order-line .order-line__wrap{display:flex;flex-wrap:wrap;margin:0;padding-bottom:20px}.checkout-order .order-block__order-line .order-line__image{flex:0 0 41.6666666667%;max-width:41.6666666667%;display:flex;justify-content:center}.checkout-order .order-block__order-line .order-line__image .image{max-width:90px;max-height:90px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 58.3333333333%;max-width:58.3333333333%}.checkout-order .order-block__order-line .order-line__promo{margin:10px 0 0}.checkout-order .order-block__order-line .order-line__product{display:flex;flex-direction:column;justify-content:space-between}.checkout-order .order-block__order-line .order-line__quantity{width:40px;height:40px;background-color:#f8f8f8;padding:10px}.checkout-order .order-block__order-line .order-line__quantity .value{font-weight:700}.checkout-order .order-block__order-line .order-line__price{border-top:1px dashed #aaa;margin:0 -23px;padding-top:23px}.checkout-order .order-block__order-line .order-line__price-item{display:flex;flex-direction:row;justify-content:space-between;padding:0 23px;margin-bottom:10px}.checkout-order .order-block__order-line .order-line__price-item .price-item__info{text-align:end}.checkout-order .order-block__order-line .supplier-block{border-top:1px dashed #aaa;padding:14px 0;margin-top:25px}.checkout-order .order-block__order-line .supplier-block .fa-exclamation-circle{color:#0277bd}.checkout-order .order-block__order-line .supplier-block__title{font-weight:700}.checkout-order .order-block__price{display:flex;flex-direction:row;justify-content:space-between;font-size:1rem;margin:40px 23px 0}.checkout-order .order-block__product-line .hide-products,.checkout-order .order-block__product-line .show-products{padding:21px 0 29px 32px}.checkout-order .order-block__product-info,.checkout-order .order-block__product-line .hide-products{display:none}.checkout-order .order-block__product-info .order-line__image a{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.checkout-order .order-block__product-info .order-line__image a .image{max-width:90px;max-height:90px;width:auto;height:auto}.checkout-order .order-block:has(+.delivery-block__heavy-banners-wrapper.d-none:last-child) .order-block__product-line .show-products,.checkout-order .order-block:last-child .order-block__product-line .show-products{padding-bottom:0}.total-delivery__wrap{flex-direction:row;justify-content:space-between;font-size:1.375rem}.click-collect-message,.total-delivery__wrap{display:flex;background-color:#eee;padding:20px 60px;margin:0 -15px}.click-collect-message{position:relative;font-size:1rem}.click-collect-message .icon-info{position:absolute;color:#0277bd;left:25px;top:24px}@media (min-width:1200px){.checkout-order .order-block__store-info .opening-times-block{justify-content:space-between}.checkout-order .order-block__store-info .opening-times-block__col{flex:0 0 50%;max-width:50%}.checkout-order .order-block__store-info .opening-times-block__col .schedule{height:90%}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular{margin-bottom:0}.special-opening-schedule-item.schedule-item__reason{min-width:106px}}@media (min-width:768px){.checkout-order .order-block__address-wrap{flex-direction:row;align-items:center}.checkout-order .order-block__store-info .opening-times-block__col .schedule-regular .schedule-item__time,.checkout-order .order-block__store-info .opening-times-block__col .schedule .special-opening-schedule-item.schedule-item__time{width:auto}.checkout-order .order-block__order-line .order-line__image .image.image{width:auto;height:auto}}@media (min-width:992px){.checkout-order{margin:0}.checkout-order__img{flex:0 0 25%;max-width:25%}.checkout-order__info-wrap{flex:0 0 75%;max-width:75%;display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}.checkout-order .order-block__time-head{flex-direction:row;justify-content:space-between;align-items:center;font-size:1.625rem}.checkout-order .order-block__time-head .iconHead{margin-right:20px}.checkout-order .order-block__time-head-info{font-size:1.125rem;margin:0}.checkout-order .order-block__order-line .order-line__image{flex:0 0 16.6666666667%;max-width:16.6666666667%}.checkout-order .order-block__order-line .order-line__image .image{width:auto;max-height:60px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 83.3333333333%;max-width:83.3333333333%}.checkout-order .order-block__order-line .order-line__product{flex-direction:row;align-items:center}.checkout-order .order-block__order-line .order-line__quantity{margin-left:10px}.checkout-order .order-block__product-info .order-line__image a .image{max-width:60px;max-height:60px}.click-collect-message,.total-delivery__wrap{margin:0}}@media (min-width:768px) and (max-width:991.98px){.checkout-order__img{flex:0 0 33.3333333333%;max-width:33.3333333333%}.checkout-order__info-wrap{flex:0 0 66.6666666667%;max-width:66.6666666667%}.checkout-order .order-block__order-line .order-line__image{flex:0 0 33.3333333333%;max-width:33.3333333333%}.checkout-order .order-block__order-line .order-line__image .image{width:90px;height:90px}.checkout-order .order-block__order-line .order-line__info{flex:0 0 66.6666666667%;max-width:66.6666666667%}}.special-opening-schedule-item.schedule-item{display:flex;flex-direction:column;line-height:2;padding:5px 0;position:relative}.special-opening-schedule-item.schedule-item__reason{font-weight:700;padding:0 0 0 15px;line-height:24px}.special-opening-schedule-item.schedule-item__data-time{display:flex;justify-content:space-between}.special-opening-schedule-item.schedule-item__time{position:absolute;top:50%;transform:translateY(-50%);right:0}.special-opening-schedule-item.schedule-item__time span:last-child{white-space:nowrap}.special-opening-schedule-item.schedule-item__addition-info{font-weight:500;padding:0 15px;margin:5px 0;line-height:16px;font-size:12px}.merged .page-header__title{font-weight:400}.merged .merge-basket-options__choise-inner{padding-bottom:20px;border:0}.merged h2{color:#0a3055}.merged .baskets .lines-group{border:0}.merged .baskets .lines-group__count{font-weight:400;font-size:1rem}.merged .baskets .lines-group__header{padding-bottom:15px;border-bottom:1px solid #ccc}.merged .baskets .lines-group__header-icon{top:-3px;font-size:1.75rem}.merged .baskets .lines-group__header-text{font-weight:400}.merged .baskets .lines-group__header .product-code{padding:0;background:0 0;border:0;font-size:1rem}.merged .checkout-title{padding-top:30px}.merged .summary .checkout-widget__details,.merged .summary .checkout-widget_order-summary{padding-top:0}.merged .summary__payment{display:block}.merged .btn-link{text-decoration:underline;font-size:1rem}.checkout-order .order-block__address{margin:0 5px;background:0 0;padding:0}.checkout-order .order-block__store-info.order-block__store-info{padding:20px;margin-bottom:0;margin-top:10px}@media (max-width:991.98px){.merged .baskets .order-item__cost{justify-content:space-between}.merged .baskets .order-item__quant{display:flex}.merged .baskets .order-item__quant-title{-ms-grid-row-align:center;align-self:center;margin-right:10px;color:#3e3e3e}.merged .baskets .order-item__value{font-size:1rem}.merged .baskets .order-item__area~.order-item__quant{display:block}.merged .baskets .order-item__area~.order-item__quant .order-item__quant-title{line-height:14px;font-size:.75rem;color:#7f7f7f;font-weight:400}.merged .baskets .order-item__area~.order-item__quant .order-item__quant-title:after{content:none}}.checkout-order{flex-wrap:nowrap;border-top:2px dotted #ccc;margin-top:15px}.checkout-order .order-block__address-wrap{padding:10px 10px 0;background:#f8f8f8}.checkout-order .order-block__address .show-info{padding:initial;text-decoration:underline}.checkout-order .order-block__address .address-icon svg{color:#0277bd;margin-right:5px}.checkout-order .order-block__store-info{padding:0 20px;margin-bottom:20px}.checkout-order .schedule-item__time{padding-right:15px;text-align:right}@media (max-width:991.98px){.merged .baskets .order-item__cost{justify-content:space-between}.merged .baskets .order-item__quant{display:flex}.merged .baskets .order-item__quant-title{-ms-grid-row-align:center;align-self:center;margin-right:10px;color:#3e3e3e}.merged .baskets .order-item__value{font-size:1rem}}@media (max-width:767.98px){.checkout-order .schedule-item__time span:first-child{display:inline-block;min-width:80px}.merged .baskets .show-info{text-align:left}}@media (min-width:576px){.special-opening-schedule-item.schedule-item__time{white-space:nowrap}.merged .baskets__basket-lines,.merged .baskets__basket-summary{flex:0 0 100%;max-width:100%}.merged .baskets .order-item__main{-ms-grid-rows:1fr;grid-template-rows:1fr}}@media (min-width:992px){.merged .merge-basket-options{padding:25px 0 25px 10px;margin-bottom:35px}.merged .merge-basket-options__choise-inner{padding-bottom:8px;border:0}.merged .baskets__basket-lines{flex:1;max-width:100%;padding-right:5px}.merged .baskets__basket-summary{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding-left:5px;max-width:325px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.113.0-develop.5",
3
+ "version": "2.113.0-develop.6",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/date-selection.hbs CHANGED
@@ -28,7 +28,7 @@
28
28
  <div class="calendar__row">
29
29
  <div class="calendar__row_days">
30
30
  {{/if}}
31
- <span class="calendar__cell calendar__cell_cnt{{#if isInactive}} calendar__cell_inactive{{/if}}{{#if ../premium}}{{#if (eq day '1')}} calendar__cell_inactive{{/if}}{{#unless isInactive}}{{#if (eq day '2')}} calendar__cell_highlight calendar-premium-day{{/if}}{{/unless}}{{else}}{{#if (eq day '1')}}{{#unless isInactive}} calendar__cell_highlight calendar-rapid-day{{/unless}}{{/if}}{{/if}}">
31
+ <span class="calendar__cell calendar__cell_cnt{{#if isInactive}} calendar__cell_inactive{{/if}}{{#if ../premium}}{{#if (eq day '1')}} calendar__cell_inactive{{/if}}{{#unless isInactive}}{{#if (eq day '2')}} calendar__cell_highlight calendar-premium-day{{/if}}{{/unless}}{{else}}{{#unless ../noRapid}}{{#if (eq day '1')}}{{#unless isInactive}} calendar__cell_highlight calendar-rapid-day{{/unless}}{{/if}}{{/unless}}{{/if}}">
32
32
  {{#if ../premium}}
33
33
  {{#if (eq day '2')}}
34
34
  {{#unless isInactive}}
@@ -41,7 +41,7 @@
41
41
  {{day}}
42
42
  {{/if}}
43
43
  {{else}}
44
- {{#if (eq day '1')}}
44
+ {{#if (and (eq day '1') (not ../noRapid))}}
45
45
  {{#unless isInactive}}
46
46
  {{day}}
47
47
  <span class="calendar-cell-label">Rapid</span>
@@ -77,22 +77,27 @@
77
77
  </div>
78
78
  </div>
79
79
  <div class="delivery-time">
80
- <div class="{{#if premium}}delivery-time__premium-hint{{else}}delivery-time__rapid-hint{{/if}}">
80
+ {{#if premium}}
81
+ <div class="delivery-time__premium-hint">
81
82
  <span class="icon-wrap icon-wrap--large">
82
- {{#if premium}}
83
83
  <img src="./img/premium-delivery.svg" class="icon" alt="Premium delivery">
84
- {{else}}
85
- <i class="fas fa-shipping-fast icon"></i>
86
- {{/if}}
87
84
  </span>
88
85
  <p class="description">
89
- {{#if premium}}
90
86
  Select tomorrow’s day on the calendar to get Premium delivery.
91
- {{else}}
92
- Select todays’ day on the calendar to get Rapid delivery.
93
- {{/if}}
94
87
  </p>
95
- </div>
88
+ </div>
89
+ {{else}}
90
+ {{#unless noRapid}}
91
+ <div class="delivery-time__rapid-hint">
92
+ <span class="icon-wrap icon-wrap--large">
93
+ <i class="fas fa-shipping-fast icon"></i>
94
+ </span>
95
+ <p class="description">
96
+ Select todays’ day on the calendar to get Rapid delivery.
97
+ </p>
98
+ </div>
99
+ {{/unless}}
100
+ {{/if}}
96
101
  {{> delivery-types
97
102
  title=titleDelivery
98
103
  subtitle=subtitleDelivery
package/src/components/heavy-banners-wrapper.hbs ADDED
@@ -0,0 +1,21 @@
1
+ <div class="delivery-block__heavy-banners-wrapper">
2
+ <div class="delivery-block__heavy-banners-header">
3
+ <h4 class="delivery-block__heavy-banners-title">Big &amp; Bulky delivery information</h4>
4
+ <a href="https://www.wickes.co.uk/termsAndConditions" class="delivery-block__heavy-banners-terms delivery-block__heavy-banners-terms--desktop">Terms &amp; Conditions</a>
5
+ </div>
6
+ <p class="delivery-block__heavy-banners-description">
7
+ We will not be able to deliver your order if any of the below apply to your delivery address:
8
+ </p>
9
+ <div class="delivery-block__heavy-banners">
10
+ {{#each @root.heavyBannerImages}}
11
+ <img loading="lazy" title="{{this.title}}" src="{{this.src}}" alt="{{this.alt}}">
12
+ {{/each}}
13
+ </div>
14
+ <div class="delivery-block__heavy-banners-contact">
15
+ <span class="delivery-block__heavy-banners-contact-icon">
16
+ <i class="far fa-info-circle"></i>
17
+ </span>
18
+ <span>If you have any questions, please contact us on <a href="tel:03301234123">0330 123 4123</a></span>
19
+ </div>
20
+ <a href="https://www.wickes.co.uk/termsAndConditions" class="delivery-block__heavy-banners-terms delivery-block__heavy-banners-terms--mobile">Terms &amp; Conditions</a>
21
+ </div>
package/src/data/data_heavy-banner.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "heavyBannerImages": [
3
+ {
4
+ "title": "Traffic access issues",
5
+ "src": "./img/emulation/traffic-access-issues.png",
6
+ "alt": "Traffic access issues"
7
+ },
8
+ {
9
+ "title": "Low trees",
10
+ "src": "./img/emulation/low-trees.png",
11
+ "alt": "Low trees"
12
+ },
13
+ {
14
+ "title": "Overhead power cables",
15
+ "src": "./img/emulation/overhead-power-cables.png",
16
+ "alt": "Overhead power cables"
17
+ },
18
+ {
19
+ "title": "Parked vehicles in the delivery path",
20
+ "src": "./img/emulation/parked-vehicles.png",
21
+ "alt": "Parked vehicles in the delivery path"
22
+ },
23
+ {
24
+ "title": "Walls or fences in the delivery path",
25
+ "src": "./img/emulation/walls-or-fences.png",
26
+ "alt": "Walls or fences in the delivery path"
27
+ }
28
+ ]
29
+ }
package/src/img/emulation/low-trees.png ADDED
Binary file
package/src/page_checkout_big-bulky-delivery-details.html ADDED
@@ -0,0 +1,272 @@
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout" title="Checkout - Delivery details - Big & Bulky" isAsideSticky="true"}}
2
+ {{#content "steps"}}
3
+ {{> steps-three-steps active-step-index="1" }}
4
+ {{/content}}
5
+
6
+ {{#content "head" mode="append"}}
7
+ <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
8
+ <link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
9
+ {{/content}}
10
+
11
+ {{#content "aside"}}
12
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true paymentsCheckoutV2="true"}}
13
+ {{/content}}
14
+
15
+
16
+ {{#content "main"}}
17
+ <div class="delivery-block">
18
+ <h3 class="delivery-block__heading">Delivery Information</h3>
19
+ <div class="delivery-block__weight-banner">
20
+ <div class="delivery-block__weight-banner-content">
21
+ <p>Due to the weight and size of your order, our Big & Bulky delivery charge, starting at £35, may apply. <br class="d-none d-sm-block">Your delivery charge will be confirmed at checkout.</p>
22
+ </div>
23
+ <div class="delivery-block__weight-banner-icon">
24
+ <i class="fas fa-weight-hanging"></i>
25
+ </div>
26
+ </div>
27
+ <div class="delivery-block__wrapper">
28
+ <div class="date-selection__wrapper">
29
+ <h3 class="date-selection__header">Select delivery date</h3>
30
+ <p class="date-selection__info-block">
31
+ Please choose a date for delivery from the calendar below.
32
+ </p>
33
+ <p class="date-selection__info-block">
34
+ Our delivery slots are currently available up to 15 days in advance.<br> We release additional delivery slots daily.
35
+ </p>
36
+ <p>*Individual couriers will provide more information on delivery times, closer to your chosen delivery date.</p>
37
+ </div>
38
+
39
+ <div class="component component-date-selection">
40
+ {{> date-selection
41
+ titleDelivery="Big & Bulky delivery"
42
+ subtitleDelivery="Delivered within 15 days"
43
+ imgDelivery="fas fa-shipping-fast"
44
+ wisdom=true
45
+ noRapid=true
46
+ }}
47
+ </div>
48
+
49
+ <a href="#" class="delivery-block__show-products">Show Delivery Products</a>
50
+
51
+ {{#with checkoutOrder.deliveryDeliveryDetails.[0]}}
52
+ <div class="checkout-order">
53
+ <!-- First order block: Choose a delivery date -->
54
+ <div class="order-block">
55
+ <div class="order-block__time-head">
56
+ <span>
57
+ <i class="iconHead fas fa-calendar-alt"></i>Choose a delivery date
58
+ <span class="boldDate">Delivery date</span>
59
+ </span>
60
+ </div>
61
+ <div class="order-block__address">
62
+ <div class="order-block__address-wrap">
63
+ <div class="order-block__address-info">
64
+ <i class="fas fa-map-marker-alt"></i> 48 Blackwell End, Potterspury, Towcester, NN12 7QE
65
+ </div>
66
+ <button class="btn btn-link underline-link edit-address" data-toggle="modal" data-target="#modalEditAddress">Edit Address</button>
67
+ </div>
68
+ </div>
69
+ <div class="order-block__product-line">
70
+ <button class="btn btn-link underline-link show-products">Show Delivery Products</button>
71
+ <button class="btn btn-link underline-link hide-products">Hide Delivery Products</button>
72
+ <div class="order-block__product-info">
73
+ <div class="order-block__order-line">
74
+ <div class="order-line__wrap">
75
+ <div class="order-line__image">
76
+ <a href="#">
77
+ <img class="image" src="https://media.wickes.co.uk/is/image/wickes/dulux-147076?fmt=png-alpha&amp;wid=65&amp;hei=65" alt="Heavy Product" title="Heavy Product">
78
+ </a>
79
+ </div>
80
+ <div class="order-line__info">
81
+ <div class="order-line__product">
82
+ <div class="order-line__name">
83
+ <a href="#">Heavy Product Example - Item 131895</a>
84
+ </div>
85
+ <div class="order-line__quantity">x<span class="value">1</span></div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ <div class="order-line__price">
90
+ <div class="order-line__price-item">
91
+ <span>Item price:</span>
92
+ <div class="price-item__info">
93
+ <div>£390</div>
94
+ </div>
95
+ </div>
96
+ <div class="order-line__price-item">
97
+ <span>Total:</span>
98
+ <span>£390</span>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Big & Bulky Delivery Information Banner - between order blocks -->
107
+ {{> heavy-banners-wrapper}}
108
+
109
+ <!-- Second order block: Wickes Supplier -->
110
+ <div class="order-block">
111
+ <div class="order-block__time-head">
112
+ <span>
113
+ <i class="iconHead fas fa-calendar-alt"></i>Wickes Supplier -
114
+ <span class="boldDate">Delivery within 5 days</span>
115
+ </span>
116
+ </div>
117
+ <div class="order-block__address">
118
+ <div class="order-block__address-wrap">
119
+ <div class="order-block__address-info">
120
+ <i class="fas fa-map-marker-alt"></i> 48 Blackwell End, Potterspury, Towcester, NN12 7QE
121
+ </div>
122
+ <button class="btn btn-link underline-link edit-address" data-toggle="modal" data-target="#modalEditAddress">Edit Address</button>
123
+ </div>
124
+ </div>
125
+ <div class="order-block__product-line">
126
+ <button class="btn btn-link underline-link show-products">Show Supplier Products</button>
127
+ <button class="btn btn-link underline-link hide-products">Hide Supplier Products</button>
128
+ <div class="order-block__product-info">
129
+ <div class="order-block__order-line">
130
+ <div class="order-line__wrap">
131
+ <div class="order-line__image">
132
+ <a href="#">
133
+ <img class="image" src="https://media.wickes.co.uk/is/image/wickes/dulux-147076?fmt=png-alpha&amp;wid=65&amp;hei=65" alt="Supplier Product" title="Supplier Product">
134
+ </a>
135
+ </div>
136
+ <div class="order-line__info">
137
+ <div class="order-line__product">
138
+ <div class="order-line__name">
139
+ <a href="#">Wickes Horizon Canopy Garage Door 2134 X 1981mm</a>
140
+ </div>
141
+ <div class="order-line__quantity">x<span class="value">1</span></div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ <div class="order-line__price">
146
+ <div class="order-line__price-item">
147
+ <span>Item price:</span>
148
+ <div class="price-item__info">
149
+ <div>£672</div>
150
+ </div>
151
+ </div>
152
+ <div class="order-line__price-item">
153
+ <span>Total:</span>
154
+ <span>£672</span>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ {{/with}}
163
+
164
+ </div>
165
+ </div>
166
+
167
+ <div class="click-collect-block">
168
+ <h3 class="click-collect-block__heading">Click & Collect</h3>
169
+
170
+ <div class="click-collect-block__head-info">
171
+ <p>Simply enter or correct the contact information required below and continue to the next step of the checkout.</p>
172
+ <div class="head-info__wrapper">
173
+ <div class="head-info__wrapper-exclamation">
174
+ <i class="far fa-exclamation-circle"></i>
175
+ <span>Your order will be held for up to 24 hours</span>
176
+ </div>
177
+ <div class="head-info__wrapper-text">
178
+ <p>You will receive a text when your order is ready to collect (usually within 1 trading hour of receiving your order confirmation email).</p>
179
+ <p>Please wait for confirmation before travelling to your chosen store.</p>
180
+ </div>
181
+ </div>
182
+ </div>
183
+
184
+ <div class="click-collect-block__wrapper">
185
+ {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
186
+ <div class="checkout-order">
187
+ {{> checkout-order-block}}
188
+ </div>
189
+ {{/with}}
190
+
191
+ <div class="add-contact-details">
192
+ <h3 class="add-contact-details__heading">Add contact details</h3>
193
+ <p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
194
+
195
+ <div class="add-contact-details__form">
196
+ {{> form-row type="tel" id="mobile" label="Mobile number" required="true"}}
197
+ {{> form-row type="tel" id="home-phone" label="Home phone"}}
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="simplify-collection">
204
+ <h3 class="simplify-collection__heading">Simplify your collection</h3>
205
+ <p class="simplify-collection__info">All the Click & Collect items in your order are currently available at the following stores. Select
206
+ one of the store to collect all your items from the same location.</p>
207
+
208
+ <div class="simplify-collection__wrapper">
209
+ <div class="your-contact-details__checkbox">
210
+ {{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
211
+ {{#content "html"}}
212
+ <span class="distance">6.2 Miles</span>
213
+ <div class="store-address">
214
+ <div class="store-address__street">Wickes Larch Street,</div>
215
+ <div class="store-address__town">Oldham</div>
216
+ <div class="store-address__city">Greater Manchester,</div>
217
+ <div class="store-address__postcode">OL8 1TA</div>
218
+ <div class="store-address__country">United Kingdom</div>
219
+ </div>
220
+ {{/content}}
221
+ {{/extend}}
222
+ </div>
223
+ <div class="your-contact-details__checkbox">
224
+ {{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
225
+ {{#content "html"}}
226
+ <span class="distance">4.9 Miles</span>
227
+ <div class="store-address">
228
+ <div class="store-address__street">Wickes Wynne Avenue,</div>
229
+ <div class="store-address__town"> Clifton, Swinton</div>
230
+ <div class="store-address__city">Greater Manchester,</div>
231
+ <div class="store-address__postcode">M27 8FU</div>
232
+ <div class="store-address__country">United Kingdom</div>
233
+ </div>
234
+ {{/content}}
235
+ {{/extend}}
236
+ </div>
237
+ </div>
238
+
239
+ <p class="simplify-collection__info">I would like to update my order to collect all my items from one store.</p>
240
+
241
+ <button class="btn btn-primary simplify-collection__btn">
242
+ <span class="btn__text">Simplify collection</span>
243
+ </button>
244
+ </div>
245
+
246
+ <div class="continue-btn">
247
+ <button class="btn btn-action">Continue to Payment Details</button>
248
+ </div>
249
+ {{/content}}
250
+
251
+ {{#content "foot" mode="append"}}
252
+
253
+ <script defer src="./js/page/checkout-confirmation-new.js"></script>
254
+ <script defer src="./js/page/select-address.js"></script>
255
+
256
+ {{#extend "modal" classMod="edit-delivery-address" id="modalEditAddress" title="Edit delivery address" fullWidth=true}}
257
+ {{#content "body"}}
258
+ <div class="edit-address-modal-block">
259
+ {{> notifications notification-page.error-deliver-area}}
260
+ <div class="delivery-block__wrapper customer-journey-block">
261
+ {{> user-address-delivery radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true isDeleted=true}}
262
+ </div>
263
+
264
+ <button class="btn btn-action btn_full">
265
+ <span class="btn__text">Continue to delivery details</span>
266
+ </button>
267
+ </div>
268
+ {{/content}}
269
+ {{/extend}}
270
+
271
+ {{/content}}
272
+ {{/extend}}
package/src/scss/components/_checkout_order.scss CHANGED
@@ -341,7 +341,8 @@
341
341
  }
342
342
  }
343
343
 
344
- &:last-child {
344
+ &:last-child,
345
+ &:has(+ .delivery-block__heavy-banners-wrapper.d-none:last-child) {
345
346
  .order-block__product-line {
346
347
  .show-products {
347
348
  padding-bottom: 0;