:root{color-scheme:dark;--bg:#0A1128;--box:#121C40;--ink:#EAEFFF;--mute:#A9B5D4;--line:#29365F;--accent:#B8A5FF}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}
.wrap{max-width:1150px;margin:auto;padding:0 20px}.topbar{border-bottom:1px solid var(--line);padding:18px 0;background:#0D1735}.topflex{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{font-size:1.15rem;font-weight:800}.topnav{display:flex;gap:16px;flex-wrap:wrap;color:#CED5E6;font-size:.92rem}
.breadcrumb{font-size:.86rem;color:var(--mute);margin-top:26px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}h1{line-height:1.5;margin:18px 0 10px;font-size:clamp(1.5rem,3.7vw,2.3rem)}.intro{color:#CED8EB;max-width:1000px;margin:0 0 22px}.tip{border:1px solid var(--line);border-radius:14px;background:#121C40;padding:18px 22px;margin:22px 0 30px;color:#CBD5EC}.tip strong{color:#F0EBFF}
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 30px}.category-nav a{border:1px solid #455487;padding:6px 14px;border-radius:999px;background:#182447}.category-nav a:hover,.card:hover{border-color:#A99BF9}
h2{font-size:1.4rem;margin:36px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:16px}.card{display:flex;flex-direction:column;background:var(--box);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border .15s}.card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px}.card-body{padding:13px 16px;display:flex;flex:1;flex-direction:column}.brand-label{font-size:.76rem;color:#BAADEB}.product-name{font-size:1rem;font-weight:650;line-height:1.65;margin:8px 0 auto;min-height:72px}.price{font-weight:800;color:#FFF;margin-top:12px}.more{color:#C4B5FD;font-size:.86rem;margin-top:6px}
.foot{border-top:1px solid var(--line);margin-top:65px;background:#090E21;padding:28px 0 45px;color:#B5C3E4;font-size:.9rem}.foot a{text-decoration:underline;text-underline-offset:3px}.foot p{margin:5px 0}
@media(max-width:520px){.wrap{padding:0 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-body{padding:10px}.product-name{font-size:.88rem;min-height:85px}.price{font-size:.89rem}.card img{padding:5px}.topnav{font-size:.81rem;gap:9px}}