:root{--brand:#1D4ED8;--brand-dark:#1E40AF;--brand-soft:#EFF6FF;--sale:#DC2626;--brand-on-dark:#60A5FA;--ink:#15181D;--ink-2:#3B404A;--muted:#6B7078;--line:#E5E7EB;--line-2:#D1D5DB;--paper:#F6F7F9;--card:#FFFFFF;--radius:12px;--max:1180px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;font-size:16px}
a{color:var(--brand-dark)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
img,svg{max-width:100%;height:auto}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--brand-soft);color:var(--brand-dark);padding:2px 7px;border-radius:6px;font-weight:700;font-size:.92em;letter-spacing:.3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;background:#fff;padding:0;z-index:50}a.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;clip-path:none;padding:8px 12px}
.center{text-align:center}
/* hero */
.hero{background:var(--ink);color:#fff;padding:40px 0 34px;border-bottom:3px solid var(--brand)}
.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.06;margin:0 0 12px;letter-spacing:-1.2px;font-weight:800}
.hero h1 span{color:var(--brand)}
.hero p{font-size:17px;color:#C9CCD3;margin:0 0 6px;max-width:680px}
.stat{display:flex;gap:26px;flex-wrap:wrap;color:#9DA2AB;font-size:13px;margin-top:18px}.stat b{color:#fff;font-size:20px;display:block;letter-spacing:-.5px}
.hero-form{margin-top:22px;max-width:620px}
/* signup */
.signup{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:grid;gap:10px}
.signup h2{margin:0;font-size:19px;letter-spacing:-.3px}.signup p{margin:0;color:var(--muted);font-size:14px}
.signup form,.signup-side form{display:flex;gap:8px;flex-wrap:wrap}
.signup input[type=email],.signup-side input[type=email]{flex:1 1 200px;padding:11px 13px;border:1px solid var(--line-2);border-radius:8px;font-size:16px;min-width:0;background:#fff;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border:0;padding:11px 16px;border-radius:8px;font-weight:700;font-size:14.5px;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.2}
.btn:hover{background:var(--brand-dark)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}.btn.ghost:hover{border-color:var(--ink);background:#fff}
.signup .note,.signup-side .note{font-size:13px;color:var(--brand-dark);display:none}
.signup.dark{background:#1C2027;border-color:#2C313A;color:#fff}.signup.dark h2{color:#fff}.signup.dark p{color:#C9CCD3}.signup.dark input{background:#15181D;border-color:#3B404A;color:#fff}
/* top card strip */
.strip{background:#fff;border-bottom:1px solid var(--line)}
.strip .wrap{display:flex;align-items:stretch;gap:0;padding-right:0}
.strip-title{flex:0 0 auto;display:flex;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);padding:12px 16px 12px 0;border-right:1px solid var(--line);margin-right:4px}
.strip-scroll{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.strip-scroll::-webkit-scrollbar{display:none}
.strip-item{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:10px 16px;border-right:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:150px}
.strip-item b{font-size:15px;letter-spacing:-.3px;color:var(--brand-dark);white-space:nowrap}.strip-item span{font-size:13px;font-weight:700;white-space:nowrap}.strip-item small{font-size:11.5px;color:var(--muted);white-space:nowrap}
.strip-item:hover{background:var(--brand-soft)}.strip-item.all b{color:var(--ink)}
/* layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.sidebar{position:sticky;top:82px;display:grid;gap:16px;padding-top:36px}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.side-box h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);font-weight:800;padding-bottom:8px;border-bottom:2px solid var(--brand)}
.toplist{list-style:none;margin:0;padding:0;counter-reset:n}
.toplist li{counter-increment:n;border-bottom:1px solid var(--line)}.toplist li:last-child{border-bottom:0}
.toplist a{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:9px 0;text-decoration:none;color:var(--ink);align-items:start}
.toplist a::before{content:counter(n);font-weight:800;color:var(--brand);font-size:15px;line-height:1.3}
.toplist b{display:block;font-size:14px;line-height:1.3;letter-spacing:-.2px}.toplist span{display:block;grid-column:2;font-size:12.5px;color:var(--muted);margin-top:2px}
.toplist a:hover b{color:var(--brand-dark)}
.side-box .more{display:block;margin-top:10px;font-size:13px;font-weight:700;text-decoration:none}
.endlist{list-style:none;margin:0;padding:0}.endlist li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.endlist li:last-child{border-bottom:0}.endlist a{display:block;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3}.endlist a:hover{color:var(--brand-dark)}.endlist .ends{display:block;margin-top:2px}
.signup-side p{margin:0 0 10px;font-size:13.5px;color:var(--muted)}.signup-side input[type=email]{flex:1 1 100%}.signup-side .btn{flex:1 1 100%}
@media (max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{position:static;padding-top:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
/* sections */
.feed section.block{padding:34px 0 6px}section.block{padding:34px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.sec-head h2{margin:0;font-size:24px;letter-spacing:-.6px;line-height:1.15}.sec-head .sub{margin:4px 0 0;color:var(--muted);font-size:14px}.sec-head>a{font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.lead{font-size:17.5px;color:var(--ink-2);max-width:780px;margin:0 0 16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.chip{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink-2);text-decoration:none}
.chip:hover,.chip[aria-current]{border-color:var(--ink);color:#fff;background:var(--ink)}
/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;transition:box-shadow .15s,border-color .15s}
.card:hover{border-color:var(--line-2);box-shadow:0 10px 30px rgba(21,24,29,.07)}
.card .meta,.post .meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.meta .badges{margin-left:auto;display:flex;gap:6px}
.store{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;color:var(--ink);background:#F1F3F6;border-radius:6px;padding:4px 9px;letter-spacing:.1px}
.store i{width:7px;height:7px;border-radius:50%;background:var(--brand);display:inline-block}
.meta .cat{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);text-decoration:none}.meta a.cat:hover{color:var(--brand-dark)}
.badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.6px;text-transform:uppercase;line-height:1.3}
.badge.hot{background:var(--sale);color:#fff}.badge.expired{background:var(--ink);color:#fff}.badge.glitch{background:#fff;color:var(--brand-dark);border:1.5px solid var(--brand)}.badge.lightning,.badge.prime,.badge.coupon{background:var(--brand-soft);color:var(--brand-dark)}
.card h3{margin:0;font-size:17.5px;line-height:1.3;letter-spacing:-.3px;font-weight:800}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--brand-dark)}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price .now{font-size:28px;font-weight:800;color:var(--brand-dark);letter-spacing:-1px;line-height:1.1}.price .was{color:var(--muted);text-decoration:line-through;font-size:15px}.price .save{background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:12.5px;padding:3px 8px;border-radius:5px}
.card p{margin:0;color:var(--ink-2);font-size:14.5px}
.ends{font-size:12.5px;font-weight:700;color:var(--brand-dark)}.ends.today{color:var(--ink);background:var(--brand-soft);padding:1px 6px;border-radius:4px}.ends.past{color:var(--muted);text-decoration:line-through}
.card.is-expired{opacity:.72}.card.is-expired .btn:not(.ghost){background:var(--muted)}
.byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);padding-top:2px}
.byline .by b{color:var(--ink);font-weight:700}.byline time::before,.byline .posted::before,.byline .checked::before,.byline .ends::before{content:"·";margin-right:10px;color:var(--line-2)}
.card .actions{display:flex;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}
.card .actions .btn{flex:1 1 auto}
.stack{background:#F9FAFB;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:8px;padding:10px 12px}
.stack b{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--brand-dark)}
.stack ul{margin:4px 0 0;padding-left:18px;font-size:14px;color:var(--ink-2)}.stack li{margin:2px 0}
.reqs{margin:0;padding-left:18px;font-size:14px;color:var(--ink-2)}.reqs li{margin:3px 0}
/* credit card tiles */
.cc-visual{background:linear-gradient(135deg,#1C2027,#15181D);color:#fff;border-radius:12px;aspect-ratio:1.586;padding:16px 18px;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cc-visual::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--brand);opacity:.9}
.cc-visual .cc-issuer{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#C9CCD3;font-weight:700;position:relative;z-index:1}
.cc-visual .cc-name{align-self:end;font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.2;max-width:80%;position:relative;z-index:1}
.cc-visual .cc-bonus{font-size:13px;font-weight:700;color:var(--brand);margin-top:6px;position:relative;z-index:1}
.cc-visual .cc-net{position:absolute;right:16px;bottom:14px;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;z-index:1}
.card.cc .cc-visual{margin:-4px 0 4px;max-width:300px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.facts div{min-width:0}.facts dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700}.facts dd{margin:2px 0 0;font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:1.25}
.facts.big{grid-template-columns:repeat(2,1fr);gap:14px;border:0;padding:0}.facts.big dd{font-size:18px}
.cc-hero{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;margin:18px 0 10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
@media (max-width:640px){.cc-hero{grid-template-columns:1fr}}
.hl{padding-left:20px;font-size:16px;color:var(--ink-2)}.hl li{margin:6px 0}
.steps{padding-left:22px;font-size:16px;color:var(--ink-2)}.steps li{margin:8px 0;padding-left:4px}
.note-line{font-size:14px;color:var(--muted);margin:0 0 6px}
.cta-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}
.notice{background:var(--brand-soft);border:1px solid var(--brand);border-radius:8px;padding:10px 14px;font-size:14.5px;margin:10px 0 14px}
.empty{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;max-width:760px}.empty h3{margin:0 0 8px;font-size:19px}.empty h3+p{margin-top:0}.empty ul{color:var(--ink-2);font-size:15.5px}
/* post page */
.post{max-width:780px}.post h1{font-size:clamp(26px,4vw,38px);line-height:1.12;letter-spacing:-.9px;margin:8px 0 10px}
.post h2{font-size:21px;letter-spacing:-.4px;margin:28px 0 8px}.post>p{font-size:16.5px;color:var(--ink-2)}
.post .price{margin:14px 0}.post .price .now{font-size:36px}
.post .cta{margin:18px 0}
.post .byline{font-size:13px;margin-bottom:6px}
.verified{font-size:13px;color:var(--muted);border-left:3px solid var(--ink);padding-left:10px;margin:22px 0}
.disclosure{font-size:13px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;line-height:1.5}
/* stores */
.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.store-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink);display:grid;gap:6px}
.store-card:hover{border-color:var(--ink)}.store-card b{font-size:15px}.store-card .code-line{font-size:13px;color:var(--brand-dark);font-weight:600}.store-card .muted{color:var(--muted);font-weight:500}
table.codes{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:14.5px}
table.codes th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--ink);background:#F9FAFB}
table.codes td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}table.codes tr:last-child td{border-bottom:0}table.codes a{font-weight:700;text-decoration:none}
@media (max-width:640px){table.codes thead{display:none}table.codes tr{display:grid;grid-template-columns:1fr 1fr;padding:8px 0;border-bottom:1px solid var(--line)}table.codes td{border:0;padding:4px 12px}table.codes td:nth-child(2){grid-column:1/-1;font-weight:600}}
.promo-box{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:8px;padding:14px 16px;margin-bottom:18px}.promo-box h3{margin:0 0 8px;font-size:15px}.promo-box ul{margin:0;padding-left:18px;font-size:15px}.promo-box li{margin:6px 0}.promo-box small{display:block;color:var(--muted);font-size:12.5px}
/* guides */
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--ink);display:block}
.gcard:hover{border-color:var(--ink)}.gcard small{color:var(--brand-dark);font-weight:800;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.gcard h3{margin:6px 0 6px;font-size:17.5px;letter-spacing:-.3px}.gcard p{margin:0;color:var(--ink-2);font-size:14px}
article.prose,.prose{max-width:760px}article.prose h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.9px;line-height:1.1}.prose h2{font-size:22px;margin-top:30px;letter-spacing:-.4px}.prose p,.prose li{font-size:16.5px;color:var(--ink-2)}.prose .lead{font-size:19px;color:var(--ink)}
article.prose table{border-collapse:collapse;width:100%;font-size:15px}article.prose th,article.prose td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top}
.tip{background:var(--brand-soft);border-left:4px solid var(--brand);padding:12px 14px;border-radius:8px;margin:18px 0}
.crumbs{font-size:13px;color:var(--muted);margin:16px 0 0}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--brand-dark)}
/* footer */
footer{background:var(--ink);color:#C9CCD3;margin-top:30px;padding:36px 0 26px;font-size:14px}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}
footer h4{margin:0 0 8px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1px}footer ul{list-style:none;padding:0;margin:0}footer li{margin:5px 0}footer a{color:#C9CCD3;text-decoration:none}footer a:hover{color:var(--brand-on-dark)}footer p strong{color:#fff}
footer .legal{margin-top:22px;padding-top:14px;border-top:1px solid #2C313A;font-size:12.5px;color:#9DA2AB}
@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}.hero{padding:28px 0 24px}.card .actions .btn{flex:1 1 100%}.topbar .wrap{font-size:12px}.sec-head{flex-direction:column;align-items:flex-start;gap:4px}.strip-title{display:none}.strip .wrap{padding-left:0}.strip-item{min-width:140px;padding:10px 14px}.facts.big{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.topbar span:nth-of-type(n+6){display:none}.price .now{font-size:26px}.post .price .now{font-size:32px}}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}@media (max-width:640px){.two-col{grid-template-columns:1fr}}
.facts-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:15px}.facts-table th{text-align:left;width:38%;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:#F9FAFB;font-weight:700;vertical-align:top}.facts-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600}.facts-table tr:last-child th,.facts-table tr:last-child td{border-bottom:0}.facts-table .muted{color:var(--muted);font-weight:500}

.index{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.index li{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14.5px}.index li:last-child{border-bottom:0}
.index .store{justify-self:start}.index a{color:var(--ink);text-decoration:none;font-weight:600}.index a:hover{color:var(--brand-dark)}.index .p{font-weight:800;color:var(--brand-dark);white-space:nowrap}
@media (max-width:640px){.index li{grid-template-columns:1fr auto}.index .store{grid-column:1/-1}}
.group-h{font-size:20px;letter-spacing:-.4px;margin:26px 0 12px;padding-left:12px;border-left:4px solid var(--brand)}

/* card art */
.cc-art{background:#F1F3F6;border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:center}
.cc-art img{width:100%;max-width:340px;height:auto;border-radius:10px;box-shadow:0 8px 22px rgba(21,24,29,.18)}
.card.cc .cc-art{margin:-4px 0 4px}
.cc-hero .cc-art{padding:22px}.cc-hero .cc-art img{max-width:400px}
.facts dd.small{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.strip-item{flex-direction:row;align-items:center;gap:10px}.strip-item img{width:54px;height:auto;border-radius:4px;box-shadow:0 2px 6px rgba(21,24,29,.2)}.strip-item div{display:flex;flex-direction:column}
.toplist a.with-art{grid-template-columns:22px 56px 1fr;align-items:center}.toplist a.with-art img{width:56px;height:auto;border-radius:4px;box-shadow:0 2px 6px rgba(21,24,29,.2)}.toplist a.with-art span{grid-column:auto}.toplist a.with-art div{min-width:0}
/* featured post */
.feed .featured-wrap{padding-top:28px}
.featured{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.featured h2{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.7px}.featured h2 a{color:var(--ink);text-decoration:none}.featured h2 a:hover{color:var(--brand-dark)}
.featured>p{margin:0;font-size:16.5px;color:var(--ink-2)}.featured .price .now{font-size:34px}.featured .actions{display:flex;gap:8px;flex-wrap:wrap}
.featured .meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}
@media (max-width:640px){.featured{padding:18px}.featured .actions .btn{flex:1 1 100%}}

/* header: utility row, logo row, nav row (DansDeals / DoC structure) */
.util{background:var(--ink);font-size:12px}
.util .wrap{display:flex;gap:18px;height:30px;align-items:center}
.util a{color:#C9CCD3;text-decoration:none;font-weight:600;letter-spacing:.2px}.util a:hover{color:#fff}.util .util-alerts{margin-left:auto;color:var(--brand-on-dark)}
.top{background:#fff}
.top .wrap{display:flex;align-items:center;gap:18px;height:78px}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand img{height:48px;width:auto}footer .brand img{height:36px}
.top .tagline{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:-.1px;border-left:1px solid var(--line-2);padding-left:18px}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;font-weight:700;color:var(--ink);font-size:14px}
nav.main{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:0;flex-wrap:nowrap}
nav.main a{display:block;text-decoration:none;color:var(--ink);font-weight:800;padding:13px 16px 11px;font-size:14px;letter-spacing:.2px;text-transform:uppercase;border-bottom:3px solid transparent;white-space:nowrap}
nav.main li:first-child a{padding-left:0}
nav.main a:hover{color:var(--brand-dark)}nav.main a[aria-current]{color:var(--brand-dark);border-bottom-color:var(--brand)}
@media (max-width:900px){.top .wrap{height:64px}.brand img{height:40px}.top .tagline{display:none}.menu-btn{display:inline-block}nav.main{display:none;position:static}nav.main.open{display:block}nav.main ul{flex-direction:column}nav.main a{padding:12px 0;border-bottom:1px solid var(--line);text-transform:none;font-size:16px}nav.main li:last-child a{border-bottom:0}nav.main a[aria-current]{border-bottom-color:var(--line)}.util .wrap{gap:14px;overflow:hidden}}
/* list feed (DansDeals / DoC style) */
.feed-sec{padding-bottom:0}
.feed-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.post-row{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:18px;border-bottom:1px solid var(--line)}
.post-row:last-child{border-bottom:0}.post-row:hover{background:#FCFCFD}
.thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:132px;height:100px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;padding:8px;text-align:center}
.thumb .t-store{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--ink)}
.thumb .t-price{font-size:22px;font-weight:800;color:var(--brand-dark);letter-spacing:-.8px;line-height:1.1;word-break:break-word}
.thumb .t-save{font-size:11px;font-weight:700;color:var(--muted)}
.post-body{min-width:0;display:flex;flex-direction:column;gap:6px}
.post-row h3{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.3px;font-weight:800}.post-row h3 a{color:var(--brand-dark);text-decoration:none}.post-row h3 a:hover{text-decoration:underline}
.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.post-meta .by{color:var(--muted)}
.post-row p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.stack-inline b{color:var(--brand-dark);text-transform:uppercase;font-size:11px;letter-spacing:.7px}
.more-link{font-weight:700;text-decoration:none;white-space:nowrap}
.post-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.btn.sm{padding:8px 13px;font-size:13.5px}.was-line{font-size:13px;color:var(--muted)}
.post-row.is-expired{opacity:.6}.post-row.is-expired h3 a{color:var(--muted)}
@media (max-width:640px){.post-row{grid-template-columns:86px 1fr;gap:12px;padding:14px}.thumb{width:86px;height:72px;padding:5px}.thumb .t-price{font-size:16px}.thumb .t-store{font-size:9.5px}.thumb .t-save{display:none}.post-row h3{font-size:16.5px}.post-row p{font-size:14px}.post-actions .btn{flex:1 1 auto}}
/* product photos (Oct 8, 2026) */
.thumb.photo{position:relative;padding:0;overflow:hidden;width:150px;height:118px;background:#fff}
.thumb.photo img{width:100%;height:100%;object-fit:contain;display:block;padding:6px}
.pct{position:absolute;top:6px;left:6px;background:var(--sale);color:#fff;font-size:11px;font-weight:800;padding:3px 7px;border-radius:6px;letter-spacing:.2px;line-height:1.2}
.thumb.photo .p-price{display:none}
.post-row.has-photo{grid-template-columns:150px 1fr}
.m-price{display:none}
.card.has-photo{padding-top:0}
.card-photo{position:relative;display:block;height:190px;background:#fff;border-bottom:1px solid var(--line);margin:0 -20px 14px}
.card-photo img{width:100%;height:100%;object-fit:contain;display:block;padding:12px}
.featured.has-photo{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}
.featured-body{display:flex;flex-direction:column;gap:12px;min-width:0}
.featured-photo{position:relative;display:block;height:300px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.featured-photo img{width:100%;height:100%;object-fit:contain;display:block;padding:12px}
.featured-photo .pct,.post-photo .pct{top:10px;left:10px;font-size:13px;padding:5px 10px}
.post-photo{position:relative;margin:0 0 16px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:560px}
.post-photo img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block;padding:14px}
@media (max-width:640px){
  .post-row.has-photo{display:flex;flex-direction:column;gap:10px;padding:0 0 16px}
  .post-row.has-photo .thumb.photo{width:100%;height:230px;border:0;border-bottom:1px solid var(--line);border-radius:0}
  .post-row.has-photo .thumb.photo img{padding:14px}
  .post-row.has-photo .pct{top:12px;left:12px;font-size:13px;padding:5px 10px}
  .thumb.photo .p-price{display:block;position:absolute;right:12px;bottom:12px;background:var(--ink);color:#fff;font-weight:800;font-size:18px;padding:6px 11px;border-radius:8px;letter-spacing:-.4px}
  .post-row.has-photo .post-body{padding:0 14px}
  .post-row.has-photo h3{font-size:18px}
  .post-row.has-photo p{display:none}
  .post-row.has-photo .post-meta .by,.post-row.has-photo .post-meta time{display:none}
  .post-row.has-photo .post-actions{justify-content:space-between;margin-top:6px}
  .post-row.has-photo .m-price{display:flex;align-items:baseline;gap:8px}.m-price b{font-size:22px;letter-spacing:-.6px;color:var(--ink)}.m-price s{color:var(--muted);font-size:13px}
  .post-row.has-photo .was-line{display:none}
  .post-row.has-photo .post-actions .btn{flex:0 0 auto}
  .featured.has-photo{display:flex;flex-direction:column;gap:12px}
  .featured-photo{order:-1;height:230px;margin:-18px -18px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}
  .card-photo{height:170px}
}

.grid.three{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.catlist{list-style:none;margin:0;padding:0}.catlist li{border-bottom:1px solid var(--line)}.catlist li:last-child{border-bottom:0}.catlist a{display:block;padding:8px 0;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.catlist a:hover{color:var(--brand-dark)}
.side-box.dark{background:var(--ink);border-color:var(--ink);color:#fff}.side-box.dark h3{color:var(--brand-on-dark);border-bottom-color:var(--brand)}.side-box.dark p{color:#C9CCD3}.side-box.dark input{background:#1C2027;border-color:#3B404A;color:#fff}
.layout>.feed>section.block:first-child{padding-top:28px}.layout .crumbs{margin-top:0}
.post{max-width:none}.layout .post{max-width:800px}

/* ===== Oct 8, 2026 redesign: slim header, scrolling nav, dense newest-first rows, sections, ad slots ===== */
.top.slim{background:#fff}
.top.slim .wrap{height:56px;gap:12px}
.top.slim .brand img{height:34px;width:auto}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--ink);background:var(--paper);text-decoration:none}
.icon-btn:hover{color:var(--brand)}
.wa-mini{background:#25D366;color:#fff;font-weight:800;font-size:13px;padding:8px 13px;border-radius:999px;text-decoration:none}
nav.main.scrollnav{display:block;position:sticky;top:0;z-index:20;background:#15181D;border:0}
nav.main.scrollnav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
nav.main.scrollnav ul::-webkit-scrollbar{display:none}
nav.main.scrollnav a{color:#fff;font-size:13px;padding:11px 13px 9px;text-transform:none;font-weight:700;border-bottom:3px solid transparent}
nav.main.scrollnav li:first-child a{padding-left:0}
nav.main.scrollnav a:hover{color:#BFDBFE}
nav.main.scrollnav a[aria-current]{color:#fff;border-bottom-color:#60A5FA}
.followbar{background:var(--brand);color:#fff;text-align:center;padding:7px 12px;font-weight:700;font-size:14px}
.followbar a{display:inline-block;background:#25D366;color:#fff;border-radius:999px;padding:4px 12px;margin-left:8px;text-decoration:none;font-size:13px}.followbar .fb-links{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center;vertical-align:middle}.followbar a.fbp{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800;color:#fff;text-decoration:none}.followbar a.fbp.wa{background:#25D366}.followbar a.fbp.x{background:#000;border:1px solid rgba(255,255,255,.45)}.followbar a.fbp.ig{background:linear-gradient(45deg,#F09433,#E6683C,#DC2743,#CC2366,#BC1888)}.followbar a.fbp.fb{background:#1877F2}.followbar a.fbp.tg{background:#229ED9}
.home2 .feed{padding-top:14px}
.h-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}
.h-chips::-webkit-scrollbar{display:none}
.h-chip{flex:0 0 auto;border:1.5px solid var(--brand);color:var(--brand);background:#fff;border-radius:999px;padding:6px 13px;font-weight:700;font-size:13.5px;text-decoration:none}
.h-chip:hover{background:var(--brand);color:#fff}
.hot-strip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 0 10px 12px;margin-bottom:14px}
.hs-head h2{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink)}
.hs-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:12px}
.hs-scroll::-webkit-scrollbar{display:none}
.hs-item{flex:0 0 128px;scroll-snap-align:start;text-decoration:none;color:var(--ink);font-size:12.5px;line-height:1.3}
.hs-img{position:relative;display:block;width:128px;height:96px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;margin-bottom:5px}
.hs-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.hs-item b{display:block;color:var(--brand);font-size:14.5px}
.hs-item span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x-pct{position:absolute;top:4px;left:4px;background:var(--sale);color:#fff;font-weight:800;font-size:11px;padding:2px 6px;border-radius:5px}
.x-sec{margin-bottom:16px}
.x-head{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 8px}
.x-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.2px}
.x-head a{font-weight:700;font-size:14px;text-decoration:none}
.x-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.x-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;padding:12px;border-bottom:1px solid var(--line);align-items:start}
.x-list > .x-row:last-child{border-bottom:0}
.x-thumb{position:relative;display:block;width:96px;height:96px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.x-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}
.x-body h3{margin:0 0 4px;font-size:15.5px;line-height:1.3;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x-body h3 a{color:var(--ink);text-decoration:none}
.x-body h3 a:hover{color:var(--brand)}
.x-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-bottom:3px}
.x-price b{color:var(--brand);font-size:17px;font-weight:900}
.x-price s{color:var(--muted);font-size:13.5px}
.x-badge{background:#FEE2E2;color:var(--sale);font-weight:800;font-size:12px;padding:1px 7px;border-radius:999px}
.x-badge.hot{background:#FFEDD5;color:#C2410C}
.x-meta{display:flex;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:12.5px;align-items:center}
.x-meta a{color:var(--muted);text-decoration:none}
.x-store{font-weight:800;color:var(--ink-2)}
.x-teaser{margin:5px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x-go{align-self:center;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:9px 12px;border-radius:8px;white-space:nowrap}
.x-go:hover{background:var(--brand-dark)}
.b-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.b-tile{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.b-img{display:flex;align-items:center;justify-content:center;height:110px;background:#F8FAFC;border-bottom:1px solid var(--line)}
.b-img img{max-height:96px;max-width:90%;object-fit:contain}
.b-img.card-art img{border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.b-body{padding:10px;display:flex;flex-direction:column;gap:4px;flex:1}
.b-kind{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}
.b-body h3{margin:0;font-size:14px;line-height:1.3}
.b-body h3 a{color:var(--ink);text-decoration:none}
.b-amt{color:var(--brand);font-size:16px}
.b-cta{margin-top:auto;display:block;text-align:center;background:var(--brand);color:#fff;font-weight:800;font-size:13px;padding:8px 6px;border-radius:8px;text-decoration:none}
.t-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.t-scroll::-webkit-scrollbar{display:none}
.t-item{flex:0 0 220px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;padding-bottom:10px}
.t-item img{width:100%;height:124px;object-fit:cover;background:#F1F5F9}
.t-store{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;padding:8px 10px 2px}
.t-item b{font-size:14px;line-height:1.3;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-price{color:var(--brand);font-weight:800;padding:4px 10px 0;font-size:14px}
.m-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.m-img{position:relative;display:block;height:120px}
.m-img img{width:100%;height:100%;object-fit:contain}
.m-t{font-size:13px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-p b{color:var(--brand);font-size:15px}.m-p s{color:var(--muted);font-size:12.5px;margin-left:6px}
/* ad slots (our own promos now; AdSense can replace the inner <a>) */
.ad{position:relative;background:#fff;border:1px solid #BFDBFE;border-radius:12px;overflow:hidden;margin:0 auto}
.ad-label{position:absolute;top:6px;right:8px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700;z-index:1}
.ad-300x250{width:300px;height:250px}.ad-300x600{width:300px;height:600px;display:flex;flex-direction:column}
.ad-320x100{width:100%;max-width:728px;height:100px}
.ad-inline{padding:10px 0;background:var(--paper)}
.x-list .ad-inline{padding:10px 12px;border-bottom:1px solid var(--line)}
.promo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;height:100%;padding:18px 16px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1D4ED8,#1E3A8A);flex:1}
.promo img{max-width:150px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.promo .pr-ico{font-size:34px;line-height:1}
.promo .pr-t{font-weight:900;font-size:19px;line-height:1.2}
.promo .pr-s{font-size:13px;opacity:.9}
.promo .pr-cta{margin-top:4px;background:#fff;color:var(--brand);font-weight:800;font-size:13px;padding:7px 14px;border-radius:999px}
.promo-wa{background:linear-gradient(135deg,#15181D,#1F2937)}.promo-wa .pr-cta{background:#25D366;color:#fff}
.promo-adv{background:#EFF6FF;color:var(--ink)}.promo-adv .pr-cta{background:var(--brand);color:#fff}
.ad-300x600 .promo + .promo{border-top:1px solid #BFDBFE}
.ad-320x100 .promo{flex-direction:row;flex-wrap:wrap;gap:2px 12px;padding:10px 14px;justify-content:flex-start;text-align:left}
.ad-320x100 .promo img{max-width:74px;max-height:48px}
.ad-320x100 .promo .pr-ico{font-size:26px}
.ad-320x100 .promo .pr-t{font-size:15px;flex:1 1 60%}
.ad-320x100 .promo .pr-s{display:none}
.ad-320x100 .promo .pr-cta{margin:0;font-size:12px;padding:6px 10px}
.sidebar .ad{margin:0}
/* card/bank posts */
.apply-cta .btn.big{font-size:17px;padding:14px 22px;border-radius:10px}
.post-img.tile img{width:140px;height:140px;border-radius:14px;border:1px solid var(--line)}
.bank-art{display:block;margin:-2px 0 8px}.bank-art img{width:auto;height:88px;max-width:250px;object-fit:contain;border-radius:10px}
.faq{margin-top:28px}.faq h2{margin-bottom:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px}
.faq summary{font-weight:800;cursor:pointer}
.faq p{margin:8px 0 4px}.faq-by{font-size:12px;color:var(--muted);font-weight:700}
.comments{margin-top:28px}.comments-box{background:#F8FAFC;border:1px dashed var(--line-2);border-radius:10px;padding:14px 16px}
.comments-box p{margin:0}
.search-form input{width:100%;font-size:17px;padding:13px 14px;border:2px solid var(--brand);border-radius:10px;margin-bottom:12px}
.follow-icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.fi-title{font-weight:800;font-size:13px;width:100%}
.fi{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none}
.fi.wa{background:#25D366;color:#fff}.fi.x{background:#000;color:#fff;border:1px solid rgba(255,255,255,.35)}.fi.ig{background:linear-gradient(45deg,#F09433,#E6683C,#DC2743,#CC2366,#BC1888);color:#fff}.fi.fb{background:#1877F2;color:#fff}.fi.tg{background:#229ED9;color:#fff}.fi.soon{background:rgba(255,255,255,.08);color:#9CA3AF;border:1px solid rgba(255,255,255,.15)}
.contact-line a{word-break:break-all}
@media (max-width:900px){.top.slim .wrap{height:54px}.top.slim .brand img{height:38px}.menu-btn{display:none}
  .layout.home2{display:block}.home2 .sidebar{display:none}
  .b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wrap{padding:0 12px}
  .x-row{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px}
  .x-thumb{width:84px;height:84px}
  .x-go{display:none}
  .x-body h3{font-size:15px}
  .x-teaser{-webkit-line-clamp:1}
  .followbar{font-size:13px;padding:6px 10px}
  .t-item{flex-basis:180px}.t-item img{height:100px}}


/* ===== Oct 8, 2026: daily-deals signup, "Advertise here" slots, WOW badge, taglines ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.dsu{background:#fff;border:2px solid var(--brand);border-radius:12px;padding:14px 16px;display:grid;gap:10px}
.dsu-head{display:flex;gap:10px;align-items:flex-start}.dsu-ico{font-size:26px;line-height:1}
.dsu h2{margin:0;font-size:18px;letter-spacing:-.3px;color:var(--ink)}.dsu p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.dsu-form{display:flex;gap:8px}.dsu-form input[type=email]{flex:1 1 auto;min-width:0;padding:11px 12px;border:1px solid var(--line-2);border-radius:8px;font-size:16px;background:#fff;color:var(--ink)}
.dsu-form .btn{flex:0 0 auto;padding:11px 16px}
.dsu-wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;font-weight:800;border-radius:8px;padding:11px 14px;text-decoration:none;font-size:15px}
.dsu-wa:hover{background:#1ebe5a;color:#fff}
.dsu-thanks{background:#ECFDF5;border:1px solid #A7F3D0;color:#065F46;border-radius:8px;padding:10px 12px;font-size:14px}
.dsu-err{margin:0;color:#B91C1C;font-size:13px}
.dsu.done .dsu-form{display:none}
.dsu-side{background:#15181D;border-color:#15181D}.dsu-side h2{color:#fff}.dsu-side p{color:#C9CCD3}
.dsu-side .dsu-form{flex-direction:column}.dsu-side .dsu-form input[type=email]{background:#fff}
.dsu-top{border-width:2px;box-shadow:0 4px 14px rgba(29,78,216,.12)}
.m-signup{padding:12px 0;border-bottom:1px solid var(--line)}
.m-only{display:none}
@media (max-width:1000px){.m-only{display:block}}
.foot-signup{max-width:720px;margin:0 auto 22px}
.dsu-footer{background:#1C2027;border-color:#1D4ED8;color:#fff}.dsu-footer h2{color:#fff}.dsu-footer p{color:#C9CCD3}
.foot-ad{display:flex;justify-content:center;margin:0 0 26px}
/* unsold ad slots */
.ad-open{border:2px dashed #93C5FD;background:#EFF6FF;border-radius:10px;overflow:hidden}
.adhere{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;height:100%;padding:12px;text-decoration:none;color:var(--ink)}
.adhere:hover{background:#DBEAFE}
.ah-k{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:var(--brand)}
.ah-t{font-weight:900;font-size:19px;line-height:1.15}
.ah-s{font-size:12.5px;color:var(--muted)}
.ah-cta{margin-top:4px;background:var(--brand);color:#fff;font-weight:800;font-size:12.5px;padding:6px 12px;border-radius:999px}
.ad-728x90{width:100%;max-width:728px;height:90px;margin:0 auto}
.ad-728x90 .adhere,.ad-320x100.ad-open .adhere{flex-direction:row;flex-wrap:wrap;gap:2px 12px;padding:8px 14px}
.ad-728x90 .ah-k,.ad-320x100.ad-open .ah-k{flex-basis:100%}
.ad-728x90 .ah-t,.ad-320x100.ad-open .ah-t{font-size:17px}
.ad-320x100.ad-open .ah-s{display:none}
.top-ad{padding:10px 0 4px}
.post-ad{margin:12px 0}
.side-sticky{position:sticky;top:70px;display:grid;gap:16px}
.sidebar{position:static}
@media (max-width:760px){
  .top-ad{padding:8px 0 0}.ad-leader{height:50px;max-width:320px}
  .ad-leader .ah-k,.ad-leader .ah-s{display:none}.ad-leader .adhere{padding:4px 10px;flex-wrap:nowrap}.ad-leader .ah-t{font-size:14px}.ad-leader .ah-cta{margin:0;font-size:11px;padding:4px 9px}
  .ad-728x90{height:auto;min-height:72px}.ad-728x90 .ah-s{display:none}
  .ad-728x90.ad-leader{min-height:0;height:52px}
  .foot-ad .ad-728x90{max-width:320px}
}
/* WOW badge + taglines */
.x-tags,.post-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 3px}
.wow{display:inline-block;background:linear-gradient(90deg,#DC2626,#F97316);color:#fff;font-weight:900;font-size:11.5px;letter-spacing:.4px;padding:3px 8px;border-radius:6px;text-transform:uppercase;box-shadow:0 2px 6px rgba(220,38,38,.3)}
.x-tag{font-size:11.5px;font-weight:800;color:var(--brand);background:#EFF6FF;padding:3px 8px;border-radius:6px}
.post-tags .wow{font-size:14px;padding:5px 12px}.post-tags .x-tag{font-size:13.5px;padding:5px 10px}
.post-desc{font-size:17px;color:var(--ink-2);margin:6px 0 10px;line-height:1.45}
/* advertise page */
.adv{max-width:900px}
.adv-hero{background:linear-gradient(135deg,#1D4ED8,#1E3A8A);color:#fff;border-radius:16px;padding:26px 24px;margin:8px 0 22px}
.adv-hero h1{color:#fff;margin:6px 0 10px;font-size:30px;line-height:1.15;letter-spacing:-.5px}.adv-hero p{color:#DBEAFE;font-size:16px;margin:0 0 16px}
.adv-k{display:inline-block;background:#fff;color:var(--brand);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:1px;padding:4px 10px;border-radius:999px}
.adv-cta{display:flex;flex-wrap:wrap;gap:10px}
.adv-hero .btn{background:#fff;color:var(--brand)}
.btn.wa{background:#25D366;color:#fff;border-color:#25D366}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.adv-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.adv-card h3{margin:6px 0 6px;font-size:17px}.adv-card p{margin:0;font-size:14.5px;color:var(--ink-2)}.adv-i{font-size:26px}
.adv-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14.5px;margin-bottom:22px}
.adv-table th{background:#15181D;color:#fff;text-align:left;padding:10px 12px}.adv-table td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.adv-rules li{margin:5px 0}
.adv-box{background:#EFF6FF;border:2px dashed #93C5FD;border-radius:14px;padding:20px;margin:20px 0}.adv-box h2{margin:0 0 6px}
@media (max-width:760px){.adv-grid{grid-template-columns:1fr}.adv-hero h1{font-size:24px}.adv-table thead{display:none}.adv-table tr{display:grid;padding:8px 0;border-top:1px solid var(--line)}.adv-table td{border:0;padding:2px 12px}}
.thanks-page .btn{margin-top:4px}
.ad-open{display:flex}.ad-open .adhere{flex:1 1 auto}
.dsu-anchor{display:none}
.block:has(> .dsu-anchor:only-child),.block:has(> .wrap > .dsu-anchor:only-child){display:none}

/* bank / card offer header (the bank's own offer page) */
.offer-hero{position:relative;margin:6px 0 16px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
.offer-hero > a img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:top}
.offer-hero figcaption{display:flex;align-items:center;gap:14px;background:#fff;padding:12px 16px;border-top:3px solid var(--brand)}
.oh-logo{width:200px;height:100px;object-fit:contain;border-radius:8px;background:#fff}
.oh-txt b{display:block;font-size:22px;color:var(--brand);line-height:1.1}.oh-txt small{display:block;font-size:12px;color:var(--muted)}
@media (max-width:640px){.oh-logo{width:150px;height:76px}.oh-txt b{font-size:19px}}

/* ---- Oct 9, 2026 upgrade: subscribe page, phone opt-in, referral bonuses, small polish ---- */
.sub-page .wrap.narrow{max-width:640px}
.sub-hero{text-align:center;margin:6px 0 18px}.sub-hero h1{font-size:clamp(26px,5vw,36px);letter-spacing:-.8px;margin:0 0 6px}.sub-hero p{color:var(--muted);margin:0;font-size:15.5px}
.sub-opt{margin:0 0 14px}.sub-opt h2{font-size:19px}.sub-note{margin:0 0 4px!important}
.sub-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:4px 0 14px}.sub-or::before,.sub-or::after{content:"";flex:1;height:1px;background:var(--line-2)}
.sub-fine{color:var(--muted);font-size:12.5px;margin:6px 0 0}
.sub-form{display:grid;gap:10px}
.fl{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0}
.tel-row{display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:#fff}
.tel-row:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(29,78,216,.15)}
.tel-cc{display:flex;align-items:center;padding:0 12px;background:#F3F4F6;color:var(--ink-2);font-weight:700;font-size:15px;border-right:1px solid var(--line-2)}
.tel-row input[type=tel]{flex:1 1 auto;min-width:0;border:0;padding:11px 12px;font-size:16px;color:var(--ink);background:#fff;outline:none}
.chan{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.chan legend{padding:0;margin-bottom:6px;float:left;width:100%}
.chan label{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--ink)}.chan input{accent-color:var(--brand);width:18px;height:18px;margin:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--muted);background:#F8F9FB;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.consent input{accent-color:var(--brand);width:18px;height:18px;flex:0 0 auto;margin:2px 0 0}.consent a{color:var(--brand)}
.sub-form .btn{justify-self:start;padding:11px 18px}
.dsu-more{margin:4px 0 0!important;font-size:13px!important}.dsu-more a{font-weight:700}
.sub-page+.block .dsu-anchor{display:none}
/* Referral bonuses */
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;min-width:0}
.ref-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:10px;min-width:0;box-shadow:0 1px 3px rgba(21,24,29,.05)}
.ref-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ref-top h3{margin:0;font-size:17px;letter-spacing:-.3px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.ref-top .cat{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--brand);background:#EEF2FF;border-radius:999px;padding:4px 9px;white-space:nowrap}
.ref-facts{margin:0;display:grid;gap:8px}.ref-facts>div{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:start}
.ref-facts dt{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding-top:2px}.ref-facts dd{margin:0;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.ref-req{margin:0;font-size:13.5px;color:var(--ink-2);overflow-wrap:anywhere}.ref-card .checked{margin:0;font-size:12px;color:var(--muted)}
.ref-card .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2px}.ref-card .actions .btn{padding:9px 14px;font-size:14px}
.pill-soon{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;color:var(--ink-2);background:#F3F4F6;border:1px dashed var(--line-2);border-radius:999px;padding:7px 12px}
/* small polish */
.x-head{gap:10px;flex-wrap:wrap}.x-head a{white-space:nowrap}.x-head .updated{display:inline-block;font-size:12.5px;font-weight:600;color:var(--muted);margin-left:8px;letter-spacing:0}
@media (max-width:560px){.x-head .updated{display:block;margin:2px 0 0}.ref-facts>div{grid-template-columns:1fr}.ref-facts dt{padding-top:0}}
footer a{overflow-wrap:anywhere}
/* nav: "More ▾" dropdown on desktop (the extra items fold under it); on phones everything scrolls in the bar and More is hidden */
nav.main.scrollnav ul{align-items:stretch}
nav.main.scrollnav .nav-more{display:none;position:relative}
nav.main.scrollnav .nav-more summary{list-style:none;cursor:pointer;color:#fff;font-size:13px;font-weight:700;padding:11px 13px 9px;white-space:nowrap;border-bottom:3px solid transparent}
nav.main.scrollnav .nav-more summary::-webkit-details-marker{display:none}
nav.main.scrollnav .nav-more details[open] summary{color:#BFD3FF}
nav.main.scrollnav .nav-more ul{position:absolute;right:0;top:100%;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(21,24,29,.18);min-width:200px;padding:6px 0;overflow:visible;z-index:30}
nav.main.scrollnav .nav-more ul a{color:var(--ink);padding:10px 16px;font-size:14px;border:0}nav.main.scrollnav .nav-more ul a:hover{background:#F3F4F6;color:var(--brand-dark)}
@media (min-width:901px){nav.main.scrollnav .nav-x{display:none}nav.main.scrollnav .nav-more{display:block;margin-left:auto}nav.main.scrollnav ul{overflow:visible}}
.dsu.done .sub-form{display:none}

/* ===== House ads (Oct 9, 2026): .had-slot boxes with our own creatives; AdSense drops into the same boxes ===== */
.had-slot{position:relative;margin:0 auto;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #DBEAFE;box-shadow:0 1px 2px rgba(21,24,29,.05),0 10px 28px -14px rgba(29,78,216,.35)}
.had-300x340{width:300px;height:340px}.had-300x600{width:300px;height:600px}
.had-970x250{width:100%;max-width:970px;height:250px}.had-728x160{width:100%;max-width:728px;height:160px}
.had{position:relative;display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:var(--ink);background:#fff;overflow:hidden}
.had-label{position:absolute;top:8px;left:8px;z-index:3;font-size:9.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#1D4ED8;background:rgba(255,255,255,.94);padding:3px 7px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.had-img{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 158px;height:158px;background:linear-gradient(180deg,#F8FAFC,#EFF6FF);overflow:hidden}
.had-img img{max-width:94%;max-height:94%;object-fit:contain;transition:transform .6s ease}
.had:hover .had-img img{transform:scale(1.06)}
.had-art img{max-width:90%;max-height:88%;border-radius:8px;box-shadow:0 10px 22px rgba(21,24,29,.28)}
.had-pct{position:absolute;right:10px;bottom:10px;background:#DC2626;color:#fff;font-weight:900;font-size:13px;padding:3px 8px;border-radius:999px;box-shadow:0 2px 6px rgba(220,38,38,.35)}
.had-body{display:flex;flex-direction:column;gap:3px;padding:10px 14px 12px;flex:1;min-width:0}
.had-k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#1D4ED8}
.had-t{font-weight:800;font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.had-s{font-size:12px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.had-p{font-size:14px;line-height:1}.had-p b{font-size:19px;color:#15181D;margin-right:6px}.had-p s{color:var(--muted);font-size:12.5px}
.had-cta{margin-top:auto;align-self:flex-start;background:#1D4ED8;color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;transition:background .2s,transform .2s;white-space:nowrap}
.had:hover .had-cta{background:#1E40AF;transform:translateX(2px)}
.had-ico{font-size:54px;background:linear-gradient(135deg,#15181D,#1F2937);color:#fff}
.had-wa .had-cta{background:#25D366}.had-wa:hover .had-cta{background:#1DA851}
.had-video{background:#15181D}.had-video video,.had-video img{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none}
.had-adv .had-body{background:linear-gradient(180deg,#fff,#EFF6FF)}
.had-yimg{background:linear-gradient(135deg,#1D4ED8,#1E3A8A);color:#fff}
.had-yimg-t{font-weight:900;font-size:46px;line-height:.96;letter-spacing:.5px;text-align:center;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.25)}
@media (max-width:760px){.had-yimg-t{font-size:22px}}
.had-970x250 .had,.had-728x160 .had{flex-direction:row;align-items:stretch}
.had-970x250 .had-img{flex:0 0 280px;height:auto}.had-728x160 .had-img{flex:0 0 200px;height:auto}

.had-970x250 .had-ico,.had-728x160 .had-ico{font-size:60px}
.had-970x250 .had-body,.had-728x160 .had-body{flex-direction:row;align-items:center;flex-wrap:wrap;gap:2px 14px;padding:8px 14px 8px 16px}
.had-970x250 .had-k,.had-728x160 .had-k{flex-basis:100%}
.had-970x250 .had-t{flex:0 1 auto;max-width:52%;-webkit-line-clamp:2;font-size:21px}.had-728x160 .had-t{flex:1 1 55%;min-width:0;-webkit-line-clamp:1;font-size:16px}
.had-970x250 .had-s{flex:1 1 0;min-width:0;-webkit-line-clamp:2;font-size:13.5px}.had-728x160 .had-s{display:none}
.had-970x250 .had-p,.had-728x160 .had-p{flex:0 0 auto}
.had-970x250 .had-cta,.had-728x160 .had-cta{margin:0 0 0 auto;flex:0 0 auto;font-size:14px;padding:9px 18px}
.had-970x250 .had-label,.had-728x160 .had-label{top:auto;bottom:4px;left:4px;font-size:7.5px;letter-spacing:.5px;padding:2px 5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.had-970x250 .had-pct,.had-728x160 .had-pct{right:4px;top:4px;bottom:auto;font-size:11px;padding:2px 6px}
.had-tall{background:#15181D}.had-tall video{width:100%;height:533px;object-fit:cover;display:block;background:#15181D}
.had-tall-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;height:67px;background:#fff}
.had-tall .had-t{font-size:15px;-webkit-line-clamp:1}.had-tall .had-s{display:none}.had-tall .had-cta{margin:0;font-size:11.5px;padding:5px 10px}
.had-rot{position:relative;display:block;width:100%;height:100%}
.had-slide{position:absolute;inset:0;opacity:0;z-index:0;animation-duration:var(--t);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}
@keyframes hadfade2{0%{opacity:0;z-index:0}5%{opacity:1;z-index:2}45%{opacity:1;z-index:2}50%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}
@keyframes hadfade3{0%{opacity:0;z-index:0}4%{opacity:1;z-index:2}29.3%{opacity:1;z-index:2}33.3%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}
@keyframes hadfade4{0%{opacity:0;z-index:0}3%{opacity:1;z-index:2}22%{opacity:1;z-index:2}25%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}
@keyframes hadfade5{0%{opacity:0;z-index:0}2.5%{opacity:1;z-index:2}17.5%{opacity:1;z-index:2}20%{opacity:0;z-index:0}100%{opacity:0;z-index:0}}
@media (prefers-reduced-motion:reduce){.had-slide{animation:none!important}.had-slide:first-child{opacity:1;z-index:2}.had-img img{transition:none}}
@media (max-width:640px){.had-728x90{height:78px}.had-728x90 .had-img{flex-basis:72px}.had-728x90 .had-s{display:none}.had-728x90 .had-t{font-size:14px;max-width:60%}}

/* ===== Oct 9, 2026 round 3: DansDeals-style header, Yahoo-style spread-out homepage, pop-up deal card, EXPIRED state ===== */
body.home{--max:1400px}
.topbar2{background:#15181D;color:#C9CCD3;font-size:12.5px}
.topbar2 .wrap{display:flex;align-items:center;justify-content:space-between;height:32px;gap:12px}
.topbar2 ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.topbar2 a{color:#C9CCD3;text-decoration:none;font-weight:600;white-space:nowrap}.topbar2 a:hover{color:#fff}
.topbar2 .tb-right{display:flex;gap:18px}.topbar2 .tb-right a:last-child{color:#60A5FA}
header.top.big{background:#fff;border-bottom:1px solid var(--line)}
header.top.big .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:112px;gap:12px}
header.top.big .brand{justify-self:center}header.top.big .brand img{height:72px;width:auto}
header.top.big .hdr-search{justify-self:start}
.hdr-signup{justify-self:end;display:inline-flex;align-items:center;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;padding:9px 16px;border-radius:999px;white-space:nowrap}.hdr-signup:hover{background:var(--brand-dark)}
nav.main.scrollnav.centered ul{justify-content:center}
nav.main.scrollnav.centered li:first-child a{padding-left:13px}
nav.main.scrollnav.centered a{font-size:14px;padding:13px 15px 11px}
nav.main.scrollnav.centered .nav-more summary{font-size:14px;padding:13px 15px 11px}
@media (min-width:901px){nav.main.scrollnav.centered .nav-more{margin-left:0}}
@media (max-width:900px){.topbar2 .wrap{height:30px;overflow-x:auto;scrollbar-width:none}.topbar2 ul{gap:14px}.topbar2 .tb-right{display:none}
  header.top.big .wrap{height:76px}header.top.big .brand img{height:48px}.hdr-signup{padding:8px 12px;font-size:12.5px}}
@media (max-width:420px){header.top.big .brand img{height:42px}}
/* homepage */
.home-top{padding-top:14px}
.home .h-chips{padding-bottom:16px}
.y-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:stretch;margin:0 0 22px}
.y-hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(21,24,29,.04)}
.y-hero-img{position:relative;display:block;background:#fff;min-height:420px;border-right:1px solid var(--line)}
.y-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:28px}
.y-pct{position:absolute;top:14px;left:14px;background:var(--sale);color:#fff;font-weight:800;font-size:14px;padding:4px 10px;border-radius:8px}
.y-hero-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.y-kicker{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand)}
.y-hero-body h2{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.15;letter-spacing:-.6px}
.y-hero-body h2 a{color:var(--ink);text-decoration:none}.y-hero-body h2 a:hover{color:var(--brand-dark)}
.y-hero-body p{margin:0;color:var(--ink-2);font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.y-hero-price{display:flex;align-items:center;gap:12px;margin-top:4px}.y-hero-price b{font-size:40px;letter-spacing:-1px;color:var(--brand)}.y-hero-price s{color:var(--muted);font-size:18px}
.y-hero-meta{font-size:13.5px;color:var(--muted);font-weight:600}
.y-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.y-cta{font-size:16px;padding:13px 22px}
.y-rail{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px 14px;display:flex;flex-direction:column}
.y-rail h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);font-weight:800;padding-bottom:8px;border-bottom:2px solid var(--brand)}
.y-rail ol{list-style:none;margin:0;padding:0;flex:1}
.y-rail li{border-bottom:1px solid var(--line)}.y-rail li:last-child{border-bottom:0}
.y-rail li a{display:grid;grid-template-columns:18px 56px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;text-decoration:none;color:var(--ink)}
.y-rail .y-n{font-weight:800;color:var(--muted);font-size:13px}
.y-rail img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;padding:3px}
.y-rt{font-size:13.5px;line-height:1.3}.y-rt>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.y-rt b{color:var(--brand);font-size:14.5px}.y-rt em{font-style:normal;color:var(--sale);font-weight:700;font-size:12px}.y-rt small{color:var(--muted);font-size:12px}
.y-rail li a:hover .y-rt>span{color:var(--brand-dark)}
.y-rail-all{display:block;text-align:center;font-weight:700;font-size:13.5px;text-decoration:none;padding-top:10px;border-top:1px solid var(--line)}
.home-lb{padding:0 0 10px}
.home3 .feed{padding-top:8px}
.y-sec{margin:0 0 30px}
.y-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.y-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}
.y-head a{font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.y-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.y-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.y-card:hover{box-shadow:0 12px 28px -12px rgba(21,24,29,.3);transform:translateY(-2px)}
.y-img{position:relative;display:block;aspect-ratio:1/1;background:#fff;border-bottom:1px solid var(--line)}
.y-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px}
.y-img .y-pct{font-size:12px;padding:3px 8px;top:10px;left:10px}
.y-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.y-store{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.y-wow{color:#C2410C}
.y-body h3{margin:0;font-size:15.5px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.y-body h3 a{color:var(--ink);text-decoration:none}.y-body h3 a:hover{color:var(--brand-dark)}
.y-price{display:flex;align-items:baseline;gap:8px;margin-top:auto}.y-price b{font-size:21px;color:var(--brand);letter-spacing:-.4px}.y-price s{color:var(--muted);font-size:13.5px}
.y-go{display:block;text-align:center;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;padding:9px 12px;border-radius:8px}.y-go:hover{background:var(--brand-dark)}
.home3 .x-head{border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:12px}.home3 .x-head h2{font-size:22px;letter-spacing:-.4px}
/* DansDeals-style rows: thumbnail, big title "… for $X from Store", one line under */
.x-row h3{font-size:18px;line-height:1.3;margin:0 0 4px}
.x-for{font-weight:600;color:var(--ink-2)}.x-for b{color:var(--brand)}
.x-row{grid-template-columns:110px minmax(0,1fr) auto;gap:14px;padding:14px 14px}
.x-thumb img{width:110px;height:110px}
.x-teaser{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* EXPIRED state (build-time "expired"/"ends" + script.js re-check of data-ends) */
.x-exp,.y-exp{position:absolute;top:8px;left:8px;background:#DC2626;color:#fff;font-weight:900;font-size:11px;letter-spacing:1px;padding:3px 8px;border-radius:6px}
.x-row.is-expired{background:#F3F4F6;opacity:.72}.x-row.is-expired .x-thumb img{filter:grayscale(1)}
.x-row.is-expired .x-price b{text-decoration:line-through;color:var(--muted)}.x-row.is-expired h3 a{color:var(--ink-2)}
.x-badge.expired{background:#15181D;color:#fff}
/* Deal Finder (Oct 13, 2026) */
.find-band{background:var(--brand);border-radius:14px;padding:18px 20px;margin:14px 0 6px;color:#fff}
.find-band-form label{display:block;font-weight:800;font-size:19px;margin-bottom:10px}
.find-band-row{display:flex;gap:10px}
.find-band-row input{flex:1;font-size:17px;padding:13px 14px;border:0;border-radius:10px;min-width:0}
.find-band-row .btn{background:#15181D;color:#fff;border:0;padding:13px 20px;border-radius:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.find-band-form p{margin:10px 0 0;font-size:14px;opacity:.92}
.find-form input{font-size:20px;padding:16px}
.find-sort{display:flex;align-items:center;gap:10px;margin:4px 0 14px}
.find-sort select{font-size:15px;padding:8px 10px;border:1.5px solid #CBD5E1;border-radius:8px;background:#fff}
.best-badge{background:var(--brand);color:#fff;font-weight:800;font-size:12px;padding:1px 8px;border-radius:999px;margin-left:8px;vertical-align:2px}
.x-save{color:#15803D;font-weight:700;font-size:14px}
.find-note{margin-top:18px}
@media (max-width:640px){.find-band-row{flex-direction:column}.find-band-row .btn{width:100%}}
.x-go.off{background:#9CA3AF;pointer-events:none}
.y-card.is-expired{opacity:.7;background:#F3F4F6}.y-card.is-expired .y-img img{filter:grayscale(1)}.y-card.is-expired .y-price b{text-decoration:line-through;color:var(--muted)}.y-card.is-expired .y-go{background:#9CA3AF;pointer-events:none}
.y-hero-main.is-expired .y-hero-price b{text-decoration:line-through;color:var(--muted)}.y-hero-main.is-expired .y-hero-img img{filter:grayscale(1)}
/* right rail: StackTheDeal Alerts */
.alerts-box{border-top:4px solid #25D366}
.ab-lead{margin:0 0 10px;font-size:13.5px;color:var(--ink-2)}
.ab-list{list-style:none;margin:0 0 12px;padding:0}.ab-list li{border-bottom:1px solid var(--line)}.ab-list li:last-child{border-bottom:0}
.ab-list a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;text-decoration:none;color:var(--ink)}
.ab-list img{width:40px;height:40px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;padding:2px}
.ab-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.3}
.ab-m{display:block;font-size:12px;color:var(--muted)}.ab-m b{color:var(--brand)}
.wa-btn{width:100%;background:#25D366;color:#fff}.wa-btn:hover{background:#1DA851}
/* pop-up deal card (bottom-left; sessionStorage remembers the close) */
.std-toast{position:fixed;left:18px;bottom:18px;z-index:60;width:360px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;background:#15181D;color:#fff;border:1px solid #2A2F38;border-radius:14px;padding:12px 14px 12px 12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);transform:translateY(130%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s}
.std-toast.std-on{transform:none;opacity:1}
.std-img{display:block;width:96px;height:96px;background:#fff;border-radius:10px;overflow:hidden}.std-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.std-body{min-width:0;padding-right:16px}
.std-k{display:block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#60A5FA}
.std-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;text-decoration:none;font-weight:700;font-size:14px;line-height:1.3;margin:3px 0 4px}.std-t:hover{color:#BFDBFE}
.std-p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.std-p b{font-size:19px}.std-p s{color:#9CA3AF;font-size:13px}
.std-pct{background:#1D4ED8;color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px}
.std-go{display:inline-block;margin-top:8px;background:#1D4ED8;color:#fff;font-weight:800;font-size:13px;padding:8px 14px;border-radius:8px;text-decoration:none}.std-go:hover{background:#1E40AF}
.std-x{position:absolute;top:4px;right:4px;background:transparent;border:0;color:#9CA3AF;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.std-x:hover{color:#fff;background:#2A2F38}
.std-anim .std-body,.std-anim .std-img{animation:stdIn .45s ease}@keyframes stdIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:640px){.std-toast{left:10px;right:10px;bottom:10px;width:auto;grid-template-columns:72px minmax(0,1fr);padding:10px;gap:10px;border-radius:12px}.std-img{width:72px;height:72px}.std-p b{font-size:16px}.std-t{font-size:13px}.std-go{margin-top:5px;padding:6px 12px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.std-toast{transition:none}.std-anim .std-body,.std-anim .std-img{animation:none}}
/* responsive homepage */
@media (max-width:1180px){.y-hero{grid-template-columns:minmax(0,1fr) 320px}.y-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.y-hero-img{min-height:360px}}
@media (max-width:1000px){.y-hero{grid-template-columns:1fr}.y-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.y-hero-main{grid-template-columns:1fr}.y-hero-img{min-height:0;aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--line)}.y-hero-img img{padding:18px}.y-hero-body{padding:20px 20px 22px}.y-hero-price b{font-size:32px}
  .y-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.y-body{padding:10px 12px 12px}.y-body h3{font-size:14px}.y-price b{font-size:18px}.y-head h2{font-size:19px}
  .x-row{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px}.x-thumb img{width:84px;height:84px}.x-row h3{font-size:16px}.home-top{padding-top:10px}}
@media (max-width:380px){.y-grid{grid-template-columns:1fr}}

/* nav dropdowns (Credit Cards ▾ / Shopping ▾) */
nav.main.scrollnav .nav-dd{position:relative}
nav.main.scrollnav .nav-dd summary{list-style:none;cursor:pointer;color:#fff;font-size:14px;font-weight:700;padding:13px 15px 11px;white-space:nowrap;border-bottom:3px solid transparent;display:block}
nav.main.scrollnav .nav-dd summary::-webkit-details-marker{display:none}
nav.main.scrollnav .nav-dd .caret{font-size:11px;opacity:.8;margin-left:2px}
nav.main.scrollnav .nav-dd.is-here summary{border-bottom-color:#60A5FA}
nav.main.scrollnav .nav-dd summary:hover,nav.main.scrollnav .nav-dd details[open] summary{color:#BFDBFE}
@media (min-width:901px){
  nav.main.scrollnav .nav-dd ul{display:none;position:absolute;left:0;top:100%;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(21,24,29,.18);min-width:230px;padding:6px 0;overflow:visible;z-index:30}
  nav.main.scrollnav .nav-dd details[open] ul,nav.main.scrollnav .nav-dd:hover ul{display:flex}
  nav.main.scrollnav .nav-dd ul a{color:var(--ink);padding:10px 16px;font-size:14px;border:0;text-transform:none}nav.main.scrollnav .nav-dd ul a:hover{background:#F3F4F6;color:var(--brand-dark)}
  nav.main.scrollnav .nav-dd ul a[aria-current]{color:var(--brand-dark);font-weight:800}
  nav.main.scrollnav.centered a,nav.main.scrollnav.centered .nav-dd summary{font-size:15px;padding:14px 18px 12px;letter-spacing:.1px}
}
@media (max-width:900px){
  nav.main.scrollnav.centered ul{justify-content:flex-start}
  nav.main.scrollnav .nav-dd ul{position:static;display:none;flex-direction:row;background:transparent;border:0;box-shadow:none;padding:0}
  nav.main.scrollnav .nav-dd details[open] ul{display:flex}
  nav.main.scrollnav .nav-dd ul a{color:#BFDBFE;font-size:13px;padding:11px 10px 9px}
  nav.main.scrollnav .nav-dd details{display:flex}
}
/* StackTheDeal Alerts (WhatsApp) box — DansDeals style */
.wa-box{background:#E9EDEF;border:1px solid #D7DCE0;border-radius:var(--radius);overflow:hidden}
.wa-head{display:flex;align-items:center;gap:12px;background:#075E54;color:#fff;padding:12px 16px}
.wa-head b{display:block;font-size:16px;font-weight:800}.wa-head span{font-size:12.5px;opacity:.85}
.wa-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#25D366;color:#fff;flex:0 0 auto}
.wa-logo.big{width:68px;height:68px;margin-bottom:10px}
.wa-chat{padding:12px 12px 14px;background:#E5DDD5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23cfc6bb'/%3E%3C/svg%3E");display:flex;flex-direction:column;gap:8px}
.wa-day{align-self:center;background:#fff;color:#54656F;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-msg{display:block;background:#fff;border-radius:10px;padding:8px 10px 6px;text-decoration:none;color:var(--ink);box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:94%;font-size:13.5px;line-height:1.35;position:relative}
.wa-msg b{display:block;color:var(--brand);font-size:12.5px;margin-bottom:2px}.wa-msg>span{display:block}
.wa-msg time{display:block;text-align:right;font-size:11px;color:#8696A0;margin-top:2px}
.wa-msg:hover{background:#F7FBFF}
.wa-typing{display:inline-flex;gap:4px;background:#fff;border-radius:10px;padding:10px 12px;width:max-content;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-typing i{width:7px;height:7px;border-radius:50%;background:#9CA3AF;animation:waDot 1.2s infinite}.wa-typing i:nth-child(2){animation-delay:.2s}.wa-typing i:nth-child(3){animation-delay:.4s}
@keyframes waDot{0%,60%,100%{opacity:.35}30%{opacity:1}}
.wa-join{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;font-weight:800;font-size:16px;padding:13px 16px;border-radius:999px;text-decoration:none;margin-top:6px;box-shadow:0 2px 0 #1DA851}.wa-join:hover{background:#1DA851}
.wa-sub{text-align:center;font-size:12px;color:#54656F}
.side-box.cards-box{padding:0;overflow:hidden}.side-box.cards-box h3{background:#1E3A8A;color:#fff;margin:0;padding:11px 16px;border:0;font-size:13px;letter-spacing:.6px;text-transform:none;font-size:14px}
.side-box.cards-box .toplist{padding:6px 16px 10px}
.btn.wa.big{font-size:16px;padding:13px 20px;border-radius:999px}
.followbar a{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:5px 14px;font-weight:800}
.dsu-wa{display:inline-flex;align-items:center;gap:8px}
/* community page */
.comm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.comm-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.comm-card h2{margin:0;font-size:20px}.comm-card p{margin:0 0 6px;color:var(--ink-2)}.comm-card .btn{margin-top:auto}
.comm-ico{font-size:40px;line-height:1;margin-bottom:6px}
@media (max-width:640px){.comm-grid{grid-template-columns:1fr}}
/* small fixes */
header.top.big .brand img{height:84px}
@media (max-width:900px){header.top.big .brand img{height:52px}}
.y-price b.long,.y-hero-price b.long{font-size:17px;letter-spacing:0;line-height:1.2}
/* ===== Phase 1: official store logos (store tiles + store page headers) — sizes only, brand system untouched ===== */
.store-logo-img{display:block;height:64px;max-width:300px;object-fit:contain}
.store-head-logo{margin:0 0 14px}
.store-head-logo .store-logo-img{height:104px;max-width:400px}

/* ===== QA pass (Oct 9, 2026): cross-device overflow fixes — append only ===== */
/* Signup box (.dsu): the email form's min-content (326px) forced the grid track wider
   than the box on ~360px phones, so every row — including the green WhatsApp join
   button (.dsu-wa) — stuck ~8px out past the box's right edge. Cap the track at the
   box's content width and let the rows shrink/wrap inside it. */
.dsu{grid-template-columns:minmax(0,1fr)}
.dsu>*{min-width:0}
/* Card grids: .btn is white-space:nowrap, so long apply labels (e.g. "Apply on
   American Express's site") sized the button by content and jutted ~55px past the
   card's right edge (over the neighbouring card) in desktop 3-col grids. Let the
   button shrink to its card and wrap its label instead. */
.card .actions .btn{min-width:0;white-space:normal;text-align:center}
/* Leaderboard house ads (728x90) squeezed to phone width: with the kicker row plus a
   wrapped title/price row, the CTA fell ~19px below the fixed-height slot and was
   clipped. At phone widths drop the kicker row (the sub-line is already dropped at
   this size in this format) and tighten the body so the CTA always fits inside. */
@media (max-width:640px){
  .had-728x90 .had-k{display:none}
  .had-728x90 .had-body{padding:6px 12px;gap:2px 10px}
  .had-728x90 .had-cta{padding:5px 10px}
}
/* Advertise page: recruitment video embed (Oct 9, 2026) */
.adv-film{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:6px 0 24px}
.adv-film-t{flex:1 1 300px}.adv-film-t h2{margin:0 0 6px}.adv-film-t p{margin:0;color:var(--ink-2);font-size:15px}
.adv-film video{width:270px;max-width:82vw;height:auto;border-radius:14px;background:#15181D;display:block}

/* ===== Bank bonus pages: our own layout (Oct 10, 2026) — summary card up top,
   Our take right after it, requirements as a bordered step card, fees + FAQ low.
   Append only; existing palette/variables, no brand changes. ===== */
.bonus-summary{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--radius);padding:16px 18px;margin:16px 0 4px}
.bonus-summary .bs-top{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.bonus-summary .bs-amt{font-size:36px;font-weight:800;color:var(--brand-dark);letter-spacing:-1px;line-height:1.05}
.bonus-summary .bs-name{font-size:15px;font-weight:600;color:var(--muted)}
.bonus-summary .bs-line{margin:10px 0 2px;font-size:16px;color:var(--ink-2)}
.bonus-summary .cta{margin-top:12px}
.req-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 10px;margin:22px 0 6px}
.req-card h2{margin:0 0 6px}
.req-card .steps{margin:4px 0 6px}
@media (max-width:640px){.bonus-summary .bs-amt{font-size:32px}}

/* Hero rotation (Oct 11, 2026): top-pick slides stack in one grid cell and crossfade via .is-active
   (advanced by script.js every 5s; slide 1 is server-rendered active, so no-JS still shows the
   newest hot deal). Dots sit in their own row under the slides, brand blue. Append-only. */
.y-hero-rot{display:grid;align-content:start;min-width:0}
.y-hero-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s}
.y-hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .55s ease}
.y-hero-dots{grid-area:2/1;display:flex;gap:8px;justify-content:center;padding:12px 0 2px}
.y-hero-dot{width:25px;height:25px;border-radius:50%;border:0;padding:8px;background-clip:content-box;background-color:var(--line-2);cursor:pointer}
.y-hero-dot:hover{background-color:var(--muted)}
.y-hero-dot.is-active{background-color:var(--brand)}
.y-hero-dot:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion: reduce){.y-hero-slide{transition:none}}

/* Bigger billboards on small screens (Oct 13, 2026) */
@media (max-width:760px){.had-970x250{height:200px}.had-970x250 .had-img{flex-basis:130px}.had-970x250 .had-t{font-size:16px;-webkit-line-clamp:2}.had-970x250 .had-s{display:none}}