:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#edf4f7;--lime:#caff38;--muted:#b6c9d5;--edge:#3c5260;--panel:#172630}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--lime);text-underline-offset:.2em}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-top{border-bottom:1px solid var(--edge);background:#131f28}.site-top .wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-top img{display:block;height:auto}.site-top span{color:var(--muted);font-size:.9rem;font-weight:700}main.wrap{padding-block:28px 64px}.back{display:inline-block;font-weight:750;font-size:.9rem}.intro{padding:26px 0}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800;margin:0 0 8px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}h2,h3{line-height:1.2;margin:0 0 16px}.muted{color:var(--muted)}.intro .muted{margin:.75rem 0 0}.intro .muted:empty{display:none}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 24px}.steps li{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--edge);border-radius:12px;font-weight:750;color:var(--muted)}.steps li span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#263d49}.steps [aria-current]{color:var(--lime);border-color:#859e42;background:#202f27}.steps [aria-current] span{background:var(--lime);color:#182410}.steps .done span{color:var(--lime)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}.panel{min-width:0;background:var(--panel);border:1px solid var(--edge);border-radius:20px}.flow,.summary-content{padding:clamp(18px,3vw,30px)}.summary{position:sticky;top:20px;overflow:hidden}.artwork{display:block;width:100%;height:clamp(115px,16vw,180px);object-fit:cover}.flow p{line-height:1.5}.flow label{display:block;margin:18px 0 0;font-weight:750}.flow :is(input,select){display:block;width:100%;min-height:48px;margin-top:7px;border:1px solid #64808f;border-radius:10px;background:#101c24;color:inherit;padding:10px 12px}.flow input[type=number]{max-width:130px}.flow #includes,.help{color:var(--muted)}.flow #inventory{display:inline-block;background:#263b2b;color:#ddf6a7;border-radius:8px;padding:6px 10px;margin:4px 0;font-size:.88rem}.flow #total{font-weight:800}.checkout-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}button{min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:var(--lime);color:#142008;font-weight:800;cursor:pointer}button:hover{background:#dcff84}button:disabled{opacity:.55;cursor:not-allowed}.checkout-secondary{background:#203442;color:#edf4f7;border-color:#647f8f}.checkout-secondary:hover{background:#2b4655}.summary-row{display:flex;justify-content:space-between;gap:16px;margin:9px 0;color:var(--muted)}.summary-row span:last-child{text-align:right;white-space:nowrap}.summary-total{border-top:1px solid var(--edge);padding-top:14px;margin-top:14px;color:#f5f9fc;font-weight:850}.summary-total span:last-child{color:var(--lime);font-size:1.18rem}.mode-note{font-size:.85rem;line-height:1.55;padding:12px 14px;background:#243328;border:1px solid #536b42;border-radius:10px;color:#e1eddb;margin:18px 0 0}.flow [role=alert]{color:#ffcfb8}.flow :is(p,.summary-row){overflow-wrap:anywhere}.confirmation-reference{font-family:ui-monospace,monospace;background:#101c24;padding:12px;border-radius:10px}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.summary{position:static}.summary .artwork{display:none}.steps li{font-size:.8rem;padding:8px;gap:5px}.steps li span{width:23px;height:23px}}
@media(max-width:480px){.steps li{flex-direction:column;text-align:center;font-size:.72rem}.checkout-actions{flex-direction:column}.checkout-actions button{width:100%}}