/* DailyFindora — The Find Lab 2.0 design system */
:root{
  --navy:#071225; --space:#101D3A; --space2:#0B1730; --yellow:#FFD633; --violet:#9257FF;
  --cyan:#3CE5F3; --white:#fff; --gallery:#F5F7FB; --ink:#14213D; --muted:#5B6B8C; --muted-l:#A8B4C8;
  --line:#E4E9F4; --radius:20px; --shadow:0 16px 44px rgba(7,18,37,.16);
  --grad:linear-gradient(120deg,var(--yellow),#FF9E57);
  --font-h:"Sora","Segoe UI",system-ui,sans-serif; --font-b:"Inter","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-b);color:var(--ink);background:var(--gallery);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#2B4EFF;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1280px;margin:0 auto;padding:0 22px}
.ic{width:20px;height:20px;flex:none}
.ic-sm{width:15px;height:15px;vertical-align:-2px}
h1,h2,h3{font-family:var(--font-h);line-height:1.12;color:var(--navy);margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}
h2{font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:700}
.lead{font-size:1.14rem;color:#33456E}
.fineprint{font-size:.82rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.45rem;border:0;cursor:pointer;font:inherit;font-weight:600;
  padding:.68rem 1.25rem;border-radius:999px;transition:transform .18s,box-shadow .18s,background .18s;text-decoration:none!important}
.btn-primary{background:var(--space);color:#fff}
.btn-primary:hover{background:var(--violet);transform:translateY(-2px);box-shadow:0 10px 26px rgba(146,87,255,.35)}
.btn-hero{background:var(--grad);color:#23180A;box-shadow:0 10px 30px rgba(255,158,87,.45)}
.btn-hero:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,158,87,.55)}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--violet);color:var(--violet)}
.btn-deal{background:var(--grad);color:#23180A;margin-top:.5rem}
/* reveal animation */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
/* header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(7,18,37,.92);backdrop-filter:blur(12px);color:#fff;box-shadow:0 6px 30px rgba(7,18,37,.35);border-bottom:1px solid rgba(255,255,255,.07)}
.header-in{display:flex;align-items:center;gap:1.2rem;padding-top:.65rem;padding-bottom:.65rem}
.logo{display:flex;align-items:center;gap:.6rem;color:#fff!important;text-decoration:none!important}
.logo-mark{width:40px;height:40px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#23180A;box-shadow:0 4px 14px rgba(255,158,87,.4)}
.logo-text{font-family:var(--font-h);font-size:1.3rem;line-height:1;font-weight:600}
.logo-text b{color:var(--yellow);font-weight:800}
.logo-text small{display:block;font-family:var(--font-b);font-size:.58rem;color:var(--muted-l);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-weight:600}
.searchbox{position:relative;flex:1;max-width:560px;display:flex;background:#fff;border-radius:999px;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.searchbox input{flex:1;border:0;outline:0;padding:.66rem 1.1rem;font:inherit;border-radius:999px 0 0 999px;min-width:0}
.searchbox button{background:var(--yellow);border:0;padding:0 1.05rem;cursor:pointer;border-radius:0 999px 999px 0;color:#23180A;display:grid;place-items:center}
.searchbox button:hover{background:#FFE066}
.searchbox.big{max-width:640px;box-shadow:var(--shadow)}
.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;color:var(--ink);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:70}
.suggest a{display:flex;gap:.6rem;padding:.6rem .9rem;color:var(--ink);align-items:baseline}
.suggest a:hover{background:var(--gallery);text-decoration:none}
.suggest .stype{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--violet);font-weight:700;min-width:64px}
.header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}
.header-actions a{color:#E7EDFB;font-weight:600;display:inline-flex;gap:.35rem;align-items:center}
.badge{background:var(--yellow);color:#23180A;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:800}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}
.catnav{border-top:1px solid rgba(255,255,255,.08)}
.catnav-in{display:flex;gap:.8rem;overflow-x:auto;padding-top:.5rem;padding-bottom:.5rem;scrollbar-width:none}
.catnav-in::-webkit-scrollbar{display:none}
.catnav a{color:#C9D5F2;font-size:.86rem;white-space:nowrap;font-weight:500}
.catnav a:hover{color:var(--yellow);text-decoration:none}
.mobile-menu{background:var(--space2);padding:.6rem 20px 1rem;display:grid;gap:.15rem}
.mobile-menu a{color:#E7EDFB;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
/* ===== HERO 2.0 ===== */
.hero2{position:relative;color:#fff;overflow:hidden;background:var(--navy);min-height:min(88vh,780px);display:flex;align-items:center}
.hero2-bg{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;will-change:transform}
.hero2-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,37,.95) 26%,rgba(7,18,37,.72) 55%,rgba(16,29,58,.28) 82%),radial-gradient(720px 420px at 82% 18%,rgba(146,87,255,.35),transparent 65%),radial-gradient(560px 380px at 70% 88%,rgba(60,229,243,.18),transparent 60%)}
.hero2-in{position:relative;padding:4.6rem 22px 4.2rem;width:100%}
.hero2 h1{color:#fff;max-width:600px;font-size:clamp(2.5rem,5.6vw,4.3rem);font-weight:800;letter-spacing:-.02em}
.hero2 h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .sub{max-width:500px;color:#D9E2F6;font-size:1.13rem}
.eyebrow{display:inline-flex;gap:.5rem;align-items:center;background:rgba(146,87,255,.22);border:1px solid rgba(146,87,255,.55);color:#E4D8FF;padding:.38rem .95rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.14em;margin-bottom:1.2rem;backdrop-filter:blur(4px)}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0 1.7rem}
.hero-trust{display:flex;gap:1.25rem;flex-wrap:wrap;color:var(--muted-l);font-size:.88rem}
.float-card{position:absolute;display:flex;gap:.7rem;align-items:center;background:rgba(16,29,58,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);border-radius:16px;padding:.55rem .9rem .55rem .55rem;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .25s;max-width:290px}
.float-card:hover{transform:translateY(-4px);text-decoration:none}
.float-card img{width:52px;height:52px;border-radius:11px;object-fit:cover}
.float-card .fc-t{font-weight:700;font-size:.86rem;line-height:1.25}
.float-card .fc-s{font-size:.72rem;color:var(--cyan);font-weight:600;letter-spacing:.04em}
.fc1{right:6%;top:16%}.fc2{right:16%;bottom:13%}
.scroll-cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:rgba(255,255,255,.55);font-size:1.1rem;animation:cue 2.4s infinite}
@keyframes cue{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
/* discovery strip */
.strip{background:var(--navy);border-block:1px solid rgba(255,255,255,.08);overflow:hidden;padding:.85rem 0}
.strip-track{display:flex;gap:2.6rem;width:max-content;animation:marquee 36s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.strip a{display:inline-flex;gap:.55rem;align-items:center;color:#D9E2F6;font-weight:600;white-space:nowrap;font-size:.95rem}
.strip a:hover{color:var(--yellow);text-decoration:none}
.strip .ic{color:var(--yellow);width:18px;height:18px}
/* sections */
.section{padding:2.6rem 22px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.sec-head h2{margin:0}
.sec-head.light h2{color:#fff}
.sec-note{color:var(--muted);font-size:.85rem}
.band{background:linear-gradient(155deg,var(--navy),var(--space) 70%,#1B2B52);color:#E7EDFB;margin:1.2rem 0;position:relative;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 88% 0%,rgba(146,87,255,.22),transparent 65%),radial-gradient(520px 280px at 4% 100%,rgba(60,229,243,.12),transparent 60%);pointer-events:none}
.band .section{position:relative}
.band .sec-head a{color:var(--yellow)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:1.3rem}
/* cards 2.0 */
.card{position:relative;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 20px rgba(7,18,37,.08);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;border:1px solid rgba(228,233,244,.7)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card-media{display:block;background:#fff;position:relative;overflow:hidden}
.pimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s ease}
.card:hover .pimg{transform:scale(1.05)}
.pimg.tall{aspect-ratio:1/1}
.art{width:100%;aspect-ratio:4/3;display:grid;place-items:center;color:rgba(255,255,255,.94);transition:transform .5s ease}
.card:hover .art{transform:scale(1.05)}
.art.tall{aspect-ratio:1/1}
.art-ic{width:76px;height:76px}
.deal-badge{position:absolute;left:.65rem;top:.65rem;z-index:3;background:#0B8A4B;color:#fff;font-weight:800;font-size:.74rem;padding:.32rem .6rem;border-radius:999px;box-shadow:0 6px 16px rgba(11,138,75,.4);letter-spacing:.02em}
.card-body{padding:1.05rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.42rem;flex:1}
.card-cat{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--violet)}
.card-title{font-size:1.07rem;margin:0}
.card-title a{color:var(--navy)}
.card-tag{color:var(--muted);font-size:.91rem;margin:0;flex:1}
.card-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}
.card-actions .btn{padding:.52rem .82rem;font-size:.85rem}
.wish{position:absolute;top:.6rem;right:.6rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.94);cursor:pointer;display:grid;place-items:center;color:#8A97B5;z-index:4;transition:transform .15s}
.wish:hover{transform:scale(1.1)}
.wish.on{color:#FF4D6D;border-color:#FF4D6D;background:#FFF0F3}
.wish.big{position:absolute}
.price{border-top:1px dashed var(--line);padding-top:.55rem;margin-top:.3rem}
.price .was{color:var(--muted);text-decoration:line-through;font-size:.85rem}
.price .now{font-size:1.35rem;font-weight:800;color:var(--navy);font-family:var(--font-h)}
.price.big .now{font-size:1.95rem}
.price .save{color:#0B8A4B;font-weight:700;font-size:.9rem}
.vmeta{font-size:.75rem;color:var(--muted)}
.rail{display:flex;gap:1.3rem;overflow-x:auto;padding-bottom:.9rem;scroll-snap-type:x mandatory}
.rail .card{min-width:276px;max-width:276px;scroll-snap-align:start}
/* featured showcase */
.showcase{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1.3rem}
.showcase .card.featured{grid-row:span 2}
.showcase .card.featured .pimg,.showcase .card.featured .art{aspect-ratio:4/3.4}
.showcase .card.featured .card-title{font-size:1.45rem;font-family:var(--font-h)}
.showcase .card.featured .card-tag{font-size:1rem}
/* orbs */
.orbs{display:flex;gap:1.5rem;overflow-x:auto;padding-top:1.9rem;padding-bottom:.4rem;scrollbar-width:none}
.orbs::-webkit-scrollbar{display:none}
.orb{display:flex;flex-direction:column;align-items:center;gap:.55rem;min-width:98px;color:var(--navy);font-weight:600;font-size:.87rem;text-align:center}
.orb:hover{text-decoration:none;color:var(--violet)}
.orb-media{width:86px;height:86px;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 10px 24px rgba(7,18,37,.16);border:3px solid #fff;background:#fff;transition:transform .22s}
.orb:hover .orb-media{transform:translateY(-4px) scale(1.05)}
.orb-media img{width:100%;height:100%;object-fit:cover}
.orb-art{width:100%;height:100%;display:grid;place-items:center;color:#fff}
.orb-ic{width:37px;height:37px}
.orb-media.sm{width:64px;height:64px;background:var(--space);color:var(--yellow)}
/* problem panels */
.prob-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.prob-panel{position:relative;border-radius:24px;overflow:hidden;min-height:250px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow)}
.prob-panel.tall{grid-row:span 2;min-height:100%}
.prob-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.prob-panel:hover img{transform:scale(1.05)}
.prob-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(185deg,transparent 34%,rgba(7,18,37,.88))}
.prob-in{position:relative;z-index:2;padding:1.5rem}
.prob-in h3{color:#fff;font-size:1.45rem;margin-bottom:.25rem}
.prob-in p{color:#D9E2F6;margin:.15rem 0 .9rem;max-width:420px}
.prob-in .btn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(6px)}
.prob-in .btn:hover{background:var(--yellow);color:#23180A;border-color:var(--yellow)}
/* spotlight */
.spotlight{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(800px 480px at 85% 20%,rgba(146,87,255,.35),transparent 60%),linear-gradient(140deg,var(--navy),var(--space));color:#fff;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow)}
.spot-media{position:relative;min-height:380px}
.spot-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spot-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,18,37,.55))}
.spot-body{padding:2.8rem 2.6rem;display:flex;flex-direction:column;justify-content:center}
.spot-body h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.9rem)}
.spot-body .kick{color:var(--yellow);font-weight:800;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase}
.spot-body p{color:#D9E2F6}
.spot-body ul{list-style:none;padding:0;margin:.4rem 0 1.2rem;display:grid;gap:.5rem}
.spot-body li{display:flex;gap:.55rem;align-items:flex-start;color:#E7EDFB}
.spot-body li .ic-sm{color:var(--cyan);margin-top:4px}
/* explorer */
.explorer{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14)}
.explorer img{display:block;width:100%}
.hotspot{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:2px solid #fff;background:var(--violet);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 0 0 6px rgba(146,87,255,.3);animation:pulse 2.2s infinite;z-index:3}
@keyframes pulse{0%{box-shadow:0 0 0 4px rgba(146,87,255,.4)}50%{box-shadow:0 0 0 12px rgba(146,87,255,.1)}100%{box-shadow:0 0 0 4px rgba(146,87,255,.4)}}
.spot-card{position:absolute;right:14px;bottom:14px;width:min(340px,calc(100% - 28px));background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:1.05rem;z-index:5;color:var(--ink)}
.spot-card h3{margin:.1rem 0 .3rem;font-size:1.05rem}
.spot-card p{font-size:.9rem;color:var(--muted);margin:.2rem 0 .6rem}
.spot-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
/* before-after */
.ba{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/8}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-before-wrap{position:absolute;inset:0;overflow:hidden;width:50%}
.ba-before{filter:grayscale(.85) brightness(.8) contrast(.95)}
.ba input[type=range]{position:absolute;inset:auto 0 18px 0;width:70%;margin:0 auto;left:0;right:0;accent-color:var(--yellow);z-index:4}
.ba-tag{position:absolute;top:12px;background:rgba(7,18,37,.78);color:#fff;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;z-index:3}
.ba-tag.before{left:12px}.ba-tag.after{right:12px}
/* magazine guides */
.mag-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.3rem}
.mag-card{position:relative;border-radius:24px;overflow:hidden;min-height:250px;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow)}
.mag-card.big{grid-row:span 2;min-height:100%}
.mag-card .art,.mag-card img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.mag-card::after{content:"";position:absolute;inset:0;background:linear-gradient(185deg,transparent 30%,rgba(7,18,37,.9))}
.mag-in{position:relative;z-index:2;padding:1.4rem}
.mag-in .card-cat{color:var(--yellow)}
.mag-in h3{color:#fff;margin:.2rem 0 .35rem}
.mag-card.big .mag-in h3{font-size:1.7rem}
.mag-in p{color:#D9E2F6;font-size:.92rem;margin:0 0 .7rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mag-in .btn{padding:.5rem .9rem;font-size:.85rem}
/* why/newsletter */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:1.25rem;margin-top:1.1rem}
.why-grid>div{background:#fff;border-radius:var(--radius);padding:1.35rem;box-shadow:0 4px 20px rgba(7,18,37,.08);border-top:4px solid var(--yellow)}
.why-ic{font-size:1.5rem;color:var(--violet)}
.news-card{background:radial-gradient(700px 340px at 85% 0%,rgba(146,87,255,.4),transparent 60%),linear-gradient(135deg,var(--navy),var(--space));color:#fff;border-radius:28px;padding:2.6rem 2.2rem;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.news-card h2{color:#fff;font-size:clamp(1.6rem,3.4vw,2.3rem)}
.news-card p{color:#C9D5F2;max-width:560px;margin:0 auto 1.3rem}
.news-form{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;max-width:660px;margin:0 auto}
.news-form input[type=email]{flex:1;min-width:230px;padding:.7rem 1.05rem;border-radius:999px;border:0;font:inherit}
.consent{flex-basis:100%;font-size:.8rem;color:#C9D5F2;display:flex;gap:.4rem;justify-content:center;align-items:center}
.consent.dark{color:var(--muted);justify-content:flex-start}
.news-msg{flex-basis:100%;font-size:.88rem;color:var(--yellow);min-height:1em}
.foot-news{justify-content:flex-start;margin:0}
.foot-news .consent{justify-content:flex-start}
/* footer */
.site-footer{background:linear-gradient(180deg,var(--navy),#050D1D);color:#C9D5F2;margin-top:2.4rem;border-top:1px solid rgba(255,255,255,.07)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.2rem;padding-top:2.8rem;padding-bottom:1.8rem}
.foot-grid h4{color:#fff;margin:0 0 .75rem;font-family:var(--font-h)}
.foot-grid nav{display:flex;flex-direction:column;gap:.45rem}
.foot-grid nav a{color:#C9D5F2;font-size:.93rem}
.foot-grid nav a:hover{color:var(--yellow)}
.foot-p{font-size:.92rem;max-width:350px;color:var(--muted-l)}
.foot-base{border-top:1px solid rgba(255,255,255,.09);padding-top:1.1rem;padding-bottom:1.5rem;display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.82rem;color:#8FA1C7}
.foot-disc{flex:1;min-width:260px}
/* inner pages */
.page-head{padding-top:2.4rem;padding-bottom:.4rem}
.page-head h1{margin-bottom:.3rem}
.page-head p{color:var(--muted);max-width:700px}
.crumbs{max-width:1280px;margin:0 auto;padding:1.1rem 22px 0}
.crumbs ol{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.86rem;color:var(--muted);flex-wrap:wrap}
.crumbs li+li::before{content:"›";margin-right:.5rem;color:#B4C0D8}
.product-top{display:grid;grid-template-columns:1fr 1.15fr;gap:2.4rem;padding-top:1.7rem}
.product-media{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff;height:fit-content;border:1px solid rgba(228,233,244,.8)}
.product-info h1{margin:.2rem 0 .4rem}
.cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.05rem 0}
.feat-list{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:.35rem}
.feat-list li{display:flex;gap:.5rem;align-items:center;color:#33456E}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.panel{background:#fff;border-radius:var(--radius);padding:1.45rem;box-shadow:0 4px 20px rgba(7,18,37,.08);margin-bottom:1.25rem;border:1px solid rgba(228,233,244,.7)}
.panel h2{margin-top:0}
.panel ul{margin:.4rem 0;padding-left:0;list-style:none;display:grid;gap:.5rem}
.panel.pros li,.panel.cons li{display:flex;gap:.5rem}
.panel.pros .ic-sm{color:#0B8A4B}
.panel.cons .ic-sm{color:#D97706}
.spec-table{width:100%;border-collapse:collapse}
.spec-table th,.spec-table td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
.spec-table th{width:190px;color:var(--muted);font-weight:600}
.faq details{border-bottom:1px solid var(--line);padding:.8rem 0}
.faq summary{font-family:var(--font-h);font-weight:600;cursor:pointer;color:var(--navy)}
.faq p{color:#33456E;margin:.5rem 0 .2rem}
.article{max-width:880px;padding-top:2.1rem}
.article.narrow{max-width:760px}
.article-body{font-size:1.05rem;color:#26355A}
.article-body h2{margin-top:1.7em}
.article-body ul,.article-body ol{padding-left:1.3rem}
.article-meta{color:var(--muted);font-size:.86rem;border-block:1px solid var(--line);padding:.6rem 0;margin:1rem 0 1.4rem}
.disc-box{background:#FFF7DB;border:1px solid #F0DFA0;border-radius:12px;padding:.9rem 1.1rem;font-size:.9rem;margin-top:2rem}
.empty{color:var(--muted);grid-column:1/-1}
.empty-panel{text-align:center;padding:2.6rem}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.5rem 1rem;cursor:pointer;font:inherit;font-weight:600;color:var(--navy);transition:all .15s}
.chip.active{background:var(--space);color:#fff;border-color:var(--space)}
.band .chip{background:rgba(255,255,255,.1);color:#E7EDFB;border-color:rgba(255,255,255,.25)}
.band .chip.active{background:var(--yellow);color:#23180A;border-color:var(--yellow)}
.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.3rem}
.quiz-opts{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.7rem}
.quiz-opt{border:2px solid var(--line);background:#fff;border-radius:16px;padding:1rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;color:var(--navy);font-family:var(--font-h);transition:all .15s}
.quiz-opt:hover{border-color:var(--violet);background:#F4F0FF;transform:translateY(-2px)}
.quiz-progress{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:1.1rem}
.quiz-progress i{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .4s ease}
.match-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}
.match-form label,.fld{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.9rem;color:var(--navy)}
.match-form select,.fld input,.fld textarea,.fld select,.contact-form input,.contact-form textarea{font:inherit;padding:.58rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-width:0}
.table-scroll{overflow-x:auto}
.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left;vertical-align:top;min-width:170px}
.compare-table th:first-child{min-width:120px;color:var(--muted)}
.compare-table .pimg,.compare-table .art{aspect-ratio:16/10;border-radius:10px;margin-bottom:.4rem}
.compare-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;background:var(--navy);color:#fff;border-radius:999px;padding:.55rem .6rem .55rem 1.2rem;display:flex;gap:.7rem;align-items:center;box-shadow:var(--shadow);z-index:80}
.modal{position:fixed;inset:0;background:rgba(7,18,37,.62);display:grid;place-items:center;z-index:90;padding:1rem;backdrop-filter:blur(3px)}
.modal-card{background:#fff;border-radius:20px;max-width:520px;width:100%;max-height:88vh;overflow:auto;padding:1.4rem;position:relative}
.modal-x{position:absolute;top:.7rem;right:.7rem;border:0;background:var(--gallery);width:34px;height:34px;border-radius:50%;cursor:pointer;z-index:2}
.modal-card .pimg,.modal-card .art{border-radius:14px;margin-bottom:.8rem}
/* teaser (kept for compatibility) */
.explorer-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.teaser-media{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.teaser-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.teaser-badge{position:absolute;top:14px;left:14px;background:var(--yellow);color:#23180A;font-weight:800;font-size:.75rem;padding:.3rem .7rem;border-radius:999px}
/* admin */
.admin-body{background:var(--gallery)}
.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.admin-side{background:var(--navy);color:#fff;padding:1.2rem;position:sticky;top:0;height:100vh}
.admin-side nav{display:flex;flex-direction:column;gap:.25rem;margin-top:1.4rem}
.admin-side nav a{color:#C9D5F2;padding:.5rem .6rem;border-radius:8px}
.admin-side nav a:hover{background:rgba(255,255,255,.08);text-decoration:none;color:#fff}
.linkbtn{background:none;border:0;color:var(--violet);cursor:pointer;font:inherit;padding:0;text-align:left}
.admin-side .linkbtn{color:#FFB3C1}
.admin-main{padding:1.6rem;max-width:1060px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:1.2rem}
.stat{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 2px 10px rgba(7,18,37,.07);display:flex;flex-direction:column}
.stat b{font-size:1.6rem;color:var(--navy);font-family:var(--font-h)}
.stat span{color:var(--muted);font-size:.85rem}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:.55rem .6rem;text-align:left;vertical-align:top}
.admin-form{display:grid;gap:.9rem}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}
.ok-banner{background:#E5F8EE;border:1px solid #9FE3BC;color:#0B6B3A;border-radius:10px;padding:.7rem 1rem}
.err-banner{background:#FDECEC;border:1px solid #F3B4B4;color:#8F1D1D;border-radius:10px;padding:.7rem 1rem}
.login-card{max-width:380px;margin:9vh auto;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:2rem;display:grid;gap:1rem}
.login-card .logo{color:var(--navy)}
.login-card .logo-text small{color:var(--muted)}
.msg{border-bottom:1px solid var(--line);padding:.8rem 0}
.contact-form{display:grid;gap:.9rem}
/* responsive */
@media (max-width:1080px){
  .showcase{grid-template-columns:1fr 1fr}
  .showcase .card.featured{grid-column:span 2;grid-row:auto}
  .mag-grid{grid-template-columns:1fr 1fr}
  .mag-card.big{grid-column:span 2;min-height:300px}
  .float-card{display:none}
}
@media (max-width:960px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .product-top,.explorer-teaser{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .header-in{flex-wrap:wrap}
  .searchbox{order:3;flex-basis:100%;max-width:none}
  .menu-btn{display:block}
  .header-actions a:not(.saved-link){display:none}
  .admin-shell{grid-template-columns:1fr}
  .admin-side{position:static;height:auto}
  .hero2{min-height:0}
  .hero2-in{padding:3rem 22px 3.4rem}
  .spotlight{grid-template-columns:1fr}
  .spot-media{min-height:250px}
  .prob-grid2{grid-template-columns:1fr}
  .prob-panel.tall{min-height:250px}
  .ba{aspect-ratio:16/11}
}
@media (max-width:560px){
  .showcase,.mag-grid{grid-template-columns:1fr}
  .showcase .card.featured,.mag-card.big{grid-column:auto}
  .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}
  .card-actions .btn{padding:.48rem .6rem;font-size:.8rem}
  .section{padding:2rem 16px}
  .wrap{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .strip-track{animation:none!important}
}
/* QA fixes 2026-11-02 */
.mag-in .card-cat{display:inline-block;background:rgba(7,18,37,.6);color:var(--yellow);padding:.22rem .6rem;border-radius:999px;backdrop-filter:blur(3px)}
.cat-hero{display:flex;gap:1.1rem;align-items:center;border-radius:24px;padding:1.7rem 1.8rem;color:#fff;box-shadow:var(--shadow);margin-top:.4rem}
.cat-hero h1{color:#fff;margin:0 0 .2rem}
.cat-hero p{color:#D9E2F6;margin:0;max-width:640px}
.cat-hero .orb-media.sm{flex:none;background:rgba(255,255,255,.14);color:#fff;border:2px solid rgba(255,255,255,.35)}
.guide-hero{border-radius:24px;padding:2.2rem 2rem;color:#fff;box-shadow:var(--shadow);margin-top:1.2rem}
.guide-hero .card-cat{display:inline-block;background:rgba(7,18,37,.55);color:var(--yellow);padding:.25rem .65rem;border-radius:999px}
.guide-hero h1{color:#fff;margin:.7rem 0 .4rem;max-width:820px}
.guide-hero p{color:#E4EAF8;max-width:720px;margin:0;font-size:1.05rem}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);z-index:3;box-shadow:0 0 14px rgba(0,0,0,.4);pointer-events:none}
.ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.35);font-size:1rem}

/* Official brand pack 2026-11-02 */
.brand-logo{height:38px;width:auto;display:block}
.foot-brand-logo{height:34px}
.hero2 picture{display:contents}
.cat-hero-img{margin-left:auto;width:200px;height:234px;object-fit:cover;border-radius:16px;flex:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.page-cover{width:100%;border-radius:24px;box-shadow:var(--shadow);margin:0 0 1.4rem;display:block}
.news-card{position:relative;overflow:hidden}
.nl-env{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:200px;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
@media (max-width:1100px){.nl-env{display:none}}
@media (max-width:700px){.cat-hero{flex-direction:column;align-items:flex-start}.cat-hero-img{width:170px;height:199px;margin-left:0}}
@media (max-width:560px){.brand-logo{height:29px}.foot-brand-logo{height:30px}}
/* Amazon catalog 2026-11-02 */
.btn-amz{background:linear-gradient(135deg,#FF9900,#FFB84D);border:1px solid #E88B00;color:#23180A!important;font-weight:700;box-shadow:0 6px 18px rgba(255,153,0,.4)}
.btn-amz:hover{filter:brightness(1.05)}
.btn-amz.big{font-size:1.05rem;padding:.85rem 1.6rem}
.amz-box{background:linear-gradient(140deg,#FFF8E6,#FFF1D6);border:1.5px solid var(--yellow);border-radius:18px;padding:1.1rem 1.2rem;margin:1rem 0;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.amz-meta{font-size:.85rem;color:#5B5340;line-height:1.55}
.err-banner{background:#FFE9E9;border:1px solid #FF9C9C;color:#8A1F1F;border-radius:12px;padding:.7rem 1rem;font-weight:600}
/* Designed placeholder identity 2026-11-02 */
.art{position:relative}
.tile-brand{position:absolute;left:.75rem;bottom:.6rem;font-family:var(--font-h);font-weight:800;font-size:.7rem;letter-spacing:.16em;color:rgba(255,255,255,.95);text-shadow:0 1px 8px rgba(0,0,0,.35)}
.tile-note{position:absolute;right:.75rem;bottom:.6rem;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}