:root{--bg:#0b1020;--bg2:#131b2e;--card:#1a2338;--text:#f7f7f8;--muted:#a5adbf;--gold:#d6b56c;--accent:#1d2a4a}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#090d18 40%,#111a2f);color:var(--text)}
a{color:var(--gold);text-decoration:none}.container{width:min(1180px,94%);margin:0 auto}
.header{position:sticky;top:0;background:rgba(8,12,24,.92);backdrop-filter:blur(8px);border-bottom:1px solid #26314d;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0}.logo{font-size:1.25rem;font-weight:800;color:#fff}.logo span{display:block;color:var(--gold);font-size:.75rem;font-weight:600}
.header-aside{display:flex;align-items:center;gap:10px;margin-left:auto}
.header-tel{color:#e8edf7;font-weight:700;font-size:.9rem;white-space:nowrap}
.header-call-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#2a6b4a,#1d4a33);color:#fff;border:1px solid #3d8f62;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.header-call-btn:hover{filter:brightness(1.08)}
.header-call-icon{display:block}
.desktop-nav{display:none;gap:12px;flex-wrap:wrap;align-items:center;flex:1;justify-content:center;min-width:0}
.menu-btn{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:8px 12px;border-radius:10px}
.mobile-nav{display:none;gap:10px;flex-wrap:wrap;padding:0 0 12px}.mobile-nav.open{display:flex}
h1{font-size:clamp(1.6rem,4.2vw,2.8rem);margin:28px 0 16px}.hero{padding:22px;background:linear-gradient(120deg,#121d34,#1f2c47);border:1px solid #2b395a;border-radius:18px}
.hero p{color:#e8edf7}.hero-links,.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.chip{background:#1c2740;border:1px solid #31405f;border-radius:999px;padding:8px 12px;color:#dce6fa}
.toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0}.toolbar input,.toolbar select{background:#111a2c;color:#fff;border:1px solid #2a3656;padding:10px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:20px 0}.card{background:var(--card);border:1px solid #2d3a59;border-radius:16px;padding:14px;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.stock{font-size:.83rem;color:#7df58f}.stock.out{color:#ff9f9f}.price{font-size:1.2rem;font-weight:700;margin:8px 0}
.card button{margin-top:auto;background:var(--gold);border:0;color:#1f1f1f;font-weight:700;padding:10px;border-radius:10px;cursor:pointer}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin:10px 0 16px}.breadcrumbs a{color:#d0def8}
.seo-text,.faq,.extra{background:#121a2d;border:1px solid #2a3a5f;padding:20px;border-radius:14px;margin:20px 0}.seo-text p{color:#d4ddf2}
.faq details{border-top:1px solid #2f3d5d;padding:8px 0}.faq summary{cursor:pointer}
.footer{margin-top:40px;padding:28px 0;background:#070b14;border-top:1px solid #293754}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.legal-banner{position:fixed;bottom:0;left:0;right:0;background:#1b1111;color:#ffdfdf;border-top:1px solid #5a3131;padding:8px 12px;font-size:.82rem;z-index:40}
.floating-call,.floating-tg,.floating-cart{position:fixed;right:14px;border-radius:999px;padding:10px 14px;font-weight:700;z-index:60}
.floating-call{bottom:145px;background:#1d3c70;color:#fff}.floating-tg{bottom:96px;background:#209bd8;color:#fff}.floating-cart{bottom:46px;background:var(--gold);color:#2b220f;border:0}
.cart-drawer{position:fixed;top:0;right:-420px;width:min(420px,95%);height:100vh;background:#0f1628;border-left:1px solid #2d3b5e;z-index:80;padding:16px;transition:right .25s}
.cart-drawer.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center}.checkout input,.checkout textarea,.checkout button{width:100%;margin:6px 0;padding:10px;border-radius:10px;border:1px solid #2d3c60}
.checkout input,.checkout textarea{background:#11192d;color:#fff}.checkout button{background:var(--gold);color:#1c1914;font-weight:700;border:0}
@media(max-width:520px){.header-tel{font-size:.78rem}}
@media(min-width:980px){.desktop-nav{display:flex}.menu-btn,.mobile-nav{display:none}.header-aside{margin-left:0;gap:12px}}
@media(max-width:720px){.toolbar{grid-template-columns:1fr}.legal-banner{font-size:.74rem}}
