/* Don's Deals — preview redesign. White + Dallas navy, editorial, photography-led. No build step.
   --sky is kept ONLY for use on dark/photo surfaces (scrims, navy fills). Never as text on white. */
:root{
  --bg:#FFFFFF;
  --panel:#F5F7FA;
  --card:#FFFFFF;
  --line:#E4E9F0;
  --line-strong:#C9D4E2;
  --text:#0A1A2F;
  --muted:#5A6B82;
  --navy:#003594;
  --accent:#0B62C4;
  --sky:#6FB1FF;
  --ink:#FFFFFF;
  --ok:#46b978;
  --slate:#3D4E63;
  --radius:14px;
  --max:1180px;
  --shadow:0 1px 2px rgba(10,26,47,.06),0 8px 24px rgba(10,26,47,.07);
  --shadow-lg:0 2px 4px rgba(10,26,47,.06),0 16px 40px rgba(10,26,47,.10);
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:76px}
::selection{background:var(--sky);color:#003594}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.55;
  -webkit-text-size-adjust:100%;
}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3{font-family:"Archivo Black","Arial Black",system-ui,sans-serif;line-height:1.08;letter-spacing:0;font-weight:400}
h1{font-size:clamp(2.3rem,7vw,4.1rem);margin:0}
h2{font-size:clamp(1.5rem,4.5vw,2.1rem);margin:0 0 .4rem}
h3{font-size:1.12rem;margin:0}
p{margin:.35rem 0 .8rem}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:var(--ink);padding:10px 16px;font-weight:800;z-index:60;border-radius:0 0 10px 0}
.skip:focus{left:0}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px;margin:0 0 10px}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--navy);border-radius:2px;flex:none}
.lede{font-size:clamp(1.02rem,3.5vw,1.25rem);max-width:36em;color:var(--slate)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.small{font-size:.85rem}

/* Header — white, hairline border, quiet chrome */
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);color:var(--text);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:11px;padding-bottom:11px}
.brand{font-family:"Archivo Black",sans-serif;font-size:1.2rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.brand span{color:var(--navy)}
.topnav{display:flex;gap:16px;font-size:.88rem;font-weight:700;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.topnav::-webkit-scrollbar{display:none}
.topnav a{text-decoration:none;color:var(--slate);padding:6px 2px}
.topnav a:hover{color:var(--navy)}
.points-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px 6px 8px;font-weight:800;font-size:.85rem;white-space:nowrap;text-decoration:none}
.points-chip:hover{border-color:var(--navy)}
.points-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--navy);flex:none}
.points-chip-play{color:var(--navy);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.points-chip.bump{animation:bump .45s ease}
@keyframes bump{30%{transform:scale(1.08)}}

/* Hero — photo keeps its scrim; headline stays white over the image */
.hero{position:relative}
.hero-media{position:relative;overflow:hidden;min-height:min(82vh,680px);display:flex;align-items:flex-end}
.hero-slides{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;transform:scale(1.03)}
.hero-slide.is-active{opacity:1;animation:slideZoom 7s ease-out forwards}
@keyframes slideZoom{from{transform:scale(1.03)}to{transform:scale(1.1)}}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,16,32,.42) 0%,rgba(4,16,32,.18) 40%,rgba(4,16,32,.88) 100%)}
.hero-content{position:relative;z-index:2;width:100%;padding:56px 0 40px}
.hero-content .slogan{color:var(--sky);font-family:"Archivo Black",sans-serif;font-size:clamp(1rem,3.5vw,1.25rem);letter-spacing:.08em;margin:0 0 12px}
.hero-content h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55);max-width:13em}
.hero-content .lede{color:#E8F0F8;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-note{margin-top:16px;font-size:.9rem;color:#E8F0F8}
.hero-note a{color:var(--sky);font-weight:700}
.hero-content h1{animation:fadeUp .65s cubic-bezier(.2,.7,.2,1) .05s both}
.hero-content .lede{animation:fadeUp .6s cubic-bezier(.2,.7,.2,1) .2s both}
.hero-content .hero-cta{animation:fadeUp .6s cubic-bezier(.2,.7,.2,1) .35s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* Hero control bar — white bar below the image; seal chip, dots and pause live here, below the image. No overlap by construction. */
.hero-bar{position:relative;z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-bar .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.hero-loc{color:var(--navy);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.hero-bar-spacer{flex:1}
.seal-chip{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.seal-chip img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.seal-chip span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);line-height:1.35}
.seal-chip span b{display:block;color:var(--navy);font-size:.72rem}
.hero-dots{display:flex;gap:2px;align-items:center}
.hero-dot{width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;position:relative}
.hero-dot::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;border:2px solid var(--line-strong);background:transparent;transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease}
.hero-dot:hover::after{transform:translate(-50%,-50%) scale(1.25)}
.hero-dot.is-active::after{background:var(--navy);border-color:var(--navy)}
.hero-pause{width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;color:var(--text);font-size:.85rem;cursor:pointer;line-height:1;padding:0}

/* Buttons — flat, no gloss, no shine sweep */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;border:1px solid transparent;border-radius:999px;padding:13px 22px;min-height:48px;font-size:.95rem;cursor:pointer;background:var(--navy);color:var(--ink);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}
.btn.dark{background:#04101F;color:var(--text);border-color:rgba(255,255,255,.3)}
.btn.small{padding:9px 16px;min-height:44px;font-size:.85rem}

/* The loop — the only-here answer, tappable, first screen */
.loop{display:grid;gap:1px;background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}
@media(min-width:860px){.loop{grid-template-columns:repeat(4,1fr)}}
.loop-step{display:block;background:var(--bg);padding:20px 22px;text-decoration:none;transition:background .2s ease}
.loop-step:hover{background:var(--panel)}
.loop-step .n{font-family:"Archivo Black",sans-serif;color:var(--navy);font-size:.85rem;letter-spacing:.08em}
.loop-step h3{margin:6px 0 4px;font-size:1.02rem}
.loop-step p{margin:0;font-size:.88rem;color:var(--muted)}
.loop-step .go{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:800;color:var(--navy)}

/* Sections */
section{padding:64px 0;scroll-margin-top:76px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.section-head .lede{margin-bottom:0}

/* Audience tabs */
.aud-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.aud-tab{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:11px 18px;min-height:44px;font:inherit;font-weight:800;font-size:.9rem;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.aud-tab:hover{border-color:var(--navy)}
.aud-tab[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--ink)}
.audience-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.audience-panel h3{font-size:clamp(1.3rem,3.5vw,1.7rem);margin-bottom:16px;max-width:24em}
.payoff-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
@media(min-width:760px){.payoff-list{grid-template-columns:repeat(3,1fr)}}
.payoff-list li{border-top:2px solid var(--navy);padding-top:12px;font-size:.95rem;color:var(--slate)}
.payoff-list li b{display:block;color:var(--text);margin-bottom:3px}
.audience-cta{display:flex;flex-wrap:wrap;gap:10px}

/* Quiz — two columns: image + game */
.quiz-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;display:grid}
@media(min-width:820px){.quiz-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.quiz-media{position:relative;min-height:220px;overflow:hidden}
.quiz-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quiz-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,32,.05) 40%,rgba(4,16,32,.82) 100%)}
.quiz-media figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;font-family:"Archivo Black",sans-serif;font-size:1.05rem;line-height:1.25;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.quiz-body{padding:26px}
.quiz-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin:0 0 18px}
.quiz-bar i{display:block;height:100%;background:var(--navy);border-radius:99px;transition:width .3s ease}
.quiz-q{font-family:"Archivo Black",sans-serif;font-size:1.35rem;line-height:1.15;margin:0 0 16px}
.quiz-opts{display:grid;gap:10px}
.quiz-opt{border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--text);padding:14px 16px;min-height:48px;font:inherit;font-weight:700;cursor:pointer;text-align:left;transition:border-color .18s ease,transform .18s ease}
.quiz-opt:hover{border-color:var(--navy);transform:translateX(4px)}
.quiz-opt:active{transform:scale(.98)}
.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.quiz-back{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;min-height:44px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap}
.quiz-back:hover{border-color:var(--navy)}
.quiz-result-card{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.quiz-result-card .deal-card{margin-top:14px}
.quiz-nearest{border-top:1px dashed var(--line-strong);margin-top:16px;padding-top:14px}
.quiz-nearest .why{font-size:.85rem;color:var(--muted);margin-top:8px}

/* Cards — soft shadow, one hairline border, equal heights, aligned footers */
.cards{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.cards{grid-template-columns:1fr 1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#E8EDF3;flex:none}
.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.card-photo-empty{display:flex;align-items:center;justify-content:center;background:var(--panel);color:var(--muted);font-size:.85rem;text-align:center;padding:1.25rem}
.card-photo-empty span{max-width:26ch}
a.card:hover .card-photo img{transform:scale(1.04)}
.card-badge{position:absolute;top:12px;left:12px;display:inline-block;border-radius:999px;padding:4px 11px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.card-badge.crown{background:var(--navy);color:var(--ink)}
.card-badge.spotted{background:rgba(4,16,32,.72);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.card-badge.soon{background:var(--navy);color:var(--ink)}
.card-badge.live{background:var(--ok);color:#0d2417}
.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body p{margin:0}
.card-body h3{font-size:1.12rem}
.card-body .go{font-weight:800;font-size:.9rem;color:var(--navy)}
.card-photo-note{font-size:.75rem;color:var(--muted)}
.deal-offer{font-family:"Archivo Black",sans-serif;font-size:1.18rem;line-height:1.2;color:var(--text)}
.deal-detail{font-size:.94rem;color:var(--slate)}
.deal-tags{display:flex;flex-wrap:wrap;gap:6px}
.deal-tags span{border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:700;color:var(--slate)}
.deal-meta{font-size:.8rem;color:var(--muted)}
.deal-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.deal-foot a{font-weight:800;font-size:.88rem;color:var(--navy);text-decoration:none}
.deal-foot a:hover{text-decoration:underline}
.deal-card:has(.crown){box-shadow:var(--shadow),0 0 0 2px rgba(0,53,148,.35)}
.deal-card{animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Filter chips — flat */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);padding:9px 15px;min-height:44px;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.chip:hover{border-color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--ink)}
.chip:active{transform:scale(.95)}

/* How we pick */
.steps{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.step .num{font-family:"Archivo Black",sans-serif;font-size:1.5rem;color:var(--navy)}
.step h3{margin:8px 0 6px;font-size:1.02rem}
.step p{margin:0;font-size:.92rem;color:var(--muted)}

/* How to play panel */
.play{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-top:22px}
.play h3{color:var(--navy);font-size:clamp(1.2rem,3.5vw,1.5rem);margin-bottom:14px}
.play p{color:var(--slate)}
.play-steps{display:grid;gap:12px;margin:0 0 16px}
@media(min-width:640px){.play-steps{grid-template-columns:repeat(3,1fr)}}
.play-step{border:1px solid var(--line-strong);border-radius:12px;padding:14px;font-size:.92rem;background:#fff}
.play-step b{color:var(--navy)}

/* Give back */
#giveback{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#giveback .card{background:var(--card)}

/* Forms — flat, border-only, legend never struck through */
.list-grid{display:grid;gap:20px;align-items:start}
@media(min-width:860px){.list-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.form-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
form.netlify-form{display:grid;gap:14px;margin-top:16px}
label{font-weight:700;font-size:.9rem;display:block;margin-bottom:6px}
input,select,textarea{width:100%;padding:13px 14px;min-height:48px;border:1px solid var(--line-strong);border-radius:12px;font:inherit;background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,53,148,.16)}
.form-note{font-size:.82rem;color:var(--muted)}
.check-group{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.check-group legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:8px}
.check-group .check{font-weight:600;font-size:.88rem;display:flex;gap:8px;align-items:center;margin:0;cursor:pointer}
.check-group input{width:auto;min-height:0;padding:0}
.biz-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.biz-panel h3{margin-bottom:8px}

/* Footer — white, hairline top border, navy brand mark */
footer{border-top:1px solid var(--line);padding:40px 0 48px;margin-top:0;background:#fff}
footer .slogan{font-family:"Archivo Black",sans-serif;color:var(--navy);font-size:1.35rem;margin:0 0 6px}
footer p{color:var(--muted);font-size:.9rem;max-width:44em}
.footer-nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin:16px 0;font-weight:700;font-size:.9rem}
.footer-nav a{text-decoration:none;color:var(--text)}
.footer-nav a:hover{color:var(--navy)}
.backlink{display:inline-block;margin-bottom:14px;font-weight:800;text-decoration:none;color:var(--navy)}
.sources{font-size:.82rem;color:var(--muted)}
.sources a{text-decoration:underline}

/* Spot page */
.spot-hero{position:relative;overflow:hidden;min-height:min(58vh,520px);display:flex;align-items:flex-end}
.spot-hero-media{position:absolute;inset:0}
.spot-hero-media img{width:100%;height:100%;object-fit:cover}
.spot-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,32,.3) 0%,rgba(4,16,32,.25) 45%,rgba(4,16,32,.9) 100%)}
.spot-hero .wrap{position:relative;z-index:2;width:100%;padding-top:48px;padding-bottom:36px}
.spot-hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.spot-hero .eyebrow{color:#9CC8FF}
.spot-hero .eyebrow::before{background:#9CC8FF}
.spot-hero .lede{color:#E8F0F8}
.spot-hero .backlink{color:#9CC8FF}
.factbar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
@media(min-width:640px){.factbar{grid-template-columns:repeat(4,1fr)}}
.fact{background:rgba(4,16,32,.66);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fact .v{font-family:"Archivo Black",sans-serif;font-size:1.35rem;color:var(--sky)}
.fact .k{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#D7E3F2}
.spot-layout{display:grid;gap:24px}
@media(min-width:960px){.spot-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start}}
.spot-main{display:grid;gap:24px;align-content:start}
.spot-rail{display:grid;gap:20px;align-content:start}
@media(min-width:960px){.spot-rail{position:sticky;top:92px}}
.layer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.layer h2{margin-bottom:12px}
.layer p{color:var(--slate)}
.layer p strong{color:var(--text)}
.photo-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card)}
.photo-frame img{width:100%;height:auto}
.photo-frame figcaption{padding:12px 16px;font-size:.85rem;font-weight:600;color:var(--slate)}
.hotspots{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.hotspots{grid-template-columns:1fr 1fr}}
.hotspot{display:flex;gap:14px;border:1px solid var(--line-strong);border-radius:12px;padding:16px;background:var(--panel)}
.hotspot-num{font-family:"Archivo Black",sans-serif;color:var(--navy);font-size:1.1rem;flex:none}
.hotspot b{display:block;font-size:1rem;color:var(--text);margin-bottom:3px}
.hotspot span{font-size:.92rem;color:var(--muted)}
.checkin{border-radius:var(--radius);background:var(--navy);color:var(--ink);padding:26px;box-shadow:var(--shadow-lg)}
.checkin .eyebrow{color:#9CC8FF}
.checkin .eyebrow::before{background:var(--ink)}
.checkin h2{margin-bottom:8px}
.checkin p{color:#D7E3F2}
.checkin .status{font-weight:800;min-height:1.4em}
.spot-duo{display:grid;gap:20px}
@media(min-width:720px){.spot-duo{grid-template-columns:1fr 1fr}}

/* Scroll reveals (JS adds .in; no-JS keeps everything visible) */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* Reduced motion: everything still, content fully visible */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  .hero-slide{transition:none}
  .hero-slide.is-active{animation:none}
  a.card:hover .card-photo img{transform:none}
}

/* ===== Commerce layer: Shopify polish + Groupon twist (preview) ===== */
html{scroll-padding-top:118px}
section{scroll-margin-top:110px}

/* Slim announcement bar — navy fill, white text, one line, scrolls away (header stays sticky) */
.announce{background:var(--navy);color:var(--ink);font-size:.82rem;font-weight:700;text-align:center;padding:8px 14px}
.announce p{margin:0}
.announce b{font-weight:800}

/* Header: main row + category strip */
.topbar-main .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:11px;padding-bottom:11px}
.my-deals-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--navy);color:var(--navy);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.85rem;white-space:nowrap;text-decoration:none}
.my-deals-chip:hover{background:rgba(0,53,148,.08)}
.my-deals-chip[aria-pressed="true"]{background:var(--navy);color:var(--ink)}
.catstrip{border-top:1px solid var(--line)}
.catstrip .wrap{display:flex;justify-content:flex-start;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-top:2px;padding-bottom:2px}
.catstrip .wrap::-webkit-scrollbar{display:none}
.catstrip a{display:inline-block;text-decoration:none;font-size:.85rem;font-weight:700;color:var(--slate);padding:9px 12px;border-radius:999px}
.catstrip a:hover{color:var(--navy)}
.catstrip a[aria-current="true"]{background:var(--navy);color:var(--ink)}

/* Deal card commerce rows */
.deal-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:10px}
.deal-price{display:flex;gap:10px;align-items:baseline;margin:2px 0}
.deal-price .now{font-family:"Archivo Black",sans-serif;font-size:1.5rem;color:var(--navy)}
.deal-price .was{font-size:.88rem;color:var(--muted)}
.deal-price .was s{color:var(--text)}
.deal-countdown{font-weight:800;color:var(--navy);font-size:.9rem}
.deal-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.save-btn{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:999px;padding:9px 16px;min-height:44px;font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.save-btn:hover{border-color:var(--navy)}
.save-btn.is-saved{background:var(--navy);border-color:var(--navy);color:var(--ink)}

/* Featured deal-of-the-day card */
#deal-featured{margin-bottom:20px}
#deal-featured:empty{display:none}
.featured-card{display:grid}
@media(min-width:720px){.featured-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.featured-card .card-photo{aspect-ratio:4/3;min-height:260px}
@media(min-width:720px){.featured-card .card-photo{aspect-ratio:auto;min-height:320px}}
.featured-card .card-body{padding:22px}
.featured-card .deal-offer{font-size:clamp(1.4rem,4vw,1.8rem)}

/* ===== Lead magnets: hero capture + pack pages ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-magnet{margin-top:26px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:880px;box-shadow:var(--shadow);animation:fadeUp .6s cubic-bezier(.2,.7,.2,1) .5s both}
.hero-magnet-why{font-weight:800;font-size:1.02rem;line-height:1.4;color:var(--text);margin:0 0 14px}
.hero-magnet-why b{color:var(--navy)}
.hero-form{display:grid;gap:10px}
@media(min-width:860px){.hero-form{grid-template-columns:1.05fr 1.25fr 1fr auto;align-items:stretch}
.hero-form .btn{white-space:nowrap}}
.hero-magnet-note{margin:12px 0 0;font-size:.82rem;color:var(--muted)}
.pack-hero{padding:56px 0 8px}
.pack-stamp{display:inline-block;border:1px solid var(--navy);color:var(--navy);border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pack-grid{display:grid;gap:20px}
@media(min-width:860px){.pack-grid{grid-template-columns:repeat(2,1fr)}}
.pack-deal{display:grid;gap:2px;padding:16px 0;border-top:1px solid var(--line)}
.pack-deal:first-of-type{border-top:0;padding-top:4px}
.pack-deal h3{font-size:1.05rem}
.pack-deal p{margin:0;color:var(--slate);font-size:.94rem}
.pack-deal .meta{font-size:.8rem;color:var(--muted)}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checklist label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;cursor:pointer;font-weight:700;background:#fff}
.checklist input{width:22px;height:22px;min-height:0;padding:0;flex:none;accent-color:var(--accent);margin-top:2px;cursor:pointer}
.checklist small{display:block;font-weight:400;color:var(--muted);margin-top:2px}
.magnet-nav{display:flex;flex-wrap:wrap;gap:8px}
.magnet-nav a{display:inline-block;border:1px solid var(--line-strong);border-radius:999px;padding:9px 15px;min-height:44px;font-weight:700;font-size:.88rem;text-decoration:none}
.magnet-nav a:hover{border-color:var(--navy);color:var(--navy)}
.magnet-nav a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:var(--ink)}