/* Affiliate pages — do not add these to the site-wide styles.css. */
.gear{max-width:860px;margin:0 auto;padding:28px clamp(16px,4vw,36px) 72px}
.gear-kicker{margin:8px 0 18px}
.gear h1{font-size:clamp(2.15rem,8.4vw,3.6rem);letter-spacing:.01em;margin:.15em 0 .4em;line-height:1.02}
.gear-disclose{background:var(--paper);border:var(--b);border-radius:14px;padding:12px 16px;font-size:.92rem;color:var(--muted);margin:0 0 1.25em;box-shadow:3px 3px 0 var(--ink)}
.gear-lead{font-size:1.12rem;max-width:52ch;margin:0 0 1.25em}
.gear-pick{font-size:clamp(1.45rem,4.2vw,1.9rem);margin:0 0 .7em}
.gear-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 1.8em}
.gear-ctas .btn-xl{width:auto;max-width:100%}
@media (max-width:640px){.gear-ctas .btn-xl{width:100%}}

.gear-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:0 0 28px}
.gear-card{position:relative;background:var(--royal);color:#fff;border:var(--b);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:18px 16px 16px;overflow:hidden;
  background-image:radial-gradient(rgba(255,255,255,.16) 1.4px,transparent 1.7px);background-size:16px 16px}
.gear-card.gold{background:var(--gold);color:var(--ink);background-image:radial-gradient(rgba(11,11,15,.12) 1.4px,transparent 1.7px)}
.gear-card.gold .gear-card-label strong{color:var(--ink)}
.gear-card.gold .gear-card-label span{color:var(--royal)}
.gear-card.plum{background:var(--plum);background-image:radial-gradient(rgba(255,215,122,.16) 1.4px,transparent 1.7px)}
.gear-card .guy{width:min(132px,36vw);margin:0 auto;display:block;color:#0b0b0f}
.gear-card .guy-shadow{color:var(--yellow)}
.gear-card .guy-body{color:var(--ink)}
.gear-card-label{position:relative;z-index:1;margin-top:4px;text-align:center}
.gear-card-label strong{display:block;font-family:var(--slab);font-weight:400;font-size:clamp(1.15rem,4.6vw,1.4rem);line-height:1.08;color:#fff}
.gear-card-label span{display:block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;color:var(--yellow);margin-top:6px;white-space:nowrap}

.gear-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 2.2em;padding:0;list-style:none}
@media (min-width:640px){.gear-facts{grid-template-columns:repeat(4,1fr)}}
.gear-facts li{background:var(--paper);border:var(--b);border-radius:16px;padding:12px 12px 11px;box-shadow:3px 3px 0 var(--ink);min-width:0}
.gear-facts b{display:block;font-family:var(--slab);font-weight:400;font-size:.98rem;line-height:1.15;overflow-wrap:anywhere}
.gear-facts span{display:block;font-size:.78rem;font-weight:700;color:var(--muted);margin-top:3px}

.gear h2{font-size:clamp(1.55rem,5vw,2.15rem);margin:1.35em 0 .45em;text-align:left}
.gear .why{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:12px}
.gear .why li{background:var(--paper);border:var(--b);border-radius:16px;padding:14px 16px;box-shadow:4px 4px 0 var(--ink);text-align:left}
.gear p{margin:0 0 1em}
.gear .alt{font-size:1.05rem;max-width:54ch}
.gear .alt-note{color:var(--muted);font-size:.95rem;margin:-.4em 0 1.4em}

.gear-table-wrap{overflow-x:auto;margin:0 0 1.6em;border:var(--b);border-radius:18px;box-shadow:5px 5px 0 var(--ink);background:var(--paper)}
.gear table{width:100%;border-collapse:collapse;font-size:1rem;min-width:280px}
.gear th,.gear td{text-align:left;padding:12px 16px;vertical-align:top;border-bottom:2px solid var(--ink)}
.gear tr:last-child th,.gear tr:last-child td{border-bottom:0}
.gear thead th{background:var(--ink);color:var(--paper);font-family:var(--slab);font-weight:400;font-size:1.05rem;letter-spacing:.02em}
.gear tbody th{font-weight:800;width:50%;background:#fffdf8}
.gear tbody td{color:var(--ink)}

.gear-faq{margin:0 0 1.8em}
.gear-faq details{background:var(--paper);border:var(--b);border-radius:16px;padding:4px 16px;margin:0 0 10px;box-shadow:3px 3px 0 var(--ink)}
.gear-faq summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none}
.gear-faq summary::-webkit-details-marker{display:none}
.gear-faq summary::after{content:"＋";float:right;color:var(--royal);font-weight:800}
.gear-faq details[open] summary::after{content:"–"}
.gear-faq p{margin:0 0 14px;color:var(--ink)}

.gear-bottom{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.gear-bottom .btn-xl{width:auto;max-width:100%}
@media (max-width:640px){.gear-bottom .btn-xl{width:100%}}
.gear a.ext{font-weight:800}

.gear-truck{background:var(--paper);border:var(--b);border-radius:24px;padding:22px 18px 18px;box-shadow:6px 6px 0 var(--ink);margin:1.4em 0 2em}
.gear-truck h2{margin-top:0}
.gear-truck .gear-facts{margin-bottom:1.1em}
.gear-truck .gear-ctas{margin-bottom:.2em}

.pick-grid{display:grid;gap:16px;margin:1.4em 0 2em;padding:0;list-style:none}
@media (min-width:720px){.pick-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.pick-card{display:flex;flex-direction:column;background:var(--paper);border:var(--b);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);min-width:0;transition:transform .12s,box-shadow .12s;height:100%}
.pick-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.pick-card .prod-photo{border-bottom:var(--b);padding:0;aspect-ratio:1/1}
.pick-card-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px;text-decoration:none;color:var(--ink);flex:1;min-width:0}
.pick-card-body:hover{color:var(--ink)}
.pick-card .eyebrow{margin:0 0 4px;color:var(--royal)}
.pick-card h2{font-size:clamp(1.25rem,3.6vw,1.55rem);margin:0 0 .2em;line-height:1.12}
.pick-card p{margin:0 0 .6em;color:var(--muted);font-size:.98rem;flex:1}
.pick-card .go{font-weight:800;color:var(--royal)}

@media (min-width:820px){
  .gear-hero{grid-template-columns:240px 1fr;align-items:start;gap:28px}
  .gear-copy{grid-column:2;grid-row:1}
  .gear-card{grid-column:1;grid-row:1;position:sticky;top:88px}
  .gear-card .guy{width:148px}
}


.pick-group{margin:2.2em 0 0;text-align:left}
.pick-group > .eyebrow{margin:0 0 12px}
.pick-group .pick-grid{margin-top:0}