:root{
  --ink:#16202f;--muted:#5d6676;--line:#e2e5ea;--bg:#f5f6f8;--card:#fff;
  --accent:#1b2a4a;--accent-dk:#0f1a33;--accent2:#fff4d6;--amber:#ffb703;--link:#2451b7;
  --ok:#1b7f3b;--bad:#c62828;--r:12px;
  --head:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --body:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:#fff;color:var(--ink);font:400 15.5px/1.55 var(--body)}
a{color:var(--link)}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.bleed{width:100vw;margin-left:calc(50% - 50vw)}
h1,h2,h3,h4{font-family:var(--head);font-weight:800;letter-spacing:-.02em;line-height:1.2}
h1{font-size:2rem;margin:1.6rem 0 .4rem}
h2{font-size:1.6rem;margin:2.2rem 0 1.2rem;display:flex;align-items:baseline;gap:12px}
h2.center,.center{text-align:center;justify-content:center}
h3{font-size:1.08rem;font-weight:700;margin:.1rem 0 .2rem}
.muted{color:var(--muted)}
.more{font-weight:700;font-size:.85rem;margin-left:auto}
.ico{flex:none}

/* Header */
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:20px;height:68px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--accent);font:800 1.35rem var(--head);letter-spacing:-.03em;white-space:nowrap}
.logo b{font-weight:800;color:#c98a00}
.logo small{font-weight:500;font-size:.75rem;color:var(--muted);letter-spacing:0}
.logo.light{color:#fff}.logo.light b{color:var(--amber)}
.main{display:flex;gap:4px;margin-left:12px;align-items:center}
.main a{padding:8px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:8px;white-space:nowrap}
.main a:hover{background:var(--bg)}
.main a.on{background:var(--accent2);color:var(--accent)}
.seg{display:flex;margin-left:auto;background:var(--bg);border-radius:999px;padding:3px}
.seg a{padding:6px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.85rem}
.seg a.on{background:var(--accent);color:#fff}
.owner-link{display:flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-weight:700;font-size:.85rem;white-space:nowrap}
.owner-link .ico{width:18px;height:18px}
.market select{border:1px solid var(--line);border-radius:8px;padding:6px;font:inherit;background:#fff}
.menu{display:none;margin-left:auto;background:none;border:0;font-size:1.5rem;color:var(--ink);cursor:pointer}
@media(max-width:1000px){.owner-link span{display:none}}
@media(max-width:900px){.menu{display:block;order:3;margin-left:0}.seg{margin-left:auto}.owner-link{display:none}
 .main{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px;margin:0}
 .nav-open .main{display:flex}.main a{padding:12px 6px}}

/* Buttons */
.btn{display:inline-block;background:var(--accent);color:#fff;border:2px solid var(--accent);padding:10px 20px;border-radius:999px;text-decoration:none;
  font:700 .9rem var(--head);cursor:pointer;text-align:center;white-space:nowrap}
.btn:hover{background:var(--accent-dk);border-color:var(--accent-dk)}
.btn.ghost{background:#fff;color:var(--accent)}.btn.ghost:hover{background:var(--bg)}
.btn.accent{background:var(--amber);border-color:var(--amber);color:#1b1300}.btn.accent:hover{background:#f0a800;border-color:#f0a800}
.btn.white{background:#fff;color:var(--accent);border-color:#fff}
.btn.sm{padding:6px 12px;font-size:.8rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* Home */
.hero{background:radial-gradient(circle at 85% 20%,#2c4377 0,transparent 45%),var(--accent);color:#fff}
.hero-in{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:60px}
.kicker{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border-radius:999px;padding:4px 12px 4px 8px;font-weight:600;font-size:.85rem}
.kicker .ico{width:16px;height:16px;color:var(--amber)}
.hero-text h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.12;margin:16px 0 14px}
.hero-text p{font-size:1.1rem;color:#d5dbea;margin:0 0 24px;max-width:560px}
.hero-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 6px 6px 16px;max-width:560px;color:var(--muted)}
.hero-search input{flex:1;border:0;outline:none;font:500 1rem var(--body);color:var(--ink);min-width:0;background:transparent}
.hero-side{display:flex;flex-direction:column;gap:10px}
.hero .eyebrow{color:#aeb8d0}
.eyebrow{font:700 11px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.eyebrow a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c,var(--accent))}
.hero-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:var(--r);padding:12px 18px;text-decoration:none;color:var(--ink);border-left:5px solid var(--c)}
.hero-row:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.hero-row b{display:block;font-weight:700;font-size:.95rem}.hero-row small{color:var(--muted)}
.hero-row .bigprice{font-size:.7em}
@media(max-width:860px){.hero-in{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:40px}}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-28px 0 10px;position:relative}
.quick a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(20,30,60,.08)}
.quick a:hover{border-color:var(--accent)}
.quick .qi{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:var(--accent2);color:#9a6a00;display:grid;place-items:center}
.quick b{font-size:.95rem}.quick small{color:var(--muted);font-size:.8rem}
@media(max-width:860px){.quick{grid-template-columns:1fr 1fr;margin-top:16px}}
.band-grey{background:var(--bg);padding:20px 0 44px;margin-top:30px}
.band-dark{background:var(--accent);color:#fff;padding:56px 0;margin-bottom:-50px}
.band-dark h2{color:#fff;margin-top:0}.band-dark p{font-size:1.1rem;color:#d5dbea;margin:0 0 24px}
.split{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center;padding:50px 0}
.split p{font-size:1.05rem;color:var(--muted)}
.provgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.prov{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem}
.prov::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.prov:hover{border-color:var(--c)}
@media(max-width:800px){.split{grid-template-columns:1fr}}

/* Grids and cards */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.g6{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:400px){.g2,.g3{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s}
.card:hover{box-shadow:0 8px 24px rgba(20,30,60,.08)}
.card[hidden]{display:none}
.plan,.promo{text-align:left}
.offer{background:var(--bg);border-radius:10px;padding:12px 14px;margin:8px 0}
.offer:empty{display:none}
.bigprice{display:inline-flex;align-items:flex-start;font-family:var(--head);font-weight:800;line-height:1;font-size:1rem;color:var(--ink)}
.bigprice .cur{font-size:1.5em;margin-top:.2em}
.bigprice .dol{font-size:3.2em;letter-spacing:-.04em}
.bigprice .cts{display:flex;flex-direction:column;font-size:1.1em;margin:.25em 0 0 3px;line-height:1}
.bigprice .cts small{font-size:.75em;font-weight:600;color:var(--muted);margin-top:4px}
.bigprice.na{font-size:1.1rem;color:var(--muted);padding:10px 0}
.data{font-weight:700;margin-top:6px}
.value{font:800 1.4rem/1.25 var(--head);color:var(--accent)}
.specs{list-style:none;margin:4px 0;padding:0;color:#3c4554;font-size:.9rem}
.specs li{padding:4px 0 4px 22px;position:relative}
.specs li::before{content:"";position:absolute;left:2px;top:.75em;width:10px;height:6px;border-left:2px solid #2f9e5b;border-bottom:2px solid #2f9e5b;transform:rotate(-45deg) translateY(-50%)}
.details{font-size:.9rem;color:#3c4554;margin:4px 0}
.note{font-size:.8rem;color:var(--muted);margin:4px 0}
.card footer{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.85rem}
.sub{font-size:.82rem;color:var(--muted)}.sub a{font-weight:700;text-decoration:none}
.ends{font-weight:700;font-size:.78rem;color:var(--muted);margin-left:auto}.ends.soon{color:var(--bad)}
/* travel / services cards */
.card header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}
.pname{font:700 11px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.tag{background:var(--bg);border-radius:999px;padding:2px 10px;color:#3c4554;font-weight:600;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.price{font:800 1.9rem var(--head);letter-spacing:-.03em}.price small{font-size:.85rem;font-weight:600;color:var(--muted)}
.src{font-size:.8rem;color:var(--muted);margin:0}

/* Filters */
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:16px 0 24px;display:flex;flex-direction:column;gap:12px;position:sticky;top:76px;z-index:10;box-shadow:0 4px 14px rgba(20,30,60,.05)}
@media(max-width:900px){.filters{position:static}}
.filters .row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:.9rem}
.filters label{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:.85rem}
.filters select,.filters input[type=search]{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:7px 10px;font:500 .95rem var(--body)}
.filters input[type=search]{flex:1;min-width:160px}
.filters input[type=range]{accent-color:var(--accent)}
.filters output{color:var(--ink);min-width:38px}
.count{color:var(--muted);font-size:.85rem;margin-left:auto}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{border:0;background:color-mix(in srgb,var(--c) 11%,#fff);color:color-mix(in srgb,var(--bt,var(--c)) 72%,#000);border-radius:999px;padding:8px 14px;font:700 .85rem var(--body);cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s,box-shadow .15s,transform .15s}
.chips button:hover{background:color-mix(in srgb,var(--c) 18%,#fff)}
.chips button:active{transform:scale(.97)}
.chips button.on{background:var(--c);color:var(--on,#fff);box-shadow:0 6px 16px -6px var(--c)}
.chips button.on::before{content:"\2713";font-size:.8em}
@media(max-width:600px){.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips button{flex:none}}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.tabs a{padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;border:1px solid var(--line);border-radius:999px;background:#fff}
.tabs a.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.tabs a.on .n{color:#cdd5e6}
.n{font-size:.75rem;color:var(--muted);margin-left:2px}
.empty{padding:30px;text-align:center;color:var(--muted)}

/* Stores */
.store p{margin:2px 0}.open{font-weight:700;font-size:.85rem}.open.yes{color:var(--ok)}.open.no{color:var(--bad)}
.pchips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}.pchips a{font-weight:700;font-size:.72rem;background:var(--c);color:#fff;padding:3px 9px;border-radius:999px;text-decoration:none}
.stars::before{content:"\2605\2605\2605\2605\2605";letter-spacing:1px;background:linear-gradient(90deg,#f5a623 calc(var(--r)/5*100%),#ccc 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.rating{font-size:.9rem}
.dist{font-weight:700;font-size:.8rem;color:var(--link)}
.store-promo{background:var(--accent2);border-radius:8px;padding:8px 10px;font-size:.88rem}
.store footer{justify-content:space-between}
details summary{cursor:pointer;font-size:.85rem;color:var(--link)}
.hours td{padding:1px 12px 1px 0;font-size:.85rem}
.storeimg{height:150px;object-fit:cover;background:var(--bg);margin:-20px -20px 8px;width:calc(100% + 40px);max-width:none;border-radius:var(--r) var(--r) 0 0}

/* Tables, provider page */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.tbl th{font-weight:700;font-size:.78rem;color:var(--muted);background:var(--bg)}
.prov-head{border-left:6px solid var(--c);padding-left:16px;margin-top:24px}
.prov-head h1{margin-top:0}

/* Footer */
.foot{background:#0f1a33;color:#c5cde0;margin-top:50px;font-size:.9rem}
.foot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-top:44px;padding-bottom:36px}
.foot h4{color:#fff;font-size:.9rem;margin:4px 0 12px}
.foot a{display:block;color:#e2e7f2;text-decoration:none;padding:3px 0}.foot a:hover{color:var(--amber)}
.foot .logo{display:flex;margin-bottom:12px}
.foot p{color:#aab4cb}
.footbar{border-top:1px solid #23304f;color:#8f9ab3;font-size:.8rem;padding:16px 0}
@media(max-width:800px){.foot .cols{grid-template-columns:1fr 1fr}}

/* Provider-branded cards: whole card in the provider colour */
.bhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.pbadge{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:5px 10px;min-height:32px;text-decoration:none;
  font:800 .95rem var(--head);letter-spacing:-.01em;color:var(--bt,var(--c,var(--accent)));box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pbadge img{height:22px;max-width:120px;object-fit:contain;display:block}
.card:not(.branded) .pbadge{border:1px solid var(--line);box-shadow:none;color:var(--ink)}
.btag{font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;
  background:color-mix(in srgb,var(--on,#16202f) 16%,transparent);color:var(--on,var(--ink));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.branded{background:var(--c);color:var(--on);border-color:transparent;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.branded:hover{box-shadow:0 10px 26px rgba(0,0,0,.2)}
.branded h3,.branded .details,.branded .specs,.branded .note,.branded .sub,.branded .ends,.branded .price,.branded .price small,.branded .muted,.branded p{color:var(--on)}
.branded .note,.branded .sub,.branded .ends,.branded .muted{opacity:.85}
.branded .specs li::before{border-color:var(--on)}
.branded .offer{background:#fff;color:#16202f}
.branded .offer .value{color:#16202f}
.branded a:not(.btn):not(.pbadge){color:var(--on);text-decoration:underline}
.branded .btn{background:#fff;color:#16202f;border-color:#fff}
.branded .btn:hover{background:#f1f1f1;border-color:#f1f1f1}
.branded .ends.soon{background:#fff;color:var(--bad);opacity:1;padding:2px 9px;border-radius:999px}
.branded .src{color:var(--on);opacity:.85}
@media(max-width:480px){.top .wrap{gap:10px}.logo{font-size:1.1rem}.logo svg{width:26px;height:26px}.seg a{padding:5px 9px;font-size:.78rem}}

/* ===== Modern, dynamic layer ===== */
body{background:
  radial-gradient(900px 500px at 100% -10%,rgba(255,183,3,.10),transparent 60%),
  radial-gradient(800px 500px at -10% 0%,rgba(36,81,183,.08),transparent 60%),#fafbfd;background-attachment:fixed}
.top{background:rgba(255,255,255,.78);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);transition:box-shadow .25s,background .25s}
.top.scrolled{box-shadow:0 6px 24px rgba(20,30,60,.08);background:rgba(255,255,255,.9)}
h1{background:linear-gradient(90deg,var(--accent),#3b5bab);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1,.band-dark h1{background:none;color:#fff}

/* Hero: drifting colour blobs, glass stats, tilting price rows */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.hero::before{width:520px;height:520px;background:#2f6bff;top:-180px;right:-120px}
.hero::after{width:420px;height:420px;background:#ffb703;bottom:-240px;left:8%;opacity:.35;animation-duration:22s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,40px) scale(1.1)}100%{transform:translate(40px,-30px) scale(.95)}}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.stat{display:flex;flex-direction:column;min-width:96px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);color:#fff;text-decoration:none;transition:transform .2s,background .2s}
a.stat:hover{transform:translateY(-3px);background:rgba(255,255,255,.14)}
.stat b{font-size:1.6rem;font-weight:800;line-height:1.1}.stat span{font-size:.78rem;color:#c3cbe0}
.hero-search{box-shadow:0 10px 30px rgba(0,0,0,.25);transition:box-shadow .2s,transform .2s}
.hero-search:focus-within{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px rgba(255,183,3,.35)}
.hero-side{perspective:900px}
.hero-row{transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.hero-row:hover{transform:translateX(-6px) rotateY(-4deg);box-shadow:0 16px 36px rgba(0,0,0,.28)}

/* Quick tiles */
.quick a{transition:transform .2s,box-shadow .2s,border-color .2s}
.quick a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,30,60,.12);border-color:transparent}
.quick .qi{background:linear-gradient(135deg,#ffe29a,#ffb703);color:#4a3300;transition:transform .3s}
.quick a:hover .qi{transform:rotate(-8deg) scale(1.08)}

/* Branded cards: gradient, glow, decorative shape, lift */
.branded{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,var(--c) 0%,var(--c) 45%,var(--c2,var(--c)) 100%);
  box-shadow:0 10px 28px -10px color-mix(in srgb,var(--c) 70%,transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.branded::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;
  background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 70%)}
.branded::before{content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:40px;left:-70px;bottom:-90px;transform:rotate(25deg);background:rgba(255,255,255,.07)}
.branded:hover{transform:translateY(-6px);box-shadow:0 22px 40px -12px color-mix(in srgb,var(--c) 80%,transparent)}
.branded .offer{box-shadow:0 6px 18px rgba(0,0,0,.12);border-radius:14px}
.card:not(.branded){transition:transform .25s,box-shadow .25s}.card:not(.branded):hover{transform:translateY(-4px)}
.btn{transition:transform .15s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,30,60,.18)}
.btn:active{transform:translateY(0)}

/* Reveal on scroll + pop when a filter brings a card back */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.reveal.shown{opacity:1;transform:none}
.branded.reveal.shown:hover{transform:translateY(-6px)}
.pop{animation:pop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* Filters: glass bar, plan-type pills, dropdown panel, active chips */
.filters{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(226,229,234,.9);position:sticky}
.ptype{display:flex;flex-wrap:wrap;gap:8px}
.ptype label{cursor:pointer}
.ptype input{position:absolute;opacity:0;pointer-events:none}
.ptype span{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:.9rem;color:var(--ink);transition:all .2s}
.ptype span .ico{width:18px;height:18px;color:var(--muted)}
.ptype label:hover span{border-color:var(--accent);transform:translateY(-1px)}
.ptype input:checked+span{background:linear-gradient(135deg,var(--accent),#304a85);color:#fff;border-color:transparent;box-shadow:0 8px 18px -6px rgba(27,42,74,.6)}
.ptype input:checked+span .ico{color:var(--amber)}
.ptype input:focus-visible+span{outline:3px solid rgba(255,183,3,.6)}
.morebtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:700 .88rem var(--body);color:var(--ink);cursor:pointer;transition:all .2s}
.morebtn .ico{width:18px;height:18px}
.morebtn:hover,.morebtn.on{border-color:var(--accent);background:var(--accent);color:#fff}
.morebtn b{background:var(--amber);color:#1b1300;border-radius:999px;font-size:.72rem;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px}
.morepanel{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 18px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);
  box-shadow:0 24px 48px -12px rgba(20,30,60,.25);animation:drop .22s cubic-bezier(.2,.8,.2,1)}
.morepanel[hidden]{display:none}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.morepanel fieldset{border:0;margin:0;padding:6px 0;display:flex;flex-direction:column;gap:2px}
.morepanel legend{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;padding:0}
.opt{display:flex!important;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer;font:500 .92rem var(--body)!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important}
.opt:hover{background:var(--bg)}
.opt input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.opt:has(input:checked){background:var(--accent2)}
.panelfoot{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
@media(max-width:900px){.morepanel{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.morepanel{grid-template-columns:1fr}.ptype span{padding:8px 11px;font-size:.84rem}}
.active{display:flex;flex-wrap:wrap;gap:6px}
.active[hidden]{display:none}
.active button{border:0;background:var(--accent2);color:#5b4100;border-radius:999px;padding:5px 12px;font:700 .8rem var(--body);cursor:pointer;animation:pop .25s}
.active button:hover{background:#ffe3a1}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.morepanel{max-height:70vh;overflow:auto}
.morebtn b[hidden]{display:none}
@media(max-width:600px){.ptype{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.ptype label{flex:none}}
.pbadge img{height:24px;max-width:130px}
.pbadge.onbrand{background:transparent;box-shadow:none;padding:2px 0}
.pbadge.onbrand img{height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.card:not(.branded) .pbadge.onbrand{background:var(--c);padding:5px 10px}

/* Plan / deal pop-up: a local store first */
.pickable{cursor:pointer}
.pickable:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.pick{border:0;padding:0;border-radius:20px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 80px rgba(10,20,45,.45);background:#fff;color:var(--ink)}
.pick::backdrop{background:rgba(15,26,51,.55);backdrop-filter:blur(4px)}
.pick[open]{animation:pickin .28s cubic-bezier(.2,.8,.2,1)}
@keyframes pickin{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.pick-in{display:flex;flex-direction:column;gap:14px;padding:22px}
.pick-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.pick-store{position:relative;padding:20px;border-radius:16px;background:linear-gradient(135deg,#fff8e6,#fff);border:2px solid var(--amber);box-shadow:0 10px 26px -12px rgba(255,183,3,.7)}
.pick-store h2{margin:2px 0 4px;font-size:1.45rem}
.pick-store .eyebrow{color:#9a6a00}
.pick-img{width:calc(100% + 40px);height:140px;object-fit:cover;margin:-20px -20px 12px;border-radius:14px 14px 0 0;display:block}
.pick-addr{margin:0;color:#3c4554}
.pick-store .open{margin:6px 0 0}
.pick-deals{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}
.pick-deals li{background:#fff;border-radius:10px;padding:8px 10px;font-size:.9rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pick-tip{font-size:.88rem;color:#5b4100;margin:12px 0 0}
.pick-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pick-store.none{background:var(--bg);border-color:var(--line);box-shadow:none}
.pick-plan{border-radius:16px;padding:16px 18px;gap:6px;display:flex;flex-direction:column}
.pick-plan h3{margin:0}
.pick-plan .offer{margin:4px 0 0}
.pick-others h3{font-size:.95rem;margin:4px 0 8px}
.pick-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.pick-row b{display:block;font-size:.95rem}.pick-row small{display:block;color:var(--muted);font-size:.8rem}
.pick-row .pick-acts{margin:0;flex:none}
.pick-online{font-size:.85rem;color:var(--muted);text-align:center;margin:0}
@media(max-width:520px){.pick-row{flex-direction:column;align-items:flex-start}.pick-in{padding:16px}}

/* Phones */
.phone{text-decoration:none;color:var(--ink);text-align:left;align-items:stretch}
.phone-img{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#eef1f8,#fff 70%);border-radius:12px;margin:-6px -6px 6px;overflow:hidden}
.phone-img img{max-height:170px;max-width:85%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.phone:hover .phone-img img{transform:translateY(-4px) scale(1.04)}
.phone h3{font-size:1.1rem}
.from{display:flex;align-items:flex-end;gap:6px}.from small{color:var(--muted);font-weight:600;margin-bottom:6px}
.from .bigprice{font-size:.8rem}
.mini{margin:6px 0 4px;display:grid;gap:4px}
.mini div{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;border-top:1px dashed var(--line);padding-top:4px}
.mini dt{color:var(--muted)}.mini dd{margin:0;font-weight:700;text-align:right}.mini dd small{display:block;font-weight:500;color:var(--muted);font-size:.75rem}
.phone .btn{margin-top:auto;align-self:flex-start}
.phone-row img{width:38px;height:46px;object-fit:contain;flex:none}
.hero-row.phone-row{gap:12px}.hero-row.phone-row>span{flex:1}
.crumbs{margin:18px 0 0;font-size:.85rem;color:var(--muted)}.crumbs a{text-decoration:none}
.phone-head{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;margin:8px 0 10px}
.phone-hero-img{height:300px;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,#e9eef9,transparent 70%);border-radius:24px}
.phone-hero-img img{max-height:270px;max-width:90%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(20,30,60,.18))}
.phone-head h1{font-size:2.4rem;margin:0 0 4px}
.bests{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bestbox{display:flex;flex-direction:column;min-width:170px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--c);box-shadow:0 6px 18px rgba(20,30,60,.06)}
.bestbox small{color:var(--muted);font-weight:600;font-size:.78rem}.bestbox b{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.bestbox b i{font-style:normal;font-size:.9rem;color:var(--muted)}
.bestbox span{font-size:.85rem;font-weight:700;color:var(--c)}
@media(max-width:760px){.phone-head{grid-template-columns:1fr}.phone-hero-img{height:220px}.phone-hero-img img{max-height:200px}}
.trio{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;align-items:start}
.trio>div{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:10px}
.trio small{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.trio b{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-top:6px}.trio b.na{color:var(--muted);font-size:1rem}
.trio em{font-style:normal;font-size:.75rem;color:var(--muted)}
.trio .bigprice{font-size:.62rem}
.trio>div{position:relative}
.trio .best{background:#e8f7ee;box-shadow:inset 0 0 0 2px #2f9e5b}
.trio .best::after{content:"Best";position:absolute;top:-9px;right:6px;background:#2f9e5b;color:#fff;font-size:.62rem;font-weight:800;padding:1px 7px;border-radius:999px;letter-spacing:.04em}
.retnote{font-size:.8rem;background:rgba(255,255,255,.18);border-radius:8px;padding:6px 9px;margin:2px 0}
.small{font-size:.82rem}
@media(max-width:420px){.trio{grid-template-columns:1fr 1fr}.trio>div:first-child{grid-column:1/-1}}
.zero{display:inline-block;font-size:.78rem;font-weight:700;color:#1b7f3b;background:#e8f7ee;border-radius:999px;padding:2px 9px;align-self:flex-start}

/* Paid in-store deals */
.dealtag{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:999px;
  background:linear-gradient(135deg,#ffe29a,#ffb703);color:#4a3300;box-shadow:0 4px 12px -4px rgba(255,183,3,.8);animation:shine 3.5s ease-in-out infinite}
@keyframes shine{0%,100%{box-shadow:0 4px 12px -4px rgba(255,183,3,.8)}50%{box-shadow:0 4px 18px -2px rgba(255,183,3,1)}}
.store.has-deal{border:2px solid var(--amber);box-shadow:0 14px 34px -14px rgba(255,183,3,.75)}
.deal-ribbon{display:flex;flex-direction:column;gap:2px;margin:-20px -20px 10px;padding:14px 20px;border-radius:var(--r) var(--r) 0 0;
  background:linear-gradient(135deg,#fff3c4,#ffd56a);color:#3d2a00}
.storeimg+.deal-ribbon{margin-top:-8px;border-radius:0}
.deal-ribbon .eyebrow{color:#7a5300;margin:0}
.deal-ribbon b{font-size:1.35rem;font-weight:800;line-height:1.2}
.deal-ribbon span{font-weight:600}.deal-ribbon small{color:#7a5300;font-weight:600}
.pick-deal{display:flex;flex-direction:column;gap:2px;margin:-20px -20px 14px;padding:16px 20px;border-radius:14px 14px 0 0;
  background:linear-gradient(135deg,#ffb703,#ffd56a);color:#2b1d00}
.pick-img+.pick-deal{margin-top:-12px;border-radius:0}
.pick-deal .eyebrow{color:#5b3d00;margin:0}
.pick-deal b{font-size:1.7rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}
.pick-deal .pd-t{font-weight:700}.pick-deal small{font-size:.82rem;color:#4a3300}.pick-deal .pd-e{font-weight:700}
.pick-store.has-deal{border-width:3px}
.pick-row.has-deal{background:#fffaf0;border-radius:10px;padding:10px;border-top-color:transparent;margin:4px 0}
.minideal{display:inline-block;font-size:.72rem;font-weight:800;color:#4a3300;background:#ffe29a;border-radius:999px;padding:1px 8px;margin-bottom:3px}
.deals-strip{margin-top:10px}
.dealrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}
.dealtile{scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:linear-gradient(160deg,#fff8e1,#fff 60%);
  border:2px solid var(--amber);box-shadow:0 12px 28px -14px rgba(255,183,3,.8);position:relative;overflow:hidden}
.dealtile::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--c,var(--amber))}
.dealtile .eyebrow{color:#7a5300}.dealtile .dv{font-size:1.5rem;font-weight:800;line-height:1.15}
.dealtile h3{margin:0;font-size:1rem}.dealtile p{margin:0;font-size:.88rem;color:#3c4554}.dealtile .meta{color:var(--muted);font-size:.8rem;font-weight:600}
.dealtile .pick-acts{margin-top:auto;padding-top:8px}

/* Mobile: never wider than the screen. Flex/grid children default to min-width:auto, which let the
   sideways-scrolling chip rows and the hero columns push the page wider than the viewport. */
.filters,.filters>*,.filters .row>*,.hero-in>*,.split>*,.phone-head>*,.grid>*{min-width:0}
.chips,.ptype,.dealrow{max-width:100%}
@media(max-width:600px){.filters input[type=search]{min-width:0;width:100%;flex-basis:100%}}

/* Mobile: pinned filter bar with a pull-down arrow; filters drop down over the page */
.minibar{display:none}
@media(max-width:900px){
  .filters{position:static}
  .minibar:not([hidden]){display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;top:68px;left:10px;right:10px;z-index:15;
    padding:8px 14px;border:1px solid var(--line);border-radius:0 0 16px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:0 8px 22px rgba(20,30,60,.14);font:700 .92rem var(--body);color:var(--ink);cursor:pointer;animation:drop .2s ease-out}
  .minibar .mb-l{display:flex;align-items:center;gap:8px}
  .minibar .ico{width:18px;height:18px}
  .minibar b{background:var(--amber);color:#1b1300;border-radius:999px;font-size:.72rem;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px}
  .minibar b[hidden]{display:none}
  .minibar .mb-arrow{display:grid;place-items:center;width:44px;height:26px;border-radius:999px;background:var(--accent);color:#fff;animation:nudge 1.8s ease-in-out infinite}
  .minibar.open .mb-arrow{transform:rotate(180deg);animation:none}
  .minibar .mb-r{justify-self:end;color:var(--muted);font-weight:600;font-size:.82rem}
  .filters.dropped{background:#fff;backdrop-filter:none;position:fixed;top:110px;left:10px;right:10px;z-index:14;margin:0;max-height:calc(100vh - 130px);overflow:auto;
    box-shadow:0 24px 50px -10px rgba(20,30,60,.35);animation:drop .22s cubic-bezier(.2,.8,.2,1)}
}
@keyframes nudge{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}
.ptype label{position:relative}   /* keeps the hidden radio inputs inside the scrolling row, so they do not widen the page */

/* Location picker (header, top right): pill button that opens a panel with "Use my location", search and a city list.
   On phones the panel is a bottom sheet. */
.locpick{position:relative;margin-left:auto;flex:none}
.lp-btn{display:flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border:0;border-radius:999px;background:var(--bg);color:var(--ink);font:700 .85rem var(--body);white-space:nowrap;cursor:pointer;transition:background .15s,box-shadow .15s}
.lp-btn:hover,.lp-btn[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}
.lp-btn[aria-expanded=true]{box-shadow:0 0 0 2px var(--accent)}
.lp-btn .ico{width:16px;height:16px;color:var(--accent);flex:none}
.lp-city{overflow:hidden;text-overflow:ellipsis;max-width:160px}
.lp-chev{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;opacity:.6;transition:transform .2s}
.lp-btn[aria-expanded=true] .lp-chev{transform:rotate(225deg) translate(-2px,-1px)}
.lp-panel{position:fixed;z-index:60;width:360px;max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 60px -12px rgba(15,27,61,.35),0 0 0 1px rgba(15,27,61,.06);overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s,transform .16s;font-family:var(--body);color:var(--ink)}
.lp-panel.open{opacity:1;transform:none}
.lp-panel[hidden]{display:none}
.lp-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px}
.lp-head strong{font-size:1.05rem}
.lp-x{border:0;background:var(--bg);width:30px;height:30px;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--muted)}
.lp-geo{display:flex;align-items:center;gap:10px;margin:8px 14px 4px;padding:12px 14px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:700 .92rem var(--body);cursor:pointer;text-align:left;transition:filter .15s,transform .1s}
.lp-geo:hover{filter:brightness(1.12)}.lp-geo:active{transform:scale(.99)}
.lp-geo svg{width:18px;height:18px;flex:none}
.lp-geo.busy svg{animation:lpspin 1s linear infinite}
@keyframes lpspin{to{transform:rotate(360deg)}}
.lp-msg{margin:4px 18px 0;font-size:.8rem;color:var(--muted)}
.lp-msg.err{color:#b42318}
.lp-search{position:relative;margin:10px 14px 6px}
.lp-search svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--muted)}
.lp-q{width:100%;box-sizing:border-box;padding:10px 12px 10px 36px;border:1px solid var(--line);border-radius:10px;font:500 16px var(--body);background:var(--bg)}
.lp-q:focus{outline:0;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.lp-top[hidden]{display:none}
.lp-top{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 10px}
.lp-top button{border:0;border-radius:999px;padding:6px 11px;background:var(--bg);color:var(--ink);font:600 .8rem var(--body);cursor:pointer}
.lp-top button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg))}
.lp-top button.on{background:var(--accent);color:#fff}
.lp-list{overflow:auto;border-top:1px solid var(--line);padding:0 6px 10px;overscroll-behavior:contain}
.lp-list h4{position:sticky;top:0;margin:0;padding:10px 12px 4px;background:#fff;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lp-list button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 .92rem var(--body);cursor:pointer;text-align:left}
.lp-list button:hover,.lp-list button.hl{background:var(--bg)}
.lp-list button small{color:var(--muted);font-weight:500;font-size:.78rem}
.lp-list button.on{color:var(--accent)}
.lp-list button.on small::before{content:"\2713  ";color:var(--accent);font-weight:800}
.lp-list mark{background:color-mix(in srgb,var(--amber) 35%,transparent);color:inherit;border-radius:3px}
.lp-empty{padding:18px 12px;color:var(--muted);font-size:.88rem;text-align:center}
.lp-back{position:fixed;inset:0;z-index:59;background:rgba(15,27,61,.35);opacity:0;transition:opacity .16s}
.lp-back.open{opacity:1}
.lp-back[hidden]{display:none}
@media(min-width:601px){.lp-back{background:transparent}}
@media(max-width:600px){
  .lp-panel{left:0!important;right:0!important;top:auto!important;bottom:0;width:auto;max-height:82vh;border-radius:20px 20px 0 0;transform:translateY(24px);padding-bottom:env(safe-area-inset-bottom)}
  .lp-panel::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--line);margin:8px auto 0}
  .lp-head{padding-top:8px}
}
.locpick+.seg{margin-left:0}
@media(max-width:900px){.locpick{margin-left:auto}.locpick+.seg{margin-left:0}}
@media(max-width:600px),(min-width:901px) and (max-width:1199px){.lp-btn{padding:0;width:34px;height:34px;justify-content:center}.lp-btn .lp-city,.lp-btn .lp-chev{display:none}.lp-btn .ico{width:18px;height:18px}}
@media(max-width:380px){.top .wrap{gap:6px}.lp-btn{width:30px;height:30px}.seg a{padding:5px 7px}}
@media(min-width:901px) and (max-width:1099px){.top .wrap{gap:10px}nav.main a{padding-left:7px;padding-right:7px;font-size:.88rem}}