.checkout-page{background:#f7f8f7;min-height:75vh}.checkout-page [hidden]{display:none!important}.checkout-heading{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem;color:var(--color-muted);margin-bottom:2rem}.checkout-steps{display:flex;gap:1rem;margin:0 0 2.5rem;max-width:760px}.checkout-steps button{flex:1;background:none;border:0;border-bottom:2px solid #dfe3df;padding:.5rem 0 1rem;display:flex;align-items:center;gap:.65rem;font:inherit;font-weight:600;color:var(--color-muted);cursor:pointer}.checkout-steps button span{display:grid;place-items:center;width:32px;height:32px;background:#e9ece9;border-radius:50%}.checkout-steps button[aria-current]{border-color:var(--color-primary);color:var(--color-text)}.checkout-steps button[aria-current] span,.checkout-steps .is-complete span{background:var(--color-primary);color:white}.checkout-steps button:disabled{opacity:.5;cursor:default}.checkout-page .checkout-layout{grid-template-columns:minmax(0,1fr) minmax(290px,380px);gap:1.5rem}.checkout-panel,.checkout-page .checkout-summary{background:white;border:1px solid #e9ece9;border-radius:20px;padding:2rem}.checkout-panel h1{font-size:clamp(1.6rem,3vw,2.25rem);margin:.5rem 0 1.5rem}.checkout-eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--color-muted)}.checkout-page .checkout-summary{position:sticky;top:1.5rem}.checkout-summary h2{margin-top:0}.checkout-summary .btn{width:100%;margin:.75rem 0}.checkout-summary small{display:block;color:var(--color-muted);font-size:.8rem}.checkout-summary [data-step-hint]{font-size:.85rem;color:var(--color-muted)}.checkout-total{border-top:1px solid var(--line);padding-top:1.2rem;font-size:1.2rem}.checkout-page .radio-line{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:12px;padding:1.1rem;cursor:pointer}.checkout-page .radio-line:has(input:checked){border-color:var(--color-primary);background:#f5f8f5}.checkout-page .radio-line input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.checkout-page input:read-only{background:#f7f8f7}.checkout-review{border-bottom:1px solid var(--line);padding:.5rem 0 1rem;margin-bottom:1rem}.checkout-review h2{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;gap:1rem}.checkout-review button,.checkout-address-preview button,.checkout-back{background:none;border:0;text-decoration:underline;font:inherit;font-size:.85rem;color:var(--color-text);cursor:pointer}.checkout-back{margin-top:1.5rem}.checkout-page [data-address-preview]{white-space:pre-line}.checkout-address-preview{background:#f7f8f7;padding:1rem;border-radius:12px;margin-bottom:1.5rem}.checkout-secondary{background:white!important;color:var(--color-text)!important;border:1px solid var(--line)!important}.checkout-page [data-identity-options]{display:flex;gap:1rem;flex-wrap:wrap}.checkout-page :focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.checkout-page h1:focus{outline:none}@media(max-width:800px){.checkout-page .checkout-layout{grid-template-columns:1fr}.checkout-page .checkout-summary{position:static}.checkout-panel,.checkout-page .checkout-summary{padding:1.25rem}.checkout-steps{gap:.4rem}.checkout-steps button{flex-direction:column;font-size:.75rem;gap:.4rem}.checkout-heading span{display:none}.checkout-page .grid-2,.checkout-page .grid-3{gap:0}}
.checkout-summary p>span,.checkout-summary p>strong{white-space:nowrap;flex-shrink:0}.checkout-heading a{color:inherit}
/* The storefront theme owns palette, typography, fields and buttons. */
.checkout-page{background:color-mix(in srgb,var(--color-text) 3%,var(--color-background));font-family:var(--font-body);color:var(--color-text)}.checkout-panel,.checkout-page .checkout-summary{background:var(--color-background);border-color:var(--line);border-radius:var(--radius)}.checkout-panel h1{font-size:var(--h1-size)}.checkout-page .radio-line,.checkout-address-preview{border-radius:var(--radius)}.checkout-page .radio-line:has(input:checked),.checkout-address-preview,.checkout-page input:read-only{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-background))}.checkout-steps button span,.auth-steps .auth-step>span{background:color-mix(in srgb,var(--color-text) 8%,var(--color-background))}.checkout-steps button,.auth-steps .auth-step{border-bottom-color:var(--line)}.checkout-secondary{background:var(--color-background)!important}.checkout-page input,.checkout-page select,.checkout-page textarea,.checkout-page button{font-family:inherit}.billing-identity{border:0;padding:0;margin:0 0 1.5rem;min-width:0}.billing-identity legend{font-family:var(--font-heading);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.address-locality{display:grid;grid-template-columns:minmax(85px,1fr) minmax(120px,2fr) minmax(80px,1fr);gap:1rem}.checkout-products{border-bottom:1px solid var(--line);margin-bottom:1.2rem}.checkout-product{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.75rem;align-items:center;margin:1rem 0;font-size:.85rem}.checkout-product img,.checkout-product-placeholder{width:56px;height:56px;object-fit:cover;border-radius:var(--radius);background:color-mix(in srgb,var(--color-text) 5%,var(--color-background))}.checkout-product-placeholder{display:grid;place-items:center}.checkout-product-placeholder svg{width:28px;height:28px;opacity:.4}.checkout-product strong{font-weight:600}.checkout-product>span:last-child{white-space:nowrap}.checkout-product small{margin-top:.2rem;font-size:.73rem}.country-picker{position:relative;display:block;font-weight:400}.country-picker>select{padding-left:2.8rem}.country-flag{object-fit:cover;position:absolute;left:.8rem;top:50%;transform:translateY(-50%);border:1px solid var(--line);pointer-events:none}.country-trigger{display:flex;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:.6rem .8rem;margin-top:.2rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--color-text);background:var(--color-background);font:inherit;text-align:left;cursor:pointer}.country-trigger:after{content:'⌄';margin-left:auto}.country-trigger img,.country-option img{width:24px;height:18px;object-fit:cover;border:1px solid var(--line)}.country-list{position:absolute;top:100%;left:0;right:0;z-index:60;max-height:250px;overflow:auto;padding:.35rem;margin:.25rem 0 0;list-style:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--color-background);box-shadow:0 8px 24px #0002}.country-option{display:flex;align-items:center;gap:.7rem;padding:.6rem .5rem;cursor:pointer;font-size:.9rem}.country-option[aria-selected=true],.country-option:focus{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));outline:0}.country-trigger:disabled{opacity:.6;cursor:default}@media(max-width:600px){.address-locality{grid-template-columns:1fr 2fr;gap:.75rem}.address-locality label:last-child{max-width:120px}.checkout-panel h1{font-size:min(var(--h1-size),2rem)}.country-list{max-height:220px}}

/* Compact, readable final review, scoped away from the data-entry steps. */
.checkout-page .checkout-confirmation h1{font-size:min(var(--h1-size),2rem);line-height:1.2;margin:.4rem 0 1.25rem}
.checkout-page .checkout-confirmation .checkout-eyebrow{margin:0 0 .4rem}
.checkout-page .checkout-confirmation .checkout-review{padding:0 0 1rem;margin:0 0 1rem}
.checkout-page .checkout-confirmation .checkout-review h2{font-size:1rem;line-height:1.4;margin:0 0 .55rem}
.checkout-page .checkout-confirmation .checkout-review p{margin:0;line-height:1.5;overflow-wrap:anywhere}
.checkout-page .checkout-confirmation .checkout-review [data-shipping-preview]{margin-top:.5rem;font-size:.875rem;color:var(--color-muted)}
.checkout-page .checkout-confirmation .checkout-review button{flex-shrink:0;padding:.2rem 0;font-size:.8rem;font-weight:400}
.checkout-page .checkout-billing-details{margin:0;display:grid;gap:.35rem;font-size:.95rem;line-height:1.5}
.checkout-page .checkout-billing-details>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.75rem}
.checkout-page .checkout-billing-details dt{color:var(--color-muted);font-weight:400}
.checkout-page .checkout-billing-details dd{margin:0;overflow-wrap:anywhere}
.checkout-page .checkout-confirmation .checkout-billing-address{margin-top:.65rem;font-size:.875rem;color:var(--color-muted);white-space:pre-line}
@media(max-width:480px){.checkout-page .checkout-billing-details>div{grid-template-columns:1fr;gap:.05rem}.checkout-page .checkout-billing-details{gap:.6rem}}

.checkout-account-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--color-background);padding:1rem 1.25rem;margin-bottom:1.5rem}.checkout-account-bar>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}.checkout-account-bar>div>span{font-size:.8rem;color:var(--color-muted)}.checkout-account-bar strong{font-size:.95rem}.checkout-account-bar small{font-size:.8rem;color:var(--color-muted);overflow-wrap:anywhere}.checkout-account-actions{display:flex;gap:1rem;margin:0}.checkout-account-link{border:0;background:none;color:var(--color-text);font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.4rem 0}.checkout-account-link:hover{color:var(--color-primary)}.checkout-account-note{flex-basis:100%}@media(max-width:600px){.checkout-account-bar{padding:1rem;gap:.4rem}.checkout-account-bar>div{display:block;min-width:0}.checkout-account-bar>div>*{display:block}.checkout-account-actions{width:100%;gap:1.5rem}}