:root{
  --black:#030304;
  --panel:#0b0b0e;
  --panel2:#101014;
  --line:#28282d;
  --white:#f5f7fb;
  --muted:#a8abb4;
  --blue:#0b72ff;
  --blue2:#004fc7;
  --red:#ef1627;
  --max:1452px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 54% 8%,#0b0b10 0,#050507 35%,#020203 75%);color:var(--white);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:86px;border-bottom:1px solid #222228;background:rgba(3,3,4,.96);display:grid;grid-template-columns:250px minmax(600px,1fr) 210px;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:100;backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;width:190px;height:76px;overflow:hidden}
.brand img{width:180px;height:auto;display:block;object-fit:contain}
.main-nav{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:34px;white-space:nowrap}
.main-nav>a,.nav-group>a{height:100%;display:flex;align-items:center;position:relative;font-size:12px;font-weight:750;letter-spacing:.01em;color:#f1f1f3;transition:.2s}
.main-nav>a:hover,.nav-group>a:hover{color:#fff}
.main-nav>a.active{color:var(--red)}
.main-nav>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 9px rgba(239,22,39,.55)}
.nav-group{height:100%;position:relative}
.nav-group>a:after{content:"⌄";font-size:11px;margin-left:7px;color:#bfc1c8}
.dropdown{display:none;position:absolute;top:70px;left:-15px;min-width:185px;background:#0b0b0e;border:1px solid #292931;border-radius:8px;padding:8px;box-shadow:0 20px 60px #000}
.dropdown a{display:block;padding:10px 12px;border-radius:5px;color:#ccc;font-size:12px}
.dropdown a:hover{background:#15151b;color:#fff}
.nav-group:hover .dropdown{display:block}
.header-tools{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:20px;border-left:1px solid #23232a;padding-left:28px}
.mail-button{font-size:26px;line-height:1;color:#fff;opacity:.95;padding:8px 12px}
.language-switch{display:flex;border:1px solid #2d2d34;border-radius:7px;overflow:hidden;background:#070709}
.lang{border:0;background:transparent;color:#b7b9c1;min-width:48px;height:32px;cursor:pointer;font-size:11px}
.lang.active{background:linear-gradient(#ff2635,#b90917);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.3)}
.menu-toggle{display:none;background:none;border:1px solid #333;color:#fff;border-radius:5px;padding:7px 10px;font-size:20px}

.hero{max-width:var(--max);min-height:358px;margin:auto;display:grid;grid-template-columns:470px 1fr 250px;position:relative;overflow:hidden;border-bottom:1px solid #17171c}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 62%,rgba(239,22,39,.12),transparent 18%),radial-gradient(circle at 62% 40%,rgba(11,114,255,.11),transparent 22%);pointer-events:none}
.hero-copy{padding:61px 0 42px 26px;position:relative;z-index:3}
.eyebrow{display:flex;align-items:center;gap:9px;color:#aeb2bc;font-size:13px;letter-spacing:.04em;margin-bottom:18px}
.eyebrow .blue{color:#6aa9ff}.eyebrow .red{color:#ff4a58}.eyebrow i{width:4px;height:4px;border-radius:50%;background:var(--red);display:block}
.hero h1{font-size:50px;line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:820;font-family:"Segoe UI",Arial,sans-serif}
.hero h1 strong{color:var(--red);font-weight:850}
.hero-copy>p{color:#b7bac2;font-size:15px;line-height:1.55;max-width:350px;margin:18px 0 22px}
.hero-actions{display:flex;align-items:center;gap:26px}
.button-primary{height:48px;border:1px solid var(--red);border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 19px;font-weight:800;font-size:11px;background:linear-gradient(90deg,rgba(239,22,39,.1),transparent);box-shadow:0 0 0 1px rgba(239,22,39,.08) inset;transition:.2s}
.button-primary:hover{background:var(--red);transform:translateY(-1px)}
.cube{font-size:24px;color:var(--red)}.button-primary:hover .cube{color:#fff}
.button-link{font-size:11px;font-weight:800;border-left:4px solid var(--blue);padding-left:13px;text-decoration:underline;text-underline-offset:3px}
.hero-visual{position:relative;overflow:hidden;z-index:1}
.hero-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 60px 0 70px #050507,inset -20px 0 40px rgba(5,5,7,.3);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;filter:contrast(1.03) saturate(1.08)}
.quality-panel{margin:36px 0 36px 0;border:1px solid #25252b;border-radius:9px;background:rgba(7,7,9,.9);z-index:4;overflow:hidden;align-self:stretch;max-height:292px}
.quality-item{height:73px;display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid #222229}
.quality-item:last-child{border-bottom:0}
.quality-icon{font-size:29px;min-width:34px;text-align:center}.quality-icon.red{color:var(--red)}.quality-icon.blue{color:var(--blue)}
.quality-item strong{display:block;font-size:11px;line-height:1.1;margin-bottom:5px}.quality-item small{display:block;color:#a8abb5;font-size:10px;line-height:1.35}

.category-strip{max-width:var(--max);height:194px;margin:0 auto 18px;border:1px solid #28282e;border-radius:8px;background:linear-gradient(180deg,#0e0e11,#0a0a0c);display:grid;grid-template-columns:repeat(11,1fr);padding:7px 8px 0;overflow:hidden}
.category{border:0;background:transparent;color:#f0f1f4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;cursor:pointer;position:relative;padding:0 5px 13px;min-width:0}
.category:after{content:"";position:absolute;bottom:4px;width:52px;height:2px;background:transparent;border-radius:1px}
.category.active:after{background:var(--red)}
.category:hover{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.category img{width:100%;max-width:116px;height:132px;object-fit:cover;object-position:center;border-radius:3px;mix-blend-mode:screen}
.category span{font-size:11px;font-weight:760;line-height:1.25;text-align:center;white-space:normal}

.featured{max-width:var(--max);margin:0 auto;padding-bottom:12px}
.section-heading{height:37px;display:flex;align-items:center;justify-content:space-between}
.section-heading h2{font-size:22px;letter-spacing:-.025em;font-weight:770;margin:0;display:flex;align-items:center;gap:10px}
.section-heading h2 i{display:block;width:5px;height:22px;background:var(--red)}
.show-all{background:transparent;border:0;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer}
.cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.product-card{border:1px solid #29292f;border-radius:8px;background:#0c0c0f;overflow:hidden;transition:.22s;min-width:0}
.product-card:hover{transform:translateY(-4px);border-color:#3c3c46;box-shadow:0 18px 45px rgba(0,0,0,.4)}
.product-card.hidden{display:none}
.product-image{height:151px;position:relative;background:#151519;overflow:hidden}
.product-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.badge{position:absolute;left:10px;bottom:0;background:var(--red);color:#fff;padding:4px 7px;font-size:9px;border-radius:2px 2px 0 0}
.product-info{padding:10px 11px 11px;min-height:104px}
.product-info h3{font-size:12px;line-height:1.17;margin:0 0 6px;font-weight:800;color:#f7f7f8}
.product-info p{height:32px;overflow:hidden;margin:0;color:#b0b2ba;font-size:10px;line-height:1.32}
.product-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.product-meta span{font-size:8.5px;color:var(--blue);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-meta a{font-size:7.5px;border:1px solid #33333b;border-radius:4px;padding:6px 7px;white-space:nowrap;color:#e8e9ec}
.product-meta a:hover{border-color:var(--red);color:#fff}

.benefits{max-width:var(--max);margin:0 auto;border-top:1px solid #26262d;border-bottom:1px solid #26262d;display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1.1fr 1.45fr;background:#070709}
.benefits>div{min-height:72px;border-right:1px solid #26262d;display:flex;align-items:center;gap:12px;padding:12px 17px}.benefits>div:last-child{border-right:0}
.benefits>div>span{font-size:30px}.benefits .red{color:var(--red)}.benefits .blue{color:var(--blue)}
.benefits p{margin:0}.benefits strong,.benefits small{display:block}.benefits strong{font-size:10.5px;margin-bottom:5px}.benefits small{color:#a8abb3;font-size:10px}
.contact-mini{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important}.contact-mini a{font-size:11.5px;color:#c6c8cf}

.about{max-width:var(--max);margin:0 auto;padding:62px 26px 68px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-bottom:1px solid #202027}
.about>div>span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.14em}.about h2{font-size:35px;line-height:1.15;margin:10px 0 0;letter-spacing:-.03em}.about>p{font-size:15px;line-height:1.8;color:#aeb0b7;margin:0}
footer{max-width:var(--max);margin:auto;height:90px;display:flex;align-items:center;gap:24px;color:#858892;font-size:11px;padding:0 26px}footer img{width:115px;height:auto}

@media (max-width:1260px){
  .site-header{grid-template-columns:205px 1fr 170px;padding:0 18px}.main-nav{gap:18px}.hero{grid-template-columns:390px 1fr 230px}.hero h1{font-size:43px}.category-strip{margin-left:12px;margin-right:12px;height:auto;grid-template-columns:repeat(6,1fr)}.category{min-height:170px}.featured,.benefits,.about{margin-left:12px;margin-right:12px}.cards-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:930px){
  .site-header{height:74px;grid-template-columns:170px 1fr 135px}.brand{height:68px;width:155px}.brand img{width:150px}.menu-toggle{display:block;justify-self:end;margin-right:10px}.main-nav{display:none;position:absolute;left:12px;right:12px;top:74px;height:auto;background:#08080b;border:1px solid #2b2b32;border-radius:8px;padding:10px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a,.nav-group>a{height:auto;padding:12px}.dropdown{position:static;box-shadow:none;background:#0e0e12;border:0;margin:0 8px 8px}.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown{display:block}.header-tools{padding-left:15px;gap:8px}.mail-button{display:none}.hero{grid-template-columns:1fr 1fr;padding:0 14px}.hero-copy{padding:45px 0 40px 8px}.hero-visual{min-height:355px}.quality-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 20px;max-height:none}.quality-item{height:78px}.category-strip{grid-template-columns:repeat(4,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.contact-mini{grid-column:1/-1}.about{grid-template-columns:1fr;gap:25px}
}
@media (max-width:620px){
  .site-header{grid-template-columns:140px 1fr 105px;padding:0 10px}.brand{width:130px}.brand img{width:125px}.language-switch .lang{min-width:38px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 10px 26px}.hero h1{font-size:39px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-visual{height:280px;min-height:0}.quality-panel{grid-template-columns:1fr 1fr}.category-strip{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr}.product-image{height:230px}.section-heading h2{font-size:18px}.show-all{font-size:9px}.benefits{grid-template-columns:1fr}.benefits>div{border-right:0;border-bottom:1px solid #26262d}.about{padding:48px 18px}.about h2{font-size:28px}footer{height:auto;padding:25px 18px;flex-direction:column;align-items:flex-start}
}