:root{--primary:#1a1a2e;--secondary:#16213e;--accent:#c9a961;--accent-dark:#a8894d;--bg:#f5f5f0;--white:#fff;--text:#2c2c2c;--text-light:#666;--border:#e0e0e0;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,.08)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
h1,h2,h3{font-family:'Playfair Display',serif}
a{color:var(--accent-dark);text-decoration:none}
img{max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.page{padding:50px 20px}
.center{text-align:center}
.small{font-size:.85rem;color:var(--text-light)}
.lead{font-size:1.15rem;max-width:800px;margin:0 0 30px}
.header{background:var(--primary);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.header-in{display:flex;align-items:center;gap:30px;padding:15px 20px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.2rem}
.logo img{width:44px;height:44px;filter:invert(1)}
.nav{display:flex;gap:22px;flex:1}
.nav a{color:#fff;font-weight:500}
.nav a:hover{color:var(--accent)}
.header-phone{color:var(--accent);font-weight:700;white-space:nowrap}
.btn{display:inline-block;padding:14px 32px;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:.3s}
.btn.small{padding:10px 20px;font-size:.9rem}
.btn-primary{background:var(--accent);color:var(--primary)}
.btn-primary:hover{background:var(--accent-dark);color:#fff}
.btn-outline{border:2px solid var(--accent);color:var(--accent-dark)}
.btn-outline:hover{background:var(--accent);color:var(--primary)}
.hero{background:linear-gradient(135deg,rgba(26,26,46,.9),rgba(22,33,62,.85)),url('/static/images/hero.webp') center/cover;color:#fff;text-align:center;padding:120px 20px}
.hero h1{font-size:3rem;margin-bottom:20px}
.hero-sub{font-size:1.2rem;max-width:700px;margin:0 auto 35px;opacity:.9}
.hero-social{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.social-btn{padding:12px 26px;border-radius:50px;color:#fff;font-weight:600;transition:.3s}
.social-btn.big{padding:16px 36px;font-size:1.1rem}
.social-btn:hover{transform:translateY(-2px);filter:brightness(1.1);color:#fff}
.social-vk{background:#07f}.social-tg{background:#229ED9}.social-max{background:#FF5722}
.social-links{display:flex;gap:12px;flex-wrap:wrap}
.social-links.vertical{flex-direction:column}
.features{padding:70px 0}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}
.feature{background:#fff;padding:35px 25px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}
.feature span{font-size:2.5rem}
.feature h3{margin:12px 0 8px;font-size:1.2rem}
.section{padding:70px 0}
.section.alt{background:#fff}
h2{font-size:2.2rem;text-align:center;margin-bottom:40px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px}
.product-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.3s}
.product-card:hover{transform:translateY(-5px)}
.product-card img{width:100%;height:260px;object-fit:cover}
.product-info{padding:18px}
.product-info h3{font-size:1.15rem}
.steel{color:var(--text-light);font-size:.88rem;margin:6px 0}
.price{font-size:1.3rem;font-weight:700;color:var(--primary)}
.cat-nav{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.cat-nav a{padding:10px 22px;border-radius:50px;background:#fff;box-shadow:var(--shadow);font-weight:600}
.cat-nav a.active{background:var(--primary);color:var(--accent)}
.seo-text{margin-top:50px;color:var(--text-light);max-width:900px}
.breadcrumbs{margin-bottom:25px;font-size:.9rem;color:var(--text-light)}
.breadcrumbs a{color:var(--text-light)}
.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-bottom:50px}
.variant-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.variant-card img{width:100%;height:280px;object-fit:cover}
.variant-body{padding:18px}
.steel-badge{padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:700;color:#fff}
.steel-pgk{background:#4a6fa5}.steel-m390{background:#8e44ad}.steel-elmax{background:#27ae60}
.steel-magnacut{background:#d35400}.steel-pmd550{background:#16a085}.steel-n690{background:#7f8c8d}.steel-aus10co{background:#2980b9}
.sold-badge{color:#c0392b;font-weight:700}
.variant-grid.sold img{filter:grayscale(.6)}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.gallery img{width:100%;border-radius:var(--radius);margin-bottom:15px}
.price-detail{font-size:2rem;font-weight:700;color:var(--primary);margin:15px 0}
.specs{width:100%;border-collapse:collapse;margin:25px 0}
.specs th,.specs td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:.95rem}
.specs th{color:var(--text-light);width:40%}
.options{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);margin:20px 0}
.options ul{margin:10px 0 10px 20px}
.order-section{margin-top:30px}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.review-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.review-card img{width:100%;height:300px;object-fit:cover}
.review-body{padding:18px}
.review-header{display:flex;justify-content:space-between;margin-bottom:8px}
.review-author{font-weight:700}
.badge-source{background:var(--primary);color:var(--accent);padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:700}
.cta{background:var(--primary);color:#fff;text-align:center;padding:70px 20px;margin-top:60px;border-radius:var(--radius)}
.cta h2{color:#fff}
.footer{background:var(--secondary);color:#fff;padding:60px 0 25px;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:35px;margin-bottom:35px}
.footer h3,.footer h4{color:var(--accent);margin-bottom:12px}
.footer a{color:#fff;opacity:.85}
.footer a:hover{opacity:1;color:var(--accent)}
.footer .small{opacity:.6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;opacity:.6;font-size:.85rem}
@media(max-width:768px){.hero h1{font-size:2rem}.nav{display:none}.product-detail{grid-template-columns:1fr}.header-in{flex-wrap:wrap}}