:root{--red:#f03a2f;--dark:#17171a;--muted:#6b7280;--line:#ececf0;--bg:#f5f5f7;--cream:#faf3e8;--orange:#ff6b00;--shadow:0 5px 15px rgba(0,0,0,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--dark);padding-bottom:74px}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{max-width:1240px;margin:auto;background:white;min-height:100vh}.top{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,#f03a2f 0 52px,#fff 52px);box-shadow:0 3px 18px rgba(0,0,0,.08)}.bar{display:grid;grid-template-columns:38px auto 1fr 38px 38px;gap:7px;align-items:center;padding:7px 8px 8px}.menu,.round{width:38px;height:38px;border-radius:13px;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.logo{font-size:20px;font-weight:950;color:#fff;white-space:nowrap;letter-spacing:-.7px}.logo .box{background:#fff;color:var(--red);border-radius:7px;padding:1px 4px}.logo .year{background:linear-gradient(90deg,#111 0 33%,#dd0000 33% 66%,#ffce00 66%);-webkit-background-clip:text;background-clip:text;color:transparent}.search{height:38px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:6px;padding:0 10px;min-width:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.cart-badge{position:absolute;right:-4px;top:-5px;background:#111;color:white;border-radius:99px;font-size:10px;padding:1px 5px}.round{position:relative}.chips{display:flex;gap:6px;overflow:auto;padding:0 8px 8px;scrollbar-width:none}.chips::-webkit-scrollbar,.quick::-webkit-scrollbar,.row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:white;font-size:12px;font-weight:850}.chip.active{background:#111;color:white}.hero-grid{display:grid;gap:10px;padding:10px}.hero{border-radius:22px;background:linear-gradient(135deg,#f03a2f,#971217 56%,#171719);color:white;overflow:hidden}.hero-inner{padding:20px 15px}.flag{display:flex;gap:4px;margin-bottom:10px}.flag span{width:28px;height:5px;border-radius:99px;background:white}.flag span:nth-child(2){background:#f03a2f}.flag span:nth-child(3){background:#111}.flag span:nth-child(4){background:#ffce00}.hero h1{font-size:26px;line-height:1.02;margin:0 0 8px;letter-spacing:-1px}.hero p{font-size:13px;margin:0 0 13px;color:#ffe6e2;line-height:1.3}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:12px;background:white;color:var(--red);font-size:13px;font-weight:950}.mini-promos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini{background:white;border:1px solid var(--line);border-radius:17px;padding:11px;min-height:78px;box-shadow:var(--shadow)}.mini b{display:block;font-size:13px}.mini span{font-size:11px;color:var(--muted)}.mini .ico{font-size:23px;float:right}.quick{display:flex;gap:10px;overflow:auto;padding:2px 10px 10px}.quick a{min-width:66px;text-align:center;font-size:11px;font-weight:850}.bubble{width:54px;height:54px;border-radius:50%;background:var(--cream);display:grid;place-items:center;margin:0 auto 5px;border:1px solid #ecdac1;font-size:22px}.section{padding:8px 10px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.head h2{margin:0;font-size:18px;letter-spacing:-.4px}.head a{color:var(--red);font-size:12px;font-weight:950}.row{display:flex;gap:9px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.card{min-width:142px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);position:relative;scroll-snap-align:start}.fav{position:absolute;top:7px;right:7px;z-index:2;width:28px;height:28px;border-radius:50%;border:0;background:white;box-shadow:0 4px 12px rgba(0,0,0,.13);font-size:15px}.disc{position:absolute;left:7px;top:7px;z-index:2;background:var(--orange);color:#fff;border-radius:9px;padding:3px 5px;font-size:10px;font-weight:950}.media{height:108px;background:#fafafa;display:grid;place-items:center}.media img{width:100%;height:100%;object-fit:cover}.info{padding:7px}.badge{display:inline-flex;background:#fff1ee;color:var(--red);font-size:9px;font-weight:950;border-radius:99px;padding:3px 6px;margin-bottom:5px}.title{font-size:12px;font-weight:950;line-height:1.15;height:28px;overflow:hidden}.sub{display:none}.stars{font-size:9px;color:#f2a900;margin-top:4px;white-space:nowrap}.stars span{color:#89909a}.old{font-size:10px;color:#999;text-decoration:line-through;margin-top:3px}.price{font-size:14px;color:var(--red);font-weight:950;line-height:1}.promo{margin:9px 10px;border-radius:18px;padding:14px;background:linear-gradient(135deg,#fff7ec,#fff);border:1px solid #efdec7;display:flex;justify-content:space-between;gap:12px}.promo.dark{background:linear-gradient(135deg,#191b22,#30323b);color:white;border:0}.promo strong{font-size:15px}.promo p{margin:3px 0 0;color:var(--muted);font-size:12px}.promo.dark p{color:#d3d5da}.promo .icon{font-size:32px}.page{display:none}.page.active{display:block}.tabs{display:flex;gap:7px;overflow:auto;padding:10px}.tab{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;white-space:nowrap}.tab.on{background:var(--red);color:white}.detail-wrap{padding:10px}.gallery{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.main-img{height:300px;background:#fafafa}.main-img img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:7px;padding:8px}.thumb{width:56px;height:56px;border:2px solid transparent;border-radius:13px;overflow:hidden;background:#f5f5f7}.thumb.active{border-color:var(--red)}.thumb img{width:100%;height:100%;object-fit:cover}.detail-info{padding:13px}.detail-info h1{font-size:25px;line-height:1.05;margin:7px 0}.code{color:var(--muted);font-size:13px;font-weight:850}.desc{font-size:14px;line-height:1.4}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.spec{background:#f8f8fa;border-radius:14px;padding:10px}.spec small{display:block;color:var(--muted);font-weight:800}.spec b{font-size:13px}.note,.demo-cart{margin:10px 0;padding:14px;border-radius:16px;background:#fff7e5;border:1px solid #ffdca1;color:#745000;font-weight:800}.contact{margin:10px;background:#1f2228;color:white;border-radius:20px;padding:17px}.contact p{color:#cdd1d8;font-size:13px}.footer{background:#fafafa;padding:20px 10px 90px;color:var(--muted);font-size:12px}.footlinks{display:flex;gap:10px;flex-wrap:wrap;color:#333;font-weight:850}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:90;background:white;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 3px max(6px,env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(0,0,0,.06)}.bottom a{text-align:center;font-size:10px;color:var(--muted);font-weight:850}.bottom span{display:block;font-size:20px}.bottom a.active{color:var(--red)}.buybar{display:none;position:fixed;left:0;right:0;bottom:62px;z-index:85;background:#fff;border-top:1px solid var(--line);gap:9px;padding:9px 10px}.buybar a,.buybar button{flex:1;border:0;border-radius:14px;min-height:42px;font-weight:950;display:grid;place-items:center}.ask{background:#222;color:white}.add{background:var(--red);color:white}@media(min-width:780px){body{padding-bottom:0}.top{background:linear-gradient(180deg,#f03a2f 0 60px,#fff 60px)}.bar{padding:10px 22px 13px;grid-template-columns:44px auto 1fr 44px 44px}.menu,.round{width:44px;height:44px}.search{height:44px}.chips,.section,.tabs{padding-left:22px;padding-right:22px}.hero-grid{grid-template-columns:2fr .9fr;padding:22px}.hero-inner{padding:42px}.hero h1{font-size:50px}.grid{grid-template-columns:repeat(5,1fr)}.card{min-width:175px}.media{height:132px}.promo,.contact{margin-left:22px;margin-right:22px}.bottom{display:none}.buybar{left:50%;transform:translateX(-50%);max-width:1240px;bottom:0}.detail-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;padding:22px}.main-img{height:500px}.footer{padding-bottom:35px}}


.drawerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:120;opacity:0;pointer-events:none;transition:.22s}
.drawerOverlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);background:#fff;z-index:130;transform:translateX(-105%);transition:.25s ease;box-shadow:18px 0 50px rgba(0,0,0,.22);padding:14px;overflow:auto}
.drawer.open{transform:translateX(0)}
.drawerHead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.drawerHead button{width:38px;height:38px;border:0;border-radius:14px;background:#f3f3f5;font-weight:900}
.drawerLogo{font-size:22px;color:var(--red)}
.drawerNav{display:grid;gap:8px}
.drawerNav a{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:15px;padding:0 12px;font-weight:850;background:#fff}
.drawerNav a:hover{background:#fff1ee;color:var(--red)}
.drawerBox{margin-top:14px;background:#191b22;color:#fff;border-radius:18px;padding:14px}
.drawerBox p{margin:5px 0 0;color:#d2d5dc;font-size:13px;line-height:1.35}
.main-img{cursor:zoom-in}
.imageLightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:160;display:none;align-items:center;justify-content:center;padding:56px 18px}
.imageLightbox.open{display:flex}
.imageLightbox img{max-width:min(96vw,900px);max-height:78vh;border-radius:18px;background:#fff;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.45)}
.lbClose{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:22px;font-weight:900}
.lbArrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:56px;border-radius:18px;border:0;background:#fff;font-size:42px;line-height:1;font-weight:700}
.lbPrev{left:12px}.lbNext{right:12px}
.lbCaption{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;color:#fff;font-weight:850}
.thumb{cursor:pointer}
@media(max-width:520px){.lbArrow{width:40px;height:50px;font-size:34px}.lbPrev{left:6px}.lbNext{right:6px}.imageLightbox{padding-left:48px;padding-right:48px}}


/* VERSION 15 - CLEAN RESET HAMBURGER */
body.drawerOpen{overflow:hidden!important}
.hamburgerOverlay{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:9998!important;
  background:rgba(0,0,0,.50)!important;
}
.hamburgerOverlay.open{display:block!important}

.hamburgerDrawer{
  position:fixed!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  width:min(84vw,320px)!important;
  z-index:9999!important;
  background:#fff!important;
  transform:translateX(-110%)!important;
  transition:transform .24s ease!important;
  box-shadow:18px 0 45px rgba(0,0,0,.28)!important;
  padding:14px!important;
  overflow:auto!important;
}
.hamburgerDrawer.open{transform:translateX(0)!important}

.hamburgerHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:12px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid #ececf0!important;
}
.hamburgerHead strong{
  font-size:24px!important;
  color:#f03a2f!important;
  letter-spacing:-.8px!important;
}
.hamburgerHead button{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:13px!important;
  background:#f2f2f4!important;
  font-size:18px!important;
  font-weight:900!important;
}
.hamburgerNav{
  display:grid!important;
  gap:8px!important;
}
.hamburgerNav a{
  display:flex!important;
  align-items:center!important;
  min-height:46px!important;
  padding:0 12px!important;
  border:1px solid #ececf0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#20242b!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.hamburgerNav a:active{
  background:#fff1ee!important;
  color:#f03a2f!important;
}

/* VERSION 16 - direct click fix */
#hamburgerBtn{
  position:relative!important;
  z-index:200!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}