.checkout-page{min-height:100vh;padding:var(--page-top-spacing) var(--page-gutter) 80px;color:var(--commerce-foreground);background:0 0;font:14px Inter,Arial,sans-serif}.checkout-page button,.checkout-page input,.checkout-page select{font:inherit}.checkout-crumbs,.steps,.checkout-layout{width:min(1240px,100%);margin-inline:auto}.checkout-crumbs{color:var(--commerce-muted);gap:9px;margin-bottom:34px;font-size:10px;display:flex}.checkout-crumbs a{color:inherit;text-decoration:none}.checkout-crumbs a:hover,.checkout-crumbs a[aria-current=page]{color:var(--commerce-foreground)}.checkout-crumbs span{color:var(--commerce-accent)}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);margin-bottom:30px;display:grid}.steps:before{content:"";position:absolute}.steps li{color:var(--commerce-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex;position:relative}.steps li:not(:last-child):after{content:"";background:var(--commerce-border);flex:1;height:1px;margin-inline:14px}.steps b{border:1px solid var(--commerce-border);border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.steps .active{color:var(--commerce-foreground)}.steps .active b{border-color:var(--commerce-accent);background:var(--commerce-accent);color:#fff;box-shadow:0 0 16px var(--commerce-glow)}.steps .complete b{border-color:var(--commerce-accent);color:var(--commerce-accent)}.checkout-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:28px;display:grid}.checkout-form,.order-summary{border:1px solid var(--commerce-border);background:0 0}.checkout-step{padding:clamp(24px,4vw,45px)}.checkout-step>header{gap:17px;margin-bottom:31px;display:flex}.checkout-step>header>span{color:var(--commerce-accent);font-size:10px;font-weight:800}.checkout-step h1{text-transform:uppercase;margin:0;font-size:24px}.checkout-step header p{color:var(--commerce-muted);margin:5px 0 0;font-size:12px}.fields,.card-fields{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.fields label,.card-fields label{color:var(--commerce-muted);text-transform:uppercase;gap:7px;font-size:10px;font-weight:700;display:grid}.fields .wide,.card-fields .wide{grid-column:1/-1}.fields input,.fields select,.card-fields input{border:1px solid var(--commerce-border);width:100%;height:47px;color:var(--commerce-foreground);background:0 0;outline:0;padding:0 13px}.fields input:focus,.fields select:focus,.card-fields input:focus{border-color:var(--commerce-accent);box-shadow:0 0 12px var(--commerce-glow)}.save,.terms{color:var(--commerce-muted);align-items:center;gap:9px;margin:22px 0;font-size:11px;display:flex}.save input,.terms input{accent-color:var(--commerce-accent)}.primary{background:var(--commerce-accent);color:#fff;text-transform:uppercase;border:0;height:49px;padding:0 24px;font-size:11px;font-weight:800}.checkout-step>.primary{width:100%}.primary:hover{box-shadow:0 0 22px var(--commerce-glow)}.primary span{margin-left:8px}.payment-methods{grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.payment-methods button{border:1px solid var(--commerce-border);height:45px;color:inherit;background:0 0}.payment-methods button.active{border-color:var(--commerce-accent);color:var(--commerce-accent)}.step-actions{justify-content:space-between;margin-top:28px;display:flex}.step-actions>button:first-child{color:var(--commerce-muted);background:0 0;border:0}.review-card{border:1px solid var(--commerce-border);grid-template-columns:1fr auto;display:grid}.review-card>div{border-bottom:1px solid var(--commerce-border);padding:18px}.review-card>button{border:0;border-bottom:1px solid var(--commerce-border);color:var(--commerce-accent);background:0 0;padding:18px;font-size:10px}.review-card>div:last-of-type,.review-card>div:last-of-type+button{border-bottom:0}.review-card span{color:var(--commerce-muted);text-transform:uppercase;font-size:10px}.review-card p{margin:4px 0 0}.order-summary{padding:26px;position:sticky;top:90px}.order-summary>header{border-bottom:1px solid var(--commerce-border);justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.order-summary header span{color:var(--commerce-accent);text-transform:uppercase;font-size:9px;font-weight:800}.order-summary h2{text-transform:uppercase;margin:4px 0 0;font-size:19px}.order-summary header a{color:var(--commerce-muted);font-size:10px}.summary-items{padding:10px 0}.summary-item{border-bottom:1px solid var(--commerce-border);grid-template-columns:74px 1fr auto;align-items:center;gap:13px;padding:12px 0;display:grid}.summary-item>i{aspect-ratio:1;background:url(/images/shop/cosmic-products.png) var(--pos) / 200% 200%}.summary-item b,.summary-item small{display:block}.summary-item small{color:var(--commerce-muted);font-size:9px}.summary-item span{color:var(--commerce-muted);align-items:center;gap:8px;margin-top:7px;font-size:10px;display:flex}.summary-item span button{border:1px solid var(--commerce-border);width:20px;height:20px;color:inherit;background:0 0}.summary-item>strong{font-size:11px}.empty-bag{color:var(--commerce-muted);padding:25px 0}.empty-bag a{color:var(--commerce-accent)}.discount{height:43px;margin:17px 0;display:flex}.discount input{border:1px solid var(--commerce-border);min-width:0;color:inherit;background:0 0;flex:1;padding:0 12px}.discount button{border:1px solid var(--commerce-border);color:inherit;background:0 0;border-left:0;padding:0 15px}.order-summary dl{margin:0}.order-summary dl>div{color:var(--commerce-muted);justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.order-summary dd{margin:0}.order-summary .total{border-top:1px solid var(--commerce-border);color:var(--commerce-foreground);margin-top:10px;padding-top:17px;font-size:18px;font-weight:800}.discount-row dd{color:var(--commerce-accent)}.trust{border-top:1px solid var(--commerce-border);color:var(--commerce-muted);justify-content:space-between;margin-top:22px;padding-top:17px;font-size:9px;display:flex}.checkout-page dialog{text-align:center;border:1px solid var(--commerce-border);background:var(--commerce-surface);width:min(440px,100% - 30px);color:var(--commerce-foreground);padding:42px}.checkout-page dialog::backdrop{background:#000c}.success-mark{background:var(--commerce-accent);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:28px;display:grid}.checkout-page dialog a{background:var(--commerce-accent);color:#fff;text-transform:uppercase;place-items:center;height:44px;margin-top:14px;padding:0 20px;text-decoration:none;display:inline-grid}.checkout-toast{z-index:100;background:var(--commerce-foreground);color:var(--commerce-background);opacity:0;pointer-events:none;padding:12px 18px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.checkout-toast.show{opacity:1;transform:translate(-50%)}.fields select{color-scheme:light;background-color:var(--commerce-surface);color:var(--commerce-foreground)}.fields select option{background-color:var(--commerce-surface);color:var(--commerce-foreground)}.dark .fields select{color-scheme:dark;color:#f8fafc;background-color:#090a0b}.dark .fields select option{color:#f8fafc;background-color:#090a0b}@media (width<=820px){.checkout-layout{grid-template-columns:1fr}.order-summary{grid-row:1;position:static}.steps li:after{display:none}.steps li{justify-content:center}.steps li span{display:none}}@media (width<=520px){.checkout-page{padding-top:92px}.fields,.card-fields{grid-template-columns:1fr}.fields .wide,.card-fields .wide{grid-column:auto}.checkout-step{padding:22px 16px}.order-summary{padding:18px}.summary-item{grid-template-columns:62px 1fr auto}.trust{gap:10px}}
