/* A clear, palette-aware checkout with visible progress. */
body[data-theme] #checkout{padding:0;max-width:720px;border:1px solid var(--identity-soft);border-radius:24px;box-shadow:0 24px 90px #102b4550}
#checkout>.dialog-head{padding:24px 28px;margin:0;background:var(--identity);color:#fff;border:0}
#checkout>.dialog-head h2,#checkout>.dialog-head .eyebrow{color:#fff}
#checkout>.dialog-head .eyebrow{opacity:.8;letter-spacing:2px}
#checkout>.dialog-head .close{background:#ffffff22;color:#fff;border:1px solid #ffffff40}
#checkout>.purchase-store{margin:20px 28px 10px;padding:12px 16px;border-radius:12px}
#checkout>#checkout-summary{margin:0 28px 20px;background:var(--identity-deep);color:#fff;border:0;border-radius:14px;padding:16px 20px}
#checkout>#checkout-summary strong{color:#fff;font-size:24px}
#checkout-form{padding:0 28px 24px}
#checkout .checkout-progress{margin:0 0 20px}
#checkout .checkout-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}
#checkout-progress-title{font-size:17px;color:var(--identity-deep)}
#checkout-progress-count{font-size:12px;font-weight:700;color:var(--identity);white-space:nowrap;background:var(--identity-soft);padding:6px 10px;border-radius:30px}
#checkout-progress-help{font-size:13px;line-height:1.6;margin:8px 0 12px}
#checkout .checkout-progress-track{height:5px;background:var(--identity-soft);border-radius:9px;overflow:hidden}
#checkout .checkout-progress-track i{display:block;height:100%;background:var(--identity);transition:width .3s ease;border-radius:inherit}
body[data-theme] #checkout .checkout-tabs{padding:0;gap:10px;background:transparent;border:0;margin-bottom:24px}
body[data-theme] #checkout .checkout-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--identity-soft);border-radius:12px;background:#fff;color:var(--identity-deep);padding:13px 8px;transition:background .2s,transform .2s,box-shadow .2s}
#checkout .checkout-tabs button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--identity-soft);color:var(--identity);font-size:11px;flex:none}
body[data-theme] #checkout .checkout-tabs button[aria-selected=true]{background:var(--identity);color:#fff;border-color:var(--identity);box-shadow:0 6px 16px #14385424}
#checkout .checkout-tabs button[aria-selected=true]>span{background:#fff;color:var(--identity)}
body[data-theme] #checkout .checkout-tabs button.is-complete{border-color:var(--identity);background:var(--identity-soft)}
#checkout .checkout-tabs button:hover{transform:translateY(-2px)}
#checkout .checkout-tabs button:focus-visible{outline:2px solid var(--identity);outline-offset:3px}
#checkout .checkout-panel:not([hidden]){animation:checkout-enter .22s ease-out}
#checkout #checkout-panel-0:not([hidden]){display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
#checkout-panel-0>#checkout-identification,#checkout-panel-0>.form-section-title,#checkout-panel-0>label:first-of-type{grid-column:1/-1}
#checkout #checkout-identification{border-radius:14px;background:var(--identity-soft);padding:14px;margin-bottom:20px}
#checkout .form-section-title{margin:0 0 18px}
#checkout input:not([type=radio]):not([type=checkbox]),#checkout select,#checkout textarea{background:#fff;border-radius:12px;transition:border-color .2s,box-shadow .2s}
#checkout input:focus,#checkout select:focus,#checkout textarea:focus{border-color:var(--identity);outline:0;box-shadow:0 0 0 3px var(--identity-soft)}
#checkout .fulfilment-options label:has(input:checked),#checkout fieldset label:has(input[type=radio]:checked){border-color:var(--identity);background:var(--identity-soft);box-shadow:inset 4px 0 var(--identity)}
#checkout .checkout-navigation{padding-top:18px;border-top:1px solid var(--identity-soft);margin-top:12px}
#checkout .primary{border-radius:12px;min-height:50px;transition:transform .15s,box-shadow .15s}
#checkout .primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #14385425}
#checkout #success{padding:28px}
@keyframes checkout-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:550px){body[data-theme] #checkout{border-radius:18px;width:calc(100% - 20px)}#checkout>.dialog-head{padding:20px}#checkout>.purchase-store{margin:16px 18px 10px}#checkout>#checkout-summary{margin:0 18px 18px}#checkout-form{padding:0 18px 20px}#checkout #checkout-panel-0:not([hidden]){grid-template-columns:1fr}#checkout .checkout-tabs{gap:6px}body[data-theme] #checkout .checkout-tabs button{flex-direction:column;gap:6px;padding:10px 4px;font-size:12px}#checkout-progress-title{font-size:15px}#checkout .checkout-navigation .primary{width:100%}}
@media(prefers-reduced-motion:reduce){#checkout *,#checkout .checkout-panel:not([hidden]){animation:none!important;transition:none!important}}