.hero-s{padding-block:clamp(40px,6vw,80px) 0;display:flex;flex-direction:column;gap:18px}
.hero-s h1{font-size:clamp(56px,8vw,112px)}
.pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.q{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:12px}
.q b{font-size:15px}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opts button{padding:9px 14px;border-radius:4px;border:1px solid var(--line2);background:none;color:var(--muted);font:600 14px/1 var(--font);cursor:pointer}
.opts button[aria-pressed="true"]{border-color:var(--amber);color:var(--text);background:#1d1709}
.ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cc{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line2);border-radius:8px;overflow:hidden;transition:border-color .25s,opacity .25s}
.cc.best{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.cc.dim .cc-img{opacity:.45}.cc.dim .cc-body{opacity:.82}
.cc .lbadge{position:absolute;top:12px;right:12px;background:var(--amber);color:var(--on-amber);font-size:12px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:3px}
.cc-img{aspect-ratio:4/3;background:#0d0e11}
.cc-img img{width:100%;height:100%;object-fit:cover;display:block}
.cc-img.light{background:#f4f4f2}.cc-img.light img{object-fit:contain;padding:18px}
.cc-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}
.cc-body h3,.cc-body h2{margin:0;font-size:24px;line-height:1.15}
.cc dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}
.cc dt{color:var(--muted)}.cc dd{margin:0;font-weight:600}
.cc .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line2)}
.cc .foot b{font-size:24px;font-weight:800;font-stretch:85%}
@media (max-width:980px){.pick,.ccards{grid-template-columns:1fr}}