*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#0f1115;color:#e8e8e8;line-height:1.5}
a{color:inherit}
header{padding:16px 24px;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.logo{font-weight:900;font-size:24px;letter-spacing:1px;text-decoration:none;color:#e30613}
.hphones a{color:#f5a623;text-decoration:none;font-weight:600;margin-left:16px;white-space:nowrap}
.wrap{max-width:1100px;margin:0 auto;padding:32px 24px}
.btn{display:inline-block;background:#f5a623;color:#111;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:700}
.phones{display:flex;gap:12px;flex-wrap:wrap}
footer{padding:16px 24px;color:#666;font-size:14px;text-align:center;border-top:1px solid #222;margin-top:40px}
.hero{text-align:center;padding:48px 0 24px}
.hero h1{font-size:clamp(28px,5vw,44px);margin-bottom:12px}
.hero p{color:#a8a8a8;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:32px}
.card{background:#171a21;border:1px solid #262a33;border-radius:12px;overflow:hidden;text-decoration:none;display:block}
.card:hover{border-color:#f5a623}
.card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#1d212a;display:block}
.card .b{padding:16px}
.card h3{font-size:18px;margin-bottom:4px}
.card .s{color:#a8a8a8;font-size:14px}
.price{font-size:28px;font-weight:800;color:#f5a623}
.product{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media(max-width:800px){.product{grid-template-columns:1fr}}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#1d212a;border-radius:12px;display:block}
.product h1{font-size:clamp(24px,4vw,34px);margin-bottom:8px}
.lead{color:#a8a8a8;margin-bottom:20px}
.feat{list-style:none;margin:20px 0}
.feat li{padding:6px 0 6px 22px;position:relative}
.feat li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:10px;border-radius:50%;background:#f5a623}
h2{font-size:22px;margin:40px 0 16px}
table{width:100%;border-collapse:collapse;background:#171a21;border-radius:12px;overflow:hidden}
td{padding:10px 16px;border-bottom:1px solid #262a33;vertical-align:top}
td:first-child{color:#a8a8a8;width:40%}
.note{background:#1d1a10;border:1px solid #5a4614;border-radius:12px;padding:16px 20px}
.crumbs{font-size:14px;color:#888;margin-bottom:20px}
.crumbs a{text-decoration:none;color:#f5a623}
.gallery .main{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px;display:block}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;background:#fff;flex:none}
.thumbs img.on{border-color:#f5a623}
.card img{background:#fff}
.cfg{background:#171a21;border:1px solid #262a33;border-radius:12px;padding:16px;margin:20px 0}
.cfg h3{font-size:15px;color:#a8a8a8;font-weight:600;margin:14px 0 8px}
.cfg h3:first-child{margin-top:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{display:flex;align-items:center;gap:10px;border:1px solid #333a46;border-radius:10px;padding:8px 12px;font-size:14px;flex:1 1 100%;flex-wrap:wrap}
.opt img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:6px;flex:none}
.opt input{display:none}
.opt:has(input:checked){border-color:#f5a623;background:#221d10}
.opt .p{margin-left:auto;color:#f5a623;font-weight:700;white-space:nowrap}
.total{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:14px;border-top:1px solid #262a33}
.total .price{font-size:30px}
.sum{font-size:13px;color:#888;margin-top:6px}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.info div{background:#171a21;border:1px solid #262a33;border-radius:12px;padding:14px 16px}
.info b{display:block;color:#f5a623;margin-bottom:4px}
.box{columns:2;column-gap:24px;list-style:none}
@media(max-width:600px){.box{columns:1}}
.box li{padding:6px 0;border-bottom:1px solid #262a33;break-inside:avoid}

.old{color:#777;font-size:16px;text-decoration:line-through;font-weight:400;margin-right:6px}
.flt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.flt button{background:#171a21;color:#e8e8e8;border:1px solid #333a46;border-radius:20px;padding:8px 16px;font-size:15px;cursor:pointer}
.flt button.on{border-color:#f5a623;background:#221d10;color:#f5a623}
.cfg select{width:100%;background:#0f1115;color:#e8e8e8;border:1px solid #333a46;border-radius:8px;padding:10px;font-size:15px}
.opt select{width:auto;max-width:170px;padding:6px;font-size:13px}
.opt .nm{flex:1}
.opt .ol{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}
.opt{cursor:default}
.opt select{max-width:none;flex:1 1 220px}
.product>*{min-width:0}
.cfg,.opt,.opt .ol,.opt .nm{min-width:0}.opt .nm{overflow-wrap:anywhere}.opt select{min-width:0;width:100%}.cfg select{min-width:0}
.opt .ol{flex:1 1 180px}.opt .nm{flex:1}
/* nav */
.nav{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #222;overflow-x:auto;background:#0b0d10}
.nav a{padding:12px 12px;text-decoration:none;color:#bbb;white-space:nowrap;font-size:15px;border-bottom:2px solid transparent}
.nav a:hover{color:#fff}.nav a.on{color:#fff;border-bottom-color:#e30613}
.flinks{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:10px}.flinks a{color:#999;text-decoration:none}
footer .legal{margin-top:6px;font-size:12px;color:#555}
.btn2{display:inline-block;background:transparent;color:#f5a623;border:1px solid #f5a623;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.btn2.on{background:#f5a623;color:#111}
.card .cmpbtn{margin-top:10px;padding:7px 12px;font-size:13px}
.phones .btn2{padding:14px 20px}
#cmpbar{position:fixed;right:16px;bottom:16px;background:#e30613;color:#fff;padding:14px 20px;border-radius:30px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.5);z-index:50}
.card a{text-decoration:none}
/* filters */
.filters{background:#171a21;border:1px solid #262a33;border-radius:12px;padding:16px;margin-top:24px;display:flex;flex-wrap:wrap;gap:16px 28px}
.fg b{display:block;font-size:13px;color:#a8a8a8;margin-bottom:8px;font-weight:600}.fg.wide{flex:1 1 100%}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips label{border:1px solid #333a46;border-radius:18px;padding:6px 12px;font-size:14px;cursor:pointer;user-select:none}
.chips input{display:none}.chips label:has(input:checked){border-color:#f5a623;background:#221d10;color:#f5a623}
.pr{display:flex;align-items:center;gap:6px}.pr input{width:100px}
.filters input[type=number],.filters select{background:#0f1115;color:#e8e8e8;border:1px solid #333a46;border-radius:8px;padding:8px;font-size:14px}
.fres{flex:1 1 100%;display:flex;gap:16px;align-items:center;color:#a8a8a8;font-size:14px}
.lnk{background:none;border:none;color:#f5a623;cursor:pointer;font-size:14px;text-decoration:underline;font-family:inherit;padding:0}
.acard img{aspect-ratio:1/1}.vl{list-style:none;font-size:13px;color:#a8a8a8;margin:6px 0}
details{margin-top:8px;font-size:13px;color:#a8a8a8}summary{cursor:pointer;color:#ccc}.comp{margin-top:6px;line-height:1.7}.comp a{color:#f5a623}
.center{text-align:center;margin-top:32px}.center .phones{justify-content:center}
/* compare */
.ph{font-size:clamp(26px,4vw,36px);margin:8px 0 20px}
.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{background:#171a21;color:#ddd;border:1px solid #333a46;border-radius:20px;padding:9px 18px;font-size:15px;cursor:pointer;font-family:inherit}.tabs button.on{border-color:#f5a623;color:#f5a623;background:#221d10}
.diff{display:inline-flex;gap:8px;align-items:center;margin-bottom:16px;color:#bbb;cursor:pointer}
.cwrap{overflow-x:auto;border-radius:12px;border:1px solid #262a33}
.ctab{border-collapse:collapse;min-width:100%;background:#171a21}.ctab td,.ctab th{padding:10px 14px;border-bottom:1px solid #262a33;vertical-align:top;font-size:14px;min-width:190px;text-align:left}
.ctab td:first-child,.ctab th:first-child{position:sticky;left:0;background:#13161c;color:#a8a8a8;min-width:150px;width:auto}
.ctab th{position:relative;font-weight:700}.ctab th img{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:8px;display:block;margin-bottom:8px}
.ctab th a{text-decoration:none}.ctab tr.dif td:not(:first-child){background:#1d1a10}
.rm{position:absolute;top:6px;right:6px;background:#333;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:16px}
.empty{color:#aaa;padding:30px 0}.empty a{color:#f5a623}
#clr{margin-top:14px}
/* delivery */
.lead2{font-size:22px;font-weight:800;background:linear-gradient(90deg,#e30613,#b0040f);padding:18px 22px;border-radius:12px;margin-bottom:24px}
.dcols{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:800px){.dcols{grid-template-columns:1fr}}
.dbox{background:#171a21;border:1px solid #262a33;border-radius:12px;padding:20px}.dbox h2{margin:0 0 14px;font-size:20px;color:#f5a623}
.dl{list-style:none}.dl li{padding:10px 0 10px 28px;border-bottom:1px solid #262a33;position:relative}.dl li:last-child{border:none}
.dl li:before{content:"";position:absolute;left:4px;top:18px;width:10px;height:10px;border-radius:50%;background:#e30613}
.ok{color:#3ecf5a;font-weight:900;margin-left:6px}
/* contacts */
.slogan{font-size:clamp(18px,3vw,26px);font-weight:900;text-align:center;padding:26px 20px;border-radius:14px;background:linear-gradient(135deg,#e30613,#7a020a);letter-spacing:.5px;margin-bottom:24px;box-shadow:0 8px 30px rgba(227,6,19,.25)}
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cc{display:flex;align-items:center;gap:16px;background:#171a21;border:1px solid #262a33;border-radius:14px;padding:18px 20px;text-decoration:none;font-size:22px;font-weight:800;transition:.15s}
.cc:hover{border-color:#e30613;transform:translateY(-2px)}.cc small{display:block;font-size:13px;color:#999;font-weight:500;margin-bottom:2px}
.cc .ico{width:52px;height:52px;flex:none}.cc.tg:hover{border-color:#29a9eb}.cc.vb:hover{border-color:#7360f2}.cc.em:hover{border-color:#f5a623}
.hours{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}@media(max-width:700px){.hours{grid-template-columns:1fr}}
.hours div{background:#221d10;border:1px solid #5a4614;border-radius:12px;padding:18px;font-weight:800;color:#f5a623;display:flex;gap:12px;align-items:center}.hours b{font-size:26px}
/* about */
.about{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}@media(max-width:800px){.about{grid-template-columns:1fr}}
.alogo{background:#171a21;border:1px solid #262a33;border-radius:14px;padding:30px;text-align:center;font-size:36px;font-weight:900;color:#e30613}.alogo small{display:block;font-size:14px;color:#aaa;font-weight:500;margin-top:8px}
.legalt td a{color:#f5a623}
/* history */
.hhero{position:relative;border-radius:16px;overflow:hidden;margin-bottom:30px}.hhero video{width:100%;display:block;max-height:560px;object-fit:cover}
.hov{position:absolute;inset:auto 0 0 0;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.8))}.hov h1{font-size:clamp(30px,5vw,52px)}.hov p{color:#ddd}
.hs{margin:44px 0}.hs h2{font-size:clamp(24px,3.5vw,32px);margin:0 0 12px}.hs p{color:#c8c8c8;margin-bottom:12px}.sub{color:#f5a623!important;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{background:#171a21;border:1px solid #262a33;border-radius:14px;padding:22px;text-align:center;color:#aaa}.stats b{display:block;font-size:36px;color:#e30613}
@media(max-width:700px){.stats{grid-template-columns:1fr}}
.frows{display:flex;flex-direction:column;gap:26px}.frow{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.frows .frow:nth-child(even) .fm{order:2}
@media(max-width:800px){.frow{grid-template-columns:1fr}.frows .frow:nth-child(even) .fm{order:0}}
.fm video,.fm img{width:100%;border-radius:12px;display:block}.ft h3{font-size:22px;margin-bottom:8px;color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.pcard{background:#171a21;border:1px solid #262a33;border-radius:14px;padding:14px}.pcard h3{margin:12px 0 6px;font-size:18px}.pcard p{font-size:14px}
.wimg{width:100%;border-radius:12px;margin-top:10px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.fld{background:#171a21;border:1px solid #262a33;border-radius:14px;overflow:hidden}.fld img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.fld h3{padding:14px 16px 4px}.fld p{padding:0 16px 10px;font-size:14px}
h3.c{text-align:center;margin:30px 0 16px;font-size:20px;color:#f5a623}
.yt{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.yt iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.press{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.press div{background:#171a21;border:1px solid #262a33;border-radius:12px;padding:14px}.press img{width:100%;border-radius:6px;display:block;margin-bottom:10px}.press p{font-size:14px;font-style:normal}
.revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.rv{background:#171a21;border:1px solid #262a33;border-radius:14px;overflow:hidden}.rv img{width:100%;aspect-ratio:868/471;object-fit:cover;display:block}.rv h4{padding:12px 16px 4px;font-size:16px}.rv p{padding:0 16px;font-size:14px}.rv small{display:block;padding:0 16px 14px;color:#f5a623}
.note2{font-size:12px;color:#666!important;text-align:center;margin-top:10px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cats img{width:100%;border-radius:12px;display:block}
.ctab td:first-child{width:auto}.ctab td,.ctab th{width:auto}.ctab .price{font-size:22px}
/* v4 */
.nav a,.flinks a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.nav{gap:6px}.flinks{gap:6px 10px}.flinks span{color:#444}
.logo{color:#2f6fe4;background:linear-gradient(90deg,#1e4fd8 0%,#3f7cf0 55%,#7aa7ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;display:inline-flex;align-items:center;gap:8px}
.logo svg{width:26px;height:26px;-webkit-text-fill-color:initial}
.alogo{color:#2f6fe4}
.cc{font-size:17px;padding:14px 16px;gap:12px}.cc .ico{width:34px;height:34px}.cc small{font-size:12px}
.pgrid,.fields,.yt,.revs,.cats{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.press{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.ccards{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
@media(max-width:700px){
 .wrap{padding:20px 16px}
 .hhero{border-radius:12px}.hov{position:static;background:none;padding:16px 0 0}.hov h1{font-size:30px}
 .hs{margin:30px 0}.hs h2{font-size:23px}.ft h3{font-size:19px}.hs p{font-size:15px}
 .stats b{font-size:28px}.stats div{padding:16px}
 .frow{gap:12px}.frows{gap:30px}
 #cmpbar{padding:10px 14px;font-size:14px;right:10px;bottom:10px}
 .slogan{padding:18px 14px}
 .lead2{font-size:18px;padding:14px 16px}
 .hours div{padding:14px;font-size:14px}
}
/* v5 accessories */
.acard .s{margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ptxt{color:#c8c8c8;margin-bottom:12px;max-width:900px}
.ch3{font-size:15px;color:#a8a8a8;margin:22px 0 8px;font-weight:600}
.compl{display:flex;flex-wrap:wrap;gap:6px}.compl a{border:1px solid #333a46;border-radius:16px;padding:5px 11px;font-size:13px;text-decoration:none;color:#ddd}.compl a:hover{border-color:#f5a623;color:#f5a623}
@media(max-width:700px){.phones .btn,.phones .btn2{flex:1 1 100%;text-align:center}}
/* ===== v6 ===== */
.logo{background:linear-gradient(90deg,#ff1f2d 0%,#ff3b47 35%,#ff8f96 70%,#ff1f2d 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ff2a35;animation:lgshine 6s linear infinite}
@keyframes lgshine{to{background-position:200% center}}
@media(prefers-reduced-motion:reduce){.logo{animation:none}}
.alogo{background:linear-gradient(90deg,#ff1f2d,#ff8f96);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ff2a35}
.alogo small{-webkit-text-fill-color:#aaa}
/* footer socials */
.fsoc{display:flex;justify-content:center;gap:12px;margin:6px 0 12px}
.fsoc a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#ddd;border:1px solid #2a2f3a;border-radius:24px;padding:6px 14px 6px 6px;font-size:14px;transition:.15s}
.fsoc a:hover{border-color:#fff;color:#fff;transform:translateY(-1px)}
.fsoc .ico{width:30px;height:30px}
/* compare button active */
.cmpbtn{font-size:15px}
.btn2.cmpbtn.on{background:#16a34a;border-color:#16a34a;color:#fff;font-size:16px}
.card.incmp{outline:4px solid #22c55e;outline-offset:-2px;box-shadow:0 0 0 2px rgba(34,197,94,.25),0 8px 24px rgba(34,197,94,.18)}
.card .cmpbtn{font-size:14px;padding:8px 14px}.card .cmpbtn.on{font-size:15px}
/* compare table */
.cwrap{border:1px solid #2c3340;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.ctab td,.ctab th{font-size:15px;line-height:1.5;padding:12px 16px;border-bottom:1px solid #262c37;border-right:1px solid #222833}
.ctab tr:nth-child(odd) td{background:#171b22}
.ctab tr:nth-child(even) td{background:#1e232c}
.ctab td:first-child,.ctab th:first-child{background:#11151b!important;color:#9db4cf;font-weight:700;font-size:14px}
.ctab tr:hover td{background:#26303d}
.ctab tr.dif td:first-child{box-shadow:inset 4px 0 0 #f5a623;color:#ffd27a}
.ctab tr.dif td:not(:first-child){background:linear-gradient(0deg,rgba(245,166,35,.07),rgba(245,166,35,.07)),#1b1f27}
.ctab tr.prow td{background:#10251a!important;border-bottom:2px solid #16a34a}
.ctab tr.prow td:first-child{color:#4ade80}
.ctab th{background:#141820;border-bottom:2px solid #2f3746}
.ctab th div{font-size:15px;margin-top:4px}
.clegend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#aaa;margin:0 0 12px}
.clegend span{display:inline-flex;align-items:center;gap:6px}.clegend i{display:inline-block;width:14px;height:14px;border-radius:3px}
@media(max-width:700px){.ctab td,.ctab th{font-size:14px;padding:10px 12px;min-width:150px}.ctab td:first-child,.ctab th:first-child{min-width:112px;max-width:120px;font-size:13px}.ctab th img{width:84px;height:84px}}
/* autumn banner */
.abanner{position:relative;border-radius:16px;overflow:hidden;margin-top:6px}
.abanner img{width:100%;display:block;aspect-ratio:2200/802;object-fit:cover}
.atext{position:absolute;left:0;top:0;bottom:0;width:52%;display:flex;flex-direction:column;justify-content:center;padding:3% 4%;background:linear-gradient(90deg,rgba(10,20,40,.55),rgba(10,20,40,.25) 70%,transparent)}
.a1{font-size:clamp(40px,7vw,104px);font-weight:900;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#ffb300,#ff6a00 45%,#ff1f2d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.a2{font-size:clamp(18px,2.3vw,34px);font-weight:800;color:#fff;margin-top:10px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.a3{font-size:clamp(16px,1.8vw,26px);font-weight:800;color:#ffd166;margin-top:12px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.abtn{align-self:flex-start;margin-top:18px}
@media(max-width:700px){.abanner img{aspect-ratio:750/1060}.atext{width:100%;bottom:auto;justify-content:flex-start;padding:22px 20px 40px;background:linear-gradient(180deg,rgba(10,20,40,.55),rgba(10,20,40,.2) 75%,transparent)}.a1{font-size:52px}.a2{font-size:20px}.a3{font-size:18px}}
@media(min-width:701px) and (max-width:1024px){.atext{width:62%}}