@font-face{font-family:Quicksand;src:url(fonts/Quicksand.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Quicksand Fallback";src:local("Arial"),local("Liberation Sans"),local("Helvetica Neue"),local("Helvetica");size-adjust:105.07%;ascent-override:100%;descent-override:25%;line-gap-override:0%}
:root{--red:#D52B1E;--cream:#FFF4E8;--ink:#1C1C1E;--gold:#F2B705}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Quicksand,"Quicksand Fallback",system-ui,sans-serif;font-weight:500;font-size:18px;line-height:1.55}
h1,h2,h3{font-weight:700;line-height:1.2;margin:0 0 .5em}
a{color:var(--red)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:var(--red)}
header img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.hero{padding:44px 0 32px;text-align:center}
.hero h1{font-size:clamp(30px,6vw,48px)}
.hero p{max-width:560px;margin:0 auto 24px;font-size:20px}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;text-decoration:none;padding:16px 28px;border-radius:999px;font-size:19px;border:3px solid var(--red)}
.btn:hover,.btn:focus{background:#b8231a;border-color:#b8231a}
.btn.alt{background:#fff;color:var(--red)}
.save{background:#fff;border-radius:18px;padding:20px;margin:28px auto 0;max-width:560px;border-left:6px solid var(--gold)}
.save p{margin:0 0 6px}
.num{font-weight:700;color:var(--red)}
section{padding:28px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card .tag{font-size:14px;font-weight:700;color:var(--red)}
.card h3{font-size:20px;margin:0}
.card p{margin:0;flex:1}
.card .btn{align-self:flex-start;padding:10px 20px;font-size:17px}
.note{font-size:16px;opacity:.85}
.steps{padding-left:22px}
footer{background:var(--ink);color:#fff;padding:32px 0;font-size:16px}
footer a{color:#fff}
footer p{margin:0 0 10px}
.page{padding-top:36px;padding-bottom:36px}
@media(min-width:700px){header img{margin:0}}
.actions{margin:12px 0 0}
.btn.small{padding:10px 18px;font-size:16px;margin:4px}
.coupon{font-size:16px;margin:0}
.code{font:inherit;font-weight:700;color:var(--red);background:var(--cream);border:2px dashed var(--red);border-radius:8px;padding:2px 10px;cursor:pointer}
.until{opacity:.8}
.card .btn.small{align-self:flex-start;margin:0}
.rform{display:flex;flex-direction:column;gap:8px;border-top:1px solid #eee;padding-top:10px}.rform textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px;border:2px solid #ddd;border-radius:10px}.rform label{font-size:15px}
button.btn{font-family:inherit;cursor:pointer}
.card .pic{display:block;background:#fff;border-radius:12px;height:190px;overflow:hidden}.card .pic img{width:100%;height:100%;object-fit:contain;display:block}
.card a.btn.report,.card button.btn.report{align-self:flex-start;background:none;border:0;border-radius:0;padding:2px 0;margin:0;font-size:13px;font-weight:600;color:#6b6b6b;text-decoration:underline;cursor:pointer}
.card a.btn.report:hover,.card button.btn.report:hover,.card a.btn.report:focus,.card button.btn.report:focus{background:none;color:#b8231a}
.cform{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 2px 8px rgba(0,0,0,.06);max-width:560px}.cform label{display:flex;flex-direction:column;gap:6px;font-weight:600}.cform input,.cform textarea{font:inherit;padding:12px;border:2px solid #ddd;border-radius:12px;box-sizing:border-box;width:100%}.cform input:focus,.cform textarea:focus{outline:3px solid #f6c9c5;border-color:var(--red)}.cform .actions{margin:0}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.filters input,.filters select{font:inherit;padding:10px 12px;border:2px solid #ddd;border-radius:12px;background:#fff;min-width:0;flex:1 1 150px}.filters .btn.small{margin:0}.card.ended{opacity:.8}.card.ended .pic img{filter:grayscale(.6)}

.chip{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin:0 6px 6px 0;background:#e8f1e8;color:#25512b}.chip.hot{background:#fde4dc;color:#9a2f12}.livecount{margin:.2rem 0 1rem;font-weight:600;opacity:.85}.checked{font-size:.85rem;opacity:.7;margin:.2rem 0}

.btn.join{background:#1f9d55;border-color:#1f9d55;color:#fff}
header .hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header .hdr img{margin:0}
header .join{padding:10px 18px;font-size:16px;background:#1f9d55;border-color:#fff}
header nav{padding:6px 16px 10px;font-size:15px}header nav a{color:#fff;margin-right:14px}
.gp{list-style:none;padding:0;margin:0 0 12px}.gp li{padding:8px 0;border-bottom:1px solid #0001}.gp small{opacity:.65;margin-left:6px}
.share{margin-left:8px}
@media(max-width:699px){header{position:sticky;top:0;z-index:20}header .hdr img{max-width:200px}header .join{padding:8px 12px;font-size:14px}}
html{scroll-padding-top:90px}
/* server-made pages */
.sticky{position:sticky;top:0;z-index:20}
.hdr2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 20px}
.hdr2 .logo img{width:150px;height:auto;display:block}
.sf{flex:1;min-width:140px}.sf input,.filters input,.filters select{width:100%;padding:10px 14px;border-radius:999px;border:2px solid #fff;font:inherit;font-size:16px}
.cm{position:relative;color:#fff}.cm summary{cursor:pointer;font-weight:700;list-style:none;padding:8px 10px}.cm div{position:absolute;right:0;background:#fff;border-radius:12px;padding:8px;min-width:190px;box-shadow:0 4px 14px rgba(0,0,0,.2)}.cm div a{display:block;padding:8px 10px;text-decoration:none}
.lang{color:#fff;font-weight:700;padding:8px 10px}
.btn.small{padding:8px 16px;font-size:16px}
.subrow{display:flex;gap:10px;flex-wrap:wrap}
.bds{display:flex;gap:6px;flex-wrap:wrap;min-height:4px}.bd{background:var(--gold);color:#1C1C1E;font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px}.bd.hot{background:var(--red);color:#fff}.bd.off{background:#1a7f37;color:#fff}.bd.gr{background:#888;color:#fff}
.card .pic img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px}
.card h3 a{color:inherit;text-decoration:none}.card.expired{opacity:.7}.card.expired .btn{background:#888;border-color:#888}
.pr{font-size:20px}.pr s{opacity:.6;font-size:16px}.pr.see{font-size:15px;opacity:.8}.asof,.ago{font-size:13px;opacity:.75;margin:0}
.dealpg{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:720px){.dealpg{grid-template-columns:1fr 1fr}}
.dpic{text-align:center}.dpic img{width:100%;max-width:480px;height:auto;border-radius:18px;background:#fff}
@media(max-width:719px){.dpic img{width:100%;max-width:360px;height:auto;object-fit:contain}}
.dcta{margin:14px 0 0}.dcta .btn{display:flex;align-items:center;justify-content:center;gap:8px;max-width:360px;margin:0 auto}
.dcta .onst{display:block;text-align:center;font-size:.72rem;color:#6b6b70;margin-top:.3rem}
.dealpg.expired .dcta .btn{background:#888;border-color:#888}
.dinfo .bds{margin:0 0 8px}.dinfo .meta{margin:0 0 10px}
@media(min-width:720px){.dcta{text-align:left}.dcta .btn{margin:0}.dcta .onst{text-align:left}}.card.flat{box-shadow:none;padding:0;background:none}.card.flat .pic,.card.flat h3{display:none}
.crumbs{padding:14px 0;font-size:15px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters label{font-size:15px}
.filters input[type=number]{width:90px}
.hero h1{margin-bottom:.3em}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;border:2px solid var(--red);border-radius:999px;padding:6px 16px;text-decoration:none;font-weight:700}
.joinblk{background:#fff;border-radius:18px;padding:22px;border-left:6px solid var(--gold);margin:20px 0}
.eform{margin-top:14px;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.eform label{flex:1;min-width:200px;font-size:15px}.eform input[type=email]{width:100%;padding:10px 14px;border-radius:999px;border:2px solid var(--red);font:inherit;font-size:16px}
.page{max-width:720px;padding:20px 0}.cform label{display:block;margin:10px 0}.cform input,.cform textarea{width:100%;padding:10px;border-radius:10px;border:2px solid #ddd;font:inherit}

/* ===== 2026-10 redesign (mockup) ===== */
:root{--bg:#fafaf8;--line:#e9e6e1;--mut:#6b6b70}
body{background:var(--bg);font-size:16px;line-height:1.5;padding-bottom:76px}
header.sticky{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;padding-bottom:8px}
.hr1{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 6px}
.hr1 .logo img{height:44px;width:auto;display:block}
.mb{color:var(--ink);display:flex;padding:6px}
.lp{display:inline-flex;background:#fff;border:2px solid #e3e0db;border-radius:999px;padding:2px}
.lp a{color:#6b6b70;font-weight:700;font-size:14px;padding:5px 12px;border-radius:999px;text-decoration:none}
.lp a.on{background:var(--ink);color:#fff}
.sf{display:flex;align-items:center;gap:10px;background:#efeeeb;border-radius:14px;padding:0 14px;margin:6px auto;max-width:928px;color:#8a8a8f}
.sf input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;padding:13px 0;outline:0;color:var(--ink)}
.chs{display:flex;gap:8px;overflow-x:auto;padding-top:4px;padding-bottom:2px;scrollbar-width:none}.chs::-webkit-scrollbar{display:none}
.ch{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:15px;padding:8px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.ch.on{background:var(--ink);color:#fff;border-color:var(--ink)}.ch.hotc{background:#fff0ed;border-color:#f7c9c0;color:var(--red)}
.menu{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45)}.menu:target{display:block}
.mp{background:#fff;width:min(320px,88vw);height:100%;padding:18px;overflow:auto}.mp a{display:block;padding:12px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700}.mp .x{color:var(--red);text-align:right}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#6b6b70;text-decoration:none;font-size:12px;font-weight:700;flex:1}.tabs a.on{color:var(--red)}
.totop{position:fixed;right:14px;bottom:84px;z-index:41;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .25s}.totop.show{opacity:1;pointer-events:auto}
@media(min-width:900px){.tabs{display:none}body{padding-bottom:0}.totop{bottom:20px}}
@media(min-width:1024px){.chs{flex-wrap:wrap;overflow:visible}}
@media(min-width:1280px){.wrap{max-width:1120px}}
/* hero */
.hero{text-align:left;padding:22px 0 14px;background:none}
.upd{display:inline-flex;align-items:center;gap:8px;background:#fff0ed;color:var(--red);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px;margin:0 0 14px;max-width:none}
.upd .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
.hero h1{font-size:clamp(34px,9vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 12px}.hero h1 span{color:var(--red)}
.hero p{margin:0 0 18px;font-size:18px;color:#4a4a4f;max-width:560px}
.hbtn{display:flex;flex-direction:column;gap:10px;max-width:560px}
.hbtn .btn{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.proof{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--mut);margin:16px 0 0!important}
.av{display:flex}.av i{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg);margin-right:-8px}.av i:nth-child(1){background:#f4a6a0}.av i:nth-child(2){background:#f2c14e}.av i:nth-child(3){background:#3aa0d8}.av{margin-right:8px}
.btn{border-radius:999px;font-size:17px;padding:14px 24px}
.btn .ar{vertical-align:-1px}
.sh{display:flex;justify-content:space-between;align-items:baseline}.sh h2{font-size:24px}
/* cards */
.grid{grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:960px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{padding:0 0 12px;gap:6px;overflow:hidden;border:1px solid var(--line);box-shadow:none;border-radius:18px}
.card>*:not(.ph){margin-left:12px;margin-right:12px}
.ph{position:relative}.card .pic{height:auto;border-radius:0;background:#f3f2ef}.card .pic img{border-radius:0;background:#f3f2ef;aspect-ratio:1;object-fit:contain}
.ph .bds{position:absolute;top:10px;left:10px;margin:0}
.bd{font-size:12px;letter-spacing:.02em;padding:4px 9px}.bd.off{background:var(--red);color:#fff}.bd.hot{background:#f2b705;color:#1c1c1e}
.bd.prime{background:#e4f3fb;color:#0b6a9a}
.meta{font-size:13px;color:var(--mut);margin-top:4px;flex:0}
.card h3{font-size:16px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0}
.pr{font-size:22px;color:var(--red);flex:0}.pr b{font-weight:800}.pr s{color:#9a9a9f;font-size:15px;opacity:1}.pr.see{font-size:14px;color:var(--mut);font-weight:600}
.sv{color:#1a7f37;font-weight:700;font-size:14px;margin:0;flex:0}.asof{font-size:12px;color:var(--mut);opacity:1}.pm{flex:0}
.card .btn{align-self:stretch;text-align:center;padding:11px 14px;font-size:16px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px}
.card.expired .ph img{filter:grayscale(1)}
.joinblk{border:1px solid var(--line);border-left:6px solid var(--red)}.tgd{font-size:15px;color:var(--mut);margin:12px 0 0}
/* footer */
footer{background:#1c1c1e;color:#c9c9cc;padding:28px 0 0;font-size:15px}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
footer h3,footer h4{margin:0 0 8px;color:#8f8f95;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
footer a{display:block;color:#fff;text-decoration:none;padding:5px 0}
.fd{font-size:13px;line-height:1.55;color:#c9c9cc;margin:22px 0}.fd strong{color:#fff}
.fstrip{background:linear-gradient(#1c1c1e,#b3201a 55%,#d52b1e);padding:34px 0 18px;color:#fff}.fstrip .wrap{display:flex;flex-direction:column;gap:12px}.fstrip p{margin:0;font-size:14px}
.fstrip .lp{align-self:flex-start;background:rgba(255,255,255,.18);border-color:transparent}.fstrip .lp a{color:#fff}.fstrip .lp a.on{background:#fff;color:#1c1c1e}
@media(min-width:700px){.hbtn{flex-direction:row}.fstrip .wrap{flex-direction:row;justify-content:space-between;align-items:center}}
.card p{flex:none}.card h3,.meta,.pr,.sv,.pm{flex:none}
.card .pic{background:#fff}
.card .btn{margin-top:auto}.card h3+*{margin-top:2px}html{scroll-padding-top:175px}
.card.flat{border:0;background:none;padding:0;overflow:visible}.card.flat>*:not(.ph){margin-left:0;margin-right:0}.card.flat .ph{position:static}.card.flat .ph .bds{position:static;margin:0 0 8px}.card.flat h3+*{margin-top:0}.card.flat .btn{margin-top:10px}
.hbtn{flex-direction:row;flex-wrap:wrap;align-items:stretch}.hbtn .btn{flex:1 1 auto;padding:14px 18px;white-space:nowrap}.hbtn .btn.alt{flex:0 0 auto}
.hero p.vh{font-size:14px;color:var(--mut);margin:10px 0 0}.hero p.vh+.proof{margin-top:14px!important}
.hero p.vh a{color:var(--red);font-weight:700}
/* hero buttons: WhatsApp full width, the other two in an equal two-column row */
.hbtn{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}
.hbtn .btn{flex:none;min-width:0;width:100%;padding:13px 10px;font-size:16px;white-space:nowrap;gap:8px}
.hbtn .btn:first-child{grid-column:1/-1;font-size:17px}
.hbtn .btn.alt:nth-child(2):last-child{grid-column:1/-1}
.hbtn .btn svg{flex:none}
.subrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}.subrow .btn{min-width:0;width:100%;text-align:center;padding:13px 10px;font-size:16px;white-space:nowrap}.subrow .btn:first-child{grid-column:1/-1}.subrow .btn:nth-child(2):last-child{grid-column:1/-1}
.card .btn{white-space:nowrap}
.card .onst{display:block;text-align:center;font-size:.72rem;color:var(--muted,#6b7280);margin-top:.3rem}

.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:#fff;color:#991b12;border:2px solid #D52B1E;border-radius:8px;z-index:10000;font-weight:700}.skip-link:focus{top:12px}

.subrow .btn{white-space:normal;overflow-wrap:anywhere;line-height:1.4}