:root{
  --bg:#fdfdfc; --surface:#fff; --border:#e5e3df; --text:#1c1b19; --muted:#6b6862;
  --accent:#b8402f; --accent-soft:#fdf2ef; --ok:#2f7d4f; --radius:10px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#16151a;--surface:#1f1e24;--border:#33313a;--text:#eceaf0;--muted:#9d99a6;
        --accent:#ff8a70;--accent-soft:#2a1f1d;}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;
     -webkit-font-smoothing:antialiased}
a{color:inherit}
main{max-width:1080px;margin:0 auto;padding:0 1rem 4rem}
header.site{max-width:1080px;margin:0 auto;padding:1.25rem 1rem;display:flex;flex-wrap:wrap;
            gap:1rem;align-items:baseline;justify-content:space-between}
.brand{font-weight:700;font-size:1.25rem;text-decoration:none;letter-spacing:-.02em}
header.site nav{display:flex;gap:1.25rem;font-size:.925rem}
header.site nav a{color:var(--muted);text-decoration:none}
header.site nav a:hover{color:var(--accent)}
h1{font-size:1.85rem;line-height:1.2;letter-spacing:-.02em;margin:.5rem 0 .25rem}
h2{font-size:1.2rem;margin:2.25rem 0 .75rem;letter-spacing:-.01em}
.lede{color:var(--muted);margin:0 0 1.5rem;max-width:60ch}
.muted{color:var(--muted)}
.small{font-size:.85rem}

.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
      overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.card:hover{border-color:var(--accent)}
.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:.5rem}
.card .body{padding:.65rem .75rem .8rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.card .ref{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.card .nm{font-size:.9rem;font-weight:600;line-height:1.3}
.card .pr{margin-top:auto;padding-top:.4rem;font-weight:700;font-variant-numeric:tabular-nums}
.card .was{font-weight:400;color:var(--muted);text-decoration:line-through;font-size:.85em;margin-left:.35rem}
.tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;
     padding:.05rem .5rem;font-size:.72rem;font-weight:700;align-self:flex-start}

.detail{display:grid;gap:2rem;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}
@media(max-width:720px){.detail{grid-template-columns:1fr}}
.detail .hero{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;
              border:1px solid var(--border);border-radius:var(--radius);padding:1rem}
dl.specs{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:1rem 0 0;font-size:.925rem}
dl.specs dt{color:var(--muted)}
dl.specs dd{margin:0;font-variant-numeric:tabular-nums}

table.offers{width:100%;border-collapse:collapse;margin:.5rem 0 0;font-size:.95rem}
table.offers th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;
                color:var(--muted);font-weight:600;padding:.4rem .6rem;border-bottom:1px solid var(--border)}
table.offers td{padding:.7rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}
table.offers tr.best td{background:var(--accent-soft)}
table.offers .price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;
     font-size:.875rem;padding:.42rem .9rem;border-radius:999px;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}

.spark{display:block;width:100%;height:70px;overflow:visible}
.spark path{fill:none;stroke:var(--accent);stroke-width:2}
.spark .area{fill:var(--accent-soft);stroke:none}

input.search{width:100%;padding:.7rem .9rem;font-size:1rem;font-family:inherit;color:inherit;
             background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
input.search:focus{outline:2px solid var(--accent);outline-offset:1px}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}
.chips a{background:var(--surface);border:1px solid var(--border);border-radius:999px;
         padding:.25rem .75rem;font-size:.85rem;text-decoration:none}
.chips a:hover{border-color:var(--accent);color:var(--accent)}

footer.site{max-width:1080px;margin:0 auto;padding:2rem 1rem 3rem;border-top:1px solid var(--border);
            color:var(--muted);font-size:.85rem}
footer.site p{margin:.4rem 0}
.disclosure{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);
            border-radius:var(--radius);padding:.7rem .9rem}
.stamp{font-size:.82rem;color:var(--muted);margin:.75rem 0 0}