wickes-css2 2.94.0-develop.4 → 2.94.0-develop.6

package/build/css/components/checkout-payment-details-v2.css

@@ -1 +1 @@
-.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin:20px 0 0}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr:after{position:absolute;content:"";height:2px;background:#eee;left:15px;right:15px}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:560px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:560px}}
+.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin:20px 0 0}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr:after{position:absolute;content:"";height:2px;background:#eee;left:15px;right:15px}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}

package/build/css/pages/page_default-store.css

@@ -1 +1 @@
-.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.bw{margin-top:20px;padding:10px 15px;background:#fff;border:1px solid #ccc}.bw_min-h{min-height:220px}.bw__cc-btn{white-space:normal}.bw .stock{background:#fff}.bw .stock__bot{transition:none;position:absolute;z-index:2;bottom:180px;left:20px;width:calc(100% - 40px);height:220px;padding:15px 20px;border:1px solid #ccc;outline:0}.bw .stock__det-open:after{content:"";position:absolute;left:-4px;top:0;width:4px;height:100%;background:#fff;border-right:2px solid #ccc}.bw .stock__find_hide,.bw .stock__result_hide{display:none}.bw .stock__accordion.collapsed .stock__angel{transform:rotate(180deg)}.bw .stock__accordion.non-reg{margin:-11px -16px;padding:15px;background:#f8f8f8}.bw .stock__head{font-size:1rem;font-weight:500;color:#0277bd}.bw .stock__head.non-reg{margin:-15px;padding:8px;border-radius:3px;background:#67a509;color:#fff;text-align:center;font-size:.875rem;font-weight:500;line-height:1.57143;cursor:pointer}.bw .stock__i-search{padding-right:5px}.bw .stock__angel{float:right}.bw .stock__title{text-decoration:underline}.bw .stock__tabs{display:flex;justify-content:center;margin-top:20px;border-bottom:1px solid #8b8b8b}.bw .stock__tabs_hide{display:none}.bw .stock__tab{position:relative;bottom:-1px;width:45%;min-width:110px;margin:0 5px;padding:3px 0 0;border-radius:5px 5px 0 0;border:1px solid;border-color:#ccc #ccc #8b8b8b;text-align:center;font-size:.9375rem;color:#0277bd;cursor:pointer}.bw .stock__tab.active{border:1px solid;border-color:#8b8b8b #8b8b8b #fff;color:#3e3e3e;font-weight:500;background:linear-gradient(180deg,#e0e0e0,#fff)}.bw .stock__content{padding-top:20px;padding-bottom:5px}.bw .stock__postcode{margin-bottom:20px}.bw .stock__postcode_label{display:flex}.bw .stock__postcode_invalid{border-radius:3px}.bw .stock__postcode_invalid .stock__target,.bw .stock__postcode_invalid input{border-color:#cf000f}.bw .stock__postcode_invalid .stock__postcode_invalid-msg{display:block}.bw .stock__postcode_invalid-msg{display:none;color:#cf000f;line-height:1rem;font-size:.75rem}.bw .stock__input{border-radius:3px 0 0 3px}.bw .stock__target{height:40px;width:40px;padding:0 10px;border-color:#ccc;border-radius:0 3px 3px 0;border-left:0;font-size:1.25rem}.bw .stock__target .btn__text{vertical-align:middle}.bw .stock__cancel,.bw .stock__params,.bw .stock__quest{display:none;margin-bottom:20px}.bw .stock__close{display:none}.bw .stock__quest .chb{margin-bottom:20px;font-size:.875rem;font-weight:400}.bw .stock__quest .chb:last-of-type{margin-bottom:0}.bw .stock__cancel{margin-top:15px}.bw .stock__price{font-size:1.25rem;font-weight:400;display:flex;align-items:baseline}.bw .stock__price .popover-mini-basket__price-vat{margin-left:.25rem}.bw .stock-more{transition:none;height:100vh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1051;overflow:scroll;outline:0;border:0}.bw .stock-more .quantity-label{font-weight:400;margin-bottom:0}.bw .stock-more .tbx_quantity{margin-left:5px}.bw .stock-more .stock__accordion{display:none}.bw .stock-more .stock__head{text-transform:uppercase}.bw .stock-more .stock__title{text-decoration:none}.bw .stock-more .stock__params{display:flex;align-items:center;justify-content:space-between}.bw .stock-more .stock__cancel,.bw .stock-more .stock__quest{display:block}.bw .stock-more .stock__cancel{display:block;text-align:center}.bw .stock-more .stock__cancel a{font-weight:500;font-size:.875rem}.bw .stock-more .stock__angel{display:none}.bw .stock-more .stock__close{display:block;float:right;cursor:pointer;position:relative;top:-8px}.bw .stock__search{display:flex;padding-bottom:20px;border-bottom:1px solid #ccc}.bw .stock__res{flex:0 0 75%;max-width:75%;padding-right:15px}.bw .stock__edit{flex:0 0 25%;max-width:25%;text-align:right}.bw .stock__edit .btn{width:70px;padding:12px 8px}.bw .stock__edit .btn__text{white-space:normal}.bw .stock__arg{display:flex;justify-content:space-between}.bw .stock__cost{display:flex;align-items:baseline}.bw .stock__amount,.bw .stock__cost{font-size:.875rem;font-weight:500}.bw .stock__amount .popover-mini-basket__price-vat,.bw .stock__cost .popover-mini-basket__price-vat{margin-left:.25rem}.bw .stock__amount{padding-bottom:5px}.bw .stock__descr{font-size:.875rem}.bw .stock__descr_c .stock__descr_both,.bw .stock__descr_c .stock__descr_stock,.bw .stock__descr_s .stock__descr_both,.bw .stock__descr_s .stock__descr_c-and-c{display:none}.bw .stock__amount-val,.bw .stock__descr_c-and-c,.bw .stock__descr_post,.bw .stock__descr_stock{font-weight:500;color:#0277bd}.bw .stock__item{display:flex;flex-wrap:wrap;border-bottom:1px solid #eee}.bw .stock__item:last-of-type{border-bottom:0}.bw .stock__radio{flex:0 0 8.33333%;max-width:8.33333%}.bw .stock__radio label{top:3px}.bw .stock__store{flex:0 0 91.66667%;max-width:91.66667%}.bw .stock .icon-info-component,.bw .stock__valid{display:none}.bw .stock__valid_show{display:block}.bw .store{display:flex;justify-content:space-between;align-items:center;padding:17px 0 15px 10px}.bw .store__info{align-self:flex-start}.bw .store__name{font-size:.9375rem;font-weight:500;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:170px;padding-bottom:3px}.bw .store__stock{line-height:.875rem}.bw .store__amount_enough,.bw .store__amount_inStock,.bw .store__amount_low,.bw .store__amount_lowStock,.bw .store__amount_out,.bw .store__amount_outOfStock{display:inline-block;margin-right:2px}.bw .store__amount_out,.bw .store__amount_outOfStock{color:#cf000f}.bw .store__amount_low,.bw .store__amount_lowStock{color:#ffc439}.bw .store__amount_enough,.bw .store__amount_inStock{color:#67a509}.bw .store__dist{width:61px;margin-bottom:3px;text-align:center;background:#eee;color:#656565}.bw .store__dist_val{font-weight:500}.bw .store__dist_uom{font-size:.75rem}.bw .chosen{padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #ccc}.bw .chosen:not(.chosen_hide)+.stock .stock__accordion,.bw .chosen__msg,.bw .chosen_hide{display:none}.bw .chosen__error .chosen__notif,.bw .chosen__error .chosen__notif .notification_error,.bw .chosen__nearest .chosen__msg,.bw .chosen__success .chosen__notif,.bw .chosen__success .chosen__notif .notification_success{display:block}.bw .chosen__item{padding:0;margin-bottom:15px}.bw .chosen__item .store__count{display:none}.bw .chosen__notif{display:none;margin-bottom:15px}.bw .chosen__notif .notification{display:none;border:0;padding-right:20px}.bw .chosen .default-store{border:1px solid #ccc;margin-top:15px;padding:5px;background:#f8f8f8}.bw .chosen .default-store__inf{padding:10px}.bw .chosen .default-store__name{text-align:center}.bw .chosen .default-store__det__current,.bw .chosen .default-store__make{text-decoration:underline;cursor:pointer}.bw .chosen .default-store__default{display:none}.bw .chosen .default-store__det{font-size:.75rem;line-height:1rem;padding:10px;display:flex;justify-content:space-between;border-top:1px dashed #ccc}.bw .reserve{display:flex;align-items:center;margin-top:15px;color:#515151}.bw .reserve_ic{font-size:1.75rem;line-height:1}.bw .reserve_msg{padding-left:10px;font-size:.875rem;line-height:19px}.bw .reserve_bold{font-weight:500}.bw .stock__tabs.def-stores-present{border:0;color:#0277bd;line-height:1rem}.bw .stock__tabs.def-stores-present .def-stock__tab{text-decoration:#0277bd underline;cursor:pointer;margin-left:.875rem}.bw .stock__tabs.def-stores-present+.stock__content{padding:0 0 10px}.bw .stock-more .stock__head .stock__close{padding-top:5px}.bw .stock-more .stock__store{padding-bottom:40px}.bw .stock-more .stock__tabs.def-stores-present{margin:-3px 0 0;padding-bottom:20px;padding-top:5px}.bw .stock-more .stock__tabs.def-stores-present .def-stock__tab{text-decoration:none;cursor:auto}.bw .stock-more .store-state{font-size:.75rem;text-transform:none;font-weight:700}.bw .store__tick{display:none}.s-details{transition:none;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1051;overflow:hidden;outline:0;border:0;background:#fff;padding:15px 0 20px 15px}.s-details:after{content:"";position:absolute;right:-4px;top:0;width:4px;height:100%;background:#fff;border-right:2px solid #ccc}.s-details_hide{visibility:hidden;right:0;opacity:0}.s-details__info{padding-right:15px;overflow-x:hidden;overflow-y:auto;height:calc(100% - 75px)}.s-details__info .simplebar-content{overflow-x:auto}.s-details__info .simplebar-scroll-content{overflow-y:auto}.s-details__store{position:relative;display:flex;justify-content:space-between;padding-bottom:10px}.s-details__store:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#8b8b8b;box-shadow:0 1px 1px 0 rgba(0,0,0,.5)}@media (min-width:576px){.s-details__store{margin-right:15px}}.s-details__distance{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:60px;text-align:center;color:#3e3e3e;background:#eee;font-size:.75rem;font-weight:400;line-height:1.125rem}.s-details__distance_amount,.s-details__s-name{font-size:1rem;font-weight:500;line-height:1}.s-details__s-name{display:inline-block;width:70%;margin-left:15px;margin-top:5px;color:#0277bd;text-transform:uppercase;text-align:center}.s-details__close{float:right;cursor:pointer;font-size:1rem;color:#0277bd;width:40px;height:40px}.s-details__address,.s-details__phone,.s-details__postcode{font-size:.875rem;font-weight:500}.s-details__address_val,.s-details__phone_val,.s-details__postcode_val{font-weight:400}.s-details__phone{margin-top:15px}.s-details__action,.s-details__address,.s-details__postcode{margin-top:8px}.s-details__action{display:flex;justify-content:space-between;font-size:.9375rem}.s-details__copy,.s-details__tgl-map{text-decoration:none}.s-details__copy_text,.s-details__tgl-map_text{text-decoration:underline}.s-details__map{padding:15px 0 20px;border-bottom:1px solid #ccc}.s-details__map .store-locator-popup__map{min-height:220px}.s-details__map_hide{display:none}.s-details__open_title{margin-top:20px;margin-bottom:15px;font-size:.875rem;font-weight:700}.s-details__table{width:100%;border-collapse:collapse;font-size:1rem;font-weight:500}.s-details__table_regular .s-details__table_row:first-child td{border:2px solid #3e3e3e;text-transform:uppercase}.s-details__table_regular .s-details__table_row:first-child td:first-of-type{background:#3e3e3e;color:#fff}.s-details__table_regular .s-details__table_row:first-child td:last-of-type{background:#fff;color:#3e3e3e}.s-details__table_time{vertical-align:center}.s-details__table_day{font-weight:400;font-size:.875rem}.s-details__table_cell{border:1px solid #eee}.s-details__table_cell:nth-child(odd){padding-left:20px;background:#eee;color:#3e3e3e}.s-details__table_cell:nth-child(2n){text-align:center;background:#fff;color:#656565}.s-details__btn{position:relative;padding-top:20px;background:#fff}.s-details__btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#8b8b8b;box-shadow:0 1px 1px 0 rgba(0,0,0,.5)}.s-details .notouch{pointer-events:none;-webkit-user-select:none}@media (min-width:768px){.bw .stock-more{position:absolute;bottom:0;left:0;top:auto;right:auto;z-index:101;width:100%;min-height:100%;height:-moz-fit-content;height:fit-content;outline:4px solid #8b8b8b;margin-top:0;overflow:visible}.bw .stock-more .stock__close{padding-top:0}.bw .stock__tab{width:120px;min-width:auto}.bw .stock__quest label{width:85%}.bw .stock .icon-info-component{display:inline-block;vertical-align:top}.bw .stock__bot{transition:.6s ease-in}.s-details{transition:.5s;position:absolute;z-index:1;top:0;right:calc(100% + 4px);left:auto;bottom:auto;opacity:1;width:100%;height:100%;outline:4px solid #8b8b8b;padding:15px 0 20px 15px;overflow:visible}.s-details_hide{visibility:hidden;right:0;opacity:0}}@media (min-width:1200px){.bw .stock__quest label{width:auto}}@media (min-width:992px) and (max-width:1199.98px){.bw .stock__title{font-size:.9375rem}.bw .store__name{max-width:150px}}@media (min-width:768px) and (max-width:991.98px){.bw .chosen__notif .notification{padding:8px 10px 8px 35px}.bw .stock__quest label{width:80%}}@media (max-width:767.98px){.s-details{height:100%;padding:0}.s-details__store{margin-right:0;padding:15px 15px 10px}.s-details__info{padding:15px 15px 20px}.s-details__info .simplebar-scroll-content{text-align:left}}.default-store{margin:0;display:block;padding:0 0 40px}.default-store .globalMessages{padding-top:16px}.default-store .globalMessages .notification{margin-bottom:8px}.default-store__search{order:2;min-height:458px}.default-store__wrap{margin-top:16px}.default-store__title{font-size:1.625rem;font-weight:500;line-height:2.25rem;margin-bottom:0;text-align:left}.default-store__subtitle{margin-top:16px;font-size:1.25rem;font-weight:500;line-height:2rem}.default-store__subtitle--change{margin-top:24px}.default-store .store-unavailable{margin-top:16px;background:#f4f9fe;padding:40px 24px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:305px}.default-store .store-unavailable__title{font-size:1.25rem;font-weight:500;line-height:2rem;margin-bottom:0}.default-store .store-unavailable .icon{margin-top:36px;color:#99b5cf;font-size:5rem;height:auto}.default-store .search-store{display:flex;align-items:flex-end}.default-store .search-store__wrap{display:flex;width:100%}.default-store .search-store__label{font-size:1rem;font-weight:500;line-height:1.5rem}.default-store .search-store .form-row{padding:0;margin:0;justify-content:flex-start;flex-direction:column}.default-store .search-store .form-row__error{padding:0;width:calc(100% - 40px)}.default-store .search-store__input{display:flex;align-items:center;border-radius:3px;border:1px solid #ccc;padding:7px 8px 7px 16px}.default-store .search-store__input .input{border:0;width:100%;padding:0;outline:0;font-size:1rem;line-height:1.5rem}.default-store .search-store__input .btn--clear{padding:0 6px;position:relative;top:auto;right:auto;margin:0 8px 0 0;transform:none}.default-store .search-store__input .btn--clear .icon{height:auto;font-size:1rem;color:#3e3e3e}.default-store .search-store__input .btn-search{padding:0 4px;background:0 0;display:flex;align-items:center}.default-store .search-store__input .btn-search .icon{color:#0277bd;font-size:1rem;height:auto}.default-store .search-store__input-error{border-color:#cf000f}.default-store .search-store .btn--location{margin-left:16px;padding:0 10px;display:flex;align-items:center;justify-content:center;min-width:40px}.default-store .list-of-store .bw{margin-top:16px;padding:0;border:0}.default-store .list-of-store .bw_act{display:flex;grid-gap:16px;margin-top:16px}.default-store .list-of-store .store{padding:16px 8px}.default-store .list-of-store .store__name{font-size:1rem;font-weight:700;line-height:1.25rem;padding-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;white-space:normal}.default-store .list-of-store .store__act{display:none}.default-store .list-of-store .store__details{margin-left:16px}.default-store .list-of-store .store__dist{width:64px;margin-bottom:4px}.default-store .list-of-store .stock__list{padding:0;margin-bottom:0}.default-store .list-of-store .stock__item{flex-wrap:nowrap}.default-store .list-of-store .stock__radio{flex:auto;max-width:none;min-width:24px}.default-store .list-of-store .stock__radio label{top:0}.default-store .list-of-store .stock__store{flex:0 1 100%;max-width:none}.default-store .list-of-store .s-details{padding:0 15px}.default-store .list-of-store .s-details__info{padding:10px 0}.default-store .list-of-store .s-details__store{padding:20px 0 10px}.default-store .list-of-store .s-details__address{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;margin-top:4px;font-weight:400}.default-store .list-of-store .s-details__s-name{margin-left:0;margin-top:0}.default-store .list-of-store .s-details__phone{margin-top:0}.default-store .list-of-store .s-details .s-details__action,.default-store .list-of-store .s-details .s-details__address,.default-store .list-of-store .s-details .s-details__open,.default-store .list-of-store .s-details .s-details__postcode{margin-top:10px}.default-store .list-of-store .s-details .s-details__open_title{margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:15px}.default-store .list-of-store .s-details .s-details__table:not(.s-details__table_special) .s-details__table_cell:nth-child(odd){width:35%}.default-store .list-of-store .s-details .s-details__table_special .s-details__table_cell{width:50%}.default-store .list-of-store .s-details__close .fa-angle-right{transform:rotate(-180deg)}.default-store .current-store{margin-top:24px;border:1px solid #ccc;border-radius:4px;padding:16px}.default-store .current-store__default{font-weight:700;margin-bottom:0}.default-store .current-store__name{margin-top:8px;margin-bottom:0;font-size:1.25rem}.default-store .current-store__address,.default-store .current-store__link,.default-store .current-store__phone{margin-bottom:0;margin-top:8px}.default-store .current-store__link{display:block;text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.375rem}.default-store .current-store__hours{margin-top:12px;border-radius:4px;padding:16px;background:#f8f8f8}.default-store .current-store__hours .title-section{margin-bottom:0;font-weight:500}.default-store .current-store__hours-section+.current-store__hours-section{padding-top:4px}.default-store .current-store__hours .facilities,.default-store .current-store__hours .opening-times,.default-store .current-store__hours .special-times{margin-bottom:0;list-style-type:none;padding:0}.default-store .current-store__hours .facilities li,.default-store .current-store__hours .opening-times li,.default-store .current-store__hours .special-times li{padding-top:4px}.default-store .current-store__hours .opening-times li:last-child,.default-store .current-store__hours .special-times li:last-child{padding-bottom:12px;border-bottom:1px solid #ccc;margin-bottom:8px}.default-store .current-store__hours .opening-times__item{display:flex}.default-store .current-store__hours .opening-times__day{width:35%}.default-store .current-store__hours .opening-times__time{text-align:right;width:65%}.default-store .current-store__hours .special-times__item{display:flex;align-items:center}.default-store .current-store__hours .special-times__name{font-weight:500}.default-store .current-store__hours .special-times__days{display:flex;flex-direction:column;width:50%}.default-store .current-store__hours .special-times__time{width:50%;text-align:right}.default-store .current-store__hours .facilities__item{display:flex}.default-store .current-store__hours .facilities__icon-container{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:4px}.default-store .current-store__hours .facilities__icon{font-size:1rem;height:auto}.default-store .current-store__hours .btn-link{padding:0 6px;height:auto;margin:8px auto 0;display:flex;border:0}.default-store .current-store__hours .btn-link .icon{font-size:1.2rem}.default-store .current-store__hours .btn-link[aria-expanded=true] .icon{transform:rotate(-180deg)}@media (min-width:576px){.default-store .list-of-store .s-details__info{padding-bottom:0}.default-store .list-of-store .bw_act .my-account_cancel-store{max-width:75px}.default-store .list-of-store .bw_act .my-account_add-store{width:auto}}@media (min-width:768px){.default-store{padding-bottom:70px;padding-top:24px}.default-store .globalMessages{padding-top:0}.default-store__search{order:0}.default-store__title{font-size:2.125rem;line-height:2.875rem}.default-store__wrap{margin-top:24px}.default-store__subtitle{font-size:1.5rem;margin-top:24px;margin-bottom:24px}.default-store .list-of-store .s-details{right:auto;left:calc(100% + 15px);outline:0;border:1px solid #ccc;border-radius:4px;padding:20px 15px;max-width:333px;height:auto;min-height:100%}.default-store .list-of-store .s-details:after{content:none}.default-store .list-of-store .s-details__store{padding-top:0;margin-right:0}.default-store .list-of-store .bw_act{margin-top:24px}.default-store .list-of-store .stock__det-open:after{content:none}.default-store .current-store{margin-top:0}.default-store .current-store__name{font-size:1.5rem;margin-top:12px}.default-store .store-unavailable{margin-top:24px}.default-store .store-unavailable__title{font-size:1.5rem}}@media (min-width:992px){.default-store{padding-top:40px}.default-store .globalMessages{padding-top:0}.default-store .globalMessages .notification{margin-bottom:24px}.default-store__wrap{margin-top:0}.default-store .list-of-store .s-details{max-width:calc(100% - 30px)}}@media (min-width:1200px){.default-store .current-store__hours{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));position:relative;grid-gap:0 30px;margin-top:24px}.default-store .current-store__hours-section+.current-store__hours-section{padding-top:0}.default-store .current-store__hours-section--special{margin-top:16px;-ms-grid-column:1;grid-column:1}.default-store .current-store__hours-section--facilities{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2;position:relative}.default-store .current-store__hours-section--facilities:after{content:"";position:absolute;height:100%;border:1px solid #ccc;top:0;left:-16px}.default-store .current-store__hours .opening-times li:last-child,.default-store .current-store__hours .special-times li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.default-store .current-store__hours .special-times__day,.default-store .current-store__hours .special-times__time{width:auto}.default-store .current-store__hours .special-times__time{flex:1 0 55%}.default-store .current-store__hours .btn-link{position:absolute;top:8px;right:8px;margin-top:0}}
+.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.bw{margin-top:20px;padding:10px 15px;background:#fff;border:1px solid #ccc}.bw_min-h{min-height:220px}.bw__cc-btn{white-space:normal}.bw .stock{background:#fff}.bw .stock__bot{transition:none;position:absolute;z-index:2;bottom:180px;left:20px;width:calc(100% - 40px);height:220px;padding:15px 20px;border:1px solid #ccc;outline:0}.bw .stock__det-open:after{content:"";position:absolute;left:-4px;top:0;width:4px;height:100%;background:#fff;border-right:2px solid #ccc}.bw .stock__find_hide,.bw .stock__result_hide{display:none}.bw .stock__accordion.collapsed .stock__angel{transform:rotate(180deg)}.bw .stock__accordion.non-reg{margin:-11px -16px;padding:15px;background:#f8f8f8}.bw .stock__head{font-size:1rem;font-weight:500;color:#0277bd}.bw .stock__head.non-reg{margin:-15px;padding:8px;border-radius:3px;background:#67a509;color:#fff;text-align:center;font-size:.875rem;font-weight:500;line-height:1.57143;cursor:pointer}.bw .stock__i-search{padding-right:5px}.bw .stock__angel{float:right}.bw .stock__title{text-decoration:underline}.bw .stock__tabs{display:flex;justify-content:center;margin-top:20px;border-bottom:1px solid #8b8b8b}.bw .stock__tabs_hide{display:none}.bw .stock__tab{position:relative;bottom:-1px;width:45%;min-width:110px;margin:0 5px;padding:3px 0 0;border-radius:5px 5px 0 0;border:1px solid;border-color:#ccc #ccc #8b8b8b;text-align:center;font-size:.9375rem;color:#0277bd;cursor:pointer}.bw .stock__tab.active{border:1px solid;border-color:#8b8b8b #8b8b8b #fff;color:#3e3e3e;font-weight:500;background:linear-gradient(180deg,#e0e0e0,#fff)}.bw .stock__content{padding-top:20px;padding-bottom:5px}.bw .stock__postcode{margin-bottom:20px}.bw .stock__postcode_label{display:flex}.bw .stock__postcode_invalid{border-radius:3px}.bw .stock__postcode_invalid .stock__target,.bw .stock__postcode_invalid input{border-color:#cf000f}.bw .stock__postcode_invalid .stock__postcode_invalid-msg{display:block}.bw .stock__postcode_invalid-msg{display:none;color:#cf000f;line-height:1rem;font-size:.75rem}.bw .stock__input{border-radius:3px 0 0 3px}.bw .stock__target{height:40px;width:40px;padding:0 10px;border-color:#ccc;border-radius:0 3px 3px 0;border-left:0;font-size:1.25rem}.bw .stock__target .btn__text{vertical-align:middle}.bw .stock__cancel,.bw .stock__params,.bw .stock__quest{display:none;margin-bottom:20px}.bw .stock__close{display:none}.bw .stock__quest .chb{margin-bottom:20px;font-size:.875rem;font-weight:400}.bw .stock__quest .chb:last-of-type{margin-bottom:0}.bw .stock__cancel{margin-top:15px}.bw .stock__price{font-size:1.25rem;font-weight:400;display:flex;align-items:baseline}.bw .stock__price .popover-mini-basket__price-vat{margin-left:.25rem}.bw .stock-more{transition:none;height:100vh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1051;overflow:scroll;outline:0;border:0}.bw .stock-more .quantity-label{font-weight:400;margin-bottom:0}.bw .stock-more .tbx_quantity{margin-left:5px}.bw .stock-more .stock__accordion{display:none}.bw .stock-more .stock__head{text-transform:uppercase}.bw .stock-more .stock__title{text-decoration:none}.bw .stock-more .stock__params{display:flex;align-items:center;justify-content:space-between}.bw .stock-more .stock__cancel,.bw .stock-more .stock__quest{display:block}.bw .stock-more .stock__cancel{display:block;text-align:center}.bw .stock-more .stock__cancel a{font-weight:500;font-size:.875rem}.bw .stock-more .stock__angel{display:none}.bw .stock-more .stock__close{display:block;float:right;cursor:pointer;position:relative;top:-8px}.bw .stock__search{display:flex;padding-bottom:20px;border-bottom:1px solid #ccc}.bw .stock__res{flex:0 0 75%;max-width:75%;padding-right:15px}.bw .stock__edit{flex:0 0 25%;max-width:25%;text-align:right}.bw .stock__edit .btn{width:70px;padding:12px 8px}.bw .stock__edit .btn__text{white-space:normal}.bw .stock__arg{display:flex;justify-content:space-between}.bw .stock__cost{display:flex;align-items:baseline}.bw .stock__amount,.bw .stock__cost{font-size:.875rem;font-weight:500}.bw .stock__amount .popover-mini-basket__price-vat,.bw .stock__cost .popover-mini-basket__price-vat{margin-left:.25rem}.bw .stock__amount{padding-bottom:5px}.bw .stock__descr{font-size:.875rem}.bw .stock__descr_c .stock__descr_both,.bw .stock__descr_c .stock__descr_stock,.bw .stock__descr_s .stock__descr_both,.bw .stock__descr_s .stock__descr_c-and-c{display:none}.bw .stock__amount-val,.bw .stock__descr_c-and-c,.bw .stock__descr_post,.bw .stock__descr_stock{font-weight:500;color:#0277bd}.bw .stock__item{display:flex;flex-wrap:wrap;border-bottom:1px solid #eee}.bw .stock__item:last-of-type{border-bottom:0}.bw .stock__radio{flex:0 0 8.33333%;max-width:8.33333%}.bw .stock__radio label{top:3px}.bw .stock__store{flex:0 0 91.66667%;max-width:91.66667%}.bw .stock .icon-info-component,.bw .stock__valid{display:none}.bw .stock__valid_show{display:block}.bw .store{display:flex;justify-content:space-between;align-items:center;padding:17px 0 15px 10px}.bw .store__info{align-self:flex-start}.bw .store__name{font-size:.9375rem;font-weight:500;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:170px;padding-bottom:3px}.bw .store__stock{line-height:.875rem}.bw .store__amount_enough,.bw .store__amount_inStock,.bw .store__amount_low,.bw .store__amount_lowStock,.bw .store__amount_out,.bw .store__amount_outOfStock{display:inline-block;margin-right:2px}.bw .store__amount_out,.bw .store__amount_outOfStock{color:#cf000f}.bw .store__amount_low,.bw .store__amount_lowStock{color:#ffc439}.bw .store__amount_enough,.bw .store__amount_inStock{color:#67a509}.bw .store__dist{width:61px;margin-bottom:3px;text-align:center;background:#eee;color:#656565}.bw .store__dist_val{font-weight:500}.bw .store__dist_uom{font-size:.75rem}.bw .chosen{padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #ccc}.bw .chosen:not(.chosen_hide)+.stock .stock__accordion,.bw .chosen__msg,.bw .chosen_hide{display:none}.bw .chosen__error .chosen__notif,.bw .chosen__error .chosen__notif .notification_error,.bw .chosen__nearest .chosen__msg,.bw .chosen__success .chosen__notif,.bw .chosen__success .chosen__notif .notification_success{display:block}.bw .chosen__item{padding:0;margin-bottom:15px}.bw .chosen__item .store__count{display:none}.bw .chosen__notif{display:none;margin-bottom:15px}.bw .chosen__notif .notification{display:none;border:0;padding-right:20px}.bw .chosen .default-store{border:1px solid #ccc;margin-top:15px;padding:5px;background:#f8f8f8}.bw .chosen .default-store__inf{padding:10px}.bw .chosen .default-store__name{text-align:center}.bw .chosen .default-store__det__current,.bw .chosen .default-store__make{text-decoration:underline;cursor:pointer}.bw .chosen .default-store__default{display:none}.bw .chosen .default-store__det{font-size:.75rem;line-height:1rem;padding:10px;display:flex;justify-content:space-between;border-top:1px dashed #ccc}.bw .reserve{display:flex;align-items:center;margin-top:15px;color:#515151}.bw .reserve_ic{font-size:1.75rem;line-height:1}.bw .reserve_msg{padding-left:10px;font-size:.875rem;line-height:19px}.bw .reserve_bold{font-weight:500}.bw .stock__tabs.def-stores-present{border:0;color:#0277bd;line-height:1rem}.bw .stock__tabs.def-stores-present .def-stock__tab{text-decoration:#0277bd underline;cursor:pointer;margin-left:.875rem}.bw .stock__tabs.def-stores-present+.stock__content{padding:0 0 10px}.bw .stock-more .stock__head .stock__close{padding-top:5px}.bw .stock-more .stock__store{padding-bottom:40px}.bw .stock-more .stock__tabs.def-stores-present{margin:-3px 0 0;padding-bottom:20px;padding-top:5px}.bw .stock-more .stock__tabs.def-stores-present .def-stock__tab{text-decoration:none;cursor:auto}.bw .stock-more .store-state{font-size:.75rem;text-transform:none;font-weight:700}.bw .store__tick{display:none}.s-details{transition:none;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1051;overflow:hidden;outline:0;border:0;background:#fff;padding:15px 0 20px 15px}.s-details:after{content:"";position:absolute;right:-4px;top:0;width:4px;height:100%;background:#fff;border-right:2px solid #ccc}.s-details_hide{visibility:hidden;right:0;opacity:0}.s-details__info{padding-right:15px;overflow-x:hidden;overflow-y:auto;height:calc(100% - 75px)}.s-details__info .simplebar-content{overflow-x:auto}.s-details__info .simplebar-scroll-content{overflow-y:auto}.s-details__store{position:relative;display:flex;justify-content:space-between;padding-bottom:10px}.s-details__store:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#8b8b8b;box-shadow:0 1px 1px 0 rgba(0,0,0,.5)}@media (min-width:576px){.s-details__store{margin-right:15px}}.s-details__distance{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:60px;text-align:center;color:#3e3e3e;background:#eee;font-size:.75rem;font-weight:400;line-height:1.125rem}.s-details__distance_amount,.s-details__s-name{font-size:1rem;font-weight:500;line-height:1}.s-details__s-name{display:inline-block;width:70%;margin-left:15px;margin-top:5px;color:#0277bd;text-transform:uppercase;text-align:center}.s-details__close{float:right;cursor:pointer;font-size:1rem;color:#0277bd;width:40px;height:40px}.s-details__address,.s-details__phone,.s-details__postcode{font-size:.875rem;font-weight:500}.s-details__address_val,.s-details__phone_val,.s-details__postcode_val{font-weight:400}.s-details__phone{margin-top:15px}.s-details__action,.s-details__address,.s-details__postcode{margin-top:8px}.s-details__action{display:flex;justify-content:space-between;font-size:.9375rem}.s-details__copy,.s-details__tgl-map{text-decoration:none}.s-details__copy_text,.s-details__tgl-map_text{text-decoration:underline}.s-details__map{padding:15px 0 20px;border-bottom:1px solid #ccc}.s-details__map .store-locator-popup__map{min-height:220px}.s-details__map_hide{display:none}.s-details__open_title{margin-top:20px;margin-bottom:15px;font-size:.875rem;font-weight:700}.s-details__table{width:100%;border-collapse:collapse;font-size:1rem;font-weight:500}.s-details__table_regular .s-details__table_row:first-child td{border:2px solid #3e3e3e;text-transform:uppercase}.s-details__table_regular .s-details__table_row:first-child td:first-of-type{background:#3e3e3e;color:#fff}.s-details__table_regular .s-details__table_row:first-child td:last-of-type{background:#fff;color:#3e3e3e}.s-details__table_time{vertical-align:center}.s-details__table_day{font-weight:400;font-size:.875rem}.s-details__table_cell{border:1px solid #eee}.s-details__table_cell:nth-child(odd){padding-left:20px;background:#eee;color:#3e3e3e}.s-details__table_cell:nth-child(2n){text-align:center;background:#fff;color:#656565}.s-details__btn{position:relative;padding-top:20px;background:#fff}.s-details__btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#8b8b8b;box-shadow:0 1px 1px 0 rgba(0,0,0,.5)}.s-details .notouch{pointer-events:none;-webkit-user-select:none}@media (min-width:768px){.bw .stock-more{position:absolute;bottom:0;left:0;top:auto;right:auto;z-index:101;width:100%;min-height:100%;height:-moz-fit-content;height:fit-content;outline:4px solid #8b8b8b;margin-top:0;overflow:visible}.bw .stock-more .stock__close{padding-top:0}.bw .stock__tab{width:120px;min-width:auto}.bw .stock__quest label{width:85%}.bw .stock .icon-info-component{display:inline-block;vertical-align:top}.bw .stock__bot{transition:.6s ease-in}.s-details{transition:.5s;position:absolute;z-index:1;top:0;right:calc(100% + 4px);left:auto;bottom:auto;opacity:1;width:100%;height:100%;outline:4px solid #8b8b8b;padding:15px 0 20px 15px;overflow:visible}.s-details_hide{visibility:hidden;right:0;opacity:0}}@media (min-width:1200px){.bw .stock__quest label{width:auto}}@media (min-width:992px) and (max-width:1199.98px){.bw .stock__title{font-size:.9375rem}.bw .store__name{max-width:150px}}@media (min-width:768px) and (max-width:991.98px){.bw .chosen__notif .notification{padding:8px 10px 8px 35px}.bw .stock__quest label{width:80%}}@media (max-width:767.98px){.s-details{height:100%;padding:0}.s-details__store{margin-right:0;padding:15px 15px 10px}.s-details__info{padding:15px 15px 20px}.s-details__info .simplebar-scroll-content{text-align:left}}.default-store{margin:0;display:block;padding:0 0 40px}.default-store .globalMessages{padding-top:16px}.default-store .globalMessages .notification{margin-bottom:8px}.default-store__search{order:2;min-height:458px}.default-store__wrap{margin-top:16px}.default-store__title{font-size:1.625rem;font-weight:500;line-height:2.25rem;margin-bottom:0;text-align:left}.default-store__subtitle{margin-top:16px;font-size:1.25rem;font-weight:500;line-height:2rem}.default-store__subtitle--change{margin-top:24px}.default-store .store-unavailable{margin-top:16px;background:#f4f9fe;padding:40px 24px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:305px}.default-store .store-unavailable__title{font-size:1.25rem;font-weight:500;line-height:2rem;margin-bottom:0}.default-store .store-unavailable .icon{margin-top:36px;color:#99b5cf;font-size:5rem;height:auto}.default-store .search-store{display:flex;align-items:flex-end}.default-store .search-store__wrap{display:flex;width:100%}.default-store .search-store__label{font-size:1rem;font-weight:500;line-height:1.5rem}.default-store .search-store .form-row{padding:0;margin:0;justify-content:flex-start;flex-direction:column}.default-store .search-store .form-row__error{padding:0;width:calc(100% - 40px)}.default-store .search-store__input{display:flex;align-items:center;border-radius:3px;border:1px solid #ccc;padding:7px 8px 7px 16px}.default-store .search-store__input .input{border:0;width:100%;padding:0;outline:0;font-size:1rem;line-height:1.5rem}.default-store .search-store__input .btn--clear{padding:0 6px;position:relative;top:auto;right:auto;margin:0 8px 0 0;transform:none}.default-store .search-store__input .btn--clear .icon{height:auto;font-size:1rem;color:#3e3e3e}.default-store .search-store__input .btn-search{padding:0 4px;background:0 0;display:flex;align-items:center}.default-store .search-store__input .btn-search .icon{color:#0277bd;font-size:1rem;height:auto}.default-store .search-store__input-error{border-color:#cf000f}.default-store .search-store .btn--location{margin-left:16px;padding:0 10px;display:flex;align-items:center;justify-content:center;min-width:40px}.default-store .list-of-store .bw{margin-top:16px;padding:0;border:0}.default-store .list-of-store .bw_act{display:flex;grid-gap:16px;margin-top:16px}.default-store .list-of-store .store{padding:16px 8px}.default-store .list-of-store .store__name{font-size:1rem;font-weight:700;line-height:1.25rem;padding-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;white-space:normal}.default-store .list-of-store .store__act{display:none}.default-store .list-of-store .store__details{margin-left:16px}.default-store .list-of-store .store__dist{width:64px;margin-bottom:4px}.default-store .list-of-store .stock__list{padding:0;margin-bottom:0}.default-store .list-of-store .stock__item{flex-wrap:nowrap}.default-store .list-of-store .stock__radio{flex:auto;max-width:none;min-width:24px}.default-store .list-of-store .stock__radio label{top:0}.default-store .list-of-store .stock__store{flex:0 1 100%;max-width:none}.default-store .list-of-store .s-details{padding:0 15px}.default-store .list-of-store .s-details__info{padding:10px 0}.default-store .list-of-store .s-details__store{padding:20px 0 10px}.default-store .list-of-store .s-details__address{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;margin-top:4px;font-weight:400}.default-store .list-of-store .s-details__s-name{margin-left:0;margin-top:0}.default-store .list-of-store .s-details__phone{margin-top:0}.default-store .list-of-store .s-details .s-details__action,.default-store .list-of-store .s-details .s-details__address,.default-store .list-of-store .s-details .s-details__open,.default-store .list-of-store .s-details .s-details__postcode{margin-top:10px}.default-store .list-of-store .s-details .s-details__open_title{margin-top:0;margin-bottom:0;padding-top:20px;padding-bottom:15px}.default-store .list-of-store .s-details .s-details__table:not(.s-details__table_special) .s-details__table_cell:nth-child(odd){width:35%}.default-store .list-of-store .s-details .s-details__table_special .s-details__table_cell{width:50%}.default-store .list-of-store .s-details__close .fa-angle-right{transform:rotate(-180deg)}.default-store .current-store{margin-top:24px;border:1px solid #ccc;border-radius:4px;padding:16px}.default-store .current-store__default{font-weight:700;margin-bottom:0}.default-store .current-store__name{margin-top:8px;margin-bottom:0;font-size:1.25rem}.default-store .current-store__address,.default-store .current-store__link,.default-store .current-store__phone{margin-bottom:0;margin-top:8px}.default-store .current-store__link{display:block;text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.375rem;width:max-content}.default-store .current-store__hours{margin-top:12px;border-radius:4px;padding:16px;background:#f8f8f8}.default-store .current-store__hours .title-section{margin-bottom:0;font-weight:500}.default-store .current-store__hours-section+.current-store__hours-section{padding-top:4px}.default-store .current-store__hours .facilities,.default-store .current-store__hours .opening-times,.default-store .current-store__hours .special-times{margin-bottom:0;list-style-type:none;padding:0}.default-store .current-store__hours .facilities li,.default-store .current-store__hours .opening-times li,.default-store .current-store__hours .special-times li{padding-top:4px}.default-store .current-store__hours .opening-times li:last-child,.default-store .current-store__hours .special-times li:last-child{padding-bottom:12px;border-bottom:1px solid #ccc;margin-bottom:8px}.default-store .current-store__hours .opening-times__item{display:flex}.default-store .current-store__hours .opening-times__day{width:35%}.default-store .current-store__hours .opening-times__time{text-align:right;width:65%}.default-store .current-store__hours .special-times__item{display:flex;align-items:center}.default-store .current-store__hours .special-times__name{font-weight:500}.default-store .current-store__hours .special-times__days{display:flex;flex-direction:column;width:50%}.default-store .current-store__hours .special-times__time{width:50%;text-align:right}.default-store .current-store__hours .facilities__item{display:flex}.default-store .current-store__hours .facilities__icon-container{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:4px}.default-store .current-store__hours .facilities__icon{font-size:1rem;height:auto}.default-store .current-store__hours .btn-link{padding:0 6px;height:auto;margin:8px auto 0;display:flex;border:0}.default-store .current-store__hours .btn-link .icon{font-size:1.2rem}.default-store .current-store__hours .btn-link[aria-expanded=true] .icon{transform:rotate(-180deg)}@media (min-width:576px){.default-store .list-of-store .s-details__info{padding-bottom:0}.default-store .list-of-store .bw_act .my-account_cancel-store{max-width:75px}.default-store .list-of-store .bw_act .my-account_add-store{width:auto}}@media (min-width:768px){.default-store{padding-bottom:70px;padding-top:24px}.default-store .globalMessages{padding-top:0}.default-store__search{order:0}.default-store__title{font-size:2.125rem;line-height:2.875rem}.default-store__wrap{margin-top:24px}.default-store__subtitle{font-size:1.5rem;margin-top:24px;margin-bottom:24px}.default-store .list-of-store .s-details{right:auto;left:calc(100% + 15px);outline:0;border:1px solid #ccc;border-radius:4px;padding:20px 15px;max-width:333px;height:auto;min-height:100%}.default-store .list-of-store .s-details:after{content:none}.default-store .list-of-store .s-details__store{padding-top:0;margin-right:0}.default-store .list-of-store .bw_act{margin-top:24px}.default-store .list-of-store .stock__det-open:after{content:none}.default-store .current-store{margin-top:0}.default-store .current-store__name{font-size:1.5rem;margin-top:12px}.default-store .store-unavailable{margin-top:24px}.default-store .store-unavailable__title{font-size:1.5rem}}@media (min-width:992px){.default-store{padding-top:40px}.default-store .globalMessages{padding-top:0}.default-store .globalMessages .notification{margin-bottom:24px}.default-store__wrap{margin-top:0}.default-store .list-of-store .s-details{max-width:calc(100% - 30px)}}@media (min-width:1200px){.default-store .current-store__hours{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));position:relative;grid-gap:0 30px;margin-top:24px}.default-store .current-store__hours-section+.current-store__hours-section{padding-top:0}.default-store .current-store__hours-section--special{margin-top:16px;-ms-grid-column:1;grid-column:1}.default-store .current-store__hours-section--facilities{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2;position:relative}.default-store .current-store__hours-section--facilities:after{content:"";position:absolute;height:100%;border:1px solid #ccc;top:0;left:-16px}.default-store .current-store__hours .opening-times li:last-child,.default-store .current-store__hours .special-times li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.default-store .current-store__hours .special-times__day,.default-store .current-store__hours .special-times__time{width:auto}.default-store .current-store__hours .special-times__time{flex:1 0 60%}.default-store .current-store__hours .btn-link{position:absolute;top:8px;right:8px;margin-top:0}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.94.0-develop.4",
+  "version": "2.94.0-develop.6",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/page_checkout_payment-details_with-card-loader.html

@@ -0,0 +1,56 @@
+{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
+{{#content "steps"}}
+{{> steps-three-steps active-step-index="3" }}
+{{/content}}
+
+{{#content "head" mode="append"}}
+<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
+<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
+<link type="text/css" rel="stylesheet" href="./css/components/payment-details-BPS-form.css">
+<link type="text/css" rel="stylesheet" href="./css/components/checkout-payment-details-v2.css">
+{{/content}}
+
+{{#content "aside"}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+{{/content}}
+
+
+{{#content "main"}}
+<div class="delivery-block">
+    <h3 class="delivery-block__heading">Delivery Information</h3>
+    <div class="delivery-block__wrapper">
+        {{#with checkoutOrder.deliveryPayments.[0]}}
+        <div class="checkout-order">
+            {{> checkout-order-block}}
+        </div>
+        {{/with}}
+    </div>
+</div>
+
+<div class="click-collect-block">
+    <h3 class="click-collect-block__heading">Click & Collect</h3>
+    <div class="click-collect-block__wrapper">
+        {{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
+        <div class="checkout-order">
+            {{> checkout-order-block}}
+        </div>
+        {{/with}}
+    </div>
+</div>
+
+<div class="billing-payment-block">
+    <h3 class="billing-payment-block__heading">Billing & Payment</h3>
+    <div class="billing-payment-block__wrapper">
+        {{> checkout-payment-details-v2 }}
+    </div>
+</div>
+
+{{/content}}
+
+{{#content "foot" mode="append"}}
+<script defer src="./js/page/checkout-confirmation-new.js"></script>
+<script defer src="./js/page/checkout-payment-details.js"></script>
+{{> checkout-terms-and-conditions-modal }}
+{{> payment-loader }}
+{{/content}}
+{{/extend}}

package/src/scss/barclays-paypage-combined-minified.css

@@ -1 +1 @@
-#acsHeading,#cscHeading,#expiryMonthTooltipText,#messagePanel img,#paymentDetailsHeader,#paypageHeading,#submitHelp,.invisible,.logoImg{display:none}#messagePanel,#storeName,.logo{text-align:center}.bodyText,body{font-family:Roboto,Helvetica,Arial,sans-serif}#amexAcceptanceMarkLink,#jcbAcceptanceMarkLink,#mcAcceptanceMarkLink,#paypalAcceptanceMarkLink,#vbvAcceptanceMarkLink,.submitButton,a,a:hover,a:visited{text-decoration:none}#commands,#footer{margin-top:30px}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff");font-weight:400;font-style:normal}body{color:#626d75;font-size:100%;margin:0}a img,body{border:0}#requiredFieldsMessage1{font-size:12px}.dateDropDownLabel,.description{position:absolute;left:-10000px;top:auto;width:.063em;height:.063em;overflow:hidden}#cardEntryForm,.formSection,.formSection #cardNumber.formInput,.formSection #cardType.formInput,.formSection #cardholderName.formInput,.formSection #expiryYear.formInput,.submitButton{box-sizing:border-box;width:99vw}.formSection{width:97vw}.formSection #expiryYear.formInput{width:80px}.formSection.inputError .tooltip{display:block!important}.formSection.inputError .formInput{border-color:#cf000f}#cardEntryForm{margin:0 auto;width:100%;text-align:left}.logo{width:100%;margin:auto}.logoImg{width:12.563em;height:2.938em}#storeName{margin:2%;font-weight:700}#messagePanel{font-size:medium;font-weight:400;background-color:#c00;border:.125em solid #c00;padding:5px 2px;margin:5px;list-style:none;color:#fff}.inlineText{display:block;font-size:.75em;font-weight:400;width:100%;float:left}#errorIcon,.noJsErrorIcon{width:1em;height:1em}#errorIcon{margin-right:1em}.centered{margin:0 auto}#basketPanel,#billingAddressPanel,#customerAddressPanel,#paymentDetailsPanel,#paymentMethodPanel,#purchaseDetailsPanel,#shippingAddressPanel{padding-top:2%;margin-bottom:2%}.formInput{font-size:.875rem;line-height:1.57143;background:#fff;border:1px solid #ccc;border-radius:3px;color:#3e3e3e;padding:8px 16px;outline:0;height:40px;width:100%;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin-bottom:5px}label.inputError{color:#800}input.inputError,select.inputError{background-color:#ffe3e3!important;color:#800;border:.1em solid #800}input.inputValid,select.inputValid{background-color:#dfffdf!important;color:#005f00;border:.1em solid #005f00}label.labelError{color:#d00!important}.bodyText{color:#626d75;font-size:medium;text-align:left}#cscBottomImage,#cscDialog,#dccEntryForm,#footer,#mainDccDiv,#payerAuthDialog,#progressText,#subHeaderText,.basketItemQty,.basketQtyHeader,.bodyStyle,.cancelButton,.noJsContinueButton,.progressSpinner,.quantityCol,.wait,div#purchaseDetailsAmount,span#amount,tbody tr td{text-align:center}#purchaseDetailsHeader{padding-top:.5%}#addressLabel,#amountLabel,#goodsLabel,#postCodeLabel,.basketItemFooter,.basketItemPriceFooter{display:inline-block}#address,#amount,#goods,#postCode{width:48%;display:inline-block}#cardType,#cscDialogContent{width:95%}#expiryMonth,#expiryYear,#startMonth,#startYear{width:70px;padding:8px}#expiryYear,#startYear{margin-left:2px}#expiryMonth,#startMonth{margin-right:2px}#expiryYearLabel{font-size:0;position:static}#cardType::-ms-expand,#expiryMonth::-ms-expand,#expiryYear::-ms-expand{display:none}#expiryYearLabel:after{font-size:16px;content:"/"}#issue{width:15%}#ifAvailable{font-style:italic;font-weight:400;font-size:medium;margin-left:.625em}#confirmCsc,#csc{box-sizing:border-box}#cscSection:after{content:"";width:38%;height:51px;display:block;position:absolute;bottom:-15px;right:125px}#dccSubmit,#newCardLink{float:right}.linkText{font-family:Roboto,Helvetica,Arial,sans-serif!important;font-size:medium;font-weight:700;margin:1% 2% 1% 8%;padding:1.5% 5%;border:thin solid #626d75;background-color:#eee!important;background-image:linear-gradient(bottom,#f5a30d,#ffd786 82%)!important;background-image:-ms-linear-gradient(bottom,#f5a30d 0,#ffd786 82%)!important;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#f5a30d),color-stop(.82,#ffd786))!important;color:#036!important;border-radius:.313em;-moz-border-radius:.313em;-webkit-border-radius:.313em;box-shadow:.188em .188em .188em #ccc;-moz-box-shadow:.188em .188em .188em #ccc;-webkit-box-shadow:.188em .188em .188em #ccc}#cardHolderText,#merchantText,#progressText,.cancelButton,.formLabel,.submitButton{font-family:Roboto,Helvetica,Arial,sans-serif}.cancelButton,legend{color:#000;font-weight:700}a,a:hover,a:visited{color:#626d75!important}#closeCSCLink{display:block;padding:2%;margin:1% 2% 1% 1%}#cscDialog{display:none;margin:0;position:fixed;top:25%;width:95%;z-index:6000}#cscDialogContent,#payerAuthDialogContent{box-shadow:.313em .313em .313em #ccc;-moz-box-shadow:.313em .313em .313em #ccc;-webkit-box-shadow:.313em .313em .313em #ccc;display:block;margin:0 auto;background:#fff;border:.063em solid #636b70;text-align:center}#addressPanel,#amexAcceptanceMark,#btnCancel,#cardNumberHelpPanel,#cscDescLink .linkText,#cscRightImage,#footer,#paymentDetailsLegend,#paymentDetailsTitle,#ppLogo,#purchaseDetailsGoods,#purchaseDetailsHeader,#purchaseDetailsPanel,#shippingAddressPanel,#storeName,#visaCheckoutPaymentDetailsPanel,#visaCheckoutPaymentSummaryPanel,.basketPriceHeader,.closeDialogIcon,.labelHelpImg,.priceCol,.tooltipBottom{display:none}#cscDialogTitle{margin:.75em 0 .563em .6em}#cscDialogTitle,.dialogTitle{display:block;font-weight:700}.dialogTitle{margin-bottom:1.15em}#cscDescriptionBody{height:10.938em;width:100%}#cscText{width:100%;text-align:left}#cscBottomImage{height:6em;width:100%;margin:.625em 0 .5em}.cancelButton{width:30%;float:left;background:#9fc2c1;border:1px solid #8daf9c;font-size:16px;padding:3%;border-radius:6px;display:none}#footer,#payerAuthDialog{width:100%}#payerAuthDialog{display:block;margin:0 auto;position:absolute;top:6.25em}#payerAuthDialogContent{width:25em;height:31.25em}#payerAuthIframe{width:100%;border:0;padding:0;height:30em}.bodyStyle{display:block;margin:4%;width:90%}.noJsReturnPanel{display:block;margin-top:.938em;border:thin solid #d00;padding:.625em .625em .625em 2.5em;color:#cc292b;font-size:medium}.noJsContinueButton{display:block;margin:0 auto;padding:.313em}.wait{top:50%;left:50%;margin-top:-7em;margin-left:-7em;z-index:6000;overflow:auto;border:.063em solid #636b70;width:14.5em;height:4em;background-color:#fff;padding-top:1em}#overlay,.wait{display:none;position:absolute}#overlay{opacity:.4;top:0;left:0;background-color:#dcdcdc;width:100%;z-index:5000}.opaque{opacity:.4;zoom:1}tbody tr td{margin:0 auto;height:auto!important;background:#fff}#progressSpinnerImage{margin:0 auto .6em;width:2em;height:2em;display:block}#progressText{color:#e4141d;font-size:medium}#mainDccDiv{width:95%;margin-left:auto;margin-right:auto}#subHeaderText{font-size:medium;font-weight:700;margin-bottom:2%}#dccEntryForm{margin:0 auto}#selectionPanel,.errorText{text-align:left}#cardHolderText,#merchantText{color:#626d75;margin-top:3%;font-size:large;font-weight:700}#dccCommands{margin:2% auto 0}#dccCancel,#dccSubmit{font-size:medium}#dccCancel{float:left}#basketTable{width:100%}.basketHeader{font-weight:700;font-size:.625em;padding-left:.625em}.basketFooter,.basketSubTotalHeader,.subTotalCol{text-align:right}.basketFooter{font-weight:700;width:100%}.basketItemFooter{padding-right:1em;width:80%}.billingAddress,.shippingAddress{display:block;padding-left:.625em;text-align:left;clear:left}#paymentMethodHeader{padding-top:.313em}button{width:auto;overflow:visible}.paymentMethodCARD,.paymentMethodGIRO_PAY,.paymentMethodIDEAL,.paymentMethodMASTER_PASS,.paymentMethodMISTER_CASH,.paymentMethodPAY_PAL,.paymentMethodSOFORT{display:block;margin:.625em}.paymentMethodCARD{width:12.125em;border:.063em solid #ccc;border-radius:.625em}.paymentMethodPAY_PAL{width:12.188em}.paymentMethodMASTER_PASS{width:9.063em}.paymentMethodIDEAL{width:2.313em}.paymentMethodGIRO_PAY{width:4.5em}.paymentMethodSOFORT{width:6.25em}.paymentMethodMISTER_CASH{width:3.313em}.paymentMethodOption{display:inline-block;vertical-align:middle!important;height:2.125em;font-size:0;position:absolute;left:-9000px}#cardNumberSection,#commands,#cscMessagePanel,#cscSection,#expiryDateMessagePanel,#expirySection,.tooltipText{position:relative}legend{display:block;text-align:left;border-style:none}fieldset{display:block;border:0;background-color:transparent;padding-top:1%;padding-bottom:2%}#confirmCheck1,#confirmCheck2{float:left;margin:1% 0 1% 2%}#confirmCheck1LabelPanel,#confirmCheck2LabelPanel{display:inline-block;width:82%;font-weight:400}#checkBoxSection,#checkBoxSection2{margin-top:.5em}.basketItemImage{width:2.5em;height:2.5em;float:left;margin-right:.5em}#amexAcceptanceMarkImg,#jcbAcceptanceMarkImg,#mcAcceptanceMarkImg,#paypalAcceptanceMarkImg,#vbvAcceptanceMarkImg{height:2em!important;display:inline-block!important;overflow:hidden}#vbvAcceptanceMarkImg{width:3.55em!important}#mcAcceptanceMarkImg{width:4.35em!important}#amexAcceptanceMarkImg,#jcbAcceptanceMarkImg{width:4.4em!important}#paypalAcceptanceMarkImg{width:3.125em!important}.cardType{display:block!important;background-repeat:no-repeat;padding:.125em}#confirmCardLabel{display:block!important;font-size:.75em;font-weight:700}#confirmCardExpiryLabel{display:block!important;font-size:.6em;font-style:italic}#cscImage{width:16em}span#amountLabel{font-size:20px;color:#616161}span#amount{font-size:18px}#confirmCheck2Label:after{content:"";width:15px;height:15px;position:relative;top:1px;margin-left:5px;display:inline-block;background-image:url(../lock.png);background-size:contain;background-repeat:no-repeat}input,textarea{-webkit-appearance:none;-webkit-border-radius:0}.formLabel{text-align:left;display:block;margin:20px 0 5px;color:#3e3e3e;font-size:16px;font-weight:700;letter-spacing:0;line-height:22px}#messagePanel,.tooltip{display:none!important}.formLabelDescr{font-size:12px;line-height:20px;font-weight:500}#cardNumberHelpPanel:before{content:"*";display:block}input[type=radio]{margin:1em .25em}input.inputError{background-color:#fff!important;border-color:#c00;color:#c00}.tooltip{padding:0}.tooltipText{width:100%;min-height:1px;color:#cf000f;margin-top:8px;font-size:14px;letter-spacing:0;line-height:22px}#cscDescLink{display:none;background-image:url(../images/hybrid_cvv.png);width:37px;height:25px;background-size:cover;margin:-39px 0 15px 100px}.submitButton{float:none;box-shadow:none;display:inline-block;cursor:pointer;background-color:#0277bd;color:#fff;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:8px 0;width:100%;font-size:16px;line-height:24px;border-radius:3px;transition:none;height:40px}#commands{width:100%}#commands:before{height:32px;width:33px;box-sizing:border-box}#paymentDetailsPanel #paymentDetailsFieldset{padding:0;margin:0}#cscSection,#expirySection{display:inline-block;vertical-align:top}#expirySection{width:150px;white-space:nowrap;margin-right:16px}#cscSection{width:100px;order:5}#paymentDetailsPanel{display:flex;width:100%;flex-flow:wrap}#cardNumber,#cardholderName{width:99vw;box-sizing:border-box}#expiryDateMessagePanel{display:block;margin-top:5px;margin-left:0;order:6;width:300px}.formInputForError{font-size:.875rem;line-height:1.57143;background:#fff;border:1px solid red;border-radius:3px;color:#3e3e3e;padding:8px 16px;outline:0;height:40px;box-shadow:none;margin-bottom:5px;width:90%}#cscMessagePanel{white-space:normal;width:300px;right:165px}#errorIconDiv{display:flex;align-items:center;justify-content:center}.inlineErrorIcon{width:15px;height:auto}.errorMessagePanel{gap:3px}#cardNumberSection,#cardholderNameSection{display:block;width:100%}@media (min-width:490px){@font-face{font-weight:500}.formInput{touch-action:none}.formInput.visa{background:url(../images/icons/visa-icon.png) 99% no-repeat #fff}.formInput.mastercard{background:url(../images/icons/mastercard-icon.png) 99% no-repeat #fff}.formInput.amex{background:url(../images/icons/amex-icon.png) 99% no-repeat #fff}.formInput.jcb{background:url(../images/icons/jcb-icon.png) 99% no-repeat #fff}.formInput.dinersclub{background:url(../images/icons/dinersclub-icon.png) 99% no-repeat #fff}.formInput.maestro{background:url(../images/icons/maestro-icon.png) 99% no-repeat #fff}#expiryMonth,#expiryYear,#startMonth,#startYear{width:80px}#expirySection{width:200px}#cscSection{width:110px}#cscSection label{white-space:nowrap}#cardNumberSection{order:-1}#cardTypeSection{order:-2}#expiryDateMessagePanel{width:70%}.formInputForError{box-sizing:border-box}#cscMessagePanel{width:425px;right:216px}}@media (max-width:489px){#paymentDetailsTitle{display:none}#cardNumberSection{order:-1}#cardTypeSection{order:-2}.hidden{margin:0}#commands{margin-top:0}#errorIconDiv:has(#cscErrorIcon){display:flex;align-items:flex-start;position:relative;top:3px}}
+#acsHeading,#cscHeading,#expiryMonthTooltipText,#messagePanel img,#paymentDetailsHeader,#paypageHeading,#submitHelp,.invisible,.logoImg{display:none}#messagePanel,#storeName,.logo{text-align:center}.bodyText,body{font-family:Roboto,Helvetica,Arial,sans-serif}#amexAcceptanceMarkLink,#jcbAcceptanceMarkLink,#mcAcceptanceMarkLink,#paypalAcceptanceMarkLink,#vbvAcceptanceMarkLink,.submitButton,a,a:hover,a:visited{text-decoration:none}#commands,#footer{margin-top:30px}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff");font-weight:400;font-style:normal}body{color:#626d75;font-size:100%;margin:0}a img,body{border:0}#requiredFieldsMessage1{font-size:12px}.dateDropDownLabel,.description{position:absolute;left:-10000px;top:auto;width:.063em;height:.063em;overflow:hidden}#cardEntryForm,.formSection,.formSection #cardNumber.formInput,.formSection #cardType.formInput,.formSection #cardholderName.formInput,.formSection #expiryYear.formInput,.submitButton{box-sizing:border-box;width:99vw}.formSection{width:97vw}.formSection #expiryYear.formInput{width:80px}.formSection.inputError .tooltip{display:block!important}.formSection.inputError .formInput{border-color:#cf000f}#cardEntryForm{margin:0 auto;width:100%;text-align:left}.logo{width:100%;margin:auto}.logoImg{width:12.563em;height:2.938em}#storeName{margin:2%;font-weight:700}#messagePanel{font-size:medium;font-weight:400;background-color:#c00;border:.125em solid #c00;padding:5px 2px;margin:5px;list-style:none;color:#fff}.inlineText{display:block;font-size:.75em;font-weight:400;width:100%;float:left}#errorIcon,.noJsErrorIcon{width:1em;height:1em}#errorIcon{margin-right:1em}.centered{margin:0 auto}#basketPanel,#billingAddressPanel,#customerAddressPanel,#paymentDetailsPanel,#paymentMethodPanel,#purchaseDetailsPanel,#shippingAddressPanel{padding-top:2%;margin-bottom:2%}.formInput{font-size:.875rem;line-height:1.57143;background:#fff;border:1px solid #ccc;border-radius:3px;color:#3e3e3e;padding:8px 16px;outline:0;height:40px;width:100%;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin-bottom:5px}label.inputError{color:#800}input.inputError,select.inputError{background-color:#ffe3e3!important;color:#800;border:.1em solid #800}input.inputValid,select.inputValid{background-color:#dfffdf!important;color:#005f00;border:.1em solid #005f00}label.labelError{color:#d00!important}.bodyText{color:#626d75;font-size:medium;text-align:left}#cscBottomImage,#cscDialog,#dccEntryForm,#footer,#mainDccDiv,#payerAuthDialog,#progressText,#subHeaderText,.basketItemQty,.basketQtyHeader,.bodyStyle,.cancelButton,.noJsContinueButton,.progressSpinner,.quantityCol,.wait,div#purchaseDetailsAmount,span#amount,tbody tr td{text-align:center}#purchaseDetailsHeader{padding-top:.5%}#addressLabel,#amountLabel,#goodsLabel,#postCodeLabel,.basketItemFooter,.basketItemPriceFooter{display:inline-block}#address,#amount,#goods,#postCode{width:48%;display:inline-block}#cardType,#cscDialogContent{width:95%}#expiryMonth,#expiryYear,#startMonth,#startYear{width:80px;padding:8px}#expiryYear,#startYear{margin-left:2px}#expiryMonth,#startMonth{margin-right:2px}#expiryYearLabel{font-size:0;position:static}#cardType::-ms-expand,#expiryMonth::-ms-expand,#expiryYear::-ms-expand{display:none}#expiryYearLabel:after{font-size:16px;content:"/"}#issue{width:15%}#ifAvailable{font-style:italic;font-weight:400;font-size:medium;margin-left:.625em}#confirmCsc,#csc{box-sizing:border-box}#dccSubmit,#newCardLink{float:right}.linkText{font-family:Roboto,Helvetica,Arial,sans-serif!important;font-size:medium;font-weight:700;margin:1% 2% 1% 8%;padding:1.5% 5%;border:thin solid #626d75;background-color:#eee!important;background-image:linear-gradient(bottom,#f5a30d,#ffd786 82%)!important;background-image:-ms-linear-gradient(bottom,#f5a30d 0,#ffd786 82%)!important;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#f5a30d),color-stop(.82,#ffd786))!important;color:#036!important;border-radius:.313em;-moz-border-radius:.313em;-webkit-border-radius:.313em;box-shadow:.188em .188em .188em #ccc;-moz-box-shadow:.188em .188em .188em #ccc;-webkit-box-shadow:.188em .188em .188em #ccc}#cardHolderText,#merchantText,#progressText,.cancelButton,.formLabel,.submitButton{font-family:Roboto,Helvetica,Arial,sans-serif}.cancelButton,legend{color:#000;font-weight:700}a,a:hover,a:visited{color:#626d75!important}#closeCSCLink{display:block;padding:2%;margin:1% 2% 1% 1%}#cscDialog{display:none;margin:0;position:fixed;top:25%;width:95%;z-index:6000}#cscDialogContent,#payerAuthDialogContent{box-shadow:.313em .313em .313em #ccc;-moz-box-shadow:.313em .313em .313em #ccc;-webkit-box-shadow:.313em .313em .313em #ccc;display:block;margin:0 auto;background:#fff;border:.063em solid #636b70;text-align:center}#addressPanel,#amexAcceptanceMark,#btnCancel,#cardNumberHelpPanel,#cscDescLink .linkText,#cscRightImage,#footer,#paymentDetailsLegend,#paymentDetailsTitle,#ppLogo,#purchaseDetailsGoods,#purchaseDetailsHeader,#purchaseDetailsPanel,#shippingAddressPanel,#storeName,#visaCheckoutPaymentDetailsPanel,#visaCheckoutPaymentSummaryPanel,.basketPriceHeader,.closeDialogIcon,.labelHelpImg,.priceCol,.tooltipBottom{display:none}#cscDialogTitle{margin:.75em 0 .563em .6em}#cscDialogTitle,.dialogTitle{display:block;font-weight:700}.dialogTitle{margin-bottom:1.15em}#cscDescriptionBody{height:10.938em;width:100%}#cscText{width:100%;text-align:left}#cscBottomImage{height:6em;width:100%;margin:.625em 0 .5em}.cancelButton{width:30%;float:left;background:#9fc2c1;border:1px solid #8daf9c;font-size:16px;padding:3%;border-radius:6px;display:none}#footer,#payerAuthDialog{width:100%}#payerAuthDialog{display:block;margin:0 auto;position:absolute;top:6.25em}#payerAuthDialogContent{width:25em;height:31.25em}#payerAuthIframe{width:100%;border:0;padding:0;height:30em}.bodyStyle{display:block;margin:4%;width:90%}.noJsReturnPanel{display:block;margin-top:.938em;border:thin solid #d00;padding:.625em .625em .625em 2.5em;color:#cc292b;font-size:medium}.noJsContinueButton{display:block;margin:0 auto;padding:.313em}.wait{top:50%;left:50%;margin-top:-7em;margin-left:-7em;z-index:6000;overflow:auto;border:.063em solid #636b70;width:14.5em;height:4em;background-color:#fff;padding-top:1em}#overlay,.wait{display:none;position:absolute}#overlay{opacity:.4;top:0;left:0;background-color:#dcdcdc;width:100%;z-index:5000}.opaque{opacity:.4;zoom:1}tbody tr td{margin:0 auto;height:auto!important;background:#fff}#progressSpinnerImage{margin:0 auto .6em;width:2em;height:2em;display:block}#progressText{color:#e4141d;font-size:medium}#mainDccDiv{width:95%;margin-left:auto;margin-right:auto}#subHeaderText{font-size:medium;font-weight:700;margin-bottom:2%}#dccEntryForm{margin:0 auto}#selectionPanel,.errorText{text-align:left}#cardHolderText,#merchantText{color:#626d75;margin-top:3%;font-size:large;font-weight:700}#dccCommands{margin:2% auto 0}#dccCancel,#dccSubmit{font-size:medium}#dccCancel{float:left}#basketTable{width:100%}.basketHeader{font-weight:700;font-size:.625em;padding-left:.625em}.basketFooter,.basketSubTotalHeader,.subTotalCol{text-align:right}.basketFooter{font-weight:700;width:100%}.basketItemFooter{padding-right:1em;width:80%}.billingAddress,.shippingAddress{display:block;padding-left:.625em;text-align:left;clear:left}#paymentMethodHeader{padding-top:.313em}button{width:auto;overflow:visible}.paymentMethodCARD,.paymentMethodGIRO_PAY,.paymentMethodIDEAL,.paymentMethodMASTER_PASS,.paymentMethodMISTER_CASH,.paymentMethodPAY_PAL,.paymentMethodSOFORT{display:block;margin:.625em}.paymentMethodCARD{width:12.125em;border:.063em solid #ccc;border-radius:.625em}.paymentMethodPAY_PAL{width:12.188em}.paymentMethodMASTER_PASS{width:9.063em}.paymentMethodIDEAL{width:2.313em}.paymentMethodGIRO_PAY{width:4.5em}.paymentMethodSOFORT{width:6.25em}.paymentMethodMISTER_CASH{width:3.313em}.paymentMethodOption{display:inline-block;vertical-align:middle!important;height:2.125em;font-size:0;position:absolute;left:-9000px}#cardNumberSection,#commands,#cscMessagePanel,#cscSection,#expiryDateMessagePanel,#expirySection,.tooltipText{position:relative}legend{display:block;text-align:left;border-style:none}fieldset{display:block;border:0;background-color:transparent;padding-top:1%;padding-bottom:2%}#confirmCheck1,#confirmCheck2{float:left;margin:1% 0 1% 2%}#confirmCheck1LabelPanel,#confirmCheck2LabelPanel{display:inline-block;width:82%;font-weight:400}#checkBoxSection,#checkBoxSection2{margin-top:.5em}.basketItemImage{width:2.5em;height:2.5em;float:left;margin-right:.5em}#amexAcceptanceMarkImg,#jcbAcceptanceMarkImg,#mcAcceptanceMarkImg,#paypalAcceptanceMarkImg,#vbvAcceptanceMarkImg{height:2em!important;display:inline-block!important;overflow:hidden}#vbvAcceptanceMarkImg{width:3.55em!important}#mcAcceptanceMarkImg{width:4.35em!important}#amexAcceptanceMarkImg,#jcbAcceptanceMarkImg{width:4.4em!important}#paypalAcceptanceMarkImg{width:3.125em!important}.cardType{display:block!important;background-repeat:no-repeat;padding:.125em}#confirmCardLabel{display:block!important;font-size:.75em;font-weight:700}#confirmCardExpiryLabel{display:block!important;font-size:.6em;font-style:italic}#cscImage{width:16em}span#amountLabel{font-size:20px;color:#616161}span#amount{font-size:18px}#confirmCheck2Label:after{content:"";width:15px;height:15px;position:relative;top:1px;margin-left:5px;display:inline-block;background-image:url(../lock.png);background-size:contain;background-repeat:no-repeat}input,textarea{-webkit-appearance:none;-webkit-border-radius:0}.formLabel{text-align:left;display:block;margin:20px 0 5px;color:#3e3e3e;font-size:16px;font-weight:700;letter-spacing:0;line-height:22px}#messagePanel,.tooltip{display:none!important}.formLabelDescr{font-size:12px;line-height:20px;font-weight:500}#cardNumberHelpPanel:before{content:"*";display:block}input[type=radio]{margin:1em .25em}input.inputError{background-color:#fff!important;border-color:#c00;color:#c00}.tooltip{padding:0}.tooltipText{width:100%;min-height:1px;color:#cf000f;margin-top:8px;font-size:14px;letter-spacing:0;line-height:22px}#cscDescLink{display:none;background-image:url(../images/hybrid_cvv.png);width:37px;height:25px;background-size:cover;margin:-39px 0 15px 100px}.submitButton{float:none;box-shadow:none;display:inline-block;cursor:pointer;background-color:#0277bd;color:#fff;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:8px 0;width:100%;font-size:16px;line-height:24px;border-radius:3px;transition:none;height:40px}#commands{width:100%}#commands:before{height:32px;width:33px;box-sizing:border-box}#paymentDetailsPanel #paymentDetailsFieldset{padding:0;margin:0}#cscSection,#expirySection{display:inline-block;vertical-align:top}#expirySection{width:170px;white-space:nowrap;margin-right:16px}#cscSection{width:112px;order:5}#paymentDetailsPanel{display:flex;width:100%;flex-flow:wrap}#cardNumber,#cardholderName{width:99vw;box-sizing:border-box}#expiryDateMessagePanel{display:block;margin-top:5px;margin-left:0;order:6;width:300px}.formInputForError{font-size:.875rem;line-height:1.57143;background:#fff;border:1px solid red;border-radius:3px;color:#3e3e3e;padding:8px 16px;outline:0;height:40px;box-shadow:none;margin-bottom:5px;width:80%}#cscMessagePanel{white-space:normal;width:max-content;max-width:100vw;right:186px}#errorIconDiv{display:flex;align-items:center;justify-content:center}.inlineErrorIcon{width:15px;height:auto}.errorMessagePanel{gap:3px}#cardNumberSection,#cardholderNameSection{display:block;width:100%}@media (min-width:490px){@font-face{font-weight:500}.formInput{touch-action:none}.formInput.visa{background:url(../images/icons/visa-icon.png) 99% no-repeat #fff}.formInput.mastercard{background:url(../images/icons/mastercard-icon.png) 99% no-repeat #fff}.formInput.amex{background:url(../images/icons/amex-icon.png) 99% no-repeat #fff}.formInput.jcb{background:url(../images/icons/jcb-icon.png) 99% no-repeat #fff}.formInput.dinersclub{background:url(../images/icons/dinersclub-icon.png) 99% no-repeat #fff}.formInput.maestro{background:url(../images/icons/maestro-icon.png) 99% no-repeat #fff}#expiryMonth,#expiryYear,#startMonth,#startYear{width:80px}#expirySection{width:200px}#cscSection{width:110px}#cscSection label{white-space:nowrap}#cardNumberSection{order:-1}#cardTypeSection{order:-2}#expiryDateMessagePanel{width:100%}.formInputForError{box-sizing:border-box}#cscMessagePanel{right:216px}}@media (max-width:489px){#paymentDetailsTitle{display:none}#cardNumberSection{order:-1}#cardTypeSection{order:-2}.hidden{margin:0}#commands{margin-top:0}#errorIconDiv,#errorIconDiv:has(#cscErrorIcon){display:flex;align-items:flex-start;position:relative;top:3px}.submitButton{margin-top:20px}}@media (max-width:265px){#cscMessagePanel{right:0}#expiryDateMessagePanel{order:5}}

package/src/scss/barclays-paypage-combined.css

@@ -200,7 +200,7 @@ label.labelError {
 }
 
 #expiryMonth, #expiryYear, #startMonth, #startYear {
-  width: 70px;
+  width: 80px;
   padding: 8px;
 }
 
@@ -254,16 +254,6 @@ label.labelError {
   position: relative;
 }
 
-#cscSection:after {
-  content: "";
-  width: 38%;
-  height: 51px;
-  display: block;
-  position: absolute;
-  bottom: -15px;
-  right: 125px;
-}
-
 #newCardLink {
   float: right;
 }
@@ -891,13 +881,13 @@ input.inputError {
 }
 
 #expirySection {
-  width: 150px;
+  width: 170px;
   white-space: nowrap;
   margin-right: 16px
 }
 
 #cscSection {
-  width: 100px
+  width: 112px
 }
 
 #paymentDetailsPanel {
@@ -937,7 +927,7 @@ input.inputError {
   height: 40px;
   box-shadow: none;
   margin-bottom: 5px;
-  width: 90%;
+  width: 80%;
 }
 
 #cscSection {
@@ -949,7 +939,7 @@ input.inputError {
   white-space: normal;
   width: max-content;
   max-width: 100vw;
-  right: 166px;
+  right: 186px;
   position: relative;
 }
 
@@ -1079,6 +1069,10 @@ input.inputError {
     position: relative;
     top: 3px;
   }
+  
+  .submitButton {
+    margin-top: 20px;
+  }
 }
 
 @media (max-width: 265px) {

package/src/scss/components/checkout-payment-details-v2.scss

@@ -286,7 +286,7 @@
   .checkout-payment-details-v2 {
     .checkout-payment-details {
       .hop-iframe__wrapper {
-        height: 560px;
+        height: 710px;
       }
     }
   }
@@ -296,7 +296,7 @@
   .checkout-payment-details-v2 {
     .checkout-payment-details {
       .hop-iframe__wrapper {
-        height: 560px;
+        height: 555px;
       }
     }
   }

package/src/scss/pages/page_default-store.scss

@@ -322,6 +322,7 @@
       font-size: .875rem;
       font-weight: 500;
       line-height: 1.375rem;
+      width: max-content;
     }
 
     &__hours {
@@ -617,7 +618,7 @@
           }
 
           &__time {
-            flex: 1 0 55%;
+            flex: 1 0 60%;
           }
         }
 

package/src/sitemap.html

@@ -1065,6 +1065,8 @@
                             -
                             Payment Details Marketing Consent Error</a></li>
 
+                        <li><span class="page-id">9.26</span><a href="page_checkout_payment-details_with-card-loader.html"
+                                                                target="_blank">Checkout- Payment Details with card loader</a></li>
                     </ul>
 
                     <h3>App</h3>