:root{--bg:#f6f8fb;--surface:#fff;--ink:#172033;--muted:#667085;--brand:#1e5ba9;--brand-dark:#16477f;--brand-weak:#eaf3ff;--line:#e5e9f0;--success:#15803d;--danger:#b42318;--radius:14px;--shadow:0 10px 30px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding-bottom:82px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1280px;margin:0 auto;padding:16px}.site-main{min-height:60vh}.topnav{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(16,24,40,.05);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.topnav .container{max-width:1280px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:15px}.brand img{display:block}.menu-toggle{display:none;font-size:24px;background:none;border:0;cursor:pointer;margin-left:auto;color:var(--ink)}.site-footer{margin-top:40px}.u-full{width:100%}.filter-search{width:100%;padding:8px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px}.filter-submit{width:100%;padding:10px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.filter-submit:hover{background:var(--brand-dark)}.text-center{text-align:center}.empty-cell{padding:24px}.product-title{white-space:normal}.score[data-score],.thumb[data-score]{--p:0}.gallery-thumb.is-active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-weak)}
@media(max-width:768px){.menu-toggle{display:block}.topnav nav{display:none;position:absolute;top:62px;right:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.topnav nav ul{flex-direction:column;gap:10px}.topnav.open nav{display:block}.wrap{padding:12px}}

/* Layout hotfix */
.wrap{max-width:1480px;width:100%;padding:24px 20px}
.topnav .container{max-width:1480px;width:100%;min-height:76px}
.brand img{width:88px;height:58px;object-fit:contain}
.topnav nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}
.topnav nav a{font-weight:600;white-space:nowrap}
@media(max-width:980px){.wrap{padding:16px}.topnav .container{min-height:64px}.brand img{width:68px;height:46px}.brand span{font-size:14px}}