:root{--c-bg: #ffffff;--c-surface: #f6f7f9;--c-border: #e3e6ea;--c-text: #1a1d21;--c-text-muted: #5b6470;--c-accent: #1f6feb;--c-accent-hover: #1a5fd0;--c-accent-text: #ffffff;--c-good: #1a7f4b;--c-good-bg: #e6f4ec;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-full: 999px;--shadow-md: 0 4px 12px rgba(0,0,0,.08);--maxw: 1080px}@media (prefers-color-scheme: dark){:root{--c-bg: #0f1216;--c-surface: #171b21;--c-border: #2a2f37;--c-text: #e8eaed;--c-text-muted: #9aa4b2;--c-accent: #4f8bff;--c-accent-hover: #6b9dff;--c-accent-text: #0f1216;--c-good: #4cc38a;--c-good-bg: #13291f}}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);line-height:1.6}body{margin:0}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1{font-size:1.9rem;line-height:1.25;margin:0 0 var(--sp-3)}h2{font-size:1.35rem;margin:var(--sp-8) 0 var(--sp-3)}h3{font-size:.95rem;margin:0;line-height:1.4}.muted{color:var(--c-text-muted)}.small{font-size:.85rem}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{max-width:var(--maxw);margin:0 auto;padding:var(--sp-6) var(--sp-4)}.site-header{border-bottom:1px solid var(--c-border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);max-width:var(--maxw);margin:0 auto;padding:var(--sp-3) var(--sp-4)}.brand{font-weight:700;font-size:1.15rem;color:var(--c-text);display:flex;align-items:center;gap:8px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--c-accent);display:inline-block}.site-header nav a{margin-left:var(--sp-4);font-weight:550}.site-footer{margin-top:var(--sp-12);border-top:1px solid var(--c-border);background:var(--c-surface)}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:var(--sp-6) var(--sp-4);color:var(--c-text-muted);font-size:.85rem}.btn{display:inline-block;background:var(--c-accent);color:var(--c-accent-text);padding:9px 16px;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;text-align:center}.btn:hover{background:var(--c-accent-hover);text-decoration:none}.btn.big{padding:12px 22px;font-size:1.05rem}.btn.outline{background:transparent;color:var(--c-accent);border:1.5px solid var(--c-accent)}.btn.outline:hover{background:var(--c-accent);color:var(--c-accent-text)}.hero{padding:var(--sp-8) 0 var(--sp-6)}.hero h1{font-size:2.2rem;max-width:34rem}.hero p{font-size:1.1rem;color:var(--c-text-muted);max-width:38rem}.usps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin:var(--sp-6) 0}.usp{background:var(--c-surface);border-radius:var(--radius-md);padding:var(--sp-4)}.usp strong{display:block;margin-bottom:4px}.usp span{color:var(--c-text-muted);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.product-card{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-3);background:var(--c-bg);display:flex;flex-direction:column;gap:var(--sp-2)}.product-card:hover{box-shadow:var(--shadow-md)}.product-card .thumb{aspect-ratio:4/3;display:grid;place-items:center;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.product-card .thumb img{object-fit:contain;max-height:92%;max-width:92%}.product-card h3 a{color:var(--c-text)}.product-card .meta{min-height:26px}.product-card .bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.product-card .price{font-weight:700;font-size:1.25rem}.chip{display:inline-block;font-size:.75rem;padding:2px 9px;border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text-muted);margin-right:4px;border:1px solid var(--c-border)}.filters{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);align-items:flex-end;margin:var(--sp-4) 0;padding:var(--sp-4);background:var(--c-surface);border-radius:var(--radius-md)}.filters label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--c-text-muted)}.filters label>span{white-space:nowrap}.filters select,.filters input[type=number]{font-size:.95rem;padding:6px 8px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg);color:var(--c-text);min-width:150px}.filters input[type=range]{min-width:170px}.filters .count{margin-left:auto;font-weight:600;color:var(--c-text);align-self:center}table{border-collapse:collapse;width:100%}.price-table th,.price-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--c-border);vertical-align:middle}.price-table .price{font-weight:700;text-align:right;white-space:nowrap}.price-table tr.best{background:var(--c-good-bg)}.badge.good{display:inline-block;margin-left:8px;font-size:.7rem;font-weight:700;color:var(--c-good);border:1px solid var(--c-good);border-radius:var(--radius-full);padding:1px 8px;vertical-align:middle}.spec-table th,.spec-table td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--c-border);vertical-align:top}.spec-table th{color:var(--c-text-muted);font-weight:550;width:42%}details summary{cursor:pointer;margin:var(--sp-3) 0;color:var(--c-accent);font-weight:550}.crumbs{font-size:.85rem;color:var(--c-text-muted);margin-bottom:var(--sp-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-head{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:var(--sp-8);align-items:start}@media (max-width: 760px){.product-head{grid-template-columns:1fr}}.product-head .thumb.big{aspect-ratio:4/3;display:grid;place-items:center;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.product-head .thumb.big img{object-fit:contain;max-height:92%;max-width:92%}.product-head h1{font-size:1.45rem}.big-price{font-size:1.9rem;font-weight:700;margin:var(--sp-3) 0 4px}.buybox .from{color:var(--c-text-muted);font-size:.85rem;margin:0}.devnote{margin-top:var(--sp-6);padding:var(--sp-3);border:1px dashed var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);font-size:.8rem}
