/* Checkout presentation only; tariff values and payment flow remain API-driven. */
.checkout-page .sidebar{overflow-y:auto;overscroll-behavior:contain}
.checkout-page .top-actions{gap:10px}.checkout-page :is(.theme-toggle,.icon-button){min-height:40px;border-radius:10px}
.checkout-page .icon-button{width:40px}.checkout-page.production .card{box-shadow:0 4px 20px #32204b04}
.checkout-page.production .checkout-grid{gap:22px;grid-template-columns:minmax(0,1fr) 310px}
.checkout-page .card-head{gap:12px;flex-wrap:wrap}.checkout-page .card-head h2{display:flex;align-items:center;gap:9px}
.checkout-page .stage-number{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:8px;background:var(--accent-deep);color:var(--accent);font-size:12px;flex-shrink:0}
.checkout-page.production #balance-line{font-family:var(--body);white-space:normal}
.checkout-page.production .period{padding:5px;margin:20px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:5px}
.checkout-page.production .period button{flex:1;padding:10px 9px;background:transparent;border-color:transparent;min-height:42px}
.checkout-page.production .period button[aria-pressed=true]{background:var(--surface);border-color:var(--accent);box-shadow:0 2px 5px #32204b08}
.checkout-page.production .period button:hover:not([aria-pressed=true]){background:var(--accent-deep)}
.checkout-page.production .plan{position:relative;padding:22px 20px;border-color:var(--line-2);transition:background .16s,border-color .16s;box-shadow:none}
.checkout-page.production .plan:hover{border-color:var(--accent)}
.checkout-page.production .plan h3{padding-right:27px;margin-bottom:20px;overflow-wrap:anywhere}
.checkout-page.production .plan::after{position:absolute;right:18px;top:24px;content:'';width:16px;height:16px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;font:11px/1 var(--body)}
.checkout-page.production .plan[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-deep)}
.checkout-page.production .plan[aria-pressed=true]::after{content:'✓';background:var(--accent);border-color:var(--accent);color:var(--surface)}
.checkout-page.production .plan .price{gap:6px}.checkout-page.production .plan ul{margin-top:18px;margin-bottom:0}
.checkout-page .order-selection{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding:17px 0;margin-bottom:17px;border-bottom:1px solid var(--line);font-size:12px}
.checkout-page .order-selection strong{font-weight:600;overflow-wrap:anywhere}.checkout-page .order-selection span{color:var(--muted)}
.checkout-page .order-price-label{margin-bottom:4px}.checkout-page.production #total-note{margin-top:12px;line-height:1.8}.checkout-page #total-note::first-letter{text-transform:uppercase}
.checkout-page.production .big-date{font-variant-numeric:tabular-nums}
.checkout-page.production #pay{min-height:46px;white-space:normal;line-height:1.5}
.checkout-page.production .payment-note{display:flex;align-items:flex-start;gap:9px;padding-top:16px;margin-top:18px;margin-bottom:0;border-top:1px solid var(--line)}
.checkout-page .payment-note .ico{width:16px;height:16px;margin-top:3px;flex-shrink:0;color:var(--accent)}
.checkout-page.production .note-crit,.checkout-page.production .note-warn{margin-bottom:14px;overflow-wrap:anywhere}
.checkout-page .plan:focus-visible{outline:3px solid #ad95ed;outline-offset:4px}
html[data-theme=dark] .checkout-page.production .card{box-shadow:none}
html[data-theme=dark] .checkout-page.production .period button[aria-pressed=true]{background:#40304f;color:#edddff;border-color:#ad85db}
@media(max-width:1180px){.checkout-page.production .checkout-grid{grid-template-columns:minmax(0,1fr) 280px}.checkout-page.production .period button{flex:1 1 40%}.checkout-page.production .plans{grid-template-columns:1fr}}
@media(max-width:980px){.checkout-page.production .checkout-grid{grid-template-columns:minmax(0,1fr)}.checkout-page.production .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-page.production .period button{flex:1}}
@media(max-width:720px){.checkout-page .topbar{gap:8px}.checkout-page .crumb{gap:9px}.checkout-page .top-actions{gap:6px}.checkout-page .theme-toggle span{display:none}.checkout-page .theme-toggle{width:40px;padding:8px;justify-content:center}.checkout-page.production .plans{grid-template-columns:1fr}.checkout-page.production .plan{padding:20px}.checkout-page.production .plan h3{margin-bottom:16px}.checkout-page.production .plan ul{margin-top:14px}.checkout-page.production .period{margin:18px 0}.checkout-page.production .period button{padding:9px 6px}.checkout-page.production .checkout-grid{gap:18px}.checkout-page.production main{padding-bottom:28px}.checkout-page.production footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.checkout-page .bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:360px){.checkout-page.production .period button{flex:1 1 40%}.checkout-page .topbar .crumb{gap:7px}.checkout-page .top-actions .icon-button{display:none}}
.checkout-page .order-selection{font-size:13px}