:root {
  --ink:#12130f;
  --muted:#686b62;
  --paper:#f0f1ec;
  --surface:#fafbf7;
  --line:rgba(18,19,15,.11);
  --lime:#c9ff62;
  --blue:#aebfff;
  --lilac:#ddd0ff;
  --coral:#ff8b73;
  --font-geist-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-geist-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --mono:var(--font-geist-mono);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.23; z-index:99; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; }

.site-header { position:sticky; top:14px; z-index:30; width:min(1180px,calc(100% - 32px)); height:64px; margin:14px auto -78px; padding:0 12px 0 18px; display:flex; align-items:center; border:1px solid rgba(255,255,255,.72); border-radius:22px; background:rgba(250,251,247,.72); box-shadow:0 18px 60px rgba(27,30,21,.08); backdrop-filter:blur(20px) saturate(145%); }
.wordmark { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; letter-spacing:-.03em; }
.wordmark span { width:32px; height:32px; display:grid; place-items:center; border-radius:11px; background:var(--ink); color:white; font:600 10px var(--mono); transform:rotate(-4deg); }
.site-header nav { margin-left:auto; display:flex; gap:8px; padding:5px; border-radius:14px; background:rgba(18,19,15,.045); }
.site-header nav a { padding:8px 13px; border-radius:10px; font-size:12px; transition:.2s ease; }
.site-header nav a:hover { background:white; box-shadow:0 5px 16px rgba(18,19,15,.06); transform:translateY(-1px); }
.header-action { margin-left:12px; padding:10px 12px 10px 15px; border-radius:13px; background:var(--ink); color:white; font-size:11px; font-weight:600; transition:.2s ease; }
.header-action:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(18,19,15,.16); }
.header-action b { display:inline-grid; place-items:center; width:21px; height:21px; margin-left:7px; border-radius:8px; background:var(--lime); color:var(--ink); }

.hero { padding:108px 24px 22px; min-height:790px; background:radial-gradient(circle at 6% 5%,rgba(201,255,98,.55),transparent 24%),radial-gradient(circle at 88% 2%,rgba(174,191,255,.6),transparent 26%),var(--paper); }
.hero-bento { width:min(1180px,100%); margin:auto; display:grid; grid-template-columns:1.45fr .8fr .65fr; grid-template-rows:355px 255px; gap:16px; }
.bento-card { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.62); border-radius:34px; box-shadow:0 20px 60px rgba(24,27,17,.07); transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease; }
.bento-card:hover { transform:translateY(-5px); box-shadow:0 28px 80px rgba(24,27,17,.12); }
.hero-copy { grid-row:1/3; padding:72px 58px 48px; background:rgba(250,251,247,.88); display:flex; flex-direction:column; }
.hero-copy:after { content:""; position:absolute; width:260px; height:260px; right:-100px; bottom:-120px; border-radius:46% 54% 55% 45%; background:var(--lilac); filter:blur(1px); transform:rotate(22deg); opacity:.72; }
.eyebrow { position:relative; z-index:2; display:flex; align-items:center; gap:9px; margin:0; font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 5px rgba(255,139,115,.17); }
.hero h1 { position:relative; z-index:2; margin:57px 0 25px; max-width:720px; font-size:clamp(58px,6.3vw,96px); line-height:.88; letter-spacing:-.078em; font-weight:620; }
.hero h1 em { color:#6575bd; font-style:normal; font-weight:470; }
.lede { position:relative; z-index:2; max-width:580px; margin:0; color:var(--muted); font-size:17px; line-height:1.55; }
.hero-search { position:relative; z-index:3; margin-top:auto; padding-top:32px; }
.hero-search label { display:block; margin:0 0 9px 3px; font:500 9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.hero-search div { display:flex; align-items:center; padding:7px; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 12px 32px rgba(31,35,23,.08); transition:.2s ease; }
.hero-search div:focus-within { border-color:#7588d4; box-shadow:0 0 0 4px rgba(174,191,255,.3),0 16px 35px rgba(31,35,23,.1); }
.hero-search input { flex:1; min-width:0; border:0; outline:0; padding:12px 13px; background:transparent; color:var(--ink); }
.hero-search a { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:var(--ink); color:white; font-size:20px; transition:.2s ease; }
.hero-search a:hover { background:#6575bd; transform:rotate(-8deg); }

.hero-card { grid-row:1/3; padding:27px; color:#14170f; background:var(--lime); }
.hero-card:before { content:""; position:absolute; inset:auto -70px -100px auto; width:270px; height:270px; border-radius:50%; border:42px solid rgba(255,255,255,.36); }
.hero-card-top { display:flex; justify-content:space-between; font:600 11px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.orb { width:170px; height:170px; margin:43px auto 34px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:radial-gradient(circle at 34% 25%,#fff 0%,#e9fbbf 34%,#90c834 100%); box-shadow:inset -16px -18px 35px rgba(53,87,0,.15),0 18px 36px rgba(62,95,4,.16); animation:float 5s ease-in-out infinite; }
.orb span { font:600 55px/.9 var(--mono); letter-spacing:-.09em; }
.orb small { margin-top:8px; font:500 11px var(--mono); text-transform:uppercase; }
.hero-brand { margin:0 0 3px; font:600 11px var(--mono); letter-spacing:.13em; }
.hero-card h2 { margin:0; font-size:48px; line-height:1; letter-spacing:-.06em; }
.hero-score { display:flex; align-items:end; gap:7px; margin:15px 0 25px; }
.hero-score strong { font:500 39px/1 var(--mono); }
.hero-score span { padding-bottom:3px; font:500 10px/1.35 var(--mono); opacity:.7; }
.hero-card > a { position:absolute; left:27px; right:27px; bottom:27px; display:flex; justify-content:space-between; padding:13px 15px; border-radius:13px; background:rgba(18,19,15,.88); color:white; font-size:13px; }

.insight-card { padding:26px; background:var(--blue); }
.spark { display:grid; place-items:center; width:37px; height:37px; border-radius:12px; background:white; font-size:18px; animation:pulse 3s ease-in-out infinite; }
.insight-card > p { margin:24px 0 6px; color:#34394d; font-size:15px; line-height:1.4; }
.insight-card > strong { display:block; font-size:30px; letter-spacing:-.05em; }
.insight-card > div { position:absolute; left:26px; right:26px; bottom:23px; display:flex; justify-content:space-between; padding-top:13px; border-top:1px solid rgba(18,19,15,.15); font:500 11px var(--mono); }
.quick-card { padding:23px; display:flex; flex-direction:column; background:var(--coral); }
.quick-ring { width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(18,19,15,.28); box-shadow:inset 0 0 0 8px rgba(255,255,255,.12); }
.quick-ring span { font:600 37px/1 var(--mono); }
.quick-ring small { font:500 10px var(--mono); text-transform:uppercase; }
.quick-card p { margin:auto 0 9px; font-size:16px; line-height:1.4; }
.quick-card p strong { font-size:24px; }
.quick-card > a { align-self:flex-start; padding:10px 13px; border-radius:10px; background:rgba(255,255,255,.58); font-size:12px; }

.market-strip { width:min(1180px,calc(100% - 48px)); margin:0 auto 95px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.market-strip a { min-height:116px; padding:19px; display:flex; flex-direction:column; border-radius:24px; background:var(--surface); border:1px solid var(--line); transition:.25s ease; cursor:pointer; }
.market-strip a:hover { transform:translateY(-4px) rotate(-.5deg); background:white; box-shadow:0 18px 40px rgba(24,27,17,.08); }
.market-strip a:nth-child(2) { background:#e7ddff; }
.market-strip a:nth-child(3) { background:#dce4ff; }
.market-strip a:nth-child(4) { background:#e7fbbd; }
.market-strip span { font:500 10px var(--mono); opacity:.5; }
.market-strip strong { margin:auto 0 4px; font-size:18px; letter-spacing:-.025em; }
.market-strip small { color:#5f625a; font-size:11px; }

.catalog-shell { width:min(1380px,calc(100% - 48px)); margin:auto; display:grid; grid-template-columns:230px 1fr; gap:24px; padding-bottom:110px; }
.filters { position:sticky; top:95px; align-self:start; padding:20px; border-radius:27px; background:#191a16; color:white; box-shadow:0 18px 50px rgba(18,19,15,.12); }
.filter-heading { display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.13); font-size:13px; font-weight:650; }
.filter-heading button { border:0; background:none; color:#aeb1a9; font-size:9px; cursor:pointer; }
.filters label { display:block; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.11); font:500 8px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#9da098; }
.filters select,.catalog-head select { width:100%; display:block; margin-top:8px; border:0; outline:0; background:transparent; color:inherit; font:500 12px var(--font-geist-sans); text-transform:none; letter-spacing:0; }
.filters select { color:white; }
.tip { margin-top:17px; padding:14px; display:flex; gap:10px; border-radius:17px; background:var(--lime); color:var(--ink); font-size:9px; line-height:1.5; }
.tip > span { flex:0 0 19px; height:19px; display:grid; place-items:center; border-radius:7px; background:var(--ink); color:white; font:500 9px var(--mono); }
.tip p { margin:0; }
.catalog { min-width:0; }
.catalog-head { padding:8px 6px 27px; display:flex; justify-content:space-between; align-items:end; }
.catalog-head h2,.section-title h2,.method h2 { margin:9px 0 7px; font-size:clamp(40px,5vw,70px); line-height:.94; letter-spacing:-.065em; }
.catalog-head > div > p:last-child,.section-title > p:last-child { color:var(--muted); font-size:11px; }
.catalog-head > label { width:174px; padding:12px 14px; border:1px solid var(--line); border-radius:15px; background:var(--surface); font:500 8px var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.catalog-head select { margin-top:5px; }
.product-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.product-row { position:relative; min-width:0; padding:24px; display:grid; grid-template-columns:30px 1fr 94px; gap:12px; border:1px solid var(--line); border-radius:27px; background:var(--surface); box-shadow:0 10px 30px rgba(18,19,15,.035); transition:.28s cubic-bezier(.2,.8,.2,1); }
.product-row:nth-child(4n+2) { background:#f1ecff; }
.product-row:nth-child(4n+3) { background:#edf1ff; }
.product-row:nth-child(4n+4) { background:#f4f8e8; }
.product-row:hover,.product-row.selected { z-index:2; transform:translateY(-5px); border-color:rgba(18,19,15,.2); box-shadow:0 22px 55px rgba(18,19,15,.09); }
.product-row.selected { box-shadow:inset 0 0 0 2px var(--ink),0 22px 55px rgba(18,19,15,.09); }
.rank-number { padding-top:3px; color:#71746b; font:500 13px var(--mono); }
.product-kicker { display:flex; align-items:center; gap:10px; color:#6575bd; font:600 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.brand-rank { display:flex; gap:3px; }
.brand-rank i { width:5px; height:5px; border-radius:50%; border:1px solid #9c9f97; }
.brand-rank i.filled { background:var(--coral); border-color:var(--coral); }
.product-main { min-width:0; }
.product-main h3 { margin:8px 0; font-size:22px; line-height:1.05; letter-spacing:-.045em; }
.product-main > p { margin:0; color:#54574f; font-size:12.5px; line-height:1.55; }
.tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.tags span { padding:5px 8px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid rgba(18,19,15,.08); color:#4c4e48; font:500 9px var(--mono); text-transform:uppercase; }
.specs { grid-column:2/4; margin:12px 0 0; padding:15px; display:grid; grid-template-columns:repeat(4,1fr); gap:11px; border-radius:16px; background:rgba(255,255,255,.65); }
.specs div { min-width:0; }
.specs dt { color:#7c7e77; font:500 9px var(--mono); text-transform:uppercase; white-space:nowrap; }
.specs dd { margin:6px 0 0; overflow:hidden; text-overflow:ellipsis; font:500 12px var(--mono); }
.score { grid-row:1; grid-column:3; display:flex; flex-direction:column; align-items:flex-end; }
.score > span { color:#7c7f77; font:500 9px var(--mono); text-transform:none; letter-spacing:.02em; }
.score strong { font:600 29px var(--mono); letter-spacing:-.08em; }
.meter { width:60px; height:5px; margin:5px 0 13px; overflow:hidden; border-radius:9px; background:rgba(18,19,15,.1); }
.meter span { display:block; height:100%; border-radius:9px; background:#6575bd; }
.score button { width:90px; padding:9px 5px; border:0; border-radius:10px; background:var(--ink); color:white; font-size:10px; cursor:pointer; transition:.2s ease; }
.score button:hover { transform:scale(1.04); }
.score button[aria-pressed="true"] { background:#6575bd; }
.score button:disabled { opacity:.28; cursor:not-allowed; }
.score a { margin-top:9px; color:#6c6f68; font-size:9px; text-decoration:underline; }

.compare-section { padding:100px max(24px,calc((100% - 1180px)/2)); background:linear-gradient(135deg,#dcd2ff 0%,#b9c8ff 54%,#d9f6a2 100%); }
.section-title { max-width:720px; }
.empty-compare { min-height:210px; margin-top:38px; display:grid; place-content:center; justify-items:center; border:1px solid rgba(18,19,15,.13); border-radius:30px; background:rgba(255,255,255,.42); backdrop-filter:blur(14px); color:#53574e; }
.empty-compare span { font:300 50px var(--mono); }
.compare-table-wrap { margin-top:35px; overflow-x:auto; border-radius:28px; background:rgba(255,255,255,.68); box-shadow:0 24px 70px rgba(61,57,92,.13); backdrop-filter:blur(18px); }
table { width:100%; min-width:720px; border-collapse:collapse; }
th,td { padding:17px 18px; border-bottom:1px solid rgba(18,19,15,.1); text-align:left; font-size:13px; }
th+th,td+td { border-left:1px solid rgba(18,19,15,.08); }
thead th { position:relative; background:rgba(18,19,15,.92); color:white; font:400 10px var(--mono); text-transform:uppercase; }
thead th:first-child { border-radius:28px 0 0; }
thead strong { display:block; margin-top:6px; font:600 18px var(--font-geist-sans); text-transform:none; }
thead button { position:absolute; top:10px; right:10px; border:0; background:none; color:white; font-size:19px; cursor:pointer; }
tbody th { font:500 10px var(--mono); text-transform:uppercase; }

.method { padding:105px max(24px,calc((100% - 1180px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:50px 8vw; background:#171814; color:white; }
.method .eyebrow { color:#a8aaa3; }
.method h2 { max-width:560px; }
.method-copy { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.method-copy p { margin:0; padding:21px; border-radius:22px; background:#24251f; color:#b6b8b1; font-size:11px; line-height:1.6; }
.method-copy p:first-child { background:var(--lime); color:var(--ink); transform:rotate(-1deg); }
.method-copy strong { display:block; margin-bottom:8px; color:inherit; }
.formula { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.formula span { position:relative; padding:20px; display:flex; flex-direction:column; gap:10px; border-radius:19px; background:#24251f; font:500 9px var(--mono); }
.formula small { color:#aeb0a9; }
.formula i { display:none; }

footer { padding:75px max(24px,calc((100% - 1180px)/2)) 30px; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:70px; background:#f8f9f5; }
footer > div:first-child p,footer > div:last-of-type p { max-width:350px; color:#6e7169; font-size:11px; line-height:1.6; }
footer h3 { margin:0 0 15px; font:600 9px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
footer > div:nth-child(2) a { display:block; margin:9px 0; color:#555850; font-size:11px; text-decoration:underline; }
.method-note { grid-column:1/-1; margin:34px 0 0; padding:20px 22px; max-width:none; border-radius:20px; background:#eef0ea; border:1px solid var(--line); color:#4c4f47; font-size:12.5px; line-height:1.65; }
.method-note strong { color:var(--ink); }
.copyright { grid-column:1/-1; margin-top:22px; padding-top:19px; border-top:1px solid var(--line); font:500 8px var(--mono); letter-spacing:.12em; }

/* Odznaka "Polecane" na kartach marek z pierwszeństwem */
.reco { display:inline-flex; align-items:center; margin-left:2px; padding:3px 8px; border-radius:8px; background:var(--lime); color:var(--ink); font:600 8px var(--mono); letter-spacing:.06em; text-transform:uppercase; }

/* Link do podstrony produktu */
.product-main h3 a { color:inherit; transition:color .18s ease; }
.product-main h3 a:hover { color:#6575bd; }
.detail-link { margin-top:9px; color:#3c3e38; font-size:9px; font-weight:600; text-decoration:underline; }

/* Pusty stan wyników w katalogu */
.empty-results { grid-column:1/-1; min-height:220px; display:grid; place-content:center; justify-items:center; gap:12px; padding:34px; border:1px dashed rgba(18,19,15,.22); border-radius:26px; background:var(--surface); text-align:center; color:#54574f; }
.empty-results span { font:300 46px var(--mono); color:#9a9d94; }
.empty-results p { margin:0; font-size:14px; max-width:340px; line-height:1.5; }
.empty-results button { margin-top:4px; padding:11px 18px; border:0; border-radius:12px; background:var(--ink); color:white; font-size:12px; font-weight:600; cursor:pointer; }
.empty-results button:hover { background:#6575bd; }

/* ---------- Podstrona produktu (produkt.php) ---------- */
.detail { width:min(1180px,calc(100% - 48px)); margin:auto; padding:112px 0 90px; }
.detail-crumb { display:flex; gap:10px; align-items:center; margin:0 0 22px; font:500 11px var(--mono); text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
.detail-crumb a { color:#6575bd; }
.detail-crumb span { opacity:.4; }
.detail-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:20px; align-items:start; }
.detail-hero { padding:34px 32px 38px; background:var(--lime); color:#14170f; text-align:center; }
.detail-hero-top { display:flex; justify-content:space-between; font:600 11px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.detail-hero .orb { margin:26px auto 22px; }
.detail-hero h1 { margin:0; font-size:clamp(40px,5.5vw,64px); line-height:.95; letter-spacing:-.05em; }
.detail-hero .reco { margin-top:14px; }
.detail-hero .hero-score { justify-content:center; margin:20px 0 14px; }
.detail-hero .meter { display:block; width:min(280px,80%); height:7px; margin:0 auto; }
.detail-body { padding:8px 4px; }
.detail-summary { margin:0 0 20px; font-size:18px; line-height:1.6; color:#2c2e28; }
.detail-tags { margin-bottom:22px; }
.detail-tags span { font-size:10px; padding:6px 10px; }
.detail-specs { grid-column:auto; background:var(--surface); border:1px solid var(--line); padding:22px; gap:18px 14px; }
.detail-specs dt { font-size:10px; }
.detail-specs dd { font-size:15px; margin-top:7px; }
.detail-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.detail-cta { padding:15px 26px; border-radius:15px; background:var(--ink); color:white; font-size:14px; font-weight:600; transition:.2s ease; }
.detail-cta:hover { background:#6575bd; transform:translateY(-2px); }
.detail-source { padding:15px 22px; border-radius:15px; background:var(--surface); border:1px solid var(--line); font-size:14px; font-weight:500; }
.detail-source:hover { background:white; }
.detail-related { margin-top:60px; }
.detail-related h2 { margin:0 0 18px; font-size:24px; letter-spacing:-.03em; }
.detail-related-list { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.detail-related-list a { padding:20px; border-radius:20px; background:var(--surface); border:1px solid var(--line); transition:.2s ease; }
.detail-related-list a:hover { transform:translateY(-3px); background:white; box-shadow:0 14px 34px rgba(24,27,17,.08); }
.detail-related-list span { display:block; font-size:17px; letter-spacing:-.02em; margin-bottom:6px; }
.detail-related-list small { color:var(--muted); font:500 10px var(--mono); }
@media (max-width:760px) {
  .detail { padding:100px 0 60px; }
  .detail-grid { grid-template-columns:1fr; }
  .detail-related-list { grid-template-columns:1fr; }
}

@keyframes float { 0%,100%{ transform:translateY(0) rotate(-3deg) } 50%{ transform:translateY(-10px) rotate(3deg) } }
@keyframes pulse { 0%,100%{ transform:rotate(0) scale(1) } 50%{ transform:rotate(12deg) scale(1.08) } }

@media (max-width:1100px) {
  .hero-bento { grid-template-columns:1.35fr .75fr; grid-template-rows:420px 205px; }
  .hero-copy { grid-row:1/3; }
  .hero-card { grid-row:1; }
  .insight-card,.quick-card { grid-row:2; }
  .quick-card { display:none; }
  .catalog-shell { grid-template-columns:210px 1fr; }
  .product-list { grid-template-columns:1fr; }
  .product-row { grid-template-columns:30px 1fr 94px; }
}
@media (max-width:760px) {
  .site-header { top:8px; width:calc(100% - 16px); margin:8px auto -72px; }
  .site-header nav { display:none; }
  .header-action { margin-left:auto; }
  .hero { padding:92px 12px 16px; }
  .hero-bento { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:10px; }
  .hero-copy { grid-column:1/-1; grid-row:auto; min-height:590px; padding:52px 25px 29px; }
  .hero h1 { margin-top:45px; font-size:clamp(53px,15vw,78px); }
  .hero-search { left:auto; right:auto; bottom:auto; padding-top:26px; }
  .hero-card { grid-column:1/-1; grid-row:auto; min-height:510px; }
  .insight-card,.quick-card { display:block; grid-row:auto; min-height:220px; }
  .quick-card { display:flex; }
  .market-strip { width:calc(100% - 24px); margin-bottom:65px; grid-template-columns:1fr 1fr; gap:8px; }
  .market-strip a { min-height:106px; border-radius:20px; }
  .catalog-shell { width:calc(100% - 24px); display:block; }
  .filters { position:static; margin-bottom:45px; }
  .catalog-head { display:block; }
  .catalog-head > label { width:100%; margin-top:20px; display:block; }
  .product-row { padding:20px; }
  .compare-section,.method { padding:70px 12px; }
  .method { grid-template-columns:1fr; }
  .method-copy { grid-template-columns:1fr; }
  .formula { grid-template-columns:1fr 1fr; }
  footer { padding:60px 20px 25px; grid-template-columns:1fr; gap:34px; }
}
@media (max-width:480px) {
  .wordmark { font-size:0; }
  .wordmark span { font-size:10px; }
  .hero-copy { min-height:560px; }
  .hero h1 { font-size:52px; }
  .lede { font-size:14px; }
  .hero-card { min-height:490px; }
  .insight-card,.quick-card { grid-column:1/-1; min-height:190px; }
  .product-row { grid-template-columns:24px 1fr; }
  .score { grid-column:2; grid-row:auto; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:8px; }
  .score > span,.score strong,.meter { display:none; }
  .score a { margin-top:7px; }
  .specs { grid-column:2; grid-template-columns:1fr 1fr; }
  .formula { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation:none!important; transition:none!important; }
}