:root{--bg:#0f141b;--panel:#1a1f27;--accent:#2ecc71;--text:#e6e9ef;--muted:#8b93a3;--border:#262c36;}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh;}
header{background:var(--panel);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:14px;}
header .logo{width:44px;height:44px;flex-shrink:0;}
header h1{font-size:22px;color:var(--accent);}
header .tagline{color:var(--muted);font-size:13px;}
main{max-width:1080px;margin:0 auto;padding:24px;}
.search{display:flex;gap:8px;margin-bottom:20px;}
.search input{flex:1;padding:11px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;}
.search button{padding:11px 22px;background:var(--accent);border:none;border-radius:8px;color:#08240f;font-weight:600;cursor:pointer;font-size:15px;}
.cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;}
.cats a{padding:6px 12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;color:var(--muted);text-decoration:none;font-size:13px;}
ul.comps{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;}
ul.comps li{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;gap:12px;align-items:flex-start;}
ul.comps img{width:56px;height:56px;border-radius:6px;flex-shrink:0;background:#12161d;}
ul.comps .info{flex:1;min-width:0;}
ul.comps a{color:var(--accent);text-decoration:none;font-weight:600;}
.mfr{color:var(--muted);font-size:13px;}
.desc{color:#b8c0cc;font-size:13px;margin-top:5px;line-height:1.45;}
.price{color:var(--accent);font-size:13px;white-space:nowrap;}
.detail{display:grid;grid-template-columns:180px 1fr;gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;}
.detail .imgbox img{width:160px;height:160px;border-radius:10px;background:#12161d;}
.detail h2{color:var(--accent);margin-bottom:6px;}
.links{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.links a{padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;}
.links a.pdf{border-color:var(--accent);color:var(--accent);}
.prices h3{font-size:14px;color:var(--muted);margin-bottom:10px;}
.prices table{width:100%;border-collapse:collapse;}
.prices td{padding:7px 4px;border-bottom:1px solid var(--border);font-size:14px;}
.prices td:last-child{text-align:right;color:var(--accent);font-weight:600;}
table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden;}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px;}
th{color:var(--muted);font-weight:600;}
a.back{display:inline-block;margin-top:18px;color:var(--accent);text-decoration:none;}
footer{text-align:center;color:var(--muted);font-size:12px;padding:24px;}
a:hover,a:focus-visible{outline:none;text-decoration:underline;}
.search button:hover,.search button:focus-visible{filter:brightness(1.08);}
.search input:focus{border-color:var(--accent);}
.links a:hover,.links a:focus-visible{border-color:var(--accent);}
.pager{display:flex;gap:6px;margin:22px 0 4px;flex-wrap:wrap;}
.pager a,.pager span{padding:7px 13px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px;}
.pager .on{border-color:var(--accent);color:var(--accent);}
.specs{margin-top:20px;}
.specs caption{text-align:left;color:var(--muted);font-size:13px;padding-bottom:8px;}
.related{margin-top:26px;}
.related h3{color:var(--muted);font-size:14px;margin-bottom:10px;}
@media (max-width:720px){.detail{grid-template-columns:1fr;}ul.comps{grid-template-columns:1fr;}}
@media print{body{background:#fff;color:#000;}header,footer,.search,.cats{display:none;}}