*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050506;color:white;font-family:Arial,Helvetica,sans-serif}
header{position:sticky;top:0;z-index:20;height:76px;background:#020202;border-bottom:1px solid #191919;display:flex;align-items:center;justify-content:space-between;padding:0 46px}
.logo{background:#fff;border-radius:7px;padding:7px 12px}.logo img{height:32px;display:block}nav a{color:white;text-decoration:none;font-weight:800;margin-left:22px}nav a:hover{color:#ff1515}
.float{position:fixed;right:18px;bottom:18px;z-index:50;background:#00a63d;color:#fff;text-decoration:none;font-weight:900;padding:15px 20px;border-radius:999px;box-shadow:0 12px 35px rgba(0,166,61,.35)}
.hero{min-height:610px;display:flex;align-items:center;padding:80px 56px;background:radial-gradient(circle at 78% 35%,rgba(255,0,0,.22),transparent 35%),linear-gradient(135deg,#030303,#0b0c10 48%,#260000)}
.hero h1{font-size:76px;line-height:.95;margin:20px 0;text-transform:uppercase;max-width:850px}.hero p{font-size:22px;color:#ddd;max-width:700px;line-height:1.5}
.badge{display:inline-block;background:#e10b06;color:#fff;border-radius:999px;padding:12px 19px;font-weight:900;font-size:13px;letter-spacing:1px}.center{display:block;width:max-content;margin:0 auto 18px}
.btn{display:inline-block;text-decoration:none;color:#fff;font-weight:900;border-radius:10px;padding:14px 20px;margin:6px 6px 0 0}.red{background:#e10b06}.green{background:#009b3d}.big{padding:17px 28px}
.section{padding:70px 56px}h2{text-align:center;font-size:48px;margin:12px 0}.sub{text-align:center;color:#aaa;font-size:18px}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px}
.card{background:#111318;border:1px solid #2b2f38;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.38)}.card img{width:100%;height:310px;object-fit:contain;background:#fff;padding:8px}.cardBody{padding:18px}.tag{font-size:12px;background:#250607;border:1px solid #8b1010;color:#ff3030;padding:8px 12px;border-radius:999px;font-weight:900;text-transform:uppercase}.card h3{font-size:29px;margin:14px 0 6px}.card p{color:#ddd}.miniSpecs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.miniSpecs span{background:#1c2028;border:1px solid #303541;border-radius:7px;padding:8px 9px;font-weight:800;font-size:12px}
.price{font-size:29px;font-weight:900;margin:14px 0}.price small,.bigPrice small{color:#777;text-decoration:line-through;font-size:18px;margin-left:8px}.dots{display:flex;gap:8px;margin:12px 0}.colorDot{width:25px;height:25px;border-radius:50%;border:2px solid #555;display:inline-block}.black{background:#050505}.white{background:#fff}.red.colorDot,.colorList .red{background:#d00000}.silver{background:#bfc2c4}.colorList .black{background:#050505}.colorList .white{background:#fff}.colorList .silver{background:#bfc2c4}
.detail{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:70px 38px;border-top:1px solid #202020;background:#030303}.banner{width:100%;max-height:none;height:auto;object-fit:contain;background:#111;border-radius:14px;border:1px solid #252525}.galleryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.galleryGrid img{width:100%;height:360px;object-fit:contain;background:#fff;padding:8px;border-radius:14px}.detailInfo{position:sticky;top:96px;align-self:start}.detailInfo h2{text-align:left;font-size:42px;line-height:1;margin:22px 0}.bigPrice{font-size:40px;font-weight:900}.detailInfo p{color:#e1e1e1;line-height:1.55;font-size:17px}
.specGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.specGrid div{background:#111318;border:1px solid #2c303a;border-radius:10px;padding:15px}.specGrid b{display:block;font-size:17px}.specGrid span{font-size:12px;color:#ddd}
.colorList{display:flex;flex-wrap:wrap;gap:10px}.colorList span{border:1px solid #303541;background:#0d0f14;border-radius:999px;padding:10px 14px;font-weight:800}.colorList i{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #555;margin-right:8px;vertical-align:middle}
.separa{background:#230404;border:1px solid #8c1111;border-radius:10px;padding:16px;margin:20px 0;font-weight:900}.wide{display:block;text-align:center}
.benefitsSec{background:#090a0d}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.benefits div{background:#12151b;border:1px solid #292e38;border-radius:16px;padding:28px;text-align:center}.benefits p{color:#ccc}
footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:58px 56px;background:#020202;border-top:1px solid #222}footer img{width:210px;background:#fff;border-radius:8px;padding:8px}footer p{color:#ddd}
@media(max-width:1050px){.catalog{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detailInfo{position:static}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){nav{display:none}header{padding:0 18px}.hero,.section,footer,.detail{padding:48px 18px}.hero h1{font-size:44px}.catalog,.benefits,footer{grid-template-columns:1fr}.card img,.galleryGrid img{height:auto}.detailInfo h2,h2{font-size:34px}.specGrid{grid-template-columns:1fr}}