/* =====================================================================
   PrudentDeals "Ink & Brass" premium layer (v5r1)
   Loads LAST, after style.css, v5.css, v5c.css (and apparel.css).
   Pure presentation: no copy, price or legal text lives here.
   Palette  : ink navy base, cool off-white paper, light teal tint, one gold accent, one teal CTA.
   Type     : Fraunces (headings) + Inter (body), self-hosted, OFL.
   Grid     : 8px spacing scale, radius 12 / 16, two soft shadows.
   ===================================================================== */
@font-face{font-family:"Fraunces PD";src:url("fonts/Fraunces-pd.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:optional}
@font-face{font-family:"Inter PD";src:url("fonts/Inter-pd.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:optional}

:root{
  /* palette */
  --p-ink:#0F1B2D; --p-ink2:#1C2A40; --p-paper:#F7F8FA; --p-sand:#E8F3F1; --p-surface:#FFFFFF;
  --p-line:#DDE3EA; --p-line2:#C9D2DC; --p-text:#0F1B2D; --p-muted:#4E5A6A;
  --p-brass:#C9A227; --p-brass-text:#7A5E00; --p-cta:#0B5F58; --p-cta-h:#084A44; --p-on-cta:#FFFFFF;
  --p-focus:#0B5F58;
  /* type */
  --p-serif:"Fraunces PD","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --p-sans:"Inter PD",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* 8px grid */
  --g1:8px;--g2:16px;--g3:24px;--g4:32px;--g5:40px;--g6:48px;--g8:64px;--g10:80px;
  --r:12px;--r-lg:16px;--r-pill:999px;
  --sh1:0 1px 2px rgba(15,27,45,.06),0 2px 8px rgba(15,27,45,.05);
  --sh2:0 2px 4px rgba(15,27,45,.06),0 12px 28px rgba(15,27,45,.10);
  /* remap the legacy variables so older rules inherit the calm palette */
  --bg:var(--p-paper);--bg2:var(--p-sand);--card:var(--p-surface);--card2:var(--p-sand);--ink:var(--p-text);--muted:var(--p-muted);--line:var(--p-line);
  --teal:var(--p-cta);--link:var(--p-cta);--cta:var(--p-cta);--ctaS:var(--p-cta-h);--hot:var(--p-cta);--hotS:var(--p-cta-h);
  --tint-y:var(--p-sand);--tint-p:var(--p-sand);--tint-g:var(--p-sand);--tint-b:var(--p-sand);--tint-o:var(--p-sand);
  --h1:var(--p-text);--s1:var(--p-brass-text);--s2:var(--p-brass-text);--s3:var(--p-brass-text);--grn:var(--p-line2);--grnT:var(--p-cta);
  --stk:var(--p-sand);--yel:var(--p-brass);--head:var(--p-serif);
  --rainbow:none;--heroG:var(--p-paper);--shadow:var(--sh1);--shadowH:var(--sh2);
}
[data-theme=dark]{
  --p-ink:#0B1320; --p-ink2:#121D2E; --p-paper:#0E1624; --p-sand:#11232C; --p-surface:#172338;
  --p-line:#28364D; --p-line2:#34445E; --p-text:#F2EEE6; --p-muted:#B8C1CE;
  --p-brass:#C9A227; --p-brass-text:#E0C060; --p-cta:#7FD0C3; --p-cta-h:#9EDDD2; --p-on-cta:#0B1320; --p-focus:#9EDDD2;
  --sh1:0 1px 2px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25);--sh2:0 2px 4px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.45);
}

/* ---------- base ---------- */
html{scroll-padding-top:96px}
body{font-family:var(--p-sans);font-size:17px;line-height:1.65;color:var(--p-text);background:var(--p-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.hero h1,.page-head h1,.nf-code{font-family:var(--p-serif)!important;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--p-text);text-shadow:none!important}
h1{font-size:clamp(2.25rem,4.6vw,3.5rem)}
h2{font-size:clamp(1.5rem,2.6vw,2rem)}
h3{font-size:1.2rem;font-weight:600}
a{color:var(--p-cta);text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--p-focus)!important;outline-offset:3px}
.wrap{max-width:1160px;padding-left:var(--g3);padding-right:var(--g3)}
@media (max-width:520px){.wrap{padding-left:20px;padding-right:20px}}
.fine,.byline,.host,.by{color:var(--p-muted)!important}
.page-head::after,.hero::after,.hero::before,.site-head::before,.site-foot::before{display:none!important;content:none!important}
.hero-blob{display:none!important}

/* ---------- header ---------- */
.site-head{background:color-mix(in srgb,var(--p-paper) 94%,transparent);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--p-line);box-shadow:none}
.head-row{min-height:72px;gap:var(--g3)}
.brand b{font-family:var(--p-serif);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--p-text)}
.brand small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--p-muted)}
.brand .logo,.foot-brand .logo{border-radius:10px}
.brand .logo rect,.site-foot .logo rect{fill:var(--p-ink)!important}
[data-theme=dark] .brand .logo rect{fill:#22324B!important}
.brand .logo path,.site-foot .logo path{fill:#F7F8FA}
.brand .logo circle,.site-foot .logo circle{fill:var(--p-brass)!important}
.search{max-width:520px}
.search input{height:48px;border:1px solid var(--p-line2);border-right:0;border-radius:var(--r) 0 0 var(--r);background:var(--p-surface);color:var(--p-text);font:400 .98rem var(--p-sans)}
.search input:focus{border-color:var(--p-cta)}
.search button{height:48px;border-radius:0 var(--r) var(--r) 0;background:var(--p-ink)!important;color:#F7F8FA!important;font:600 .95rem var(--p-sans);border:1px solid var(--p-ink)}
[data-theme=dark] .search button{background:#22324B!important;border-color:#34445E}
.qres{border:1px solid var(--p-line);border-radius:var(--r-lg)}
.qres a:hover,.qres a:focus{background:var(--p-sand)}
.qres .k,.qres .k.k-Deal,.qres .k.k-Guide,.qres .k.k-Game,.qres .k.k-Apparel,.qres .k.k-Tommy{background:transparent!important;color:var(--p-brass-text)!important;border:1px solid var(--p-line2);font:600 .66rem/1 var(--p-sans);letter-spacing:.08em}
.qres .qsay{background:var(--p-sand)!important;color:var(--p-text)!important;font-family:var(--p-sans)}
.theme-btn{width:44px;height:44px;border:1px solid var(--p-line2);background:transparent;color:var(--p-text);transition:background .2s}
.theme-btn:hover{transform:none;background:var(--p-sand)}
.theme-btn svg *{fill:none!important;stroke:currentColor!important}
.theme-btn .moon path{fill:currentColor!important;stroke:none!important}
.theme-btn .moon circle{display:none}
/* nav: quiet text links, current page underlined in brass */
.cat-row{gap:var(--g1) var(--g3);padding:0 var(--g3) 0;align-items:center}
.cats a,.cats a:hover,.cats a[aria-current]{--c:transparent;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;color:var(--p-text)!important;font:500 .95rem var(--p-sans);padding:0 2px;min-height:44px;border-radius:0!important;text-decoration:none!important;position:relative}
.cats a i{display:none!important}
.cats a::after{content:"";position:absolute;left:2px;right:2px;bottom:8px;height:2px;background:var(--p-brass);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.cats a:hover::after,.cats a[aria-current]::after{transform:scaleX(1)}
.cats a[aria-current]{font-weight:600}
.cats .c-plain{color:var(--p-muted)!important}
@media (max-width:820px){
  .head-row{padding-top:var(--g1);gap:12px}
  .cat-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 20px 2px;gap:20px;-webkit-mask:linear-gradient(90deg,#000 88%,transparent)}
  .cat-row::-webkit-scrollbar{display:none}
  .cats a{flex:none;font-size:.94rem}
}

/* ---------- one button family ---------- */
.btn,.hero .btn,a.btn,.prose a.btn,.btn.hot,.hero .btn.hot,.btn.play,.hero .btn.play,.tbm .tbm-cta,.aff-walmart .btn,.partner-picks .deal .btn,.op-go{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--g1);min-height:48px;padding:0 var(--g3);
  border-radius:var(--r)!important;border:1px solid var(--p-cta)!important;background:var(--p-cta)!important;color:var(--p-on-cta)!important;
  font:600 1rem/1.2 var(--p-sans)!important;letter-spacing:.005em;text-decoration:none!important;box-shadow:var(--sh1)!important;
  transition:background .18s,border-color .18s,box-shadow .18s!important;transform:none!important;filter:none!important;animation:none!important}
.btn:hover,a.btn:hover,.hero .btn:hover,.btn.hot:hover,.btn.play:hover,.hero .btn.play:hover,.tbm .tbm-cta:hover,.op-go:hover{background:var(--p-cta-h)!important;border-color:var(--p-cta-h)!important;color:var(--p-on-cta)!important;box-shadow:var(--sh2)!important}
.btn:active{transform:translateY(1px)!important}
/* secondary = outline */
.btn.ghost,a.btn.ghost,.hero .btn.ghost,.hero a.btn.ghost,.prose a.btn.ghost,.hero .cta .btn:not(.play),.tbm .tbm-notify,.op-go{
  background:transparent!important;color:var(--p-text)!important;border:1px solid var(--p-line2)!important;box-shadow:none!important}
.btn.ghost:hover,a.btn.ghost:hover,.hero .cta .btn:not(.play):hover,.tbm .tbm-notify:hover,.op-go:hover{background:var(--p-sand)!important;border-color:var(--p-text)!important;color:var(--p-text)!important;box-shadow:none!important}
.btn.sm{min-height:44px;padding:0 var(--g2);font-size:.94rem!important}
.joy{display:none!important}
.hero .btn.play{min-height:56px;padding:0 var(--g4);font-size:1.05rem!important;border-width:1px!important}

/* ---------- badges & labels: few, calm ---------- */
.pill,.pill.soon,.pill.new,.pill.live,.pill.easy,.tbm-eye,.pdd-soonpill{
  display:inline-block;background:transparent!important;color:var(--p-brass-text)!important;border:1px solid currentColor;border-radius:var(--r-pill);
  font:600 .68rem/1 var(--p-sans)!important;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;box-shadow:none!important;vertical-align:.3em}
.pill.live{color:var(--p-cta)!important}
.dcat,.bt-label,.gtag,.bt-arcade .bt-label,.bt-today .bt-label,.btile .bt-label{
  background:transparent!important;color:var(--p-brass-text)!important;box-shadow:none!important;transform:none!important;border:0;padding:0;border-radius:0;
  font:600 .72rem/1.2 var(--p-sans)!important;letter-spacing:.16em;text-transform:uppercase;margin:0 0 var(--g1)}
.price{background:none!important;clip-path:none!important;color:var(--p-text)!important;padding:0!important;font:600 1.1rem var(--p-sans)!important}
.pick-price{background:var(--p-sand)!important;color:var(--p-text)!important;font-weight:600}
.soon{background:var(--p-sand)!important;color:var(--p-text)!important}
.go{color:var(--p-cta)!important;font-weight:600;text-decoration:none}
.go:hover{text-decoration:underline}

/* ---------- cards: one surface style ---------- */
.deal,.product,.gcard,.game,.btile,.tdeal,.rv-card,.rv-home,.howwe,.pick,.disc-box,.contact-card,.addr,.sizes,.op-card{
  background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh1)!important;color:var(--p-text)}
.deal,.btile,.pp-grid>*{border-top:1px solid var(--p-line)!important}
.deal:hover,.product:hover,.gcard:hover,a.game:hover,a.btile:hover,.btile:hover,.grid>:nth-child(even):hover,.gcards>:nth-child(even):hover,.big-tiles>:nth-child(even):hover{transform:none!important;box-shadow:var(--sh2)!important}
a.btile,a.gcard,a.game{transition:box-shadow .2s!important}
.pick{border-left:3px solid var(--p-brass)!important}
.tabs button,.chips button,.tb-tabs button,.tb-filters button,.tb-att button{min-height:44px;border:1px solid var(--p-line2)!important;background:var(--p-surface)!important;color:var(--p-text)!important;border-radius:var(--r-pill);font:500 .94rem var(--p-sans)!important}
.tabs button[aria-selected=true],.chips button[aria-pressed=true],.tb-tabs button[aria-pressed=true],.tb-filters button[aria-pressed=true],.tb-att button[aria-checked=true],.tb-vlist button[aria-checked=true]{background:var(--p-ink)!important;border-color:var(--p-ink)!important;color:#F7F8FA!important}
[data-theme=dark] .tabs button[aria-selected=true],[data-theme=dark] .chips button[aria-pressed=true],[data-theme=dark] .tb-tabs button[aria-pressed=true],[data-theme=dark] .tb-filters button[aria-pressed=true],[data-theme=dark] .tb-att button[aria-checked=true]{background:var(--p-text)!important;color:var(--p-ink)!important;border-color:var(--p-text)!important}
.ftc,.notice{background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-left:3px solid var(--p-brass)!important;border-radius:var(--r)!important;color:var(--p-text)!important;padding:var(--g2) var(--g3)!important}

/* ---------- page heads: calm editorial band ---------- */
.page-head,.arcade-head,.guide-head,[data-theme=dark] .page-head,[data-theme=dark] .arcade-head,[data-theme=dark] .guide-head{
  background:var(--p-sand)!important;color:var(--p-text)!important;border-bottom:1px solid var(--p-line)!important;padding:var(--g6) 0 var(--g5)!important;filter:none!important}
.page-head h1,.arcade-head h1{color:var(--p-text)!important;font-size:clamp(2rem,4.4vw,3.25rem);margin-bottom:var(--g1)}
.page-head p,.page-head .byline,.page-head .fine,.page-head b{color:var(--p-muted)!important}
.page-head a,.guide-head .crumbs a{color:var(--p-text)!important}
.guide-head .crumbs{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:600}
.arcade-head .arc-tag{font:500 italic 1.15rem/1.4 var(--p-serif)!important;color:var(--p-text)!important}
.prose{font-size:1.05rem}
.prose h2{margin-top:var(--g5)}
.prose h2::after{width:40px!important;height:2px!important;border-radius:0!important;background:var(--p-brass)!important;margin-top:var(--g1)}
table{background:var(--p-surface)}th{background:var(--p-sand)!important;font-weight:600}th,td{border-color:var(--p-line)}

/* ---------- HOME hero ---------- */
.hero,[data-theme=dark] .hero{background:radial-gradient(90% 70% at 85% 0%,color-mix(in srgb,var(--p-brass) 14%,transparent),transparent 60%),var(--p-paper)!important;color:var(--p-text)!important;padding:var(--g8) 0 var(--g8)!important;border-bottom:1px solid var(--p-line)}
.hero h1.welcome,.hero h1.welcome span{color:var(--p-text)!important;text-decoration:none!important}
.hero h1.welcome{font-size:clamp(2.5rem,5.2vw,4rem);font-weight:500;letter-spacing:-.02em;line-height:1.05}
.hero h1.welcome span{font-style:normal;font-weight:650}
.hero .slogan{font:600 .78rem/1.4 var(--p-sans)!important;letter-spacing:.2em;text-transform:uppercase;gap:4px 14px;margin:var(--g2) 0 var(--g3)!important}
.hero .slogan span,.hero .slogan .s1,.hero .slogan .s2,.hero .slogan .s3{color:var(--p-brass-text)!important;text-decoration:none!important}
.hero .slogan span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--p-brass);vertical-align:middle;margin-right:14px}
.hero .lead{color:var(--p-muted)!important;font-size:1.1rem;line-height:1.7;max-width:34em}
.hero .slogan2{color:var(--p-muted)!important;font:400 italic 1.02rem/1.5 var(--p-serif)!important;opacity:1}
.hero .cta{gap:12px;margin-top:var(--g2)}
.hero-art img{transform:none!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh2)!important;border:1px solid var(--p-line)}
.hero-art:hover img{transform:none!important}
.honest{gap:var(--g1) var(--g3)!important;margin-top:var(--g3)!important}
.honest li{background:transparent!important;border:0!important;padding:0 0 0 22px!important;color:var(--p-muted)!important;font:500 .9rem var(--p-sans)!important;position:relative;border-radius:0}
.honest li::before{content:"";position:absolute;left:2px;top:.3em;width:6px;height:11px;border:solid var(--p-brass);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Tommy Bot in the hero: a clean speech card, no comic outlines */
.hero .tb-bubble,[data-theme=dark] .hero .tb-bubble{background:var(--p-surface)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important;box-shadow:var(--sh2)!important;border-radius:var(--r-lg)!important;font:500 1rem/1.45 var(--p-sans)!important}
.hero .tb-bubble::after,[data-theme=dark] .hero .tb-bubble::after,.hero .tb-spot[data-side=l] .tb-bubble::after{background:var(--p-surface)!important;border-color:var(--p-line)!important;border-width:0 1px 1px 0!important}
.hero .tb-bubble .tb-note{color:var(--p-muted)!important}
.tb-bact button,[data-theme=dark] .tb-bact button{min-height:44px;padding:0 14px;border:1px solid var(--p-line2)!important;background:var(--p-surface)!important;color:var(--p-text)!important;border-radius:var(--r-pill);font:500 .88rem var(--p-sans)!important}
.tb-bact button:hover{background:var(--p-sand)!important}
.hero .tb-ctrl button,.hero .tb-back,.tb-ctrl button,.tb-back{min-height:44px!important;background:transparent!important;color:var(--p-muted)!important;border:1px solid var(--p-line2)!important;border-radius:var(--r-pill);font:500 .88rem var(--p-sans)!important}
.tb-actor svg{filter:drop-shadow(0 8px 14px rgba(15,27,45,.16))!important}
.tb-hearts b{color:var(--p-brass)!important}
.tb-target{outline:2px solid var(--p-brass)!important;animation:none!important}
/* dock + popover */
.tb-dock-b{background:var(--p-ink)!important;border:2px solid var(--p-brass)!important;box-shadow:var(--sh2)!important}
.tb-badge{background:var(--p-brass)!important;color:var(--p-ink)!important;border-color:var(--p-paper)!important}
.tb-pop,[data-theme=dark] .tb-pop{background:var(--p-surface)!important;color:var(--p-text)!important;border:1px solid var(--p-line)!important;box-shadow:var(--sh2)!important;font:500 .96rem/1.45 var(--p-sans)!important}
.tb-pop-x,[data-theme=dark] .tb-pop-x{width:44px!important;height:44px!important;top:2px!important;right:2px!important;border:0!important;background:transparent!important;color:var(--p-text)!important}
.a2hs{border:1px solid var(--p-line)!important;box-shadow:var(--sh2)!important;border-radius:var(--r-lg)!important}
.a2hs button{min-height:44px;border:1px solid var(--p-line2)!important;border-radius:var(--r)!important;font-family:var(--p-sans)!important}
.a2hs button.go-i{background:var(--p-cta)!important;border-color:var(--p-cta)!important;color:var(--p-on-cta)!important}

/* ---------- HOME: Meet Tommy Bot (warm sand, no flag colours) ---------- */
.tbm,[data-theme=dark] .tbm{background:var(--p-sand)!important;color:var(--p-text)!important;padding:var(--g10) 0!important;border-bottom:1px solid var(--p-line)}
.tbm h2{color:var(--p-text)!important;font-size:clamp(2rem,4.4vw,3rem)!important;font-weight:500!important;letter-spacing:-.02em}
.tbm-eye{margin-bottom:var(--g2)!important}
.tbm-sub{color:var(--p-muted)}
.tbm-crew{gap:var(--g2)!important}
.tbm-bot{background:radial-gradient(circle at 50% 58%,var(--p-surface) 0 58%,transparent 59%);padding:8px}
.tbm-bot svg{filter:drop-shadow(0 10px 14px rgba(15,27,45,.14))!important}
.tbm-crew figcaption{background:transparent!important;color:var(--p-muted)!important;font:500 italic .95rem var(--p-serif)!important}
.tbm-steps{gap:var(--g2)!important;margin-top:var(--g3)!important}
.tbm-steps li{background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:var(--r-lg)!important;padding:var(--g3)!important;box-shadow:var(--sh1)}
.tbm-n{background:transparent!important;color:var(--p-brass-text)!important;border:1px solid var(--p-brass);font:500 1.1rem var(--p-serif)!important}
.tbm-steps h3{color:var(--p-text)!important;font:600 1.15rem var(--p-serif)!important}
.tbm-steps p{color:var(--p-muted)}
.tbm-price,[data-theme=dark] .tbm-price{background:transparent!important;color:var(--p-text)!important;border-top:1px solid var(--p-line2);border-radius:0!important;padding:var(--g3) 0 0!important;margin-top:var(--g1)}
.tbm-soon,[data-theme=dark] .tbm-soon{color:var(--p-brass-text)!important}
.tbm-price .tbm-fine,[data-theme=dark] .tbm-price .tbm-fine{color:var(--p-muted)!important}

/* ---------- HOME: section tiles ---------- */
.big-tiles{gap:var(--g3)!important;margin-top:var(--g8)!important}
.btile{overflow:hidden}
.bt-art{height:220px!important}
.bt-body{padding:var(--g3)!important;gap:var(--g1)!important}
.btile h2{font-size:1.65rem!important;font-weight:600}
.bt-ico,[data-theme=dark] .bt-ico{background:var(--p-ink)!important;color:var(--p-brass)!important;font:400 italic 4.5rem/1 var(--p-serif)!important}
.bt-chips a{min-height:44px!important;border:1px solid var(--p-line2)!important;border-radius:var(--r-pill)!important;background:transparent!important;color:var(--p-text)!important;font:500 .9rem var(--p-sans)!important;padding:0 var(--g2)!important}
.bt-chips a:hover{background:var(--p-sand)!important;border-color:var(--p-text)!important}
.tdeal{background:var(--p-paper)!important;box-shadow:none!important}
.today-grid{gap:var(--g2)!important}
@media (min-width:700px){.bt-drip .bt-art{height:320px!important}}
/* guides, bands, promises */
.latest-guides{background:transparent!important;padding-top:0!important;padding-bottom:0!important;border-radius:0!important;margin-top:var(--g10)!important}
.latest-guides h2{font-size:clamp(1.6rem,3vw,2.2rem)!important}
.gcards{gap:var(--g3)!important}
.gcard{padding:var(--g3)!important}
.gcard h3{color:var(--p-text)!important;font-size:1.25rem}
.band{gap:var(--g3)!important;margin:var(--g8) auto!important}
.band>div,.band>div:nth-child(2){background:transparent!important;border:0!important;border-top:1px solid var(--p-line2)!important;border-radius:0!important;padding:var(--g3) 0 0!important}
.band h2{font-size:1.35rem}
.rv-home{max-width:1112px;margin:var(--g4) auto!important;padding:var(--g3) var(--g4)!important}
.op-teaser,.hp-promise{background:var(--p-surface)!important;border:1px solid var(--p-line)!important;border-radius:var(--r-lg)!important;color:var(--p-text)!important;padding:var(--g3) var(--g4)!important;box-shadow:var(--sh1);gap:var(--g3)!important}
.op-ic,.hp-promise .hp-ic,.op-num{background:transparent!important;color:var(--p-brass-text)!important;border:1px solid var(--p-brass);font-family:var(--p-serif)!important}
.op-teaser h2,.hp-promise h2{font:600 1.4rem var(--p-serif)!important}
.op-go{margin-top:var(--g1)}
.op-card{border-color:var(--p-line)!important}
.op-soon,.op-note{background:var(--p-sand)!important}
main>.hp-promise.wrap{margin-bottom:var(--g8)!important}
.op-teaser.wrap,.hp-promise.wrap{max-width:1112px}

/* ---------- arcade / games ---------- */
.games{gap:var(--g3)!important}
.game>div:last-child{padding:var(--g3)!important}
.game h2{font-size:1.35rem}
.game .ded{color:var(--p-muted)!important;font-family:var(--p-serif)}
.game.game-easy{border:1px solid var(--p-line)!important;background:var(--p-surface)!important}
.easy-art{border-radius:var(--r-lg) 0 0 var(--r-lg)}
.easy-art span{border-width:2px!important}
.soon-art{background:var(--p-ink)!important}.soon-art span{color:var(--p-brass)!important}

/* ---------- reviews ---------- */
.rv-row label{border:1px solid var(--p-line2)!important;border-radius:var(--r)!important;color:#A9A397}
.rv-row label.on{color:var(--p-brass-text)!important;border-color:var(--p-brass)!important}
#rvComment,#rvName{border:1px solid var(--p-line2)!important;border-radius:var(--r)!important}
.rv-msg{color:#9B1C1C!important}[data-theme=dark] .rv-msg{color:#F4A3A3!important}

/* ---------- Tommy Bot builder ---------- */
.tb-preview,.tb-panel{border:1px solid var(--p-line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh1)!important;background:var(--p-surface)!important}
.tb-namebar,.tb-card h2{color:var(--p-text)!important;font-family:var(--p-serif)!important}
.tb-meter i{background:var(--p-cta)!important}
.tb-cycle button{background:var(--p-surface)!important;border:1px solid var(--p-line2)!important;box-shadow:none!important;color:var(--p-text)!important}
.tb-opt{border:1px solid var(--p-line2)!important;background:var(--p-surface)!important;font-family:var(--p-sans)!important}
.tb-opt[aria-pressed=true]{border:2px solid var(--p-cta)!important;box-shadow:none!important}
.tb-mate{border:1px solid var(--p-line)!important;box-shadow:var(--sh1)!important}
.tb-mate span{font-family:var(--p-serif)!important}
.tb-name input{border:1px solid var(--p-line2)!important;border-radius:var(--r)!important}
.tb-free,.tb-blurb,.tb-attsay{background:var(--p-sand)!important;border:1px solid var(--p-line)!important}
.tb-card{border:1px solid var(--p-line)!important}
.tb-soon div{border:1px dashed var(--p-line2)!important}

/* ---------- footer: ink navy ---------- */
.site-foot,[data-theme=dark] .site-foot{background:var(--p-ink)!important;color:#C9D1DC!important;padding:var(--g8) 0 var(--g6)!important;margin-top:var(--g8)!important}
.site-foot b{font-family:var(--p-serif);font-weight:600;font-size:1.15rem;color:#F7F8FA}
.site-foot a{color:#F2EEE6!important}
.site-foot .fine{color:#AEB8C6!important}
.site-foot .logo rect{fill:#22324B!important}
.foot-links{gap:4px 24px!important;margin:var(--g4) 0!important;padding:var(--g3) 0;border-top:1px solid #26344B;border-bottom:1px solid #26344B}
.foot-links a{min-height:44px!important;display:inline-flex!important;align-items:center;font:500 .92rem var(--p-sans)!important}

/* ---------- motion: calm and optional ---------- */
@media (prefers-reduced-motion:reduce){.cats a::after{transition:none}}
.hero .btn.play.nudge{animation:none!important}

/* =====================================================================
   PD Drip apparel page (pdd-)
   ===================================================================== */
.pdd-page{--pdd-k:var(--p-brass-text);--pdd-m:var(--p-muted);--pdd-tint:var(--p-sand)}
.pdd-hero{background:radial-gradient(70% 90% at 90% 10%,rgba(201,162,39,.22),transparent 60%),#0F1B2D!important;padding:var(--g4) 0 var(--g8)!important;margin-bottom:var(--g4)!important}
.pdd-drip-edge{display:none!important}
.pdd-crumbs,.pdd-crumbs a,.pdd-crumbs span{color:#C9D1DC!important}
.pdd-hero .pdd-kicker{color:#E2B93B!important;font:600 .75rem/1 var(--p-sans)!important;letter-spacing:.2em}
.pdd-hero h1{font-family:var(--p-serif)!important;font-weight:500!important;letter-spacing:-.025em!important;color:#F7F8FA!important}
.pdd-grad{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#F7F8FA!important;-webkit-text-fill-color:#F7F8FA}
.pdd-tm{color:#E2B93B!important;-webkit-text-fill-color:#E2B93B!important;font-family:var(--p-sans)}
.pdd-tag{font:400 italic clamp(1.4rem,3.4vw,2rem)/1.2 var(--p-serif)!important;text-shadow:none!important;color:#E6EBF0!important}
.pdd-lede{color:#C9D1DC!important}
.pdd-soon{background:transparent!important;border:1px solid rgba(226,185,59,.6)!important;border-radius:var(--r)!important;color:#F2EEE6!important;padding:var(--g1) var(--g2)!important}
.pdd-soon b{color:#E2B93B!important}
.pdd-jump{gap:var(--g1)!important}
.pdd-jump a,.pdd-jump a:nth-child(n){min-height:44px;display:inline-flex;align-items:center;border:1px solid rgba(247,248,250,.35)!important;background:transparent!important;color:#F7F8FA!important;font:500 .9rem var(--p-sans)!important;padding:0 var(--g2)!important;border-radius:var(--r-pill)}
.pdd-jump a:hover,.pdd-jump a:focus-visible{background:rgba(247,248,250,.1)!important;border-color:#F7F8FA!important}
.pdd-hero :focus-visible{outline-color:#E2B93B!important}
.pdd-fan{border:1px solid rgba(247,248,250,.18)!important;border-radius:var(--r)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important;background:#EEF2F5}
.pdd-fan1{transform:rotate(-4deg)!important}.pdd-fan3{transform:rotate(4deg)!important}
.pdd-sec{padding-top:var(--g6)!important}
.pdd-sec-head{border-left:0!important;padding-left:0!important;margin-bottom:var(--g3)!important;max-width:46em}
.pdd-sec-head .pdd-kicker,.pdd-kicker{color:var(--p-brass-text)!important;font:600 .72rem/1.2 var(--p-sans)!important;letter-spacing:.18em}
.pdd-sec-head h2,.pdd-honest h2{font-family:var(--p-serif)!important;font-weight:500!important;font-size:clamp(1.75rem,3.4vw,2.5rem)!important;letter-spacing:-.015em}
.pdd-sub{font-family:var(--p-serif)!important;font-weight:500}
.pdd-sub span{background:transparent!important;color:var(--p-brass-text)!important;border:1px solid currentColor;font:600 .66rem/1 var(--p-sans)!important;letter-spacing:.1em;text-transform:uppercase}
.pdd-grid{gap:var(--g3)!important}
.pdd-card figure{border:1px solid var(--p-line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh1)!important;background:var(--p-surface)!important;transition:box-shadow .2s}
.pdd-card:hover figure{box-shadow:var(--sh2)!important}
.pdd-shot{background:#EEF2F5!important}
[data-theme=dark] .pdd-shot{background:#E6EBF0!important}
.pdd-card:hover .pdd-shot img{transform:scale(1.02)}
.pdd-soonpill{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92)!important;color:#0F1B2D!important;border:0!important;padding:6px 10px!important;backdrop-filter:blur(4px)}
.pdd-card figcaption{padding:var(--g2) var(--g2) var(--g3)!important}
.pdd-card h3,.pdd-card h4{font-family:var(--p-serif)!important;font-weight:600!important;font-size:1.12rem!important}
.pdd-main .pdd-meta{font:500 .74rem/1.3 var(--p-sans)!important;letter-spacing:.06em;color:var(--p-muted)!important}
.pdd-colors-l{font-family:var(--p-sans)!important}
.pdd-sw li{width:16px;height:16px;border:1px solid rgba(15,27,45,.25)!important;box-shadow:none!important}
.pdd-price b{font:600 1.15rem/1 var(--p-sans)!important;color:var(--p-text)!important}
.pdd-house{border-top:1px solid var(--p-line)!important;margin-top:var(--g6)!important}
.pdd-honest{background:var(--p-sand)!important;border:1px solid var(--p-line);border-radius:var(--r-lg)!important;padding:var(--g4)!important;margin-top:var(--g6)!important}
.pdd-note{border:1px solid var(--p-line2)!important;border-radius:var(--r)!important}
@media (max-width:719px){.pdd-grid{gap:var(--g2)!important}.pdd-card figcaption{padding:12px 12px 16px!important}}

@media (max-width:600px){.hero .slogan span+span::before{display:none}.hero .slogan{gap:4px 16px}}
.pdd-crumbs{margin-bottom:var(--g3)!important}
.pp-grid>.deal{display:flex;flex-direction:column}.pp-grid>.deal>p:last-child{margin-top:auto}

/* =====================================================================
   v5r2 (2026-10-23): ink hero band, Tommy Bot stage, one primary CTA,
   cool off-white palette, gold accent, teal cap on navy.
   ===================================================================== */
:root{--p-gold:#C9A227;--p-gold-vivid:#E2B93B;--p-band:#0F1B2D;--p-band-text:#F7F8FA;--p-band-muted:#C9D1DC;--p-cta-band:#7FD0C3;--p-cta-band-h:#9EDDD2}

/* ---------- HOME hero: deep ink band ---------- */
.hero,[data-theme=dark] .hero{background:radial-gradient(70% 90% at 88% 0%,rgba(201,162,39,.16),transparent 60%),var(--p-band)!important;color:var(--p-band-text)!important;border-bottom:1px solid #26344B!important;padding:var(--g6) 0 var(--g6)!important}
.hero h1.welcome{color:var(--p-band-text)!important}
.hero h1.welcome span{color:var(--p-gold-vivid)!important}
.hero .slogan span,.hero .slogan .s1,.hero .slogan .s2,.hero .slogan .s3{color:var(--p-gold-vivid)!important}
.hero .slogan span+span::before{background:var(--p-gold)!important}
.hero .lead{color:var(--p-band-muted)!important}
.hero .slogan2{color:#AEB8C6!important}
.hero .honest li{color:var(--p-band-muted)!important}
.hero .honest li::before{border-color:var(--p-gold)!important}
.hero :focus-visible{outline:3px solid var(--p-gold-vivid)!important;outline-offset:3px}

/* one teal primary (Make a Tommy Bot); everything else is an outline */
.hero .cta a.btn.primary,.hero .cta a.btn.primary:visited{background:var(--p-cta-band)!important;border:1px solid var(--p-cta-band)!important;color:#0F1B2D!important;min-height:56px;padding:0 var(--g4);font-size:1.05rem!important;box-shadow:0 8px 22px rgba(127,208,195,.18)!important}
.hero .cta a.btn.primary:hover{background:var(--p-cta-band-h)!important;border-color:var(--p-cta-band-h)!important;color:#0F1B2D!important}
.hero .cta .btn:not(.primary),.hero .cta .btn.play,.hero .cta .btn.ghost{background:transparent!important;color:var(--p-band-text)!important;border:1px solid rgba(247,248,250,.42)!important;box-shadow:none!important;min-height:48px;font-size:1rem!important;padding:0 var(--g3)}
.hero .cta .btn:not(.primary):hover{background:rgba(247,248,250,.08)!important;border-color:var(--p-band-text)!important;color:var(--p-band-text)!important}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero .tb-target{outline:2px solid var(--p-gold-vivid)!important;outline-offset:3px}

/* Tommy Bot controls on the band */
.hero .tb-ctrl button,.hero .tb-back{color:var(--p-band-muted)!important;border-color:rgba(247,248,250,.32)!important;background:transparent!important}
.hero .tb-ctrl button:hover,.hero .tb-back:hover{color:var(--p-band-text)!important;border-color:var(--p-band-text)!important}
/* the bubble's own button is a secondary (outline) so the hero keeps a single primary */
.hero .tb-bubble .btn,.hero .tb-bubble .btn.hot{background:transparent!important;color:#0F1B2D!important;border:1px solid #C9D2DC!important;box-shadow:none!important}
.hero .tb-bubble .btn:hover{background:#E8F3F1!important;border-color:#0F1B2D!important}
.hero .tb-bubble,[data-theme=dark] .hero .tb-bubble{background:#FFFFFF!important;color:#0F1B2D!important;border:1px solid #DDE3EA!important;box-shadow:0 14px 34px rgba(0,0,0,.35)!important}
.hero .tb-bubble::after,[data-theme=dark] .hero .tb-bubble::after,.hero .tb-spot[data-side=l] .tb-bubble::after,[data-theme=dark] .hero .tb-spot[data-side=l] .tb-bubble::after{background:#FFFFFF!important;border-color:#DDE3EA!important;border-style:solid!important;border-width:0 1px 1px 0!important;left:72px!important;right:auto!important;transform:rotate(45deg)!important}
.hero .tb-bubble .tb-note{color:#4E5A6A!important}
.hero .tb-bact button,[data-theme=dark] .hero .tb-bact button{background:#FFFFFF!important;color:#0F1B2D!important;border-color:#C9D2DC!important}
.hero .tb-actor svg{filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))!important}

/* product card (tee) */
.hero-art{display:block;position:relative;text-decoration:none!important;color:var(--p-band-text)!important;border-radius:var(--r-lg)}
.hero-art img{display:block;width:100%;height:auto;border:1px solid rgba(247,248,250,.16)!important;box-shadow:0 18px 40px rgba(0,0,0,.4)!important;border-radius:var(--r-lg)!important;transform:none!important}
.hero-art .ha-cap{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(15,27,45,.86);border:1px solid rgba(247,248,250,.16);border-radius:10px;padding:6px 10px;font:600 .85rem/1.2 var(--p-sans)}
.hero-art .ha-cap b{font-family:var(--p-serif);font-weight:600;color:var(--p-band-text)}
.hero-art .ha-cap .ha-soon{font:600 .7rem/1 var(--p-sans);letter-spacing:.08em;text-transform:uppercase;color:#0F1B2D;background:var(--p-gold-vivid);border-radius:999px;padding:5px 8px}

/* ---------- Tommy Bot stage: a fixed spot, no wandering ---------- */
.hero .tb-spot{position:relative!important;display:grid!important;margin:0!important;left:auto!important;bottom:auto!important}
.hero .tb-spot.hidden{display:none!important}
.hero .tb-actor{position:relative!important;left:auto!important;bottom:auto!important;margin:0!important;aspect-ratio:200/310;z-index:3}
.hero .tb-bubble{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;margin:0!important;box-sizing:border-box}
.hero .tb-hearts{left:60px!important}

@media (min-width:900px){
  .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 440px!important;grid-template-areas:"h1 stage" "slogan stage" "lead stage" "cta stage" "s2 stage" "ctrl stage" "honest stage" "fill stage";grid-template-rows:auto auto auto auto auto auto auto 1fr;column-gap:56px!important;row-gap:0!important;align-items:start!important}
  .hero-copy{display:contents!important}
  .hero-copy>h1{grid-area:h1}
  .hero-copy>.slogan{grid-area:slogan}
  .hero-copy>.lead{grid-area:lead;margin-top:0!important}
  .hero-copy>.cta{grid-area:cta;margin-top:var(--g3)!important}
  .hero-copy>.slogan2{grid-area:s2;margin-top:var(--g2)!important}
  .hero-copy>.tb-ctrl,.hero-copy>.tb-back{grid-area:ctrl;justify-self:start;margin-top:var(--g2)!important}
  .hero-copy>.honest{grid-area:honest}
  .hero .tb-spot{grid-area:stage;align-self:start;grid-template-columns:188px 1fr!important;grid-template-rows:auto auto!important;row-gap:16px!important;column-gap:0!important;height:auto!important}
  .hero .tb-bubble{grid-column:1/-1;grid-row:1;min-height:176px!important;align-self:end}
  .hero .tb-actor{grid-column:1;grid-row:2;width:188px!important;align-self:end}
  .hero-grid>.hero-art{grid-area:stage;align-self:start;justify-self:end;width:252px;margin-top:228px;z-index:1}
}
@media (max-width:899px){
  .hero-grid{display:flex!important;flex-direction:column;gap:0!important}
  .hero-copy{display:contents!important}
  .hero-copy>h1{order:1}
  .hero-copy>.slogan{order:2;margin-bottom:var(--g2)!important}
  .hero-grid>.hero-art{order:3;max-width:none!important;margin:0 0 var(--g2)!important;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:14px;background:rgba(247,248,250,.06);border:1px solid rgba(247,248,250,.14);border-radius:var(--r-lg);padding:8px}
  .hero-grid>.hero-art img{width:112px;height:112px;object-fit:cover;border-radius:10px!important;box-shadow:none!important}
  .hero-grid>.hero-art .ha-cap{position:static;background:none;border:0;padding:0;flex-direction:column;align-items:flex-start;gap:8px}
  .hero-copy>.lead{order:4;margin:0 0 var(--g1)!important}
  .hero-copy>.cta{order:5;margin-top:var(--g1)!important}
  .hero-copy>.tb-spot{order:6;margin-top:var(--g3)!important}
  .hero-copy>.slogan2{order:7}
  .hero-copy>.tb-ctrl,.hero-copy>.tb-back{order:8;align-self:flex-start}
  .hero-copy>.honest{order:9}
  .hero .tb-spot{grid-template-columns:96px minmax(0,1fr)!important;column-gap:10px!important;align-items:end;min-height:150px}
  .hero .tb-bubble{grid-column:2;grid-row:1;align-self:end;margin-bottom:18px!important}
  .hero .tb-actor{grid-column:1;grid-row:1;width:96px!important}
  .hero .tb-bubble::after{left:-9px!important;bottom:26px!important;transform:rotate(135deg)!important}
}
@media (max-width:599px){
  .hero{padding:var(--g4) 0 var(--g5)!important}
  .hero h1.welcome{font-size:2.4rem!important}
  .hero .cta a.btn.primary{width:100%}
  .hero .cta .btn:not(.primary){flex:1 1 0;min-width:0;padding:0 12px}
  .hero .cta a[href$="deals.html"]{display:none!important} /* mobile: 1 primary + 2 secondary; deals sit below the fold */
}

/* ---------- Tommy Bot's cap on navy: teal, never red ---------- */
.hero .tb-actor svg [fill="#e8413c"],[data-theme=dark] svg [fill="#e8413c"],.tb-dock svg [fill="#e8413c"],.site-foot svg [fill="#e8413c"]{fill:#0E7C74!important}
.hero .tb-actor svg [stroke="#9b1f1f"],[data-theme=dark] svg [stroke="#9b1f1f"],.tb-dock svg [stroke="#9b1f1f"],.site-foot svg [stroke="#9b1f1f"]{stroke:#084A44!important}
.hero .tb-actor svg [fill="#b52a2a"],[data-theme=dark] svg [fill="#b52a2a"],.tb-dock svg [fill="#b52a2a"],.site-foot svg [fill="#b52a2a"]{fill:#0B5F58!important}

/* ---------- logo: the one vivid brand colour (gold) ---------- */
.brand .logo circle,.site-foot .logo circle{fill:var(--p-gold-vivid)!important}

/* ---------- affiliate disclosure note (legal/staging/AFFILIATE_DISCLOSURE.md, R-39) ---------- */
.aff-note{background:#FFF6DA!important;color:#3D2E00!important;border:1px solid var(--p-gold)!important;border-left:4px solid var(--p-gold)!important;border-radius:var(--r)!important;padding:12px 16px!important;margin:0 0 var(--g2)!important;font:500 .95rem/1.5 var(--p-sans)!important}
.aff-note b{color:#3D2E00!important}
.aff-note a{color:#5A3D00!important;text-decoration:underline!important;display:inline-flex;align-items:center;min-height:24px}
[data-theme=dark] .aff-note{background:#2A2410!important;color:#F4E6B8!important;border-color:#C9A227!important}
[data-theme=dark] .aff-note b,[data-theme=dark] .aff-note a{color:#F4E6B8!important}
.bt-today .aff-note{margin:12px 0!important}

/* ---------- Site Guard: 390 nav wraps to 2 rows (About + Contact reachable) ---------- */
@media (max-width:820px){
  .cat-row{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important;gap:0 18px!important;padding:0 20px 4px!important}
}
/* bubble button only on the final "customize" step; no tall empty band */
.hero .tb-bubble:not(.cta) .btn{display:none!important}
@media (max-width:899px){.hero .tb-spot{height:auto!important;min-height:0!important}}