/* Sandbox-only additions: custom intro order page and merch shop. Reuses tokens from styles.css. */
.sandbox-bar{background:var(--lime);color:var(--ink);font:bold 11px/1.4 'Courier New',monospace;letter-spacing:1px;text-align:center;padding:9px 16px}
.header nav>a.is-current{color:var(--pink)}
.page-hero{padding:64px 0 56px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.page-hero h1{font-family:ChuckNarrow,'Arial Narrow',Impact,sans-serif;font-size:clamp(64px,8vw,118px);line-height:.86;letter-spacing:-.016em;margin-top:24px}
.page-hero h1 span{color:var(--pink)}
.page-hero .hero-intro{font-size:19px;line-height:1.5;margin-top:24px;color:#e3e4d7;max-width:470px}
.price-tag{display:inline-flex;align-items:baseline;gap:12px;margin-top:28px;border:1px solid var(--pink);padding:12px 18px;transform:rotate(-2deg)}
.price-tag strong{font:700 44px/1 ChuckNarrow,'Arial Narrow',sans-serif;color:var(--pink)}
.price-tag span{font:11px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}
.sample-frame{border:1px solid #84977d3b;background:#1b2b29;padding:14px}
.sample-frame video,.sample-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#0e1919}
.sample-caption{display:flex;justify-content:space-between;gap:12px;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);margin-top:12px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:40px}
.step{padding:24px 22px;border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step b{font:11px 'Courier New',monospace;color:var(--lime);letter-spacing:1px}
.step h3{font:700 26px/1 ChuckNarrow,'Arial Narrow',sans-serif;margin:12px 0 8px}
.step p{font-size:13px;line-height:1.6;color:#c4cfc1}
.order{background:var(--cream);color:var(--ink);padding:70px 0 64px;margin-top:70px}
.order .section-label{border-color:#20333033;color:#536258}
.order h2>span{color:#667b60}
.order-grid{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #20333038;margin-top:40px}
.order-form{padding:30px;background:#f8f6ed}
.order-form label{display:block;font-size:12px;font-weight:700;margin:18px 0 8px}
.order-form label:first-of-type{margin-top:0}
.order-form input[type=text],.order-form input[type=email],.order-form input[type=tel],.order-form select,.order-form textarea{font:16px/1.5 Arial,Helvetica,sans-serif;border:1px solid #20333055;color:var(--ink);background:#fff;border-radius:0;width:100%;padding:11px 13px}
.order-form textarea{min-height:92px;resize:vertical}
.counter{font:10px 'Courier New',monospace;color:#566258;text-align:right;margin-top:5px}
.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:13px!important;line-height:1.5}
.check input{margin-top:4px;flex-shrink:0}
.order-form .field-error{min-height:18px}
.order-submit{border:0;background:var(--ink);color:var(--cream);margin-top:22px;width:100%;cursor:pointer}
.order-submit:hover{background:#365043}
.order-preview{background:var(--ink);color:var(--cream);padding:32px 34px;display:flex;flex-direction:column}
.order-preview .result-kicker{margin-bottom:22px}
.order-preview .generated-quote{margin-top:0}
.order-preview .rules{margin-top:auto;padding-top:24px;border-top:1px solid #f2efdf33;font-size:12px;line-height:1.7;color:#c4cfc1}
.order-preview .rules li{margin-bottom:6px}
.checkout-note{font-size:14px;line-height:1.6;margin:18px 0 0;padding:14px;border:1px dashed #20333066}
.checkout-fine{font:10px/1.6 'Courier New',monospace;color:#566258;margin-top:10px}
.sandbox-result{margin-top:16px;padding:14px;border:1px dashed var(--ink);font-size:13px;line-height:1.6;display:none}
.sandbox-result.show{display:block}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.product{border:1px solid var(--line);background:#1b302f;display:flex;flex-direction:column}
.mock{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;overflow:hidden}
.mock.tee{background:#243430}.mock.mug{background:#2d2a33}.mock.shot{background:#33262c}
.mock-text{font:700 clamp(26px,2.6vw,36px)/.95 ChuckNarrow,'Arial Narrow',sans-serif;text-align:center;color:var(--cream);letter-spacing:-.01em}
.mock-text span{color:var(--pink)}
.mock-label{position:absolute;top:14px;left:14px;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--lime)}
.product-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-body h3{font:700 24px/1 ChuckNarrow,'Arial Narrow',sans-serif;margin:0}
.product-body p{font-size:12px;color:var(--muted);line-height:1.6}
.product-price{font:700 22px/1 ChuckNarrow,'Arial Narrow',sans-serif;color:var(--lime);margin-top:auto;padding-top:12px}
.product .button{margin-top:12px;width:100%;opacity:.55;cursor:not-allowed}
.shop-note{font:10px/1.7 'Courier New',monospace;color:var(--muted);margin-top:22px}
.cta-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:0}
.cta-card{border:1px solid var(--line);padding:28px;background:#243430;display:flex;flex-direction:column;gap:12px}
.cta-card h2{font-size:clamp(34px,3.6vw,52px)}
.cta-card p{font-size:13px;color:var(--muted)}
.cta-card .button{align-self:flex-start;margin-top:8px}
@media(max-width:1100px){.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-hero{grid-template-columns:1fr;padding:38px 0 40px;gap:32px}.page-hero .hero-intro{font-size:17px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.order{padding:44px 0 40px;margin-top:44px}.order-grid{grid-template-columns:1fr}.order-form,.order-preview{padding:22px 20px}.shop-grid{grid-template-columns:1fr}.cta-strip{grid-template-columns:1fr}}
.order-form fieldset.delivery{border:0;margin:18px 0 0;padding:0;min-width:0}
.order-form fieldset.delivery legend{font-size:12px;font-weight:700;margin:0 0 8px;padding:0}
.order-form fieldset.delivery .check{margin:6px 0}
