.checkout{gap:1em}.checkout .basket-body,.checkout .basket-user-data{flex-flow:column wrap;order:2;width:100%;display:flex}.checkout .basket-body{order:1}@media (width>=768px){.checkout .basket-body,.checkout .basket-user-data{max-width:30em}.checkout .basket-user-data{order:1;width:calc(100% - 31em);max-width:calc(100% - 31em)}.checkout .basket-body{order:2}}@media (width>=992px){.checkout .form-row .form-control,.checkout .form-row .form-phone{max-width:25em}}.checkout-address-selector{border-top:1px solid var(--account-line);margin:1.5rem 0;padding-top:1.35rem}.checkout-address-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.checkout-address-heading h3{margin:0;font-size:1.8rem}.checkout-address-heading p:last-child{color:var(--account-muted);margin:.35rem 0 0;font-size:.72rem;line-height:1.5}.checkout-address-list{gap:.65rem;display:grid}.checkout-address-option{border:1px solid var(--account-line);background:var(--account-surface);cursor:pointer;border-radius:.9rem;grid-template-columns:auto 1fr;gap:.75rem;padding:.9rem;display:grid;position:relative}.checkout-address-option.is-selected,.checkout-address-option:hover{border-color:var(--account-accent)}.checkout-address-option.is-selected{background:var(--account-accent-soft)}.checkout-address-option>input{opacity:0;pointer-events:none;position:absolute}.checkout-address-check{border:1px solid var(--account-line);background:var(--account-surface);color:#0000;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;margin-top:.1rem;display:grid}.checkout-address-option.is-selected .checkout-address-check{border-color:var(--account-accent);background:var(--account-accent);color:#fff}.checkout-address-check .account-icon{width:.75rem}.checkout-address-copy{min-width:0;color:var(--account-muted);flex-direction:column;gap:.2rem;font-size:.68rem;line-height:1.45;display:flex}.checkout-address-copy strong{color:var(--account-ink);font-size:.85rem}.checkout-address-copy small{color:var(--account-accent);letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;font-weight:600}.checkout-address-empty{border:1px dashed var(--account-line);text-align:center;border-radius:1rem;justify-items:center;gap:.6rem;padding:2rem 1rem;display:grid}.checkout-address-empty>.account-icon{color:var(--account-accent)}.checkout-address-empty p{color:var(--account-muted);margin:0 0 .5rem;font-size:.7rem}.checkout-address-selector .address-editor{margin-top:.75rem;padding:1.1rem}.checkout-summary-heading{border-bottom:1px solid var(--account-line);margin-bottom:1.15rem;padding-bottom:.9rem}.checkout-summary-heading h4{color:var(--account-ink);margin:0;font-size:1.25rem}.checkout-comment{border:1px solid var(--account-line);background:var(--account-surface);border-radius:1rem;margin-top:1rem;padding:1.1rem}.checkout-comment-heading{grid-template-columns:auto minmax(0,1fr);gap:.8rem;margin-bottom:.9rem;display:grid}.checkout-comment-icon{background:var(--account-accent-soft);width:2.35rem;height:2.35rem;color:var(--account-accent);border-radius:50%;place-items:center;display:grid}.checkout-comment-heading h3{margin:0;font-size:1.55rem}.checkout-comment-heading p:last-child{color:var(--account-muted);margin:.3rem 0 0;font-size:.68rem;line-height:1.5}.checkout-comment textarea.form-control{border-color:var(--account-line);background:var(--account-canvas);resize:vertical;border-radius:.8rem;width:100%;max-width:none;min-height:7rem}.checkout-comment textarea.form-control:focus{border-color:var(--account-accent);box-shadow:0 0 0 .2rem var(--account-accent-soft)}@media (width<=575.9px){.checkout-address-heading{flex-direction:column}.checkout-address-heading .btn{width:100%}}.payment-placeholder{border:1px dashed var(--account-line);background:radial-gradient(circle at 50% 5%,var(--account-accent-soft),transparent 42%),var(--account-surface);text-align:center;border-radius:1.25rem;justify-items:center;min-height:28rem;padding:clamp(2rem,7vw,5rem) 1.5rem;display:grid}.payment-placeholder-icon{background:var(--account-accent-soft);width:4.5rem;height:4.5rem;color:var(--account-accent);border-radius:50%;place-items:center;margin-bottom:1.2rem;display:grid}.payment-placeholder-icon .account-icon{width:1.6rem;height:1.6rem}.payment-placeholder h1{margin:0;font-size:clamp(3rem,8vw,5rem)}.payment-placeholder>p:not(.account-eyebrow){max-width:34rem;color:var(--account-muted);margin:1rem 0 1.5rem;line-height:1.65}.payment-placeholder .btn{align-items:center;gap:.5rem;display:inline-flex}.payment-placeholder .btn .account-icon{width:.9rem;transform:rotate(180deg)}.checkout-promo{border:1px solid var(--account-line);background:var(--account-canvas);border-radius:.75rem;margin:.75rem 0;padding:.7rem .75rem;transition:border-color .2s,background-color .2s}.checkout-promo.is-open{border-color:var(--account-accent);background:var(--account-surface)}.checkout-promo.is-accepted{border-color:color-mix(in srgb,var(--account-success) 32%,var(--account-line));background:var(--account-success-soft)}.checkout-promo-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.checkout-promo-icon{background:var(--account-surface);width:1.85rem;height:1.85rem;color:var(--account-accent);border-radius:50%;place-items:center;display:grid}.checkout-promo.is-accepted .checkout-promo-icon{color:var(--account-success)}.checkout-promo-icon .account-icon{width:.82rem}.checkout-promo-copy{min-width:0}.checkout-promo-copy .account-eyebrow{margin-bottom:.12rem;font-size:.45rem}.checkout-promo-copy h5{color:var(--account-ink);margin:0;font-size:.68rem;line-height:1.3}.checkout-promo-copy>p:last-child{color:var(--account-muted);margin:.15rem 0 0;font-size:.52rem;line-height:1.35}.checkout-promo-accepted button,.checkout-promo-action,.checkout-promo-open{min-height:0;color:var(--account-accent);background:0 0;border:0;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.58rem;font-weight:600;display:inline-flex}.checkout-promo-accepted button .account-icon,.checkout-promo-open .account-icon{width:.7rem}.checkout-promo-form{border-top:1px solid var(--account-line);margin-top:.6rem;padding-top:.6rem}.checkout-promo-input{display:block}.checkout-promo-form .form-control{border-color:var(--account-line);background:var(--account-canvas);border-radius:.55rem;min-width:0;max-width:none;min-height:2.25rem;padding:.4rem .65rem;font-size:.66rem}.checkout-promo-form .form-control:focus{border-color:var(--account-accent);box-shadow:0 0 0 .2rem var(--account-accent-soft)}.checkout-promo-form .form-control[aria-invalid=true]{border-color:var(--account-danger)}.checkout-promo-actions{align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.checkout-promo-action{color:var(--account-accent)}.checkout-promo-action.is-secondary{color:var(--account-muted)}.checkout-promo-action:disabled{opacity:.45;cursor:not-allowed}.checkout-promo-accepted{border-top:1px solid color-mix(in srgb,var(--account-success) 18%,transparent);justify-content:space-between;align-items:center;gap:.55rem;margin-top:.55rem;padding-top:.5rem;display:flex}.checkout-promo-accepted>span{color:var(--account-success);align-items:center;gap:.35rem;font-size:.62rem;display:inline-flex}.checkout-promo-accepted>span .account-icon{width:.72rem}.checkout-promo-accepted button{color:var(--account-muted)}.checkout-promo-accepted button:hover,.checkout-promo-error{color:var(--account-danger)}.checkout-promo-error{background:var(--account-danger-soft);border-radius:.5rem;margin:.5rem 0 0;padding:.45rem .55rem;font-size:.58rem;line-height:1.45}@media (width<=575.98px){.checkout-promo-head{grid-template-columns:auto minmax(0,1fr)}.checkout-promo-open{grid-column:2;justify-self:start}}
