wickes-css2 2.112.1-RG-2291.2 → 2.112.1-RG-2291.4

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 (15) hide show
  1. package/build/css/components/checkout-payment-details-v2.css +1 -1
  2. package/package.json +1 -1
  3. package/src/page_checkout_payment-details-v2-asm.html +2 -2
  4. package/src/page_checkout_payment-details-v2.html +2 -2
  5. package/src/page_checkout_payment-details_with-card-loader.html +2 -2
  6. package/src/page_checkout_payment-details_with-klarna-loader.html +2 -2
  7. package/src/page_checkout_payment-details_with-loader-v2.html +2 -2
  8. package/src/page_klarna_payment-details_with-klarna.html +2 -2
  9. package/src/page_payment-details-billie-registered-only.html +2 -2
  10. package/src/page_payment-details-billie-unregistered-only.html +2 -2
  11. package/src/page_payment-details-with-billie.html +2 -2
  12. package/src/page_payment-details-with-clearpay.html +2 -2
  13. package/src/page_payment-details-with-gift-card.html +2 -2
  14. package/src/page_payment-details_with_google-pay.html +2 -2
  15. package/src/scss/components/checkout-payment-details-v2.scss +3 -2
package/build/css/components/checkout-payment-details-v2.css CHANGED
@@ -1 +1 @@
1
- .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.giftcard-row{position:relative;display:flex;gap:16px}.giftcard{border:1px solid #ccc;border-radius:4px;background:#fff;padding:12px 16px;width:100%;order:3;position:relative}.giftcard .giftcard__field .form-row{margin-bottom:0}.giftcard-add{display:inline-flex;align-items:center;gap:8px;color:#0277bd;text-decoration:none;cursor:pointer}.giftcard-add__icon{width:16px;height:16px}.giftcard-add__text{font-weight:500}.giftcard-add__text,.giftcard-hint{font-size:.875rem;line-height:1.375rem}.giftcard-hint{display:block;color:#666;font-weight:400;margin-left:32px}.giftcard-inline{padding:12px 8px}.giftcard-inline__header{display:flex;justify-content:space-between;margin-bottom:16px}.giftcard-inline__title{font-weight:500;font-size:1.125rem;line-height:1.5rem;white-space:nowrap}.giftcard-inline__balance{color:#0277bd;font-weight:400;font-size:.875rem;line-height:1.375rem;text-decoration:underline;white-space:nowrap}.giftcard-inline__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-inline__fields{display:flex;flex-direction:column;gap:24px}.giftcard-inline .notification{margin-bottom:16px}.form-row__label{margin-bottom:8px}.giftcard__btn{width:100%}.giftcard__field{position:relative;display:flex;flex-direction:column;padding-bottom:18px;min-width:0}.giftcard-inline .giftcard-inline__fields>.form-row.giftcard__field{margin-bottom:0}.giftcard-field--error .giftcard__input{border-color:#cf000f}.giftcard__error-text{font-weight:400;font-size:.75rem;line-height:1rem;color:#cf000f;margin-top:8px}.giftcard .toggle-show svg{pointer-events:none}.form-row .toggle-show{font-size:1rem;cursor:pointer;position:absolute;right:8px;top:0;height:100%;display:inline-flex;align-items:center;justify-content:center;width:24px}.giftcard-applied{width:100%;border:1px solid #ccc;border-radius:4px;background:#fff;padding:15px 16px;order:2}.giftcard-applied__inner{display:flex;align-items:center;justify-content:center;gap:12px}.giftcard-applied__icon{display:inline-flex;align-items:center;justify-content:center}.giftcard-applied .fa-check-circle{text-align:center;color:#67a509;font-size:1rem}.giftcard-applied__text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:500;word-break:break-word}.giftcard-summary{position:relative;width:100%}.giftcard-summary__hint{margin-top:16px;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.375rem}.giftcard-summary__add{text-decoration:underline;cursor:pointer;color:#0277bd}.giftcard-chip-list{display:flex;flex-direction:column;gap:16px}.giftcard-chip{display:flex;align-items:center;width:100%;gap:12px;padding:12px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;min-height:44px;position:relative}.giftcard-chip__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-chip__icon{width:48px;height:30px;display:inline-flex;align-items:center;justify-content:center}.giftcard-chip__content{flex:1 1 auto;min-width:0}.giftcard-chip__line{display:block;line-height:1.25rem}.giftcard-chip__line .giftcard-chip__applied{font-size:.875rem;font-weight:400;line-height:1.5rem;color:#3e3e3e}.giftcard-chip__number{font-weight:500;line-height:1.5rem;font-size:1rem;color:#3e3e3e}.giftcard-chip__applied{white-space:nowrap}@media (min-width:576px){.giftcard-inline__fields{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:116px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:224px}.giftcard__actions{display:flex;align-items:flex-end;height:72px}.giftcard-summary__hint{width:354px}.giftcard-summary__hint--max{width:100%}}@media (min-width:768px){.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:214px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:240px}.giftcard-inline__title{font-weight:700}.giftcard-summary__hint{width:100%}.giftcard-summary__hint--max{width:460px}}@media (min-width:992px){.giftcard-inline__fields{max-width:470px}.giftcard-summary__hint,.giftcard-summary__hint--max{width:100%}}@media (min-width:1200px){.giftcard-inline__fields{max-width:100%}.giftcard__btn{width:140px}.giftcard__field--number,.giftcard__field--pin{width:100%}}body main{padding:24px 0 40px}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child:after{display:none}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px;vertical-align:top}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.giftcard-row{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details form.checkout-payment-details__card-details:before{display:block;margin:24px 0;content:"";height:1px;background:#ccc}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms p{margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:24px;padding:0 20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin:24px 0;padding:0 24px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .billie-badge-container,.checkout-payment-details-v2 .checkout-payment-details .billie-logo,.checkout-payment-details-v2 .checkout-payment-details .google-badge-container,.checkout-payment-details-v2 .checkout-payment-details .google-logo{margin:-3px 0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms--has-selection{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms .form-row__error{margin-top:16px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}
1
+ .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.giftcard-row{position:relative;display:flex;gap:16px}.giftcard{border:1px solid #ccc;border-radius:4px;background:#fff;padding:12px 16px;width:100%;order:3;position:relative}.giftcard .giftcard__field .form-row{margin-bottom:0}.giftcard-add{display:inline-flex;align-items:center;gap:8px;color:#0277bd;text-decoration:none;cursor:pointer}.giftcard-add__icon{width:16px;height:16px}.giftcard-add__text{font-weight:500}.giftcard-add__text,.giftcard-hint{font-size:.875rem;line-height:1.375rem}.giftcard-hint{display:block;color:#666;font-weight:400;margin-left:32px}.giftcard-inline{padding:12px 8px}.giftcard-inline__header{display:flex;justify-content:space-between;margin-bottom:16px}.giftcard-inline__title{font-weight:500;font-size:1.125rem;line-height:1.5rem;white-space:nowrap}.giftcard-inline__balance{color:#0277bd;font-weight:400;font-size:.875rem;line-height:1.375rem;text-decoration:underline;white-space:nowrap}.giftcard-inline__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-inline__fields{display:flex;flex-direction:column;gap:24px}.giftcard-inline .notification{margin-bottom:16px}.form-row__label{margin-bottom:8px}.giftcard__btn{width:100%}.giftcard__field{position:relative;display:flex;flex-direction:column;padding-bottom:18px;min-width:0}.giftcard-inline .giftcard-inline__fields>.form-row.giftcard__field{margin-bottom:0}.giftcard-field--error .giftcard__input{border-color:#cf000f}.giftcard__error-text{font-weight:400;font-size:.75rem;line-height:1rem;color:#cf000f;margin-top:8px}.giftcard .toggle-show svg{pointer-events:none}.form-row .toggle-show{font-size:1rem;cursor:pointer;position:absolute;right:8px;top:0;height:100%;display:inline-flex;align-items:center;justify-content:center;width:24px}.giftcard-applied{width:100%;border:1px solid #ccc;border-radius:4px;background:#fff;padding:15px 16px;order:2}.giftcard-applied__inner{display:flex;align-items:center;justify-content:center;gap:12px}.giftcard-applied__icon{display:inline-flex;align-items:center;justify-content:center}.giftcard-applied .fa-check-circle{text-align:center;color:#67a509;font-size:1rem}.giftcard-applied__text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:500;word-break:break-word}.giftcard-summary{position:relative;width:100%}.giftcard-summary__hint{margin-top:16px;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.375rem}.giftcard-summary__add{text-decoration:underline;cursor:pointer;color:#0277bd}.giftcard-chip-list{display:flex;flex-direction:column;gap:16px}.giftcard-chip{display:flex;align-items:center;width:100%;gap:12px;padding:12px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;min-height:44px;position:relative}.giftcard-chip__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-chip__icon{width:48px;height:30px;display:inline-flex;align-items:center;justify-content:center}.giftcard-chip__content{flex:1 1 auto;min-width:0}.giftcard-chip__line{display:block;line-height:1.25rem}.giftcard-chip__line .giftcard-chip__applied{font-size:.875rem;font-weight:400;line-height:1.5rem;color:#3e3e3e}.giftcard-chip__number{font-weight:500;line-height:1.5rem;font-size:1rem;color:#3e3e3e}.giftcard-chip__applied{white-space:nowrap}@media (min-width:576px){.giftcard-inline__fields{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:116px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:224px}.giftcard__actions{display:flex;align-items:flex-end;height:72px}.giftcard-summary__hint{width:354px}.giftcard-summary__hint--max{width:100%}}@media (min-width:768px){.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:214px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:240px}.giftcard-inline__title{font-weight:700}.giftcard-summary__hint{width:100%}.giftcard-summary__hint--max{width:460px}}@media (min-width:992px){.giftcard-inline__fields{max-width:470px}.giftcard-summary__hint,.giftcard-summary__hint--max{width:100%}}@media (min-width:1200px){.giftcard-inline__fields{max-width:100%}.giftcard__btn{width:140px}.giftcard__field--number,.giftcard__field--pin{width:100%}}body main{padding:24px 0 40px}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__payment-method .checkout-payment-details__row:first-child .checkout-payment-details__descr:first-child:after{display:none}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px;vertical-align:top}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.giftcard-row{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .checkout-payment-details__card-details:not(form):before{display:block;margin:24px 0;content:"";height:1px;background:#ccc}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem;margin-bottom:16px}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms p{margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:24px;padding:0 20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin:24px 0;padding:0 24px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .billie-badge-container,.checkout-payment-details-v2 .checkout-payment-details .billie-logo,.checkout-payment-details-v2 .checkout-payment-details .google-badge-container,.checkout-payment-details-v2 .checkout-payment-details .google-logo{margin:-3px 0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms--has-selection{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .js-billie-repayment-terms .form-row__error{margin-top:16px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .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}}@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.112.1-RG-2291.2",
3
+ "version": "2.112.1-RG-2291.4",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/page_checkout_payment-details-v2-asm.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
package/src/page_checkout_payment-details-v2.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true" clearPayIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2="true" hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
15
15
  {{/content}}
16
16
 
17
17
 
package/src/page_checkout_payment-details_with-card-loader.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
package/src/page_checkout_payment-details_with-klarna-loader.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
package/src/page_checkout_payment-details_with-loader-v2.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
package/src/page_klarna_payment-details_with-klarna.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -13,7 +13,7 @@
13
13
  {{/content}}
14
14
 
15
15
  {{#content "aside"}}
16
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
16
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
17
17
  {{/content}}
18
18
 
19
19
 
package/src/page_payment-details-billie-registered-only.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
20
20
  {{/content}}
21
21
 
22
22
 
package/src/page_payment-details-billie-unregistered-only.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
20
20
  {{/content}}
21
21
 
22
22
 
package/src/page_payment-details-with-billie.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
20
20
  {{/content}}
21
21
 
22
22
 
package/src/page_payment-details-with-clearpay.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" clearPayIcon=true checkout=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
20
20
  {{/content}}
21
21
 
22
22
 
package/src/page_payment-details-with-gift-card.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true" clearPayIcon=true billieIcon=true checkout=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -18,7 +18,7 @@
18
18
  {{/content}}
19
19
 
20
20
  {{#content "aside"}}
21
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
21
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
22
22
  {{/content}}
23
23
 
24
24
 
package/src/page_payment-details_with_google-pay.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -13,7 +13,7 @@
13
13
  {{/content}}
14
14
 
15
15
  {{#content "aside"}}
16
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
16
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
17
17
  {{/content}}
18
18
 
19
19
 
package/src/scss/components/checkout-payment-details-v2.scss CHANGED
@@ -156,7 +156,7 @@ body main {
156
156
  margin-bottom: 0;
157
157
  }
158
158
 
159
- form.checkout-payment-details__card-details {
159
+ .checkout-payment-details__card-details:not(form) {
160
160
  &::before {
161
161
  display: block;
162
162
  margin: 24px 0;
@@ -171,7 +171,7 @@ body main {
171
171
  font-weight: 400;
172
172
  font-size: 1.25rem;
173
173
  line-height: 2rem;
174
- margin-bottom: 24px;
174
+ margin-bottom: 16px;
175
175
  }
176
176
 
177
177
  &__descr {
@@ -512,6 +512,7 @@ body main {
512
512
  .checkout-payment-details {
513
513
  &__title {
514
514
  font-size: 1.5rem;
515
+ margin-bottom: 24px;
515
516
  }
516
517
 
517
518
  &__descr {