/* Showroom (Palette, concept 1) applied to the buyer's guide, dealer panel and quote form. Loaded after guide.css + dealers.css. */
body.guide{
 --bg:#121010;--bg2:#1c1816;--ink:#f4ede6;--mut:#b3a79d;--acc:#b4461f;--acc-d:#8f3516;--acc-ink:#e8865c;--line:#3a312c;--disp:'Archivo',sans-serif;--r:16px;
 --tile-bg:radial-gradient(80% 70% at 50% 40%,#2a2320,#171312);
 --diff-bg:color-mix(in srgb,var(--acc) 22%,transparent);--diff-edge:var(--acc);
 --lt-bg:#fbf6f0;--lt-ink:#2b2420;--lt-mut:#5c524b;
 background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
body.guide a{color:inherit}
body.guide main a:not(.btn):not(.rm){color:var(--acc-ink)}
body.guide :focus-visible{outline:3px solid var(--acc-ink)!important;outline-offset:3px}
body.guide .mut,body.guide .sub,body.guide .nl,body.guide .soon,body.guide dt{color:var(--mut)}
/* nav */
body.guide .top{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);padding:16px 4vw}
body.guide .brand{font:800 20px/1 var(--disp);letter-spacing:.02em;text-transform:none}body.guide .brand b{color:var(--acc-ink);font-weight:500;font-family:Inter}
body.guide .top .links a{text-decoration:none;opacity:1;font-size:14px}
/* display type */
body.guide h1,body.guide .hero h1{font:900 clamp(36px,5vw,72px)/.92 var(--disp);text-transform:uppercase;letter-spacing:-.02em}
body.guide h2{font-family:var(--disp);text-transform:uppercase;letter-spacing:-.01em}
body.guide .card h2{font:800 17px/1.15 var(--disp);text-transform:none}
body.guide .eyebrow{color:var(--acc-ink);letter-spacing:.14em}
/* hero band with rust spotlight */
body.guide main{padding:0 4vw 80px}
body.guide .hero.gh{margin:0 -4vw 28px;padding:56px 4vw 48px;background:radial-gradient(55% 90% at 80% 40%,color-mix(in srgb,var(--acc) 45%,transparent),transparent 70%),var(--bg)}
body.guide .hero.slim{padding:40px 4vw 32px}
body.guide .crumbs{padding-top:18px}
/* buttons */
body.guide .btn,body.guide .dz button,body.guide .quote button{background:var(--acc);color:#fff!important;border:0;border-radius:999px;padding:12px 22px;font:600 15px Inter,system-ui;text-decoration:none!important;transition:transform var(--t-s) var(--ease)}
body.guide .btn:hover,body.guide .dz button:hover,body.guide .quote button:hover{background:var(--acc-d);transform:translateY(-2px)}
body.guide .btn.ghost,body.guide .dz button[data-geo]{background:none;color:var(--ink)!important;border:1px solid var(--ink)}
/* cards + dark product tiles */
body.guide .card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:transform var(--t-s) var(--ease)}
body.guide .card:hover{transform:translateY(-4px)}
body.guide .ph{background:var(--tile-bg)!important;border-radius:12px;padding:12px}
body.guide .nophoto{border-color:var(--line);color:var(--mut)}
body.guide .filters{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r)}
body.guide input,body.guide select,body.guide textarea{background:var(--bg);color:var(--ink);border:1px solid #7a6e66;border-radius:8px}
body.guide input[type=checkbox],body.guide input[type=radio]{accent-color:var(--acc)}
body.guide .tray{background:var(--ink);color:var(--bg)}body.guide .tray .btn{color:#fff}
body.guide .foot{border-top:1px solid var(--line);color:var(--mut)}
/* compare (Palette's compare.css tokens on our real table) */
body.guide .cmp-wrap{border:1px solid var(--line);border-radius:var(--r);max-height:82vh}
body.guide .cmp th,body.guide .cmp td{border-bottom:1px solid var(--line);font-size:14px;padding:12px 16px}
body.guide .cmp thead th,body.guide .cmp thead td{background:var(--bg)}
body.guide .cmp tbody th{background:var(--bg2);color:var(--mut);font-weight:600}
body.guide .cmp .pcol .ph.sm{max-height:150px}
body.guide .cmp .pn{font:800 16px/1.15 var(--disp);color:var(--ink)}
body.guide tr.diff td{background:transparent}
body.guide.hl tr.diff td{background:var(--diff-bg);box-shadow:inset 3px 0 0 var(--diff-edge)}
body.guide .tag{border-color:var(--acc-ink);color:var(--acc-ink);border-radius:999px;padding:0 6px}
body.guide .rm{color:var(--ink);font-size:13px;text-decoration:underline}
body.guide .more summary{color:var(--ink)}
/* light bands: dealer panel + quote form (dark/light band rhythm) */
body.guide .dealers-panel,body.guide form.quote{background:var(--lt-bg);color:var(--lt-ink);border:0;border-radius:var(--r);padding:28px clamp(16px,3vw,36px)}
body.guide form.quote{max-width:760px}
body.guide .dealers-panel{max-width:none;margin:40px 0}
body.guide .dealers-panel h2{font:900 clamp(24px,3vw,38px)/1 var(--disp);text-transform:uppercase}
body.guide :is(.dealers-panel,form.quote) .mut{color:var(--lt-mut)}
body.guide :is(.dealers-panel,form.quote) a:not(.btn){color:var(--acc-d)!important}
body.guide :is(.dealers-panel,form.quote) :is(input,select,textarea){background:#fff;color:var(--lt-ink);border:1px solid #6b6058}
body.guide :is(.dealers-panel,form.quote) :focus-visible{outline-color:var(--acc-d)!important}
body.guide :is(.dealers-panel,form.quote) .btn.ghost,body.guide .dz button[data-geo]{color:var(--lt-ink)!important;border-color:var(--lt-ink)}
body.guide .dealer{background:#fff;border:1px solid #e3d8cc;border-radius:12px;color:var(--lt-ink)}
body.guide .fallback{background:#fff4e8;border-color:#d9a400}
body.guide form.quote fieldset{border:1px solid #d8ccbf;border-radius:12px}
body.guide .err{background:#fdecee;color:#7a0016;border-color:#b00020}
/* product page */
body.guide .pdp{padding:0;max-width:none;margin:28px 0}
body.guide .pdp .ph{max-height:560px;min-height:340px}
body.guide .pdp h1{font-size:clamp(32px,4vw,60px)}
body.guide .specs caption{text-align:left;font:800 14px var(--disp);text-transform:uppercase;letter-spacing:.1em;color:var(--acc-ink);padding-bottom:6px}
body.guide .specs th,body.guide .specs td{border-bottom:1px solid var(--line)}
body.guide .specs th{color:var(--mut);font-weight:600;text-transform:capitalize}
body.guide .price-note{font-size:1.05rem}
@media(max-width:760px){body.guide .hero.gh{padding:36px 5vw 28px}body.guide h1,body.guide .hero h1{font-size:clamp(32px,9vw,48px)}body.guide .top .links{gap:12px;font-size:13px}}
/* imgfill 2026-11-04: transparent product photos sit straight on the dark tile; placeholder restyled transparent + on-brand */
body.guide .ph{background:transparent!important}
body.guide .card .ph,body.guide .pdp .ph,body.guide .cmp .ph{background:var(--tile-bg)!important}
body.guide .nophoto{background:transparent!important;border:1px dashed rgba(255,255,255,.18)!important;color:rgba(255,255,255,.55)!important;font:600 12px/1.3 inherit;letter-spacing:.08em;text-transform:uppercase;gap:8px;grid-auto-flow:row;align-content:center}
body.guide .nophoto::before{content:"";width:44px;height:44px;opacity:.55;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23d9622b' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 24h4M38 24h4M10 17v14M38 17v14M14 20v8M34 20v8M14 24h20'/%3E%3C/svg%3E")}

/* Kinetic shared motion tokens — Nov 5 */
:root{--ease:cubic-bezier(.2,.8,.2,1);--t-xs:150ms;--t-s:200ms;--t-m:300ms;--t-l:450ms;--t-xl:600ms}