/*
Theme Name:   What Would Trump Do Now? (OSE)
Theme URI:    https://whatwouldtrumpdonow.one-stop.com/
Description:  One Stop Enterprises in-house venture: an independent, pro-Trump fan site and shopping directory. Own `ww-` shell over Metro Magazine Pro. Every colour, font and radius is a --d-* token so the OSE Design Options (designs 2–9) restyle the whole site by re-pointing them.
Author:       One Stop Enterprises
Template:     metro-magazine-pro
Version:      1.0
Text Domain:  whatwouldtrumpdonow-child
*/

/* ---------------------------------------------------------------- tokens (Design 1 · Classic: navy, flag red, white, gold) */
body{
 --d-bg:#ffffff;--d-soft:#f2f4f8;--d-ink:#1c2333;--d-muted:#556079;--d-line:#dde2ec;--d-head:#0e1f45;--d-accent:#bf1a2f;--d-gold:#d4a843;--d-gold-lt:#f0cf7a;
 --d-btn:#bf1a2f;--d-btn-ink:#ffffff;--d-hdr:#0e1f45;--d-hdr-ink:#ffffff;--d-nav-hover:#f0cf7a;--d-top:#bf1a2f;--d-top-ink:#ffffff;
 --d-band:#0e1f45;--d-band-ink:#ffffff;--d-band-em:#f0cf7a;--d-ftr:#0a1633;--d-ftr-ink:#c9d1e4;--d-ftr-link:#f0cf7a;--d-card:#ffffff;--d-panel:#ffffff;--d-panel-ink:#0e1f45;
 --d-neon:#bf1a2f;--d-neon-ink:#fff;--d-r:6px;--d-hw:700;--d-nav-ls:.06em;--d-nav-tt:uppercase;--d-nav-fs:1rem;
 --d-fh:'Oswald','Arial Narrow',Impact,sans-serif;--d-fb:'Source Sans 3',system-ui,sans-serif;--d-fl:'Oswald','Arial Narrow',sans-serif;--d-orn:none;--d-cta:#d4a843;--d-cta-ink:#0e1f45;
 --d-h-tt:uppercase;--d-h-ls:.01em;
 --d-official:#0e1f45;--d-licensed:#7a5a12;--d-independent:#56607a;
 --ww-w:1200px;--ww-gut:clamp(16px,4vw,32px);
}

/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--d-bg);color:var(--d-ink);font:400 1.08rem/1.6 var(--d-fb);overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--d-accent);text-underline-offset:.18em}
a:hover{color:var(--d-head)}
h1,h2,h3{font-family:var(--d-fh);font-weight:var(--d-hw);color:var(--d-head);line-height:1.08;margin:0 0 .5em;letter-spacing:var(--d-h-ls)}
h1,h2{text-transform:var(--d-h-tt)}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.ww-wrap{width:100%;max-width:var(--ww-w);margin-inline:auto;padding-inline:var(--ww-gut)}
.ww-narrow{max-width:860px}
.ww-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ww-skip{position:absolute;left:-999px;top:0;z-index:999;background:var(--d-gold);color:#000;padding:.6rem 1rem}
.ww-skip:focus{left:8px;top:8px}
.ww-ic{width:1.05em;height:1.05em;fill:currentColor;flex:0 0 auto;vertical-align:-.15em}
:focus-visible{outline:3px solid var(--d-gold);outline-offset:2px}
[hidden]{display:none!important}

/* ---------------------------------------------------------------- preview strip + top bar */
.ww-poc{background:#2c2c2c;color:#eee;text-align:center;font:500 .82rem/1.4 var(--d-fb);padding:.45rem 1rem}
.ww-poc strong{color:#ffd27a}
.ww-top{background:var(--d-top);color:var(--d-top-ink);font:500 .9rem/1.3 var(--d-fb)}
.ww-top__in{display:flex;align-items:center;justify-content:center;gap:.4rem 1.2rem;flex-wrap:wrap;padding-block:.45rem;text-align:center}
.ww-top__tag{display:inline-flex;align-items:center;gap:.35rem;font:600 .82rem/1 var(--d-fl);text-transform:uppercase;letter-spacing:.12em}
.ww-top__tag .ww-ic{color:var(--d-gold-lt)}
.ww-top__txt{opacity:.92}
.ww-top__go{display:inline-flex;align-items:center;gap:.3rem;color:var(--d-top-ink)!important;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
@media (max-width:700px){.ww-top__txt{display:none}.ww-top__in{justify-content:space-between;flex-wrap:nowrap}.ww-top__tag{font-size:.72rem;letter-spacing:.04em}.ww-top__go{font-size:.82rem;white-space:nowrap}}

/* ---------------------------------------------------------------- header */
.ww-head{position:sticky;top:0;z-index:50;background:var(--d-hdr);color:var(--d-hdr-ink);border-bottom:4px solid var(--d-accent);box-shadow:0 6px 24px rgba(5,12,30,.22)}
.admin-bar .ww-head{top:32px}
.ww-head__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px}
.ww-brand{text-decoration:none;color:inherit;display:block;flex:0 0 auto}
.ww-wm{display:inline-flex;align-items:center;gap:.6rem;line-height:1;color:var(--d-hdr-ink)}
.ww-wm__star{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--d-accent);color:var(--d-gold-lt);box-shadow:inset 0 0 0 3px var(--d-hdr),0 0 0 2px var(--d-gold)}
.ww-wm__star .ww-ic{width:24px;height:24px}
.ww-wm__txt{display:grid}
.ww-wm__top{font:600 .72rem/1 var(--d-fl);letter-spacing:.32em;text-transform:uppercase;color:var(--d-gold-lt);margin-bottom:.2rem}
.ww-wm__name{font:700 1.65rem/1 var(--d-fh);letter-spacing:.02em;text-transform:uppercase}
.ww-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.15rem}
.ww-nav a{display:block;padding:.6rem .7rem;color:var(--d-hdr-ink);text-decoration:none;font:600 var(--d-nav-fs)/1 var(--d-fl);letter-spacing:var(--d-nav-ls);text-transform:var(--d-nav-tt);border-radius:4px;white-space:nowrap}
.ww-nav a:hover,.ww-nav .is-current>a{color:var(--d-nav-hover)}
.ww-nav .is-current>a{box-shadow:inset 0 -3px 0 var(--d-nav-hover)}
.ww-nav__cta a{background:var(--d-cta);color:var(--d-cta-ink)!important;margin-left:.5rem;padding:.75rem 1rem}
.ww-nav__cta a:hover{filter:brightness(1.08)}
.ww-nav .ww-nav__cta.is-current>a{box-shadow:none}
.ww-burger{display:none;background:none;border:0;padding:10px;cursor:pointer;width:46px;height:46px}
.ww-burger span:not(.ww-sr){display:block;height:2px;background:var(--d-hdr-ink);margin:6px 0;transition:transform .2s,opacity .2s}
.ww-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.ww-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ww-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media (max-width:1040px){
 .ww-burger{display:block}
 .ww-nav{position:absolute;left:0;right:0;top:100%;background:var(--d-hdr);border-bottom:4px solid var(--d-accent);display:none;max-height:calc(100vh - 120px);overflow:auto}
 .ww-nav.is-open{display:block}
 .ww-nav ul{flex-direction:column;align-items:stretch;padding:.5rem var(--ww-gut) 1rem}
 .ww-nav a{padding:.9rem .25rem;font-size:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--d-hdr-ink) 14%,transparent)}
 .ww-nav .is-current>a{box-shadow:none}
 .ww-nav__cta a{margin:.8rem 0 0;text-align:center}
}
@media (max-width:420px){.ww-wm__name{font-size:1.28rem}.ww-wm__star{width:36px;height:36px}.ww-wm__top{font-size:.62rem;letter-spacing:.24em}}

/* ---------------------------------------------------------------- buttons, kickers, links */
.ww-btns{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.4rem 0 0}
.ww-btns--c{justify-content:center}
.ww-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.35rem;border-radius:var(--d-r);border:2px solid transparent;font:600 1rem/1.1 var(--d-fl);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s,background .15s}
.ww-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.ww-btn--red{background:var(--d-btn);color:var(--d-btn-ink)!important}
.ww-btn--navy{background:var(--d-head);color:var(--d-bg)!important}
.ww-btn--gold{background:var(--d-cta);color:var(--d-cta-ink)!important}
.ww-btn--white{background:#fff;color:var(--d-accent)!important}
.ww-btn--ghost{background:transparent;color:inherit!important;border-color:currentColor}
.ww-btn--big{font-size:1.1rem;padding:1rem 1.6rem}
.ww-btn--sm{font-size:.86rem;padding:.6rem .95rem}
.ww-btn--block{width:100%}
.ww-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font:600 .9rem/1.3 var(--d-fl);letter-spacing:.18em;text-transform:uppercase;color:var(--d-accent);margin:0 0 .7rem}
.ww-kicker--gold{color:var(--d-band-em)}
.ww-sechead .ww-kicker,.ww-ctaband .ww-kicker{justify-content:center}
.ww-sechead--left .ww-kicker{justify-content:flex-start}
.ww-link{display:inline-flex;align-items:center;gap:.35rem;font:600 1rem/1 var(--d-fl);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--d-accent)}

/* ---------------------------------------------------------------- sections */
.ww-sec{padding:clamp(3rem,7vw,5.5rem) 0}
.ww-sec--tight{padding:1rem 0 2.5rem}
.ww-sec--soft{background:var(--d-soft)}
.ww-sec--navy{background:var(--d-band);color:var(--d-band-ink);background-image:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--d-accent) 22%,transparent),transparent 55%),radial-gradient(ellipse at 90% 100%,color-mix(in srgb,var(--d-gold) 14%,transparent),transparent 50%)}
.ww-sec--navy h2,.ww-sec--navy h3{color:var(--d-band-ink)}
.ww-sechead{max-width:780px;margin:0 auto 2.4rem;text-align:center}
.ww-sechead--left{text-align:left;margin:0 0 1.6rem}
.ww-sechead p:last-child{color:var(--d-muted)}
.ww-sechead--light p:last-child{color:color-mix(in srgb,var(--d-band-ink) 82%,transparent)}
.ww-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ww-split--top{align-items:start;grid-template-columns:1.25fr .75fr}
@media (max-width:860px){.ww-split,.ww-split--top{grid-template-columns:1fr}}
.ww-frame{margin:0;border-radius:var(--d-r);overflow:hidden;background:var(--d-card);box-shadow:0 18px 40px rgba(14,31,69,.18);border:1px solid var(--d-line)}
.ww-frame img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ww-frame--portrait img{aspect-ratio:3/4}
.ww-frame--sm{margin-top:1.5rem}
.ww-frame--fire{border:4px solid var(--d-gold)}
.ww-frame figcaption{padding:.7rem .9rem;font:400 .92rem/1.4 var(--d-fb);color:var(--d-muted)}
.ww-credit{display:block;font-size:.78rem;opacity:.85;margin-top:.15rem}
.ww-credit a{color:inherit}
.ww-prose{font-size:1.1rem}
.ww-prose h3{margin-top:1.6rem}
.ww-prose ul{padding-left:1.2rem}
.ww-ticks{list-style:none;padding:0!important;margin:0 0 1.2rem}
.ww-ticks li{position:relative;padding-left:1.8rem;margin:.55rem 0}
.ww-ticks li::before{content:"★";position:absolute;left:0;top:.05em;color:var(--d-accent)}
.ww-gallery3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:860px){.ww-gallery3{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- home hero (Design 1 · Classic) */
.ww-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate;background:var(--d-band)}
.ww-hero__bg{position:absolute;inset:0;z-index:-2}
.ww-hero__bg img{width:100%;height:100%;object-fit:cover}
.ww-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--d-band) 96%,transparent) 0,color-mix(in srgb,var(--d-band) 82%,transparent) 38%,color-mix(in srgb,var(--d-band) 15%,transparent) 70%,transparent 100%),linear-gradient(0deg,color-mix(in srgb,var(--d-band) 70%,transparent),transparent 40%)}
.ww-hero__in{padding-block:4rem 5rem}
.ww-hero__in>*{max-width:620px}
.ww-hero__title{color:#fff;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95;margin:0 0 .3em;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.ww-hero__title span{display:block;color:var(--d-band-em)}
.ww-hero__tag{font:600 clamp(1.1rem,2.2vw,1.45rem)/1.3 var(--d-fl);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}
.ww-hero__sub{font-size:1.15rem;opacity:.93;max-width:560px}
.ww-hero__facts{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1.8rem 0 0;padding:0}
.ww-hero__facts li{border:1px solid color-mix(in srgb,#fff 40%,transparent);border-radius:999px;padding:.35rem .8rem;font-size:.92rem;background:color-mix(in srgb,var(--d-band) 45%,transparent)}
.ww-hero__facts b{color:var(--d-band-em)}
.ww-hero__credit{position:absolute;right:12px;bottom:8px;margin:0;font-size:.72rem;color:rgba(255,255,255,.78);text-shadow:0 1px 4px rgba(0,0,0,.7)}
.ww-hero__credit a{color:inherit}
@media (max-width:760px){.ww-hero{min-height:auto}.ww-hero__bg img{object-position:58% 12%!important}.ww-hero__shade{background:linear-gradient(0deg,color-mix(in srgb,var(--d-band) 97%,transparent) 0,color-mix(in srgb,var(--d-band) 85%,transparent) 55%,color-mix(in srgb,var(--d-band) 25%,transparent) 100%)}.ww-hero__in{padding-block:14rem 3.5rem}.ww-hero__credit{left:12px;right:auto}}

/* ---------------------------------------------------------------- Fight! band */
.ww-fff{background:var(--d-accent);color:#fff;border-block:6px solid var(--d-gold);background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 22px,rgba(255,255,255,.05) 22px,rgba(255,255,255,.05) 44px)}
.ww-fff__in{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-block:clamp(2.2rem,5vw,3.5rem)}
.ww-fff__words{margin:0;font:700 clamp(2.6rem,6.4vw,5.2rem)/.95 var(--d-fh);text-transform:uppercase;letter-spacing:.01em}
.ww-fff__words span{display:inline-block}
.ww-fff__words span:nth-child(2){color:transparent;-webkit-text-stroke:2px #fff}
.ww-fff__h{font:600 1rem/1.2 var(--d-fl);letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.92;margin:0 0 .5rem}
@media (max-width:860px){.ww-fff__in{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- product cards */
.ww-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.ww-card{display:flex;flex-direction:column;background:var(--d-card);border:1px solid var(--d-line);border-top:5px solid var(--d-independent);border-radius:var(--d-r);padding:1.1rem 1.15rem 1rem;box-shadow:0 6px 18px rgba(14,31,69,.06);transition:transform .15s,box-shadow .15s}
.ww-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,31,69,.14)}
.ww-card--official{border-top-color:var(--d-accent)}
.ww-card--licensed{border-top-color:var(--d-gold)}
.ww-card__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .6rem}
.ww-card__cat{font:600 .74rem/1.2 var(--d-fl);letter-spacing:.12em;text-transform:uppercase;color:var(--d-muted)}
.ww-card__name{font:700 1.18rem/1.2 var(--d-fb);text-transform:none;letter-spacing:0;color:var(--d-head);margin:0 0 .3rem}
.ww-card__merchant{font-size:.9rem;color:var(--d-muted);margin:0 0 .6rem}
.ww-card__desc{font-size:.97rem;line-height:1.5;margin:0 0 .7rem}
.ww-card__note{font-size:.84rem;line-height:1.4;background:var(--d-soft);border-left:3px solid var(--d-gold);padding:.4rem .6rem;margin:0 0 .7rem;color:var(--d-ink)}
.ww-card__note--winred{border-left-color:var(--d-accent);font-weight:600}
.ww-card__foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding-top:.7rem;border-top:1px dashed var(--d-line)}
.ww-card__price{margin:0;display:grid}
.ww-card__price b{font:700 1.2rem/1.1 var(--d-fh);color:var(--d-head)}
.ww-card__price small{font-size:.75rem;color:var(--d-muted)}
.ww-out{display:inline-flex;align-items:center;gap:.35rem;font:600 .9rem/1.2 var(--d-fb);text-decoration:none}
.ww-card__go{background:var(--d-btn);color:var(--d-btn-ink)!important;padding:.55rem .8rem;border-radius:var(--d-r)}
.ww-card__go:hover{filter:brightness(1.1)}
.ww-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .55rem;border-radius:999px;font:700 .72rem/1 var(--d-fb);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#fff;background:var(--d-independent)}
.ww-badge--official{background:var(--d-official)}
.ww-badge--official .ww-ic{color:var(--d-gold-lt);width:.9em;height:.9em}
.ww-badge--licensed{background:var(--d-licensed)}
.ww-checked{display:flex;gap:.45rem;align-items:flex-start;font-size:.92rem;color:var(--d-muted);margin:1.4rem auto 0;max-width:900px;justify-content:center;text-align:center}
.ww-checked .ww-ic{color:var(--d-accent);margin-top:.2rem}
.ww-checked--light{color:color-mix(in srgb,var(--d-band-ink) 82%,transparent)}
.ww-checked--light .ww-ic{color:var(--d-gold-lt)}
.ww-sec--navy .ww-card{color:var(--d-ink)}
.ww-sec--navy .ww-card h3{color:var(--d-head)}

/* ---------------------------------------------------------------- categories, stores strip, trust */
.ww-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem}
.ww-cat{display:grid;gap:.25rem;height:100%;padding:1.1rem 1.1rem 1rem;border-radius:var(--d-r);background:var(--d-card);border:1px solid var(--d-line);border-left:5px solid var(--d-accent);text-decoration:none;color:var(--d-ink);transition:transform .15s,border-color .15s}
.ww-cat:hover{transform:translateY(-2px);border-left-color:var(--d-gold);color:var(--d-ink)}
.ww-cat b{font:700 1.2rem/1.1 var(--d-fh);color:var(--d-head);text-transform:var(--d-h-tt)}
.ww-cat span{font-size:.92rem;color:var(--d-muted)}
.ww-cat i{font-style:normal;font:600 .8rem/1 var(--d-fl);letter-spacing:.1em;text-transform:uppercase;color:var(--d-accent);margin-top:.3rem}
.ww-strip{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}
.ww-strip a{display:grid;gap:.3rem;height:100%;padding:1rem 1.1rem;border-radius:var(--d-r);border:1px solid color-mix(in srgb,var(--d-band-ink) 22%,transparent);background:color-mix(in srgb,var(--d-band-ink) 6%,transparent);color:var(--d-band-ink);text-decoration:none;transition:background .15s}
.ww-strip a:hover{background:color-mix(in srgb,var(--d-band-ink) 13%,transparent);color:var(--d-band-ink)}
.ww-strip b{font:700 1.15rem/1.15 var(--d-fh);color:var(--d-band-em)}
.ww-strip span{font-size:.9rem;opacity:.85}
.ww-strip small{font-size:.78rem;font-weight:600;color:var(--d-band-ink);opacity:.9}
.ww-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.ww-trust__i{background:var(--d-soft);border-radius:var(--d-r);padding:1.2rem}
.ww-trust__i p{margin:.7rem 0 0}
.ww-trust__note{display:flex;gap:.45rem;align-items:flex-start;justify-content:center;text-align:center;max-width:860px;margin:1.6rem auto 0;color:var(--d-muted)}
.ww-trust__note .ww-ic{color:var(--d-accent);margin-top:.25rem}
@media (max-width:760px){.ww-trust{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- page title band */
.ww-ptitle{position:relative;isolation:isolate;overflow:hidden;background:var(--d-band);color:#fff;min-height:clamp(240px,34vh,340px);display:flex;align-items:flex-end}
.ww-ptitle__bg{position:absolute;inset:0;z-index:-2}
.ww-ptitle__bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.ww-ptitle::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,color-mix(in srgb,var(--d-band) 92%,transparent),color-mix(in srgb,var(--d-band) 35%,transparent))}
.ww-ptitle__in{padding-block:3.2rem 2.4rem}
.ww-ptitle h1{color:#fff;margin:0 0 .3em}
.ww-ptitle__lede{font-size:1.15rem;max-width:720px;opacity:.93;margin:0}

/* ---------------------------------------------------------------- shop filters */
.ww-filters{background:var(--d-soft);border:1px solid var(--d-line);border-radius:var(--d-r);padding:1rem;margin:0 0 1.2rem;position:sticky;top:84px;z-index:20;box-shadow:0 10px 24px rgba(14,31,69,.08)}
.ww-filters__row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.ww-search{flex:1 1 280px;display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid var(--d-line);border-radius:var(--d-r);padding:0 .8rem;color:var(--d-muted)}
.ww-search:focus-within{border-color:var(--d-head)}
.ww-search input{flex:1;border:0;outline:0;padding:.7rem 0;font:inherit;font-size:1rem;background:transparent;color:var(--d-ink);min-width:0}
.ww-select{display:flex;align-items:center;gap:.5rem;font:600 .85rem/1 var(--d-fl);letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted)}
.ww-select select{font:inherit;font:600 1rem/1.2 var(--d-fb);text-transform:none;letter-spacing:0;padding:.65rem .8rem;border:2px solid var(--d-line);border-radius:var(--d-r);background:#fff;color:var(--d-ink)}
.ww-chips{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ww-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .8rem;border-radius:999px;border:1px solid var(--d-line);background:#fff;color:var(--d-ink);text-decoration:none;font:600 .9rem/1.1 var(--d-fb)}
.ww-chip small{font-weight:700;color:var(--d-muted)}
.ww-chip:hover{border-color:var(--d-head);color:var(--d-head)}
.ww-chip.is-on{background:var(--d-head);border-color:var(--d-head);color:var(--d-bg)}
.ww-chip.is-on small{color:var(--d-gold-lt)}
.ww-count{color:var(--d-muted);margin:0 0 1rem}
.ww-count b{color:var(--d-head)}
.ww-empty{text-align:center;padding:2rem;background:var(--d-soft);border-radius:var(--d-r)}
@media (max-width:1040px){.ww-filters{position:static}}
@media (max-width:700px){.ww-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.ww-chip{white-space:nowrap}.ww-select{flex:1 1 100%}.ww-select select{flex:1}}

/* ---------------------------------------------------------------- stores page */
.ww-jump{background:var(--d-soft);border-bottom:1px solid var(--d-line)}
.ww-jump .ww-wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;padding-block:.8rem}
.ww-jump a{font:600 .95rem/1.2 var(--d-fl);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--d-head)}
.ww-jump small{color:var(--d-accent)}
.ww-stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem}
.ww-store{display:flex;flex-direction:column;background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--d-r);padding:1.2rem 1.25rem;box-shadow:0 6px 18px rgba(14,31,69,.06)}
.ww-store__top{display:flex;align-items:center;gap:.4rem;font:600 .78rem/1 var(--d-fl);letter-spacing:.12em;text-transform:uppercase;color:var(--d-muted);margin:0 0 .5rem}
.ww-store__top .ww-ic{color:var(--d-accent)}
.ww-store h3{margin:0 0 .2rem;text-transform:var(--d-h-tt)}
.ww-store__op{font-size:.9rem;color:var(--d-muted);margin:0 0 .5rem}
.ww-store__sells{font-size:.95rem;margin:0 0 .6rem}
.ww-store__items{list-style:none;margin:0 0 .8rem;padding:0;font-size:.95rem}
.ww-store__items li{padding:.32rem 0;border-bottom:1px dashed var(--d-line);display:flex;justify-content:space-between;gap:.6rem}
.ww-store__items a{color:var(--d-ink);text-decoration:none}
.ww-store__items a:hover{color:var(--d-accent);text-decoration:underline}
.ww-store__items span{white-space:nowrap;font-weight:700;color:var(--d-head)}
.ww-store__foot{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding-top:.6rem}

/* ---------------------------------------------------------------- Fight + MAHA heroes */
.ww-fhero,.ww-mhero{position:relative;isolation:isolate;overflow:hidden;background:var(--d-band);color:#fff;min-height:min(78vh,640px);display:flex;align-items:flex-end}
.ww-fhero__bg,.ww-mhero__bg{position:absolute;inset:0;z-index:-2}
.ww-fhero__bg img,.ww-mhero__bg img{width:100%;height:100%;object-fit:cover}
.ww-fhero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--d-band) 94%,transparent) 0,color-mix(in srgb,var(--d-band) 60%,transparent) 45%,color-mix(in srgb,var(--d-band) 10%,transparent) 75%),linear-gradient(0deg,color-mix(in srgb,var(--d-accent) 40%,transparent),transparent 45%)}
.ww-fhero__bg img{object-position:50% 22%!important}
@media (min-width:861px){.ww-fhero .ww-fhero__bg{left:34%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}}
.ww-fhero__in{display:grid;grid-template-columns:minmax(0,600px);gap:1.4rem;align-items:end;padding-block:4rem 3.4rem}
.ww-fhero__title{color:#fff;font-size:clamp(3rem,8vw,6.4rem);line-height:.92;margin:0 0 .3em}
.ww-fhero__title span{display:block}
.ww-fhero__title span:nth-child(2){color:var(--d-band-em)}
.ww-fhero__lede{font-size:1.2rem;max-width:560px;margin:0}
.ww-apslot{max-width:520px;border:3px dashed var(--d-band-em);border-radius:var(--d-r);background:color-mix(in srgb,var(--d-band) 72%,transparent);padding:1.1rem 1.2rem;font-size:1rem;backdrop-filter:blur(2px)}
.ww-apslot p{margin:0 0 .5rem}
.ww-apslot__h{display:flex;align-items:center;gap:.4rem;font:600 .82rem/1 var(--d-fl);letter-spacing:.16em;text-transform:uppercase;color:var(--d-band-em)}
.ww-apslot__now{font-size:.82rem;opacity:.85;margin:0!important}
.ww-mhero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,color-mix(in srgb,var(--d-band) 94%,transparent) 0,color-mix(in srgb,var(--d-band) 45%,transparent) 45%,transparent 75%)}
.ww-mhero__in{padding-block:4rem 3.2rem}
.ww-mhero h1{color:#fff;font-size:clamp(2.8rem,7vw,5.4rem);margin:0 0 .25em}
.ww-mhero__lede{font-size:1.25rem;max-width:640px;margin:0}
@media (max-width:860px){.ww-fhero__in{grid-template-columns:1fr;padding-top:12rem}.ww-fhero__shade{background:linear-gradient(0deg,color-mix(in srgb,var(--d-band) 96%,transparent) 0,color-mix(in srgb,var(--d-band) 70%,transparent) 60%,color-mix(in srgb,var(--d-band) 20%,transparent))}.ww-fhero__bg img{object-position:60% 15%!important}.ww-mhero__in{padding-top:12rem}}
.ww-remember{margin-top:1.8rem;padding:1.1rem 1.2rem;border-left:5px solid var(--d-head);background:var(--d-soft);border-radius:0 var(--d-r) var(--d-r) 0}
.ww-remember__h{display:flex;align-items:center;gap:.4rem;font:600 .85rem/1 var(--d-fl);letter-spacing:.14em;text-transform:uppercase;color:var(--d-head);margin:0 0 .5rem}
.ww-remember p:last-child{margin:0}
.ww-timeline-wrap{background:var(--d-soft);border-radius:var(--d-r);padding:1.4rem 1.3rem}
.ww-timeline__h{margin:0 0 1rem}
.ww-timeline{list-style:none;margin:0;padding:0;border-left:3px solid var(--d-accent)}
.ww-timeline li{position:relative;padding:0 0 1rem 1.1rem;font-size:.98rem;line-height:1.45}
.ww-timeline li::before{content:"";position:absolute;left:-9px;top:.35rem;width:15px;height:15px;border-radius:50%;background:var(--d-bg);border:3px solid var(--d-accent)}
.ww-timeline b{display:block;font:600 .85rem/1.2 var(--d-fl);letter-spacing:.1em;text-transform:uppercase;color:var(--d-accent);margin-bottom:.15rem}

/* ---------------------------------------------------------------- about, credits, form */
.ww-aside{display:grid;gap:1.2rem}
.ww-statuses{background:var(--d-soft);border-radius:var(--d-r);padding:1.1rem}
.ww-statuses p{font-size:.95rem;margin:0 0 .7rem}
.ww-credits{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1rem}
.ww-credits__i{display:grid;grid-template-columns:130px 1fr;gap:1rem;align-items:start;background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--d-r);padding:.8rem}
.ww-credits__img img,img.ww-credits__img{width:130px;height:90px;object-fit:cover;border-radius:4px}
.ww-credits__subj{font-weight:700;margin:0 0 .3rem;line-height:1.35;color:var(--d-head)}
.ww-credits__line{font-size:.92rem;margin:0 0 .3rem;word-break:break-word}
.ww-credits__src{font-size:.85rem;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ww-lic{background:var(--d-soft);border-radius:999px;padding:.15rem .55rem;font-weight:700;color:var(--d-head)}
.ww-mod{display:inline-block;background:var(--d-gold);color:#1c1300;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:700;vertical-align:1px}
.ww-credits__h{margin-top:2.6rem}
@media (max-width:560px){.ww-credits{grid-template-columns:1fr}.ww-credits__i{grid-template-columns:90px 1fr}.ww-credits__img img,img.ww-credits__img{width:90px;height:70px}}
.ww-formcard{background:var(--d-card);border:1px solid var(--d-line);border-top:6px solid var(--d-accent);border-radius:var(--d-r);padding:1.5rem;box-shadow:0 14px 36px rgba(14,31,69,.12)}
.ww-form p{margin:0 0 1rem}
.ww-form label{display:block;font:600 .95rem/1.3 var(--d-fb);color:var(--d-head);margin-bottom:.3rem}
.ww-form input,.ww-form select,.ww-form textarea{width:100%;font:inherit;font-size:1rem;padding:.7rem .8rem;border:2px solid var(--d-line);border-radius:var(--d-r);background:#fff;color:var(--d-ink)}
.ww-form input:focus,.ww-form select:focus,.ww-form textarea:focus{outline:0;border-color:var(--d-head)}
.ww-form__2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media (max-width:560px){.ww-form__2{grid-template-columns:1fr}}
.ww-form__small{font-size:.85rem;color:var(--d-muted)}
.ww-req{color:var(--d-accent)}
.ww-hp{position:absolute!important;left:-9999px}
.ww-ok{background:#e7f6ec;color:#155a2c;border-left:4px solid #2e9e57;padding:.8rem 1rem;border-radius:4px;display:flex;gap:.5rem}
.ww-err{background:#fde8ea;color:#8a1020;border-left:4px solid var(--d-accent);padding:.8rem 1rem;border-radius:4px}

/* ---------------------------------------------------------------- CTA band + footer */
.ww-ctaband{background:var(--d-band);color:var(--d-band-ink);text-align:center;padding:clamp(3rem,6vw,4.5rem) 0;border-top:6px solid var(--d-accent);background-image:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--d-accent) 35%,transparent),transparent 60%)}
.ww-ctaband h2{color:var(--d-band-ink)}
.ww-ctaband p{max-width:640px;margin-inline:auto;opacity:.9}
.ww-ctaband__stars{display:inline-flex;gap:.4rem;color:var(--d-band-em);margin-bottom:.8rem}
.ww-ctaband__stars .ww-ic{width:22px;height:22px}
.ww-foot{background:var(--d-ftr);color:var(--d-ftr-ink);font-size:.98rem}
.ww-foot__stripe{height:10px;background:repeating-linear-gradient(90deg,var(--d-accent) 0,var(--d-accent) 40px,#fff 40px,#fff 80px)}
.ww-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-block:3rem 1.6rem}
.ww-foot h3{font:600 .95rem/1 var(--d-fl);letter-spacing:.14em;text-transform:uppercase;color:var(--d-ftr-link);margin:0 0 .9rem}
.ww-foot a{color:var(--d-ftr-ink)}
.ww-foot a:hover{color:var(--d-ftr-link)}
.ww-foot__brand .ww-wm{color:#fff;margin-bottom:1rem}
.ww-foot__list{list-style:none;margin:0;padding:0}
.ww-foot__list li{margin:0 0 .5rem}
.ww-disclaimer{font-size:.9rem;line-height:1.55;border:1px solid color-mix(in srgb,var(--d-ftr-ink) 25%,transparent);border-radius:var(--d-r);padding:1rem 1.1rem;margin:0 0 1.2rem;color:var(--d-ftr-ink)}
.ww-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1rem 1.6rem;border-top:1px solid color-mix(in srgb,var(--d-ftr-ink) 18%,transparent);font-size:.88rem}
.ww-foot__base p{margin:0}
@media (max-width:860px){.ww-foot__grid{grid-template-columns:1fr 1fr}.ww-foot__brand{grid-column:1/-1}}
@media (max-width:480px){.ww-foot__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Home hero with the Butler photo (2026-10-11): the subject sits left in the frame, so on desktop the photo starts a third in,
   faded in like the Fight hero; on phones it frames Trump + the flag above the text. */
@media (min-width:861px){.ww-hero--photo-right .ww-hero__bg{left:30%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}}
@media (max-width:760px){.ww-hero--photo-right .ww-hero__bg img{object-position:30% 18%!important}}
.ww-fhero__bg img{object-position:35% 25%!important}
@media (max-width:860px){.ww-fhero .ww-fhero__bg img{object-position:32% 15%!important}}

/* ---- Our Gear (coming soon), 2026-10-11 ---- */
.ww-soonbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--d-gold) 18%,var(--d-bg));border:1px solid var(--d-gold);border-radius:var(--d-r);padding:.8rem 1rem;margin:0 0 1.4rem}
.ww-soonbar .ww-ic{color:var(--d-accent)}
.ww-gearnav{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.6rem}
.ww-gearnav a{border:1px solid var(--d-line);border-radius:999px;padding:.35rem .8rem;font:600 .85rem/1 var(--d-fl);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--d-head);background:var(--d-card)}
.ww-gearnav a:hover{border-color:var(--d-accent);color:var(--d-accent)}
.ww-gearcat{margin:0 0 2.2rem;scroll-margin-top:110px}
.ww-gearcat__h{font-size:1.5rem;border-bottom:3px solid var(--d-accent);display:inline-block;padding-bottom:.2rem;margin-bottom:1rem}
.ww-geargrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.ww-geargrid--home{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.ww-gear{display:flex;flex-direction:column;background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--d-r);overflow:hidden;box-shadow:0 6px 18px rgba(14,31,69,.06);scroll-margin-top:110px}
.ww-gear__pic{position:relative;aspect-ratio:1/1;background:#eef1f7}
.ww-gear__art{display:block;width:100%;height:100%}
.ww-soon{position:absolute;top:10px;left:10px;background:var(--d-accent);color:#fff;font:600 .72rem/1 var(--d-fl);letter-spacing:.14em;text-transform:uppercase;padding:.4rem .6rem;border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.ww-gear__body{display:flex;flex-direction:column;flex:1;padding:.9rem 1rem 1rem}
.ww-gear__body .ww-card__cat{margin:0 0 .35rem}
.ww-gear__name{font:700 1.08rem/1.25 var(--d-fb);text-transform:none;letter-spacing:0;color:var(--d-head);margin:0 0 .35rem}
.ww-gear__desc{font-size:.95rem;line-height:1.5;margin:0 0 .5rem}
.ww-gear__opts{font-size:.85rem;color:var(--d-muted);margin:0 0 .6rem}
.ww-gear__foot{margin:auto 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding-top:.6rem;border-top:1px solid var(--d-line);font-size:.9rem;color:var(--d-muted)}
.ww-gear__price b{color:var(--d-head)}
.ww-checks{border:0;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.3rem .8rem}
.ww-checks legend{font-weight:600;margin-bottom:.4rem}
.ww-checks label{display:flex;align-items:center;gap:.4rem;font-size:.95rem}
.ww-btn--ghost-dark{background:transparent;border-color:var(--d-head);color:var(--d-head)!important}
.ww-faq h3{font:700 1.1rem/1.3 var(--d-fb);text-transform:none;margin:1.2rem 0 .3rem}
@media (max-width:600px){.ww-geargrid--home{grid-template-columns:repeat(2,1fr);gap:.8rem}.ww-geargrid--home .ww-gear__body{padding:.7rem .75rem .8rem}.ww-geargrid--home .ww-gear__name{font-size:.98rem}.ww-geargrid--home .ww-gear__foot{font-size:.82rem}.ww-geargrid--home .ww-soon{font-size:.62rem;top:6px;left:6px}}

/* ---- JD Vance page, 2026-10-11 ---- */
.ww-vhero .ww-mhero__bg img{object-position:55% 30%!important}
.ww-vside{display:grid;gap:1.4rem;align-content:start}
.ww-vportrait{margin:0;background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--d-r);overflow:hidden;box-shadow:0 6px 18px rgba(14,31,69,.08)}
.ww-vportrait picture,.ww-vportrait img{display:block;width:100%;height:auto}
.ww-vportrait figcaption{font-size:.8rem;color:var(--d-muted);padding:.55rem .8rem}
.ww-v2028{max-width:820px;margin-inline:auto;text-align:center}
.ww-v2028 .ww-kicker{justify-content:center}
@media (max-width:860px){.ww-vportrait{max-width:420px}}

/* ---- Statement Collection (flamboyant), 2026-10-11 ---- */
.ww-statement{background:radial-gradient(ellipse at 50% 0,#26346b 0,#0a1029 70%);color:#fff;position:relative;overflow:hidden}
.ww-statement::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,224,138,.18) 0 2px,transparent 3px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.2) 0 1.5px,transparent 3px),radial-gradient(circle at 60% 80%,rgba(255,224,138,.16) 0 2px,transparent 3px);background-size:160px 160px,120px 120px,200px 200px;pointer-events:none}
.ww-statement .ww-sechead h2{color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);background:linear-gradient(100deg,#fff3b0,#d4a017 30%,#fff6c8 50%,#b8860b 72%,#f6d365);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.ww-statement .ww-sechead p,.ww-statement .ww-sechead{color:#e6e9f5}
.ww-statement .ww-kicker{color:#f0cf7a}
.ww-geargrid--statement{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.4rem}
.ww-gear--statement{border:1px solid rgba(240,207,122,.55);box-shadow:0 0 0 1px rgba(240,207,122,.15),0 18px 40px rgba(0,0,0,.35);background:linear-gradient(180deg,#fffdf6,#fff8e6);transition:transform .2s,box-shadow .2s}
.ww-gear--statement:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 0 0 2px #f0cf7a,0 26px 50px rgba(0,0,0,.45)}
.ww-gear--statement .ww-gear__pic{background:#0a1029}
.ww-gear--statement .ww-soon{background:linear-gradient(100deg,#b8860b,#f6d365 45%,#b8860b);color:#1a1200}
.ww-finish{position:absolute;right:10px;bottom:10px;background:rgba(10,16,41,.85);color:#f6d365;border:1px solid #f0cf7a;font:600 .68rem/1 var(--d-fl);letter-spacing:.12em;text-transform:uppercase;padding:.4rem .55rem;border-radius:999px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww-gear--statement .ww-gear__name{font-size:1.18rem}
.ww-statement .ww-btn--ghost{border-color:#f0cf7a;color:#f6d365!important}
@media (max-width:600px){.ww-geargrid--statement{grid-template-columns:repeat(2,1fr);gap:.8rem}.ww-geargrid--statement .ww-gear__desc,.ww-geargrid--statement .ww-gear__opts{display:none}.ww-finish{font-size:.58rem;right:6px;bottom:6px}}

/* v2 catalogue cards: real mock-up images + heat chip (2026-10-11) */
.ww-gear__img,.ww-gear__img img{display:block;width:100%;height:100%;object-fit:cover}
.ww-heat{position:absolute;top:10px;right:10px;font:600 .68rem/1 var(--d-fl);letter-spacing:.12em;text-transform:uppercase;padding:.38rem .55rem;border-radius:999px;background:#fff;color:#7a4a00;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.ww-heat-3 .ww-heat{background:#c8102e;color:#fff}
.ww-heat-3 .ww-heat::before{content:"🌶 "}
.ww-grouphead{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:0 0 1rem}
.ww-grouphead h2{margin:0}
.ww-grouphead p{margin:0;color:var(--d-muted)}
.ww-gearsec{padding-block:2.4rem;scroll-margin-top:100px}
.ww-statement .ww-gear{color:var(--d-ink)}
.ww-statement .ww-gear .ww-gear__desc{color:var(--d-ink)}
.ww-geargrid--home .ww-heat{display:none}
