:root{
  color-scheme:light;
  --bg:#f3f7fc;
  --surface:#ffffff;
  --surface-2:#ffffff;
  --surface-soft:#eef4ff;
  --surface-tint:#f0f6ff;
  --ink:#16283c;
  --ink-soft:#41536b;
  --muted:#5b6e85;
  --line:#e2ebf5;
  --line-strong:#cfe0f7;
  --blue:#1567d9;
  --blue-2:#0e4fa8;
  --orange:#ff7a3d;
  --shadow-card:rgba(15,40,90,.06);
  --shadow-card-hover:rgba(15,40,90,.13);
  --shadow-card-sm:rgba(15,40,90,.08);
  --wa:#25d366;
  --wa-soft:#4ade80;
  --wa-hover:#1fb959;
  --star:#ffb400;
  --star-2:#f5a623;
  --waze:#5fb2ff;
  --waze-hover:#8ecbff;
  --hdr-a:#0a1830;
  --hdr-b:#0d1f36;
  --hdr-c:#123050;
  --hdr-text:#e8eef7;
  --hdr-text-soft:#dce7f5;
  --hdr-muted:#b9c9dd;
  --hdr-accent:#1567d9;
  --hdr-shadow:rgba(8,20,45,.25);
  --foot-text:#9fb2c8;
  --foot-faint:#7d91a8;
  --topbar-faint:#8fa8c8;
  --foot-border:#2b4a8a;
  --overlay-1:rgba(255,255,255,.06);
  --overlay-2:rgba(255,255,255,.08);
  --overlay-3:rgba(255,255,255,.1);
  --overlay-4:rgba(255,255,255,.12);
  --overlay-5:rgba(255,255,255,.18);
  --overlay-6:rgba(255,255,255,.2);
  --overlay-7:rgba(255,255,255,.16);
  --overlay-8:rgba(255,255,255,.4);
  --shadow-blue-tint:rgba(21,103,217,.08);
  --shadow-blue-glow:rgba(21,103,217,.10);
  --shadow-blue-chip:rgba(21,103,217,.12);
  --shadow-blue-hover:rgba(21,103,217,.14);
  --shadow-blue-img:rgba(21,103,217,.16);
  --shadow-blue-photo:rgba(21,103,217,.18);
  --shadow-blue-lg:rgba(21,103,217,.2);
  --shadow-blue-xl:rgba(21,103,217,.22);
  --shadow-blue-xxl:rgba(21,103,217,.25);
  --shadow-blue-btn:rgba(21,103,217,.28);
  --shadow-blue-soft:rgba(21,103,217,.3);
  --shadow-blue-soft2:rgba(21,103,217,.35);
  --shadow-blue-btn-hover:rgba(21,103,217,.38);
  --shadow-blue-xxs:rgba(21,103,217,.07);
  --shadow-wa:rgba(37,211,102,.35);
  --shadow-wa-lg:rgba(37,211,102,.4);
  --shadow-wa-soft:rgba(37,211,102,.14);
  --shadow-black:rgba(0,0,0,.3);
  --shadow-black-lg:rgba(0,0,0,.4);
  --shadow-black-soft:rgba(0,0,0,.15);
  --shadow-black-2:rgba(0,0,0,.5);
  --gaming-purple:#7c5cff;
  --gaming-cyan:#00dcff;
  --gaming-bg-a:#1b1140;
  --gaming-bg-b:#0d1b3a;
  --gaming-bg-c:#101b35;
  --gaming-ink:#c4c9f0;
  --gaming-ink-soft:#e6e8ff;
  --gaming-shadow:rgba(60,30,120,.35);
  --gaming-shadow-purple:rgba(120,60,255,.35);
  --gaming-shadow-cyan:rgba(0,220,255,.25);
  --white-fixed:#ffffff;
  --hero-bg-a:#dbeafe;
  --hero-bg-b:#eef6ff;
  --hero-bg-c:#e3eeff;
  --hero-dark-a:#0d1a33;
  --hero-dark-b:#101c38;
  --hero-dark-c:#0e1830;
  --hero-glow-blue:rgba(59,130,246,.2);
  --poster-tint:#e8f1fe;
  --poster-tint-2:#d5e7fc;
  --price-b:#0f3d6e;
  --field-ink:#17233b;
  --field-ink-2:#1e2b3a;
  --field-ink-3:#e8f0fb;
  --tint-line:#d7e5f7;
  --tint-line-2:#eef2f7;
  --tint-line-3:#e4ecf7;
  --tint-line-4:#dbe7f5;
  --tint-line-5:#c4d8f2;
  --tint-line-6:#cfe0f5;
  --orange-hover:#ff6a24;
  --orange-shadow:rgba(255,122,61,.3);
  --urgent:#e62e2e;
  --urgent-hover:#d92323;
  --urgent-soft:#ffd9d9;
  --urgent-shadow:rgba(230,46,46,.35);
  --urgent-glow:rgba(230,46,46,.28);
  --urgent-glow-soft:rgba(230,46,46,.06);
  --urgent-line:rgba(230,46,46,.45);
  --accent-warm:#ffd9b8;
  --dark-ink:#b9c2f0;
  --dark-ink-2:#e8ecff;
  --dark-ink-3:#8f96c8;
  --dark-purple-b:#241a52;
  --dark-purple-c:rgba(124,92,255,.18);
  --dark-purple-d:rgba(124,92,255,.3);
  --dark-purple-e:rgba(124,92,255,.25);
  --dark-body:#0d1626;
  --dark-footer:#080d1a;
  --dark-border-2:#2a3a5c;
  --dark-border-3:#33507a;
  --neon-cyan:#00a8ff;
  --neon-cyan-shadow:rgba(0,168,255,.5);
  --theme-btn-shadow:rgba(120,150,200,.3);
  --muted-3:#5b6b82;
  --muted-4:#3c4f66;
  --ink-on-white:#41536b;
  --shadow-card-xxs:rgba(15,40,90,.07);
}
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b101d;
  --surface:#141b2b;
  --surface-2:#182134;
  --surface-soft:#1c2a44;
  --surface-tint:#16113a;
  --ink:#e8eef7;
  --ink-soft:#b9c6da;
  --muted:#93a4b8;
  --line:#24334e;
  --line-strong:#3d5a8f;
  --blue:#3b82f6;
  --blue-2:#7ab0ff;
  --orange:#ff7a3d;
  --urgent:#ff5252;
  --urgent-hover:#ff3b3b;
  --urgent-soft:#ff8f8f;
  --urgent-shadow:rgba(255,82,82,.35);
  --urgent-glow:rgba(255,82,82,.25);
  --urgent-glow-soft:rgba(255,82,82,.06);
  --urgent-line:rgba(255,82,82,.5);
  --shadow-card:rgba(0,0,0,.4);
  --shadow-card-hover:rgba(0,0,0,.55);
  --shadow-card-sm:rgba(0,0,0,.4);
}
[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
header{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] nav a{color:var(--muted)}
[data-theme="dark"] .brands{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .section.alt{background:var(--surface)}
[data-theme="dark"] .hero{background:linear-gradient(160deg,var(--hero-dark-a),var(--hero-dark-b) 60%,var(--hero-dark-c))}
[data-theme="dark"] .hero p,[data-theme="dark"] .sec-sub{color:var(--muted)}
[data-theme="dark"] .badge{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .srv{background:var(--surface-2);border-color:var(--line);border-radius:18px;box-shadow:0 8px 24px var(--shadow-card);transition:all .25s;text-decoration:none;color:inherit;display:block}
[data-theme="dark"] .srv:hover{background:var(--surface)}
[data-theme="dark"] .pop{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .price{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .why{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .rev{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .faq details{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .step{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .stat-t{background:var(--overlay-4);border-color:var(--overlay-6)}
[data-theme="dark"] .logo{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .header-tel{color:var(--hdr-text)}
[data-theme="dark"] .mb-tel{color:var(--hdr-text)}
[data-theme="dark"] .logo{background:var(--surface);border-radius:10px;padding:5px 10px;display:inline-flex;align-items:center;box-shadow:0 2px 10px var(--shadow-black)}
[data-theme="dark"] .logo img{filter:none}
[data-theme="dark"] nav a{color:var(--hdr-muted)}
[data-theme="dark"] footer{background:var(--dark-footer);border-top:4px solid var(--foot-border)}
[data-theme="dark"] footer .logo{background:var(--overlay-3);border-color:var(--overlay-6)}
[data-theme="dark"] .btn.ghost{color:var(--blue);border-color:var(--blue)}
html{scroll-behavior:smooth;overflow-x:clip}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Rubik',sans-serif}
body{background:var(--bg);color:var(--ink);line-height:1.65;overflow-x:clip}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:translateY(0)}
header{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,var(--hdr-a),var(--hdr-b) 60%,var(--hdr-c));border-bottom:3px solid var(--hdr-accent);box-shadow:0 6px 26px var(--hdr-shadow)}
.topbar{background:var(--hdr-b);color:var(--hdr-muted);font-size:14px;font-weight:600}
.topbar-in{display:flex;justify-content:space-between;align-items:center;height:40px}
.tb-hours{color:var(--topbar-faint)}
.tb-contacts{display:flex;gap:18px;align-items:center}
.tb-tel{color:var(--white-fixed);font-weight:500;text-decoration:none;font-size:15px}
.tb-wa{color:var(--wa-soft);font-weight:500;text-decoration:none;font-size:14px}
.mainbar{background:var(--surface)}
.mainbar-in{display:flex;align-items:center;justify-content:space-between;height:78px}
.mainbar-in>*{margin-inline-end:16px}
.mainbar-in>*:last-child{margin-inline-end:0}
.mainbar-in nav{display:flex;font-weight:500}
.mainbar-in nav>*+*{margin-inline-start:12px}
.mainbar nav{display:flex;gap:8px;font-weight:500}
.mainbar nav .nav-main{display:flex;align-items:center;gap:6px}
.mainbar nav .nav-main a{display:inline-flex;align-items:center;white-space:nowrap}
.mainbar nav a{color:var(--hdr-text-soft);text-decoration:none;font-size:13.5px;font-weight:600;position:relative;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);transition:background .2s,color .2s,border-color .2s}
.mainbar nav a::after{display:none}
.mainbar nav a:hover{background:var(--blue);border-color:var(--blue);color:var(--white-fixed)}
.mainbar-actions{display:flex;align-items:center}
.mainbar-actions>*{margin-inline-end:8px}
.mainbar-actions>*:last-child{margin-inline-end:0}
.mb-tel,.pc-tel{display:none;color:var(--field-ink-2);font-weight:600;font-size:16px;text-decoration:none;align-items:center;gap:6px}
.mb-wa,.pc-wa{display:none}
.pc-tel{display:inline-flex;color:var(--field-ink-3);white-space:nowrap}
.pc-wa{display:inline-flex;padding:10px 18px;font-size:14px}
[data-theme="dark"] .topbar{background:var(--dark-footer)}
[data-theme="dark"] .mainbar nav a{color:var(--hdr-muted)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.mainbar nav a{white-space:nowrap}
/* Выпадающее меню «Наши сборки» (Desktop) */
.dd{position:relative;display:inline-block}
.dd-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:var(--hdr-text);font-size:13.5px;font-weight:600;cursor:pointer;padding:9px 14px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-family:inherit;transition:background .2s,border-color .2s}
.dd-btn:hover{background:var(--blue);border-color:var(--blue)}
.dd-btn .ti{font-size:13px;transition:transform .2s}
.dd:hover .dd-btn .ti{transform:rotate(180deg)}
.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--surface,#fff);border:1px solid var(--line,#dfe6f0);border-radius:14px;box-shadow:0 16px 40px rgba(10,18,38,.22);padding:8px;z-index:120}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:block;padding:10px 14px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink,#16283c)!important;text-decoration:none;white-space:nowrap}
.dd-menu a:hover{background:var(--surface-soft,#eef3fb)}
[data-theme="dark"] .dd-menu{background:var(--surface,#1b2030);border-color:rgba(127,127,180,.25)}
[data-theme="dark"] .dd-menu a{color:var(--ink,#e8eef7)!important}
[data-theme="dark"] .dd-menu a:hover{background:rgba(98,70,229,.25)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:21px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:20px;flex-shrink:0;min-width:0}
.logo img{height:46px;transition:transform .3s}
.logo:hover img{transform:scale(1.08)}
.header-tel{color:var(--field-ink-2);font-weight:600;font-size:17px;text-decoration:none;display:flex;align-items:center;gap:7px}
.header-tel:hover{color:var(--blue)}
.btn.wa{background:var(--wa);box-shadow:0 2px 8px rgba(0,0,0,.18);padding:9px 14px;font-size:13.5px}
.btn.wa:hover{background:var(--wa-hover);transform:none}
nav{display:flex;gap:28px}
nav a{text-decoration:none;color:var(--ink-soft);font-weight:500;font-size:15.5px;position:relative}
nav a:after{content:'';position:absolute;bottom:-6px;right:0;width:0;height:3px;border-radius:3px;background:var(--blue);transition:width .25s}
nav a:hover{color:var(--blue)}
nav a:hover:after{width:100%}
.btn{background:var(--blue);color:var(--white-fixed);padding:13px 30px;border-radius:12px;font-weight:500;font-size:15.5px;text-decoration:none;display:inline-block;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 18px var(--shadow-blue-btn)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--shadow-blue-btn-hover);background:var(--blue-2)}
.btn.ghost{background:transparent;border:2px solid var(--blue);color:var(--blue);box-shadow:none}
.btn.orange{background:var(--orange);box-shadow:0 6px 18px var(--orange-shadow)}
.btn.orange:hover{background:var(--orange-hover)}
.hero{background:linear-gradient(135deg,var(--hero-bg-a),var(--hero-bg-b) 45%,var(--hero-bg-c));padding:40px 0 56px;position:relative;overflow:hidden}
.hero h1,.hero p{overflow-wrap:break-word;word-break:break-word;max-width:100%}
.hero::before{content:'';position:absolute;top:-130px;left:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--hero-glow-blue),transparent 70%)}
.hero::after{content:'';position:absolute;bottom:-150px;right:-110px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--shadow-wa-soft),transparent 70%)}
.hero .hero-img img{border-radius:20px;box-shadow:0 18px 44px var(--shadow-blue-lg);max-width:420px;width:100%;aspect-ratio:16/10;object-fit:cover}
.hero:before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,var(--shadow-blue-glow),transparent 65%);top:-150px;left:-100px;animation:pulse 6s ease-in-out infinite}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;text-align:right}
.hero-img{position:relative}
.hero-img img{width:100%;border-radius:26px;box-shadow:0 24px 60px var(--shadow-blue-xl);animation:float 7s ease-in-out infinite;aspect-ratio:16/10;object-fit:cover}
.hero-badge{position:absolute;bottom:-20px;right:16px;background:var(--white-fixed);border-radius:16px;padding:13px 20px;box-shadow:0 14px 36px var(--shadow-blue-lg);font-weight:500;animation:pulse 4s ease-in-out infinite;color:var(--ink-on-white)}
.hero-badge b{color:var(--blue);font-size:24px;display:block;line-height:1.1}
.hero .kicker{display:inline-block;background:var(--surface);border:1px solid var(--tint-line);color:var(--blue);font-weight:500;font-size:14px;padding:8px 20px;border-radius:999px;margin-bottom:20px;box-shadow:0 3px 10px var(--shadow-blue-tint);animation:float 5s ease-in-out infinite}
.hero p{font-size:18px;color:var(--muted);margin-bottom:26px}
.hero-btns{display:flex;flex-wrap:wrap}
.hero-btns .btn{margin-inline-end:14px}
.hero-btns .btn:last-child{margin-inline-end:0}
.hero .kicker{display:inline-block;background:var(--surface);border:1px solid var(--tint-line);color:var(--blue);font-weight:500;font-size:14px;padding:8px 20px;border-radius:999px;margin-bottom:20px;box-shadow:0 3px 10px var(--shadow-blue-tint)}
.hero h1{font-size:46px;font-weight:600;line-height:1.25;margin-bottom:14px;letter-spacing:-.5px}
.hero h1 span{color:var(--blue)}
.hero p{font-size:18px;color:var(--muted);margin-bottom:26px}
.hero-btns{display:flex;justify-content:center;flex-wrap:wrap}
.section{scroll-margin-top:120px;padding:70px 0}
.section.alt{background:var(--surface)}
.sec-title{text-align:center;font-size:34px;font-weight:600;margin-bottom:10px}
.sec-sub{text-align:center;color:var(--muted);font-size:16.5px;margin-bottom:46px}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.srv{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:26px 22px;text-align:center;text-decoration:none;color:var(--ink);transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.srv:before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--orange));opacity:0;transition:opacity .3s}
.srv:hover{transform:translateY(-8px);box-shadow:0 18px 40px var(--shadow-blue-hover);border-color:var(--line-strong);background:var(--surface)}
.srv:hover:before{opacity:1}

.srv-badge{position:absolute;top:14px;left:14px;z-index:2;background:linear-gradient(135deg,var(--orange),var(--orange-hover));color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.2px;padding:6px 14px;border-radius:999px;box-shadow:0 6px 16px var(--orange-shadow)}
.srv-ph{width:calc(100% + 44px);max-width:none!important;height:190px;object-fit:cover;display:block;margin:-26px -22px 18px;border-radius:20px}
.srv .ic{width:60px;height:60px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,var(--poster-tint),var(--poster-tint-2));color:var(--blue);display:flex;align-items:center;justify-content:center}
.brands{background:var(--surface);padding:22px 0;border-bottom:1px solid var(--line);overflow:hidden}
.brands{direction:ltr}
.brands .marquee{overflow:hidden;width:100%}
.brands .track{display:flex;width:max-content;align-items:center;gap:44px;animation:scrollX 30s linear infinite}
@keyframes scrollX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brands .track{display:flex;align-items:center;gap:44px;padding:0}
.brands img{height:64px;width:auto;object-fit:contain;flex-shrink:0;opacity:.95;mix-blend-mode:multiply;transition:all .3s}
.brands img:hover{opacity:1;transform:scale(1.15)}
@keyframes scrollX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-theme="dark"] .brands img{background:var(--white-fixed);padding:6px 12px;border-radius:10px;filter:none!important;mix-blend-mode:normal}
.srv h3{font-size:20px;font-weight:600;margin-bottom:6px}
.srv p{color:var(--muted);font-size:14.5px;font-weight:500;margin-bottom:12px}
.srv .price{display:inline-block;background:var(--blue);color:var(--white-fixed);font-weight:500;font-size:15px;padding:6px 18px;border-radius:999px}
.stats{background:linear-gradient(135deg,#0d1f36,#12294a);padding:50px 0;color:var(--white-fixed);position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat-t{background:var(--overlay-3);border:1px solid var(--overlay-5);border-radius:20px;padding:26px 14px;transition:all .3s}
.stat-t:hover{transform:translateY(-6px);background:var(--overlay-7)}
.stat-t .ic{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:var(--overlay-6);display:flex;align-items:center;justify-content:center}
.stat-t b{font-size:40px;font-weight:600;display:block;line-height:1.1}
.stat-t span{font-size:14px;opacity:.92}
.br-huawei{filter:invert(18%) sepia(100%) saturate(4000%) hue-rotate(340deg) brightness(1.1)}
.br-xiaomi{filter:invert(35%) sepia(100%) saturate(3000%) hue-rotate(5deg)}
.br-nokia,.br-honor,.br-motorola,.br-hp,.br-toshiba,.br-intel{filter:invert(22%) sepia(80%) saturate(3000%) hue-rotate(190deg)}
.br-msi{filter:invert(15%) sepia(100%) saturate(5000%) hue-rotate(330deg)}
.br-acer{filter:invert(40%) sepia(90%) saturate(1500%) hue-rotate(105deg)}
.br-razer{filter:invert(45%) sepia(90%) saturate(2000%) hue-rotate(95deg)}
.br-corsair{filter:invert(75%) sepia(100%) saturate(800%) hue-rotate(0deg)}
.br-steelseries{filter:invert(35%) sepia(100%) saturate(3000%) hue-rotate(15deg)}
.br-amd{filter:invert(15%) sepia(100%) saturate(5000%) hue-rotate(330deg)}
.br-microsoft{filter:invert(30%) sepia(100%) saturate(3000%) hue-rotate(190deg)}
.pop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pop{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:all .3s;cursor:pointer}
.pop:hover{transform:translateY(-8px);box-shadow:0 18px 40px var(--shadow-blue-hover);border-color:var(--line-strong)}
.pop img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .4s}
.pop:hover img{transform:scale(1.06)}
.pop h3{font-size:20px;font-weight:600;padding:16px 18px 4px}
.pop p{color:var(--muted);font-size:14.5px;font-weight:500;padding:0 18px 14px}
.pop .price{display:inline-block;margin:0 18px 18px;background:var(--blue);color:var(--white-fixed);font-weight:500;font-size:13.5px;padding:5px 16px;border-radius:999px}
.pop{text-decoration:none;color:var(--ink)}
.pop .more{display:inline-block;margin:0 18px 18px;color:var(--blue);font-weight:500;font-size:13.5px}
.faq-wrap{display:grid;grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto}
.faq-img img{width:100%;border-radius:22px;box-shadow:0 16px 40px var(--shadow-blue-img);animation:float 7s ease-in-out infinite}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq details{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:18px 22px;transition:border-color .25s,box-shadow .25s;width:100%;box-sizing:border-box}
.faq-solid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq-solid details{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:14px;padding:20px 26px;margin-bottom:0;transition:border-color .3s,box-shadow .3s;width:100%;box-sizing:border-box;box-shadow:0 4px 14px var(--shadow-card-sm)}
.faq-solid details[open]{border-color:var(--blue);box-shadow:0 10px 28px var(--shadow-blue-glow)}
.faq-solid summary{font-size:17px;font-weight:600;letter-spacing:.1px;padding:2px 0}
.faq-solid summary:after{width:30px;height:30px}
.faq-solid details[open] summary:after{background-color:var(--blue)}
.faq-solid p{font-size:15.5px;line-height:1.7;padding-top:12px;color:var(--muted)}
.faq details[open]{border-color:var(--blue);box-shadow:0 8px 24px var(--shadow-blue-glow)}
.faq details p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}
.faq summary{font-weight:500;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}
.faq summary:after{content:'';flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:var(--surface-soft);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>") center/60% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>") center/60% no-repeat;transition:transform .3s,background-color .3s}
.faq details[open] summary:after{background-color:var(--blue);transform:rotate(180deg)}
.faq p{font-weight:500;padding-top:10px;color:var(--muted);font-size:14.5px}
.chat-fab{position:fixed;bottom:22px;left:22px;z-index:200;display:flex;align-items:center;gap:12px;background:var(--wa);color:var(--white-fixed);border:none;border-radius:999px;padding:14px 22px;font-weight:500;font-size:15px;cursor:pointer;box-shadow:0 10px 30px var(--shadow-wa-lg);text-decoration:none;animation:pulse 3s ease-in-out infinite;transition:transform .2s}
@media (max-width:600px){.chat-fab{bottom:16px;left:16px;padding:0;width:58px;height:58px;justify-content:center;border-radius:50%}.chat-fab svg{width:32px;height:32px}}
.chat-fab:hover{transform:scale(1.06)}
.chat-fab .dot{width:14px;height:14px;border-radius:50%;background:var(--white-fixed);animation:pulse 1.5s ease-in-out infinite}
/* Кнопка «наверх» (фиксированная, появляется при скролле >400px) */
.btn-up{position:fixed;right:20px;bottom:20px;background:var(--blue);border-radius:50%;cursor:pointer;width:46px;height:46px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px var(--shadow-blue-lg);transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:1;transform:translateY(0);z-index:190}
.btn-up::before{content:"";width:22px;height:22px;background:transparent no-repeat center center;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E")}
.btn-up_hide{display:none}
.btn-up_hiding{opacity:0;transform:translateY(20px)}
@media (hover:hover) and (pointer:fine){.btn-up:hover{background:var(--blue-2)}}
/* Строка согласия под формой */
.lead-consent{font-size:12.5px;color:var(--muted);text-align:center;margin-top:10px}
.lead-consent a{color:var(--blue);text-decoration:underline}
/* Форма заявки (29.08): имя, телефон, примечания */
.lead-form{display:grid;gap:12px;max-width:520px;margin:0 auto;width:100%}
.lead-form input,.lead-form textarea{width:100%;box-sizing:border-box;padding:13px 16px;border:1px solid var(--line-strong);border-radius:12px;font:inherit;font-size:15px;background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(98,70,229,.15)}
.lead-form textarea{resize:vertical;min-height:76px;line-height:1.5}
html[dir="rtl"] .lead-form input[type="tel"]{direction:rtl;text-align:right;unicode-bidi:plaintext}
.lead-btn{background:var(--blue);color:#fff;border:none;padding:15px;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .2s}
.lead-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(98,70,229,.35)}
@media(max-width:520px){.lead-form{gap:10px}.lead-form input,.lead-form textarea{padding:12px 14px;font-size:15px}}
/* Тёмный баннер чистки (страница компьютеров) */
.big-banner .price-row{color:var(--white-fixed);border-color:rgba(255,255,255,.25)}
.big-banner .price-row b{color:var(--white-fixed);font-weight:700}
.big-banner.cleaning-banner{background:linear-gradient(135deg,#0d1f36,#12294a);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(15,40,90,.35)}
.big-banner.cleaning-banner h3{color:var(--white-fixed);font-size:26px;margin-bottom:12px}
.big-banner.cleaning-banner p{opacity:.88}
[data-theme="dark"] .big-banner.cleaning-banner{background:linear-gradient(135deg,#0a1424,#101e36);border-color:rgba(255,255,255,.06)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:28px;position:relative;transition:all .3s;overflow:hidden}
.step:before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--orange));opacity:0;transition:opacity .3s}
.step:hover{transform:translateY(-8px);box-shadow:0 18px 40px var(--shadow-blue-hover);border-color:var(--line-strong)}
.step:hover:before{opacity:1}
.step .n{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:var(--white-fixed);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:22px;margin-bottom:16px;box-shadow:0 8px 18px var(--shadow-blue-soft)}
.step h3{font-size:17.5px;font-weight:500;margin-bottom:6px}
.step p{font-weight:500;color:var(--muted);font-size:14px}
.big-banner{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0d1f36,#12294a);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:34px;color:var(--white-fixed);position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(15,40,90,.35)}
.big-banner .bb-img img{width:100%;border-radius:18px;box-shadow:0 16px 40px var(--shadow-black);animation:float 7s ease-in-out infinite;aspect-ratio:1/1;object-fit:cover}
.big-banner.reveal{opacity:1;transform:none}
.big-banner h2{font-size:34px;font-weight:600;margin-bottom:14px}
.big-banner h2 span{color:var(--accent-warm)}
.big-banner p{font-size:15.5px;line-height:1.6;opacity:.95;margin-bottom:22px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;transition:all .3s}
.why:hover{transform:translateY(-6px);box-shadow:0 14px 32px var(--shadow-blue-chip)}
.why b{font-size:30px;font-weight:600;color:var(--blue);display:block;line-height:1.2}
.why span{color:var(--muted);font-size:14px;font-weight:500}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.price{background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:26px;text-align:center;transition:all .3s}
.price:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 16px 36px var(--shadow-blue-hover)}
.price .name{font-weight:500;font-size:16.5px;margin-bottom:6px}
.price .val{font-size:30px;font-weight:600;color:var(--blue);margin-bottom:10px}
.price .val small{font-size:14px;color:var(--muted);font-weight:600}
.price ul{list-style:none;margin-bottom:16px;text-align:center}
.price li{font-size:13.5px;color:var(--muted);padding:3px 0}
.price .btn{width:100%;font-size:14px;padding:11px 10px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rev{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;transition:all .3s}
.rev:hover{transform:translateY(-6px);box-shadow:0 14px 32px var(--shadow-blue-glow)}
.rev .stars{color:var(--star);letter-spacing:3px;margin-bottom:10px}
.rev p{font-weight:500;color:var(--muted-4);font-size:14.5px;margin-bottom:12px}
.rev b{color:var(--blue);font-size:14px}
.contact{padding:60px 0}
.contact-box{background:linear-gradient(135deg,var(--gaming-purple),var(--dark-purple-b));border-radius:26px;padding:42px;color:var(--white-fixed);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px var(--gaming-shadow-purple)}
.contact-box h2{font-size:28px;font-weight:600;margin-bottom:10px}
.contact-box p{opacity:.93;font-size:15.5px;margin-bottom:20px}
.btn.white{background:var(--white-fixed);color:var(--blue);box-shadow:0 8px 20px var(--shadow-black-soft)}
footer{background:var(--hdr-b);color:var(--foot-text);padding:44px 0 26px;border-top:4px solid var(--blue)}
footer .logo{display:inline-flex}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:36px;margin-bottom:28px}
.foot h4{color:var(--white-fixed);font-size:17px;font-weight:500;margin-bottom:14px}
.foot a{display:block;color:var(--hdr-muted);text-decoration:none;font-size:16px;padding:5px 0;transition:color .2s}
/* Соцсети в футере — три крупные круглые иконки без текста, в строку */
.foot-social{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}
.fs-link{width:52px;height:52px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;background:var(--overlay-2);border:1px solid var(--overlay-6);color:var(--hdr-text);transition:transform .2s,background .2s,border-color .2s;padding:0!important;margin:0!important;flex-shrink:0}
.fs-link:hover{transform:translateY(-3px);background:var(--overlay-4);border-color:var(--blue)}
.fs-link svg{width:26px!important;height:26px!important;vertical-align:middle!important}
.fs-link.fs-waze{background:#33CCFF!important;border-color:#33CCFF!important;color:#fff!important}
.fs-link.fs-insta{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;border:none!important;color:#fff!important}
.fs-link.fs-tiktok{background:#010101!important;border-color:#010101!important;color:#fff!important}
.fs-link.fs-waze:hover,.fs-link.fs-insta:hover,.fs-link.fs-tiktok:hover{transform:translateY(-3px);opacity:.92}
.fs-waze svg{color:#fff!important}
.fs-insta:hover{border-color:#E1306C;color:#E1306C}
.fs-tiktok:hover{border-color:#25F4EE;color:#25F4EE}
.foot a:hover{color:var(--white-fixed)}
.foot p{font-size:16px;margin-bottom:9px}
.foot-bottom{border-top:1px solid var(--overlay-2);padding-top:20px;text-align:center;font-size:13.5px;color:var(--foot-faint)}
@media (max-width:960px){.pc-tel,.pc-wa{display:none}.mainbar-in{height:64px}.mainbar nav{display:none}.mainbar-in{display:flex;align-items:center;justify-content:flex-start;height:64px}.mainbar-in>*{margin-inline-end:12px}.mainbar-in>*:last-child{margin-inline-end:0}.mainbar-actions{display:flex;align-items:center;margin-inline-start:auto}.mainbar-actions>*{margin-inline-end:10px}.mainbar-actions>*:last-child{margin-inline-end:0}.mb-tel{display:inline-flex;align-items:center;font-size:14px;height:36px;padding:0 8px;white-space:nowrap}.mb-wa{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.theme-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;gap:6px}.theme-btn svg{display:block}.logo{display:flex;align-items:center;flex-shrink:0;max-width:150px}.logo img{display:block}.mainbar .btn.wa.pc-wa{display:none!important}.logo{padding:5px 9px}.mb-tel{display:inline-flex;font-size:14px;height:36px;padding:0 8px;white-space:nowrap}.mb-wa{display:inline-flex;width:38px;height:38px;padding:0;align-items:center;justify-content:center;font-size:0;border-radius:10px}.theme-btn{padding:7px 11px;font-size:12px}.logo img{height:26px}.btn.wa{padding:12px 18px;font-size:14px;min-height:44px}.theme-btn{padding:7px 11px;font-size:12px}header .wrap{height:64px}.faq-wrap{grid-template-columns:1fr}.faq-img{max-width:300px;margin:0 auto}.srv-grid{grid-template-columns:1fr}.pop-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.hero .wrap{grid-template-columns:1fr}.hero{text-align:center}.hero-btns{justify-content:center;flex-direction:column;align-items:center}.hero-btns .btn{margin-inline-end:0;margin-bottom:12px}.hero-btns .btn:last-child{margin-bottom:0}.hero-img{max-width:420px;margin:0 auto}.big-banner{grid-template-columns:1fr;text-align:center;padding:26px}.big-banner .bb-img{max-width:360px;margin:0 auto}.hero h1{font-size:34px}.price-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.rev-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;text-align:center;gap:26px}.foot{text-align:center}.foot .logo{justify-content:center;margin:0 auto}.foot h4{text-align:center}.foot a{display:inline-block;margin:3px 8px;padding:6px 14px;background:var(--overlay-2);border-radius:999px;border:1px solid var(--overlay-4)}.foot-social{justify-content:center}.foot-social .fs-link{padding:0!important;margin:0!important;background:var(--overlay-2);border-radius:50%;border:1px solid var(--overlay-6)}.foot p{text-align:center}nav{display:none}}
@media (max-width:520px){.srv-grid,.price-grid,.why-grid{grid-template-columns:1fr}}
.mainbar .btn.wa,.mainbar-actions .btn.wa{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:0;min-width:44px}
[data-theme="dark"] .theme-btn{background:var(--surface-soft);border-color:var(--dark-border-3);color:var(--hdr-text);box-shadow:0 0 0 1px var(--theme-btn-shadow)}
.srv,.pop,.price,.faq details,.why,.rev,.step{background:var(--surface);border:1px solid var(--tint-line-4);border-radius:18px;box-shadow:0 6px 20px var(--shadow-card);transition:all .25s}
.srv:hover,.pop:hover{transform:translateY(-4px);box-shadow:0 14px 34px var(--shadow-card-hover);border-color:var(--tint-line-5)}
[data-theme="dark"] .srv,[data-theme="dark"] .pop,[data-theme="dark"] .price,[data-theme="dark"] .faq details,[data-theme="dark"] .why,[data-theme="dark"] .rev,[data-theme="dark"] .step{background:var(--surface);border:1px solid var(--dark-border-2);box-shadow:0 8px 24px var(--shadow-card-sm)}
[data-theme="dark"] .srv:hover,[data-theme="dark"] .pop:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 14px 34px var(--shadow-card-hover)}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.srv .row,.svc .row{margin-top:auto}
.srv h3,.srv p{flex-shrink:0}
.langbar{background:var(--hdr-a);border-top:1px solid var(--overlay-2);border-bottom:1px solid var(--overlay-1)}
.langbar-in{display:flex;gap:8px;padding:9px 16px;justify-content:center;flex-wrap:wrap}
.langbar a{color:var(--tint-line-6);text-decoration:none;font-weight:500;font-size:13.5px;padding:7px 18px;border-radius:999px;border:1px solid var(--overlay-5);transition:background .2s,color .2s,transform .15s}
.langbar a:hover{background:var(--overlay-4);color:var(--white-fixed);transform:translateY(-1px)}
.langbar a.active{background:var(--blue);border-color:var(--blue);color:var(--white-fixed);box-shadow:0 3px 12px var(--shadow-blue-soft2)}
@media (max-width:960px){.langbar-in{padding:6px 8px;gap:6px}.langbar a{flex:1;text-align:center;padding:10px 4px;font-size:13px;white-space:nowrap}}
.lead-form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.lead-form input,.lead-form textarea{width:100%;padding:13px 16px;border:1px solid var(--tint-line-4);border-radius:12px;background:var(--surface);color:var(--field-ink);font-size:16px;font-family:inherit;box-sizing:border-box}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--shadow-blue-chip)}
.lead-form textarea{resize:vertical;min-height:90px}
.lead-form .btn{background:var(--blue);border:none;color:var(--white-fixed);padding:14px 22px;border-radius:12px;font-size:17px;font-weight:500;cursor:pointer;transition:transform .15s}
.lead-form .btn:hover{transform:translateY(-2px)}
[data-theme="dark"] .lead-form input,[data-theme="dark"] .lead-form textarea{background:var(--surface);border-color:var(--dark-border-2);color:var(--ink)}
[data-theme="dark"] .lead-form input:focus,[data-theme="dark"] .lead-form textarea:focus{border-color:var(--line-strong)}
.rev{background:var(--surface);border:1px solid var(--tint-line-4);border-radius:18px;box-shadow:0 6px 20px var(--shadow-card);padding:20px}
.rev .stars{color:var(--star-2);font-size:17px;letter-spacing:2px;margin-bottom:8px}
.rev p{margin:0 0 10px;font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
.rev .who{font-weight:500;font-size:14px;color:var(--blue)}
[data-theme="dark"] .rev{background:var(--surface);border-color:var(--dark-border-2);box-shadow:0 8px 24px var(--shadow-card-sm)}
[data-theme="dark"] .rev p{color:var(--ink-soft)}
.gmap-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:500;text-decoration:none;font-size:16px}
.gmap-link:hover{text-decoration:underline}
.p-hero{padding:44px 0 28px;text-align:center}
.p-hero h1{font-size:36px;font-weight:600;margin-bottom:10px}
.p-hero p{color:var(--muted-3);font-size:17px;max-width:760px;margin:0 auto}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px 0 50px}
.svc{background:var(--surface);border:1px solid var(--tint-line-3);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px var(--shadow-card);transition:all .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.svc:hover{transform:translateY(-4px);box-shadow:0 14px 34px var(--shadow-blue-img)}
.svc img{width:100%;height:190px;object-fit:cover;display:block;border-radius:18px}
.svc .cb{padding:18px 20px;display:flex;flex-direction:column;flex:1}
.svc h3{font-size:19px;font-weight:600;margin:0 0 6px}
.svc p{color:var(--muted-3);font-size:14.5px;margin:0 0 12px}
.svc .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.svc .price{background:var(--blue);color:var(--white-fixed);font-weight:500;font-size:14px;padding:5px 16px;border-radius:999px}
.svc .more{color:var(--blue);font-weight:500;font-size:14px}
.price-tab{background:var(--surface);border:1px solid var(--tint-line-3);border-radius:16px;padding:20px 22px;margin-bottom:16px}
.price-tab h3{font-size:19px;font-weight:600;color:var(--blue);margin:0 0 8px}
.price-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--tint-line-2);font-size:15.5px;align-items:baseline}
.price-row:last-child{border:none}
.price-row span{flex:1;min-width:0}
.price-row b{color:var(--price-b);white-space:normal;text-align:right;flex-shrink:0;max-width:55%}
.cont-card{background:var(--surface);border:1px solid var(--tint-line-3);border-radius:18px;padding:30px;margin:20px 0 40px;box-shadow:0 10px 28px var(--shadow-card-xxs)}
.cont-card .c-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--tint-line-2)}
.cont-card .c-item:last-child{border:none}
.cont-card .c-ic{width:46px;height:46px;border-radius:12px;background:var(--surface-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.cont-card .c-t b{font-size:16.5px;font-weight:500}
.cont-card .c-t p{margin:4px 0 0;color:var(--muted-3);font-size:15px}
.note{text-align:center;color:var(--muted-3);font-size:14px;padding-bottom:40px}
[data-theme="dark"] .svc,[data-theme="dark"] .price-tab,[data-theme="dark"] .cont-card{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .svc p,[data-theme="dark"] .price-row,[data-theme="dark"] .cont-card .c-t p,[data-theme="dark"] .note{color:var(--muted)}
[data-theme="dark"] .price-row b{color:var(--ink)}
[data-theme="dark"] .p-hero p{color:var(--muted)}
[data-theme="dark"] .cont-card .c-ic{background:var(--surface-soft)}
.hero .crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.hero .crumbs a{color:var(--blue);text-decoration:none}
.hero-photo{max-width:900px;margin:0 auto;padding:0 22px}
.hero-photo img{width:100%;border-radius:20px;box-shadow:0 16px 40px var(--shadow-blue-photo);display:block}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.two-col>*{min-width:0;max-width:100%}
.info p,.info li,.info h3,.info h2{overflow-wrap:break-word;word-break:break-word}
.info p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.info ul{list-style:none}
.info li{padding:9px 26px 9px 0;position:relative;border-bottom:1px solid var(--line);font-size:15px}
.info li:before{content:'✓';color:var(--blue);font-weight:600;position:absolute;right:4px}
.info ol{padding-inline-start:26px}
.info ol li{list-style:decimal;padding:9px 0}
.info ol li:before{content:none}
.price-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px 22px;box-shadow:0 8px 24px var(--shadow-blue-xxs)}
.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-list.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;max-width:none;min-width:0;width:100%}
@media (max-width:700px){.faq-list,.faq-list.faq{grid-template-columns:1fr}}
@media (max-width:900px){.hero h1{font-size:30px}.two-col{grid-template-columns:1fr}}
.article{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:24px}
.article h2{font-size:22px;font-weight:600;margin:0 0 14px;color:var(--blue)}
.article p{font-size:15.5px;line-height:1.75;margin-bottom:12px}
.article ul{margin:8px 0 0;padding:0 20px}
.article li{font-size:15px;margin-bottom:7px;line-height:1.6}
[data-theme="dark"] header{background:var(--dark-body);border-bottom-color:var(--line)}
[data-theme="dark"] header nav a{color:var(--hdr-muted)}
[data-theme="dark"] header .pc-tel,[data-theme="dark"] header .mb-tel{color:var(--hdr-text)}
[data-theme="dark"] .hero .kicker{background:#1e2b40;border-color:#3b82f6;color:var(--blue-2)}
[data-theme="dark"] .price-box{background:var(--surface);border-color:var(--dark-border-2)}
[data-theme="dark"] h1 span[style*="color:#1567d9"]{color:var(--blue-2)!important}
[data-theme="dark"] .article h2{color:var(--blue-2)}
[data-theme="dark"] .why h2{color:var(--blue-2)}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--blue);text-decoration:none}
.macposter{max-width:900px;margin:0 auto 30px}
.macposter img{width:100%;border-radius:22px;box-shadow:0 18px 44px var(--shadow-blue-lg)}
.poster{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--surface-tint),var(--poster-tint));border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:30px}
.poster img{width:100%;border-radius:18px}
.poster h2{font-size:28px;font-weight:600;margin-bottom:14px}
.poster .pkgs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.poster .pkg{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:18px}
.poster .pkg.hot{border-color:var(--blue)}
.poster .pkg .val{font-size:26px;font-weight:600;color:var(--blue)}
.poster .pkg ul{list-style:none;margin-top:8px}
.poster .pkg li{font-size:13px;color:var(--muted);padding:3px 0}
.poster .pkg li:before{content:'✓ ';color:var(--blue);font-weight:600}
.poster .note{display:flex;gap:14px;margin-top:16px;flex-wrap:wrap}
.poster .note span{background:var(--surface);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500}
.lead-list{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:10px}
.lead-list li{position:relative;padding-right:32px;font-size:16px;line-height:1.55;color:var(--ink-soft);text-align:right}
.lead-list li::before{content:'✓';position:absolute;right:0;top:1px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:var(--shadow-blue-chip);color:var(--blue);font-weight:600;font-size:13px}
[data-theme="dark"] .lead-list li{color:var(--ink-soft)}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 30px}
.step3{background:var(--surface);border:1px solid var(--tint-line-4);border-radius:18px;box-shadow:0 6px 20px var(--shadow-card);padding:20px}
.step3 .n{width:34px;height:34px;border-radius:50%;background:var(--blue);color:var(--white-fixed);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:10px}
.step3 b{display:block;font-size:16px;margin-bottom:6px;color:var(--field-ink)}
.step3 p{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.5}
[data-theme="dark"] .step3{background:var(--surface);border-color:var(--dark-border-2)}
[data-theme="dark"] .step3 b{color:var(--ink)}
[data-theme="dark"] .step3 p{color:var(--ink-soft)}
.gaming{padding:50px 0}
.gaming-box{background:linear-gradient(135deg,var(--gaming-bg-a),var(--gaming-bg-b) 60%,var(--gaming-bg-c));border-radius:26px;padding:38px;color:var(--white-fixed);box-shadow:0 24px 60px var(--gaming-shadow);position:relative;overflow:hidden}
.gaming-box:before{content:'';position:absolute;top:-90px;left:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--gaming-shadow-purple),transparent 70%)}
.gaming-box:after{content:'';position:absolute;bottom:-110px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--gaming-shadow-cyan),transparent 70%)}
.gaming-flex{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;position:relative;z-index:2}
.gaming-box h2{font-size:27px;font-weight:600;margin-bottom:12px;background:linear-gradient(90deg,var(--gaming-purple),var(--gaming-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.gaming-box p{color:var(--gaming-ink);font-size:15.5px;margin-bottom:14px}
.gaming-box ul{list-style:none;margin-bottom:20px}
.gaming-box li{padding:8px 26px 8px 0;position:relative;color:var(--gaming-ink-soft);font-size:15px;border-bottom:1px solid var(--overlay-2)}
.gaming-box li:before{content:'⚡';color:var(--gaming-purple);position:absolute;right:0}
.gaming-box img{width:100%;border-radius:18px;box-shadow:0 18px 50px var(--shadow-black-2)}
.gaming-box .g-price{display:inline-block;background:linear-gradient(90deg,var(--gaming-purple),var(--gaming-cyan));color:var(--white-fixed);font-weight:600;padding:10px 20px;border-radius:12px;font-size:15px;text-decoration:none}
.gu-table-wrap{margin:14px 0 10px;overflow-x:auto}
.gu-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px var(--shadow-card-sm)}
.gu-table th{background:var(--blue);color:var(--white-fixed);font-weight:700;padding:11px 14px;text-align:start;font-size:13.5px}
.gu-table td{padding:10px 14px;border-top:1px solid var(--line);color:var(--ink)}
.gu-table tr:nth-child(even) td{background:var(--surface)}
.gu-table td:first-child{font-weight:600}
.gu-src{font-size:12px;color:var(--muted);margin-top:8px;opacity:.8}
[data-theme="dark"] .gu-table{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .gu-table td{border-top-color:var(--line);color:var(--ink)}
[data-theme="dark"] .gu-table tr:nth-child(even) td{background:var(--surface)}
[data-theme="dark"] .gu-src{color:var(--muted)}
@media(max-width:600px){.gu-table{font-size:12.5px}.gu-table th,.gu-table td{padding:8px 10px}}
[data-theme="dark"] .hero h1{color:var(--white-fixed);text-shadow:0 0 14px var(--overlay-4)}
[data-theme="dark"] .hero h1 span{color:var(--neon-cyan);text-shadow:0 0 18px var(--neon-cyan-shadow)}
[data-theme="dark"] .hero p{color:var(--dark-ink)}
[data-theme="dark"] .hero .crumbs{color:var(--dark-ink-3)}
[data-theme="dark"] .hero .crumbs a{color:var(--gaming-cyan)}
[data-theme="dark"] .section{background:transparent}
[data-theme="dark"] .sec-title{color:var(--white-fixed)}
[data-theme="dark"] .two-col .info p{color:var(--dark-ink)}
[data-theme="dark"] .info li{color:var(--dark-ink-2);border-color:var(--dark-purple-c)}
[data-theme="dark"] .info li:before{content:'⚡';color:var(--gaming-purple)}
[data-theme="dark"] .price-row{color:var(--dark-ink-2);border-color:var(--overlay-2)}
[data-theme="dark"] .article{background:var(--surface-tint);border-color:var(--dark-purple-d)}
[data-theme="dark"] .article p{color:var(--dark-ink)}
[data-theme="dark"] .article li{color:var(--dark-ink-2)}
[data-theme="dark"] .faq summary{color:var(--white-fixed)}
[data-theme="dark"] .faq p{color:var(--dark-ink)}
[data-theme="dark"] .gaming-box{background:linear-gradient(135deg,var(--gaming-bg-a),var(--gaming-bg-b) 60%,var(--gaming-bg-c))}
[data-theme="dark"] .contact-box{background:linear-gradient(135deg,var(--surface-tint),var(--dark-purple-b));box-shadow:0 20px 50px var(--dark-purple-e)}

/* ===== Правки Романа 17.08: хедер/футер всегда тёмные ===== */
header{background:linear-gradient(90deg,var(--hdr-a),var(--hdr-b) 60%,var(--hdr-c))}
[data-theme="dark"] header{background:linear-gradient(90deg,var(--hdr-a),var(--hdr-b) 60%,var(--hdr-c))}
.mainbar{background:transparent}
[data-theme="dark"] .mainbar{background:transparent}
.mainbar nav a{color:var(--hdr-text-soft)}
.mb-tel,.pc-tel,.header-tel{color:#fff}
.mainbar nav a:hover{color:var(--white-fixed)}

/* логотип — без квадратика, голый */
.logo{background:none;border:none;border-radius:0;padding:0;box-shadow:none;display:flex}
[data-theme="dark"] .logo{background:none;border:none;border-radius:0;padding:0;box-shadow:none;display:flex}
footer .logo{background:none;border:none;border-radius:0;padding:0;box-shadow:none;display:inline-flex}
[data-theme="dark"] footer .logo{background:none;border:none}

/* дропдаун языка в шапке */
.lang-dd{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:var(--overlay-2);border:1px solid var(--overlay-6);border-radius:999px;padding:0 12px;height:40px;cursor:pointer;color:var(--hdr-text);font-size:13px;font-weight:500;transition:border-color .2s,background .2s;font-family:inherit}
.lang-btn:hover{border-color:var(--overlay-8);background:var(--overlay-3)}
.lang-btn svg{color:var(--hdr-text);flex-shrink:0}
.lang-cur{white-space:nowrap}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px var(--shadow-blue-lg);padding:6px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:300}
@media (max-width:600px){.lang-menu{inset-inline-end:0;inset-inline-start:auto;min-width:132px}}
.lang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.lang-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}
.lang-menu a:hover{background:var(--surface-soft);color:var(--blue)}
.lang-menu a.cur{background:var(--shadow-blue-chip);color:var(--blue);font-weight:700}
/* мобильный: язык — компактная иконка-кнопка (как тема) */
@media (max-width:960px){.lang-dd{width:40px;height:40px}.lang-btn{width:40px;height:40px;padding:0;justify-content:center}.lang-cur{display:none}.lang-btn svg{width:18px;height:18px}.lang-btn svg:last-child{display:none}}

/* hero: LTR-языки — текст и кнопки слева */
html[dir="ltr"] .hero .wrap{text-align:left}
html[dir="ltr"] .hero-btns{justify-content:flex-start}
/* hero: RTL (иврит) — текст и кнопки справа */
html[dir="rtl"] .hero .wrap{text-align:right}
html[dir="rtl"] .hero-btns{justify-content:flex-start}

/* ===== Правки Романа 17.08 (2): бейдж Google, pop/price к низу, отзывы, тема ===== */

/* бейдж рейтинга — логотип Google + 5.0 */
.hero-badge{display:flex;align-items:center;gap:11px;text-align:left}
.hero-badge .gb-g{flex-shrink:0;display:flex;align-items:center}
.hero-badge .gb-body{line-height:1.2}
.hero-badge .gb-body b{font-size:21px;display:block;color:var(--blue);line-height:1.1}
.hero-badge .gb-body span{font-size:12.5px;font-weight:500;color:var(--ink-on-white)}
html[dir="rtl"] .hero-badge{text-align:right}

/* популярные услуги — цена/подробнее к низу */
.pop{display:flex;flex-direction:column}
.pop p{margin-bottom:auto}
.pop .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 18px 18px}
.pop .price{margin:0}
.pop .more{margin:0}

/* примеры цен — кнопка к низу */
.price{display:flex;flex-direction:column}
.price ul{margin-bottom:auto}
.price .btn{margin-top:16px}

/* кнопка «Все отзывы в Google» под карточками */
.rev-cta{text-align:center;margin-top:26px}
.rev-cta .btn.rev-maps{background:var(--surface);color:var(--blue);border:2px solid var(--blue);box-shadow:none;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.rev-cta .btn.rev-maps:hover{background:var(--blue);color:var(--white-fixed);box-shadow:0 8px 22px var(--shadow-blue-xxl)}
[data-theme="dark"] .rev-cta .btn.rev-maps{background:var(--surface);border-color:var(--dark-border-3);color:var(--ink)}
[data-theme="dark"] .rev-cta .btn.rev-maps:hover{background:var(--surface-soft)}

/* кнопка темы — высота 40px вровень с языком */
.fav-btn{background:var(--overlay-2);border:1px solid var(--overlay-6);border-radius:999px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--hdr-text)}
.fav-btn:hover{background:var(--overlay-3)}
.fav-tip{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(12px);background:#0d1b30;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:999;max-width:320px;text-align:center;opacity:0;transition:.25s;pointer-events:none}
.fav-tip.open{opacity:1;transform:translateX(-50%) translateY(0)}
.fav-tip b{display:block;margin-bottom:6px}
.fav-tip p{margin:4px 0;font-size:14px;color:#cfe0f8}
.theme-btn{background:var(--overlay-2);border:1px solid var(--overlay-6);border-radius:999px;padding:0 14px;height:40px;font-weight:500;font-size:13px;cursor:pointer;color:var(--hdr-text);display:inline-flex;align-items:center;gap:7px;justify-content:center;flex-shrink:0}
.theme-btn svg{flex-shrink:0;display:block}
.theme-btn:hover{border-color:var(--overlay-8)}
@media (max-width:960px){.fav-btn{display:none}.theme-btn{min-width:0;height:40px;padding:0 12px;justify-content:center;gap:6px}}

/* контакты — раскладка с картой */
.contact-split{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin:8px 0 40px;align-items:stretch}
.cont-map{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 28px var(--shadow-card-sm);min-height:380px;background:var(--surface)}
.cont-map iframe{width:100%;height:100%;min-height:380px;border:0;display:block}
@media (max-width:960px){.contact-split{grid-template-columns:1fr}.cont-map{min-height:320px}.cont-map iframe{min-height:320px}}

/* ===== Правки Романа 17.08 (3): бургер, услуги 1 колонка, футер-контакты ===== */
.burger{display:none}
.mnav{display:none}
.foot .foot-ctc{display:inline;padding:0;color:var(--hdr-text);text-decoration:none;font-weight:500}
.foot .foot-ctc:hover{color:var(--white-fixed)}
.foot .foot-waze{color:var(--waze)}
.foot .foot-waze:hover{color:var(--waze-hover)}
@media (max-width:960px){
  .gaming-flex{grid-template-columns:1fr;gap:20px}
  .gaming-box{padding:26px 18px}
  .gaming-flex img{max-width:100%;height:auto}
  .burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--overlay-2);border:1px solid var(--overlay-6);border-radius:999px;color:var(--hdr-text);cursor:pointer;flex-shrink:0}
  .burger svg{display:block}
  .mnav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--hdr-a);border-top:1px solid var(--overlay-2);box-shadow:0 18px 40px var(--shadow-black-lg);z-index:99}
  .mnav.open{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-bottom:70px}
  .mnav.open ~ .chat-fab, .mnav.open + .chat-fab, body:has(.mnav.open) .chat-fab{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s}
  .mnav-main{grid-column:2;grid-row:1}
  .mnav-games{grid-column:1;grid-row:1;background:var(--overlay-1);border-left:1px solid var(--overlay-2)}
  [dir="rtl"] .mnav-main{grid-column:1;grid-row:1}
  [dir="rtl"] .mnav-games{grid-column:2;grid-row:1;border-left:none;border-right:1px solid var(--overlay-2)}
  .mnav a{display:flex;align-items:center;gap:8px;padding:13px 16px;color:var(--hdr-text);text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid var(--overlay-1)}
  .mnav a i{font-size:17px;color:var(--hdr-accent);flex-shrink:0}
  .mnav a:last-child{border-bottom:none}
  .mnav a:hover{background:var(--overlay-1);color:var(--white-fixed)}
  .mnav-games-t{padding:12px 18px 6px;font-size:14px;font-weight:800;color:var(--hdr-accent);text-transform:uppercase;letter-spacing:.4px;height:52px;display:flex;align-items:center;box-sizing:border-box}
  .mnav .mnav-g{width:100%;text-align:left}
  [dir="rtl"] .mnav .mnav-g{text-align:right}
  .p-grid{grid-template-columns:1fr}
  .foot .foot-ctc{display:inline-block;padding:7px 16px;background:var(--overlay-2);border:1px solid var(--overlay-4);border-radius:999px;margin:4px 6px}
}

/* ===== Галерея лазерной гравировки (слайдер v2, fade+preload, 20.08.2026) ===== */
.lg-sec{padding:10px 0 34px}
.lg-slider{position:relative;max-width:880px;margin:0 auto;display:flex;align-items:center;gap:12px}
.lg-frame{position:relative;flex:1;min-width:0;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 28px var(--shadow-card);background:var(--surface)}
.lg-item{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;margin:0;pointer-events:none}
.lg-item.active{opacity:1;visibility:visible;pointer-events:auto}
.lg-item img{display:block;width:100%;height:100%;object-fit:cover}
.lg-cap{position:absolute;left:12px;bottom:12px;background:rgba(10,24,48,.78);color:#fff;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;z-index:2}
.lg-count{position:absolute;right:12px;top:12px;background:rgba(10,24,48,.78);color:#fff;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;z-index:2}
.lg-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px var(--shadow-card);transition:all .2s}
.lg-arrow:hover{background:var(--surface-soft);color:var(--blue);border-color:var(--line-strong);transform:translateY(-1px)}
.lg-arrow svg{width:22px;height:22px}
[data-theme="dark"] .lg-frame{border-color:var(--dark-border-2);background:var(--surface)}
[data-theme="dark"] .lg-arrow{background:var(--surface);border-color:var(--dark-border-2);color:var(--dark-ink-2)}
[data-theme="dark"] .lg-arrow:hover{background:var(--surface-soft);color:var(--blue-2)}
@media (max-width:640px){
  .lg-slider{gap:6px}
  .lg-arrow{width:38px;height:38px}
  .lg-arrow svg{width:18px;height:18px}
}

/* Галерея наших работ (custom-pc) */
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.work-grid .work{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/10;background:var(--bg-card)}
.work-grid .work img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.work-grid .work:hover img{transform:scale(1.05)}
.work-grid .work span{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(10,10,30,.78))}
@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}

/* Lightbox для фото работ */
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,8,20,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;padding:20px}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:94vw;max-height:88vh;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.lb-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close:hover{background:rgba(255,255,255,.25)}
@media (max-width:900px){.lb-close{top:10px;right:12px}}

/* Стрелки и счётчик лайтбокса */
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-prev:hover,.lb-next:hover{background:rgba(255,255,255,.28)}
.lb-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-size:14px;font-weight:600;background:rgba(0,0,0,.5);border-radius:999px;padding:6px 16px}
@media (max-width:900px){.lb-prev,.lb-next{width:40px;height:40px;font-size:24px}.lb-prev{left:8px}.lb-next{right:8px}}

/* Крупный заметный номер телефона в контактных секциях */
.contact-box .cphone{display:inline-block;font-size:26px;font-weight:800;letter-spacing:.5px;color:var(--white-fixed);background:var(--overlay-5);border-radius:12px;padding:4px 14px;margin:0 4px;line-height:1.4}
.contact-box p .cphone{display:inline-block;font-size:24px;font-weight:800;background:var(--overlay-5);border-radius:12px;padding:3px 12px;margin:0 3px}
@media (max-width:600px){
.contact-box .cphone,.contact-box p .cphone{font-size:24px;color:var(--white-fixed);background:var(--overlay-5)}
.contact-box .btn.white{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none}
.contact-box .btn.white:hover{background:linear-gradient(135deg,#1eb85a,#0f7a66)}
}

/* Квиз «Что починить» */
.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.quiz-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:22px 12px 18px;font-size:19px;font-weight:800;color:var(--ink);text-decoration:none;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s;line-height:1.3}
.quiz-btn:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 8px 22px var(--shadow-blue-photo)}
.quiz-ico{width:58px;height:58px;border-radius:50%;background:rgba(21,103,217,.1);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2px;transition:transform .2s,background .2s,color .2s}
.quiz-ico svg{width:30px;height:30px}
.quiz-btn:hover .quiz-ico{background:var(--blue);color:#fff;transform:scale(1.06)}
.quiz-label{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:.2px}
@media (max-width:600px){.quiz-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quiz-btn{padding:16px 8px 14px;gap:9px}.quiz-ico{width:48px;height:48px}.quiz-ico svg{width:25px;height:25px}.quiz-label{font-size:16px}}

/* Кейсы «До → После» */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.case-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 4px 14px var(--shadow-blue-photo)}
.case-imgs{position:relative;border-radius:12px;overflow:hidden}
.case-imgs img{width:100%;height:auto;display:block}
.case-imgs + .case-imgs{margin-top:8px}
.case-badge{position:absolute;top:8px;left:8px;color:#fff;font-size:12px;font-weight:900;border-radius:999px;padding:4px 12px}
.case-badge.before{background:rgba(220,38,38,.9)}
.case-badge.after{background:rgba(22,163,74,.9)}
@media (max-width:600px){.case-grid{grid-template-columns:1fr}}

/* Блок «Срочный ремонт» */
.urgent-box{background:linear-gradient(135deg,var(--hdr-a),var(--hdr-b) 55%,var(--hdr-c));border:1.5px solid var(--urgent-line);border-radius:22px;padding:30px 26px;color:var(--white-fixed);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:0 0 28px var(--urgent-glow),inset 0 0 30px var(--urgent-glow-soft)}
.urgent-box h2{color:var(--white-fixed)}
.urgent-box .btn.urgent{background:linear-gradient(135deg,var(--urgent),var(--urgent-hover));color:var(--white-fixed);font-weight:800;font-size:15px;padding:13px 24px;border-radius:12px;white-space:nowrap;box-shadow:0 0 20px var(--urgent-shadow),0 4px 14px var(--urgent-shadow);transition:transform .15s,box-shadow .2s;border:none}
.urgent-box .btn.urgent:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--urgent-shadow),0 6px 18px var(--urgent-shadow);filter:brightness(1.08)}
.urgent-box .btn.white{background:var(--white-fixed, #fff);color:var(--blue)}
@media (max-width:600px){.urgent-box{flex-direction:column;text-align:center;padding:24px 18px}}

/* Виджет «Сейчас в ремонте» */
.now-fixing{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-tint, #eef2f7);border:1px solid var(--line, rgba(21,103,217,.15));border-radius:999px;padding:9px 18px;margin:0 auto 26px;max-width:640px;font-size:14px;color:var(--ink-2, #444)}
.now-fixing b{color:var(--ink-1, #111)}
.game-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#6d28d9,#4f46e5 45%,#0f4fb8);color:#fff;border-radius:20px;padding:22px 24px;margin:0 auto 28px;max-width:900px;text-decoration:none;box-shadow:0 10px 34px rgba(124,58,237,.4);transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}
.game-banner::before{content:"";position:absolute;top:-60%;left:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 60%);transform:rotate(20deg)}
.game-banner:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 42px rgba(124,58,237,.5)}
.gb-ico{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:0 0 auto;animation:gbPulse 2s infinite}
.gb-ico svg{width:36px;height:36px}
.gb-txt{flex:1;min-width:0}
.gb-txt b{display:block;font-size:21px;line-height:1.3}
.gb-game{font-size:32px;font-weight:900;letter-spacing:3px;display:inline-block;vertical-align:middle;margin-inline-end:8px;color:#ffe14d;text-shadow:0 0 10px rgba(255,225,77,.7),0 0 26px rgba(255,225,77,.35);animation:gbGlow 1.6s infinite}
@keyframes gbGlow{0%,100%{text-shadow:0 0 10px rgba(255,225,77,.4),0 0 26px rgba(167,139,250,.6)}50%{text-shadow:0 0 20px rgba(255,225,77,.85),0 0 44px rgba(167,139,250,.95)}}
.gb-txt span{font-size:14.5px;opacity:.95}
.gb-mini{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#6d28d9,#4f46e5);color:#fff;border-radius:14px;padding:12px 16px;margin:0 0 24px;text-decoration:none;box-shadow:0 6px 20px rgba(124,58,237,.35)}
.gb-mini b{font-size:16px;font-weight:800;flex:1;line-height:1.25}
.sb-mini{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#0e7a3d,#12a150);color:#fff;border-radius:14px;padding:12px 16px;margin:0 0 24px;text-decoration:none;box-shadow:0 6px 18px rgba(18,161,80,.3);font-size:15px}
.sb-mini b{flex:1;line-height:1.3}
.sb-mini-btn{background:#ffe14d;color:#0e7a3d;font-weight:800;padding:8px 16px;border-radius:999px;font-size:14px;white-space:nowrap}
.gb-btn{background:#fff;color:#4f46e5;font-weight:800;padding:11px 22px;border-radius:999px;font-size:16px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.18)}
@keyframes gbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (max-width:560px){.game-banner{flex-wrap:wrap;padding:12px 14px}.gb-btn{width:100%;text-align:center}}
.nf-dot{width:9px;height:9px;border-radius:50%;background:#25d366;display:inline-block;animation:nf-pulse 1.6s infinite}
@keyframes nf-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 8px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
[data-theme="dark"] .now-fixing{background:var(--dark-surface, #1b2030);border-color:rgba(37,211,102,.35);color:var(--dark-ink-2, #c9d2e3)}
[data-theme="dark"] .now-fixing b{color:var(--white-fixed, #fff)}
[data-theme="dark"] .now-fixing .nf-dot{background:#25d366;box-shadow:0 0 8px rgba(37,211,102,.6)}

/* Логотипы брендов */
.brand-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.brand,a.brand{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:10px 16px;border:1px solid var(--line, rgba(21,103,217,.18));border-radius:12px;background:var(--surface-tint, #fff);font-weight:700;font-size:15px;color:var(--ink-1, #111);letter-spacing:.2px;transition:transform .2s, border-color .2s}
.brand:hover{transform:translateY(-2px);border-color:var(--blue, #1567d9)}
[data-theme="dark"] .brand{background:var(--dark-surface, #1b2030);border-color:rgba(255,255,255,.1);color:var(--white-fixed, #f2f4f8)}
[data-theme="dark"] .brand:hover{border-color:#38b6e8}

/* Хлебные крошки */
.breadcrumbs{display:flex;align-items:center;gap:6px;padding:14px 0 0;font-size:13.5px;color:var(--ink-2, #666)}
.breadcrumbs a{color:var(--blue, #1567d9);text-decoration:none;font-weight:600}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs .bc-sep{color:var(--ink-3, #999)}
.breadcrumbs span:last-child{color:var(--ink-1, #333);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .breadcrumbs a{color:#38b6e8}
[data-theme="dark"] .breadcrumbs span:last-child{color:var(--white-fixed, #eee)}

/* Логотип бренда на странице */
.brand-logo{height:56px;width:auto;max-width:220px;object-fit:contain;margin:14px 0 6px;display:inline-block;background:#fff;border-radius:12px;padding:8px 16px;border:1px solid var(--line, rgba(21,103,217,.15));box-shadow:0 2px 10px rgba(21,103,217,.06)}
[data-theme="dark"] .brand-logo{background:#fff}

.brand img{height:32px;width:auto;max-width:120px;object-fit:contain;display:block}

/* Карточка игры на главной */
.game-promo-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--blue-2),var(--blue));border-radius:24px;padding:30px 30px;box-shadow:0 16px 44px var(--shadow-blue-soft);position:relative;overflow:hidden;color:var(--white-fixed)}
.game-promo-box::after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);border-radius:50%;pointer-events:none}
.game-promo-box::before{content:"";position:absolute;bottom:-80px;left:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);border-radius:50%;pointer-events:none}
.game-promo-txt{flex:1;min-width:0;position:relative;z-index:1}
.game-promo-txt .sec-title{color:var(--white-fixed)}
.game-promo-txt .btn{margin-top:6px}
.game-promo-tag{display:inline-block;background:rgba(255,255,255,.2);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;margin-bottom:10px}
.game-promo-badge{font-size:84px;font-weight:900;color:var(--white-fixed);text-shadow:0 6px 24px rgba(0,0,0,.35);line-height:.9;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;white-space:nowrap}
.game-promo-badge span{font-size:17px;font-weight:700;opacity:.9;margin-top:4px;text-shadow:none}
.game-promo-emoji{font-size:44px;white-space:nowrap;opacity:.95;position:relative;z-index:1}
@media (max-width:600px){.game-promo-box{flex-direction:column;text-align:center;padding:24px 18px;gap:14px}.game-promo-badge{font-size:68px}.game-promo-emoji{font-size:36px}}

/* Контакт-бокс: телефон отдельно, адрес на 2 строки */
.ct-phone{margin:4px 0 8px}
.ct-phone .cphone{font-size:38px;font-weight:900;color:var(--white-fixed);background:rgba(255,255,255,.22);border-radius:16px;padding:8px 26px;display:inline-block;letter-spacing:1px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.ct-addr{font-size:17px;line-height:1.5;margin:0 0 18px;opacity:.95}
.contact-box p.ct-addr{opacity:.95}
@media (max-width:600px){.ct-phone .cphone{font-size:30px;padding:7px 20px}}

/* ТЗ этап 2: квиз 2 шага (устройство + поломка) */
.quiz-step{margin-bottom:16px}
.q-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:8px}
.q-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:var(--white-fixed);font-size:12.5px;font-weight:800;flex-shrink:0}
.quiz-btn{font-family:inherit;cursor:pointer;width:100%}
.quiz-btn.on{border-color:var(--blue);background:rgba(21,103,217,.08);box-shadow:0 8px 22px var(--shadow-blue-photo)}
.quiz-btn.on .quiz-ico{background:var(--blue);color:var(--white-fixed)}
.quiz-btn.on .quiz-label{color:var(--blue)}
.q-cta{text-align:center;margin-top:22px}
.q-cta .btn.wa{opacity:.55;filter:grayscale(.3)}
.q-cta .btn.wa.ready{opacity:1;pointer-events:auto;filter:none;animation:qReady .4s ease}
@keyframes qReady{0%{transform:scale(.96)}100%{transform:scale(1)}}
@media (max-width:600px){.q-cta .btn.wa{width:100%;max-width:420px}}
/* ТЗ этап 3: плавающая кнопка WhatsApp заметнее на мобильных */
@media (max-width:600px){.chat-fab{bottom:calc(14px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));padding:0;width:58px;height:58px;justify-content:center;border-radius:50%;box-shadow:0 12px 34px var(--shadow-wa-lg);border:2px solid rgba(255,255,255,.28)}.chat-fab svg{width:30px!important;height:30px!important;vertical-align:middle!important;display:block;margin:auto}.chat-fab .dot{display:none}}

/* ---- Галерея лазерной гравировки: сетка + лайтбокс (25.08) ---- */
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-width:880px;margin:0 auto}
.lg-grid .lg-item{position:relative;margin:0;aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 4px 14px var(--shadow-card);cursor:zoom-in;opacity:1;visibility:visible;pointer-events:auto;transition:transform .2s}
.lg-grid .lg-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-card)}
.lg-grid .lg-item img{display:block;width:100%;height:100%;object-fit:cover}
.lg-lightbox{position:fixed;inset:0;z-index:999;background:rgba(6,10,20,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}
.lg-lightbox[hidden]{display:none}
.lg-lightbox img{max-width:min(92vw,760px);max-height:76vh;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.lg-cap{margin-top:14px;color:#e6f0ff;font-size:16px;text-align:center}
.lg-close{position:absolute;top:16px;right:16px;left:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:2}
.lg-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.lg-nav.lg-prev{left:14px}
.lg-nav.lg-next{right:14px}
@media (max-width:900px){.lg-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}}

/* ---- Витрина запчастей пылесосов (vacuum-parts, 26.08) ---- */
.vac-title{font-size:34px;line-height:1.2;margin-bottom:10px}
.vac-sub{max-width:760px;margin:0 auto 18px}
.vac-note{color:var(--muted);font-size:14px;margin:14px auto 4px;max-width:760px}
.vac-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px auto 10px;max-width:760px}
.vac-chip{border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--surface);transition:all .2s}
.vac-chip-logo{height:20px;width:auto;object-fit:contain;vertical-align:middle;margin-right:6px;display:inline-block}
.vac-brand-logo{height:34px;width:auto;object-fit:contain;vertical-align:middle;margin-right:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 8px}
.vac-chip:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 12px var(--shadow-blue-chip)}
.vac-brand{font-size:26px;margin:44px 0 16px;padding-top:10px;scroll-margin-top:90px}
.vac-brand-head{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--line);padding-bottom:14px;margin:0 0 20px}
.vac-brand-head .sec-title{margin:0;font-size:28px}
.vac-brand-head .vac-count{margin-right:0}
.vac-imgwrap{position:relative}
.vac-stock{position:absolute;inset-inline-start:8px;top:8px;display:inline-flex;align-items:center;gap:5px;background:#e6f9ef;color:#0a8a4f;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;box-shadow:0 2px 8px rgba(10,138,79,.15);z-index:1}
.vac-stock::before{content:'';width:7px;height:7px;border-radius:50%;background:#22c55e}
[data-theme="dark"] .vac-stock{background:#10271c;color:#4ade80}
.vac-hero .vac-chips{margin:18px 0 0;justify-content:flex-start;max-width:none}
.vac-hero-imgs img{max-width:380px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.vac-hero-imgs{order:-1;text-align:center}.vac-hero-imgs img{max-width:280px;margin:0 auto}}
.vac-count{display:inline-block;min-width:26px;height:26px;line-height:26px;border-radius:13px;background:var(--surface-soft);color:var(--blue);font-size:14px;font-weight:700;text-align:center;vertical-align:middle;margin-right:6px;padding:0 8px}
[data-theme="dark"] .vac-count{background:var(--surface-2)}
.vac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin-top:6px}
.vac-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px var(--shadow-card);transition:transform .2s,box-shadow .2s}
.vac-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow-card-hover)}
.vac-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}
.vac-name{font-size:14.5px;line-height:1.4;color:var(--ink);min-height:3.9em}
.vac-price{font-size:18px;font-weight:800;color:var(--blue)}
.vac-btn{display:block;background:var(--wa);color:#fff;border-radius:10px;padding:10px 12px;text-align:center;font-weight:700;font-size:14.5px;text-decoration:none;transition:background .2s;margin-top:auto}
.vac-btn:hover{background:var(--wa-hover)}
.vac-buy{display:block;background:var(--surface);color:var(--blue);border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;text-align:center;font-weight:600;font-size:13.5px;text-decoration:none;transition:background .2s,border-color .2s;margin-top:6px}
.vac-buy:hover{background:var(--surface-soft);border-color:var(--blue)}
/* ---- Подарочные карты (gift-cards) ---- */
.gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:24px}
.gc-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px var(--shadow-card);transition:transform .2s,box-shadow .2s}
.gc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow-card-hover)}
.gc-img{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px}
.gc-img img{width:100%;height:130px;object-fit:contain;display:block}
.gc-name{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35;min-height:40px}
.gc-price{font-size:17px;font-weight:800;color:var(--blue)}
.gc-buy{display:block;background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff;border-radius:10px;padding:10px 12px;text-align:center;font-weight:700;font-size:14px;text-decoration:none;transition:opacity .2s}
.gc-buy:hover{opacity:.9}
.gc-title{font-size:34px}
.gc-how{max-width:640px;margin:14px auto 0;font-size:15px;color:var(--muted);line-height:1.6}
.gc-note{margin-top:24px;font-size:13.5px;color:var(--muted)}
@media (max-width:560px){.gc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gc-name{font-size:13px}.gc-title{font-size:27px}}
/* ---- Баннер подарочных карт на игровых (неоновый стиль) ---- */
.gift-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--gaming-bg-a),var(--gaming-bg-b) 55%,var(--gaming-bg-c));border-radius:24px;padding:26px 28px;text-decoration:none;color:var(--white-fixed);box-shadow:0 18px 48px var(--gaming-shadow);margin:34px 0 0;overflow:hidden;flex-wrap:wrap;border:1px solid var(--overlay-3)}
.gift-cta:before{content:'';position:absolute;top:-70px;left:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--gaming-shadow-purple),transparent 70%)}
.gift-cta:after{content:'';position:absolute;bottom:-80px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--gaming-shadow-cyan),transparent 70%)}
.gift-cta-ic{position:relative;z-index:2;flex-shrink:0;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--gaming-purple),var(--gaming-cyan));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 24px var(--gaming-shadow-purple)}
.gift-cta-txt{position:relative;z-index:2;flex:1;min-width:180px}
.gift-cta-txt b{display:block;font-size:22px;font-weight:800;margin-bottom:5px;background:linear-gradient(90deg,var(--gaming-purple),var(--gaming-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.gift-cta-txt span{font-size:14.5px;color:var(--gaming-ink);opacity:.95;line-height:1.5}
.gift-cta-btn{position:relative;z-index:2;background:linear-gradient(135deg,var(--gaming-purple),var(--gaming-cyan));color:#fff;border-radius:999px;padding:13px 28px;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 0 26px var(--gaming-shadow-purple);transition:transform .2s,box-shadow .2s}
.gift-cta:hover .gift-cta-btn{transform:scale(1.05);box-shadow:0 0 36px var(--gaming-shadow-cyan)}
.gift-cta-btn svg{vertical-align:-2px;margin-left:6px}
@media (max-width:560px){.gift-cta{flex-direction:column;text-align:center;padding:22px 18px}.gift-cta-btn{width:100%}.gift-cta-txt{min-width:0}}
/* ---- Видео Fortnite ---- */
.fn-video{margin:20px auto 0;max-width:560px;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px var(--gaming-shadow);border:1px solid var(--overlay-3)}
.fn-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.fn-video video::-webkit-media-controls{display:none!important}
video.fn-video::-webkit-media-controls{display:none!important}
@media (max-width:560px){.vac-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.vac-name{font-size:13.5px;min-height:auto}.vac-title{font-size:27px}}
/* форма заказа (модал) */
.vac-modal{position:fixed;inset:0;z-index:1000;background:rgba(6,10,20,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.vac-modal[hidden]{display:none}
.vac-modal-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 20px 20px;max-width:400px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.35);position:relative;text-align:right}
.vac-modal-close{position:absolute;top:10px;left:10px;right:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.vac-modal-title{font-size:20px;margin:0 0 6px;color:var(--ink);text-align:center}
.gpc-screen{margin:2px 0 12px;display:flex;flex-direction:column;gap:6px}
.gpc-screen-card{margin:2px 0 8px;display:flex;flex-direction:column;gap:6px}
.gpc-screen-lbl{font-size:13.5px;font-weight:700;color:var(--ink)}
.gpc-screen-sel{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--ink);cursor:pointer}
.gpc-screen-sel:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
/* Плитки выбора монитора (screen-pill, игровые страницы) — подсветка выбранного (02.09.2026) */
.screen-pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 13px;margin:2px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.25;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;user-select:none;-webkit-tap-highlight-color:transparent}
.screen-pill input{accent-color:var(--blue);margin:0;flex-shrink:0}
.screen-pill input[type="radio"]{width:14px;height:14px;min-width:14px;flex:0 0 auto}
.screen-pill:has(input:checked){background:var(--blue);border-color:var(--blue);color:var(--white-fixed);box-shadow:0 6px 14px rgba(21,103,217,.22)}
.vac-modal-prod{font-size:14.5px;color:var(--muted);margin:0 0 16px;line-height:1.4}
.vac-modal-box input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;font-size:15px;background:var(--surface);color:var(--ink);margin-bottom:10px}
.vac-modal-box input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.vac-modal-note{font-size:13.5px;color:var(--muted);margin:4px 0 12px}
.vac-submit{display:block;width:100%;border:none;cursor:pointer;background:var(--wa);color:#fff;border-radius:12px;padding:13px;font:inherit;font-size:16px;font-weight:700;transition:background .2s}
.vac-submit:hover{background:var(--wa-hover)}
@media (max-width:560px){.vac-modal-box{max-width:100%}}
/* промо-баннер на главной (26.08) */
.vac-banner{display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:24px;padding:34px 38px;background:linear-gradient(160deg,var(--hdr-a),var(--hdr-b) 60%,var(--hdr-c));color:#fff;box-shadow:0 18px 44px var(--shadow-card-hover);position:relative;overflow:hidden}
.vac-banner-info{flex:1 1 58%}
.vac-banner .kicker{display:inline-block;font-size:13.5px;font-weight:600;letter-spacing:.2px;color:var(--hdr-text-soft);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;margin-bottom:12px}
.vac-banner-title{font-size:30px;line-height:1.2;margin:0 0 10px;color:#fff}
.vac-banner-sub{color:var(--hdr-muted);font-size:16px;margin:0 0 20px;max-width:560px}
.vac-banner-imgs{display:flex;gap:10px;flex:0 0 auto}
.vac-banner-imgs img{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:18px;padding:8px;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 28px rgba(0,0,0,.35)}
[data-theme="dark"] .vac-banner{background:linear-gradient(160deg,var(--hdr-a),var(--hdr-b) 60%,var(--hdr-c))}
@media (max-width:860px){.vac-banner{flex-direction:column;align-items:flex-start;padding:26px 22px;text-align:left}.vac-banner-imgs{width:100%;justify-content:center}}
@media (max-width:560px){.vac-banner{text-align:center;align-items:center}.vac-banner-title{font-size:24px}.vac-banner-imgs img{width:66px;height:66px;border-radius:14px;padding:5px}}
/* кнопка-вход в витрину запчастей в hero (26.08) */
.vac-hero-btn{background:transparent;border:1.5px solid rgba(255,255,255,.75);color:#fff}
.vac-hero-btn:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
[data-theme="dark"] .vac-hero-btn{color:#fff}
@media (max-width:960px){body{padding-bottom:64px}}
/* ===== Fortnite: три сборки (26.08) ===== */
.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:4px}
.fn-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 8px 22px var(--shadow-card);padding:6px}
.fn-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--shadow-card-hover)}
.fn-card.selected{border-color:var(--blue);box-shadow:0 0 0 3px var(--surface-tint),0 14px 30px var(--shadow-card-hover)}
.fn-card.selected::after{content:"✓";position:absolute;top:10px;inset-inline-end:12px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.fn-radio{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:1px;height:1px}
.fn-media{position:relative;display:block}
.fn-media img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.fn-badge{position:absolute;top:12px;inset-inline-start:12px;color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:6px 14px;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.fn-badge-1{background:var(--wa)}
.fn-badge-2{background:var(--star)}
.fn-badge-3{background:var(--orange)}
.fn-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;flex:1}
.fn-specs{display:flex;flex-wrap:wrap;gap:6px}
.fn-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.fn-fps{font-size:13.5px;color:var(--muted);font-weight:700}
.fn-price{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.fn-card.selected .fn-price{color:var(--blue)}
.pc-opt{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:15px;transition:border-color .15s,background .15s}
.pc-opt:hover{border-color:var(--line-strong)}
.pc-opt:has(input:checked){border-color:var(--blue);background:var(--surface-tint)}
.pc-opt b{color:var(--blue)}
[data-theme="dark"] .fn-card{background:var(--surface-2);border-color:var(--line-strong)}
[data-theme="dark"] .pc-opt{background:var(--surface-2)}
[data-theme="dark"] .pc-opt:has(input:checked){border-color:var(--blue)}
.fn-promo-imgs img{width:120px;height:120px;object-fit:cover;background:#0b0f14;border-radius:18px;padding:0;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 28px rgba(0,0,0,.35)}
@media (max-width:1100px){.fn-grid{grid-template-columns:repeat(2,1fr)}.gpc-grid{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:860px){.fn-grid{grid-template-columns:1fr}.gpc-grid{grid-template-columns:1fr!important}.fn-promo-imgs img{width:92px;height:92px}}
@media (max-width:560px){.fn-promo-imgs img{width:72px;height:72px;border-radius:14px}}
/* lightbox (26.08): увеличение фото работ */
.work img,.g-item img,figure img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(10,16,30,.9);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.lb.open{opacity:1;visibility:visible}
.lb-img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.55);cursor:zoom-out;background:#fff}
.lb-close{position:absolute;top:14px;inset-inline-end:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;line-height:1;transition:background .15s}
.lb-close:hover{background:rgba(255,255,255,.28)}
/* блок «Полезно знать» (26.08): карточки статей */
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.art-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 8px 22px var(--shadow-card);transition:transform .18s,box-shadow .18s}
.art-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--shadow-card-hover)}
.art-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.art-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.art-body h3{font-size:17px;font-weight:800;color:var(--ink);margin:0;line-height:1.35}
.art-body p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}
.art-more{margin-top:auto;font-size:14px;font-weight:700;color:var(--blue)}
[data-theme="dark"] .art-card{background:var(--surface-2);border-color:var(--line-strong)}
[data-theme="dark"] .art-body h3{color:var(--ink)}
@media (max-width:860px){.art-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.art-grid{grid-template-columns:1fr}}
/* секция «Наши проекты» (26.08): кросс-баннеры */
.proj-grid{display:grid;grid-template-columns:1fr;gap:18px}
.proj-banner{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 22px var(--shadow-card);transition:transform .18s,box-shadow .18s}
.proj-banner:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--shadow-card-hover)}
.proj-banner img{width:100%;display:block;aspect-ratio:4/1;object-fit:cover}
/* Баннер «Домашний кинотеатр» — текст поверх картинки */
.cinema-banner{position:relative}
.proj-banner{position:relative}
.proj-cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(90deg,rgba(8,12,28,.55),rgba(8,12,28,.18) 50%,rgba(8,12,28,.55));text-align:center;padding:8px}
.proj-cap b{color:#fff;font-size:24px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.proj-cap span{color:#d7d2f5;font-size:13.5px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.cinema-banner picture{display:block}
.cinema-banner img{aspect-ratio:4/1}
.cinema-cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(90deg,rgba(8,12,28,.62),rgba(8,12,28,.25) 55%,rgba(8,12,28,.62));text-align:center;padding:8px}
.cinema-cap b{color:#fff;font-size:38px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.cinema-cap span{color:#d7d2f5;font-size:21px;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.cinema-cap em{font-style:normal;margin-top:10px;background:#fff;color:#12162b;font-weight:800;font-size:17px;padding:12px 32px;border-radius:999px}
@media (min-width:601px) and (max-width:980px){
.cinema-cap b{font-size:27px}
.cinema-cap span{font-size:16px;line-height:1.3}
.cinema-cap em{font-size:15px;padding:9px 22px}
}
@media (max-width:600px){
.cinema-banner img{aspect-ratio:1/1}
.proj-grid .proj-banner img{aspect-ratio:2/1}
.cinema-cap b{font-size:23px}
.cinema-cap span{font-size:15px;line-height:1.3}
.cinema-cap em{font-size:14px;padding:9px 22px}
}
@media (max-width:860px){.proj-grid{grid-template-columns:1fr}}

/* видео (26.08) */
.hero-video{width:100%;max-width:560px;margin:0 auto;display:block;border-radius:18px;aspect-ratio:9/16;object-fit:cover;background:#000;box-shadow:0 14px 34px var(--shadow-card-hover)}
.work video{width:100%;display:block;border-radius:12px;aspect-ratio:9/16;object-fit:cover;background:#000}
/* Экспресс-диагностика с гарантией цены (27.08) */
.pg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:860px;margin:0 auto}
.pg-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 20px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.pg-card i{font-size:30px;color:var(--blue);flex:0 0 auto;margin-top:2px}
.pg-card h3{font-size:18px;font-weight:700;margin:0 0 6px}
.pg-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
[data-theme="dark"] .pg-card{background:var(--surface-2);border-color:var(--line-strong)}
@media (max-width:640px){.pg-grid{grid-template-columns:1fr}}

/* Экспресс-диагностика v2 (27.08) */
.pg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pg-list li{display:flex;align-items:flex-start;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px}
.pg-list li i{color:var(--accent);font-size:22px;margin-top:2px;flex:0 0 auto}
.pg-list li b{display:block;font-size:16px;margin-bottom:4px}
.pg-list li span{font-size:14px;color:var(--muted)}
@media (max-width:860px){.pg-list{grid-template-columns:1fr}}

/* Наша мастерская (27.08) */
.ws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:0 auto}
.ws-item{margin:0;border-radius:16px;overflow:hidden;background:var(--card-bg)}
.ws-item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.ws-item figcaption{padding:10px 12px;font-size:14px;color:var(--muted)}
@media (max-width:860px){.ws-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.ws-grid{grid-template-columns:repeat(2,1fr)}}

/* Fortnite: светлое/тёмное фото (27.08) */

[data-theme="dark"] .fn-dark{display:block}

/* Fortnite hero-баннер (27.08) */
.fn-banner{position:relative;border-radius:18px;overflow:hidden;margin:26px 0;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.fn-banner img{width:100%;display:block;aspect-ratio:1360/350;object-fit:cover}
.fn-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:30px;background:linear-gradient(90deg,rgba(10,18,38,.88),rgba(10,18,38,.35) 55%,transparent)}
.fn-banner-overlay h2{color:#fff;font-size:30px;margin:0 0 8px}
.fn-banner-overlay p{color:#b9d0f5;font-size:17px;margin:0}
[dir="rtl"] .fn-banner-overlay{background:linear-gradient(270deg,rgba(10,18,38,.88),rgba(10,18,38,.35) 55%,transparent)}
@media(max-width:640px){.fn-banner{margin:18px 0}.fn-banner img{aspect-ratio:auto;object-fit:contain;max-height:340px;background:#0b0e14}.fn-banner-overlay{padding:16px;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(10,18,38,.55),rgba(10,18,38,.88))}.fn-banner-overlay h2{font-size:22px;margin:0 0 6px}.fn-banner-overlay p{font-size:14px}}


/* Рубрика Игровые ПК (28.08) */
.gpc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.gpc-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.gpc-card img{width:100%;max-width:340px!important;margin:0 auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px}
.gpc-card h3{font-size:18px;margin:0;color:var(--ink)}
.gpc-specs{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:12.5px;color:var(--muted)}
.gpc-card .fn-specs{display:flex;flex-direction:column;gap:0}
.gpc-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px}
.gpc-row b{font-size:19px;color:var(--blue)}
.gpc-btn{margin-top:2px;text-align:center}
.gpc-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}
.gpc-game{background:var(--surface-tint);border:1px solid var(--line-strong);border-radius:14px;padding:14px;display:flex;gap:10px;align-items:flex-start}
.gpc-game b{color:var(--ink)}
.gpc-game p{margin:2px 0 0;color:var(--muted);font-size:13.5px}

/* Игровые миры: страницы в стиле игр (28.08) — светлая и тёмная тема */
.game-valorant{--blue:#ff4655;--blue-2:#ff6b7a;--bg:#f4f5f7;--surface:#ffffff;--ink:#1c2330;--muted:#5c6b7a}
.game-cs2{--blue:#c9972e;--blue-2:#d9a441;--bg:#f2f1ec;--surface:#ffffff;--ink:#24262a;--muted:#6a6f76}
.game-gta-rp{--blue:#e08c00;--blue-2:#f5a623;--bg:#f5f5f5;--surface:#ffffff;--ink:#1a1a1a;--muted:#777777}
.game-fortnite{--blue:#6246e5;--blue-2:#facc15;--bg:#f3f4fb;--surface:#ffffff;--ink:#1d1f3d;--muted:#5c5f8a}
[data-theme="dark"] .game-valorant{--bg:#0f1923;--surface:#1f2933;--ink:#ece8e1;--muted:#9aa7b5}
[data-theme="dark"] .game-cs2{--bg:#14161a;--surface:#20242b;--ink:#e8e6e1;--muted:#98a0ab}
[data-theme="dark"] .game-gta-rp{--bg:#101010;--surface:#1c1c1c;--ink:#ffffff;--muted:#b3b3b3}
[data-theme="dark"] .game-fortnite{--bg:#0b0e14;--surface:#141826;--ink:#ffffff;--muted:#9d9fd4}
.game-page{background:var(--bg);color:var(--ink)}
.game-page .section{background:var(--bg)}
.game-page .fn-card,.game-page .info,.game-page .price-box,.game-page .two-col .info,.game-page .pc-opt{background:var(--surface);border-color:rgba(127,127,127,.25)}
.game-page .btn.white{background:var(--blue);color:#fff;border:none}
.game-page .fn-badge{background:var(--blue);color:#fff}
.game-page .fn-price{color:var(--blue)}
.game-page .fn-card.selected{border-color:var(--blue)}
.game-page .sec-title,.game-page h1,.game-page h3{color:var(--ink)}
.game-page .price-box b{color:var(--blue)}
.game-page .fn-banner{border:1px solid rgba(127,127,127,.3)}

/* Кнопка заказа на карточке (28.08) */
.fn-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.fn-order{position:relative;z-index:5;display:block;width:100%;margin-top:12px;text-align:center;background:linear-gradient(135deg,#facc15,#f59e0b);color:#141414;border:none;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 0 22px rgba(250,204,21,.55);animation:fnPulse 1.6s infinite;transition:transform .15s}
@keyframes fnPulse{0%,100%{box-shadow:0 0 14px rgba(250,204,21,.45)}50%{box-shadow:0 0 30px rgba(250,204,21,.85)}}
.fn-order:hover{transform:scale(1.03)}
.fn-order:hover{opacity:.9}

/* Выпадающее меню «Каталог» (28.08) */
.nav-drop-wrap{position:relative}
.nav-drop-btn{background:none;border:none;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:3px}
.nav-drop{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.18);display:none;z-index:500}
[dir="rtl"] .nav-drop{left:auto;right:0}
.nav-drop.open{display:block}
.nav-drop a{display:flex;align-items:center;gap:8px;color:var(--ink);padding:10px 12px;border-radius:9px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s}
.nav-drop a:hover{background:var(--surface-soft);color:var(--blue)}
@media(max-width:860px){.nav-drop{position:static;box-shadow:none;padding:2px 0 2px 14px;min-width:0}}

/* Мобильное меню: группы (28.08) */
.mnav-group{margin:6px 0}
.mnav-g{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(98,70,229,.1);border:none;border-radius:12px;padding:13px 16px;font-size:16px;font-weight:800;color:var(--blue);cursor:pointer}
.mnav-g .ti{transition:transform .2s;font-size:18px}
.mnav-group.open .mnav-g .ti{transform:rotate(180deg)}
.mnav-links{display:none;padding:6px 6px 4px}
.mnav-group.open .mnav-links{display:block}
.mnav-links a{display:block;padding:11px 14px;border-radius:10px;font-size:16px;font-weight:600;color:var(--ink)!important;text-decoration:none}
.mnav-links a:hover{background:var(--surface-soft)}

/* fn-specs: иконка + название + значение (28.08) */
.fn-specs{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.fn-spec{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(127,127,127,.22);font-size:12.5px;line-height:1.35;min-width:0}
.fn-spec i{font-size:17px;color:var(--blue);flex-shrink:0}
.fn-spec .k{color:var(--muted);font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1.35}
.fn-spec .v{font-weight:700;margin-inline-start:auto;text-align:end;color:var(--ink);min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.fn-specs{grid-template-columns:1fr}}

/* Fortnite ТЗ: лутбоксы-редкость, FPS-шкала, арсенал, CTA */
.game-page h1,.game-page h2{font-weight:900;letter-spacing:.5px}
.game-fortnite h1,.game-fortnite .sec-title{text-shadow:3px 3px 0 rgba(0,0,0,.45)}
.fn-card-1{border:2px solid #2ecc71;box-shadow:0 0 22px rgba(46,204,113,.35)}
.fn-card-2{border:2px solid #4a90d9;box-shadow:0 0 22px rgba(74,144,217,.35)}
.fn-card-3{border:2px solid #9b59b6;box-shadow:0 0 22px rgba(155,89,182,.4)}
.fn-card-4{border:2px solid #b347e0;box-shadow:0 0 24px rgba(179,71,224,.4)}
.fn-card-5{border:2px solid #facc15;box-shadow:0 0 26px rgba(250,204,21,.5)}
.fn-card.selected{border-color:var(--blue);box-shadow:0 0 28px var(--blue)}
.fps-bar{display:flex;border-radius:12px;overflow:hidden;margin:16px 0;font-size:12px;font-weight:800}
.fps-seg{flex:1;padding:9px;text-align:center;color:#fff}
.fps-1{background:#2ecc71}.fps-2{background:#9b59b6}.fps-3{background:#facc15;color:#141414}
.fn-cta{display:inline-block;background:var(--blue-2);color:#141414;font-weight:800;padding:14px 30px;border-radius:14px;font-size:18px;box-shadow:0 0 24px rgba(250,204,21,.45);text-decoration:none;transition:transform .15s;cursor:pointer;border:none}
.fn-cta:hover{transform:scale(1.05)}
.fn-total{color:var(--blue-2)!important;font-weight:900!important;font-size:26px!important;text-shadow:0 0 14px rgba(250,204,21,.4)}
.scr-tile.selected{border-color:var(--blue);box-shadow:0 0 18px var(--blue)}

.fps-img{max-width:760px!important;width:100%;border-radius:14px;margin:16px auto;display:block}

.fn-banner img{width:100%;object-fit:cover;display:block;border-radius:14px}

/* Мобильные фиксы (28.08): overflow, картинки 100%, кнопки 48px, отступы */
@media(max-width:768px){
  body{overflow-x:clip}
  .fps-img{width:100%;max-width:100%;margin:10px auto}
  .fn-banner img{max-height:240px}
  .fn-banner{margin:12px 0}
  .fn-order,.btn,#fSend,.q-send,form button[type=submit],.scr-tile,.scr-opt{min-height:48px}
  .fn-config,.price-box,.scr-grid,.scr-tile,.q-grid,.form-box{width:100%;max-width:100%}
  .section{padding-top:22px;padding-bottom:22px}
  .fn-card{margin-bottom:14px}
  .fn-specs .fn-spec{padding:5px 0}
}

/* Вертикальные FPS-шкалы (28.08) */
.fps-img-v{max-width:320px;margin:14px auto;display:block;width:100%}

/* Форма Valorant: стиль игры (тёмная, красная кнопка) */
.fn-form-red{background:linear-gradient(180deg,#12101a,#1a1220);border:1px solid rgba(255,70,85,.35);border-radius:16px;padding:22px;box-shadow:0 0 24px rgba(255,70,85,.15)}
.fn-form-red .form-title,.fn-form-red h3{color:#ff4655}
.fn-form-red input,.fn-form-red textarea{background:#0d0b12;border:1px solid rgba(255,70,85,.35);color:#fff;border-radius:10px;padding:12px}
.fn-form-red button[type=submit]{background:#ff4655;border:none;color:#fff;font-weight:800;border-radius:10px;box-shadow:0 0 18px rgba(255,70,85,.4)}

.mnav-group .mnav-links a:hover{background:var(--blue);color:#fff}

.fn-video{width:100%;max-width:560px!important;border-radius:14px;max-height:360px;object-fit:cover;margin:14px auto 26px;display:block;background:#000}
/* Два видео gaming-pcs: Desktop (горизонтальное) + мобильное (вертикальное) */
.fn-vid-mob{display:none!important}
@media (max-width:600px){.fn-vid-mob{display:block!important;max-height:none;aspect-ratio:16/9;width:100%;max-width:560px}.fn-vid:not(.fn-vid-mob){display:none!important}}
@media(max-width:640px){.fn-video{max-height:300px!important;object-fit:cover}}

/* Подменю игр (аккордеон) */
.mnav-sub .mnav-links{display:block;padding:4px 0 4px 12px;background:rgba(98,70,229,.08);border-radius:10px;margin:2px 0 4px}
.mnav-sub.open .mnav-links{display:block}
.mnav-sub .mnav-g{background:none;border:none;color:var(--blue);font-size:15px;font-weight:700;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;width:100%}
.mnav-sub .mnav-links a{display:block;padding:10px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#ffffff!important;text-decoration:none}
[data-theme="dark"] .mnav-sub .mnav-links{background:rgba(0,0,0,.18)}
[data-theme="dark"] .mnav-sub .mnav-links a{color:#ffffff!important}
.mnav-sub .mnav-links a:hover{background:rgba(98,70,229,.18)}
.mnav-sub .mnav-g i{transition:transform .2s}
.mnav-sub.open .mnav-g i{transform:rotate(180deg)}

/* Глобальная адаптивность: медиа не вылезают */
img,video,iframe,picture{max-width:100%!important;height:auto;display:block}

/* Баннер «Игровые ПК» (28.08) */
.gaming-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(120deg,#0f1220 0%,#1b1440 45%,#2a1158 100%);border:2px solid rgba(124,92,255,.5);border-radius:18px;padding:20px 22px;text-decoration:none;box-shadow:0 10px 30px rgba(98,70,229,.3),inset 0 0 40px rgba(124,92,255,.08);overflow:hidden}
.gaming-cta::before{content:'';position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(120deg,#22d3ee,#8b5cf6,#f472b6,#facc15);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none}
.gaming-cta-glow{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 70%);pointer-events:none}
[dir="ltr"] .gaming-cta-glow{right:auto;left:-60px}
.gaming-cta-txt{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}
.gaming-cta-txt b{font-size:20px;font-weight:800;color:#fff;line-height:1.25}
.gaming-cta-txt b em{font-style:normal;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:6px}
.gaming-cta-txt span{font-size:13px;color:#b9b3e8;letter-spacing:.3px}
.gaming-cta-btn{position:relative;z-index:1;background:linear-gradient(135deg,#facc15,#f59e0b);color:#1a1a1a;font-weight:800;font-size:15px;padding:12px 22px;border-radius:12px;white-space:nowrap;box-shadow:0 0 18px rgba(250,204,21,.4),0 4px 14px rgba(250,204,21,.25);transition:transform .15s,box-shadow .2s;flex-shrink:0}
.gaming-cta:hover .gaming-cta-btn{transform:translateY(-2px);box-shadow:0 0 26px rgba(250,204,21,.55),0 6px 18px rgba(250,204,21,.3)}
.gaming-cta:hover .gaming-cta-txt b{text-shadow:0 0 24px rgba(124,92,255,.6)}
@media (max-width:560px){.gaming-cta{flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding:16px 14px}.gaming-cta-txt b{font-size:17px}.gaming-cta-txt span{font-size:12px}.gaming-cta-btn{text-align:center;padding:11px 16px}.gaming-cta-glow{width:100px;height:100px;right:-30px}}

/* Кнопки перехода на игровые страницы (28.08) — эталон */
.gpc-game{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.gpc-game:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.gpc-game-ic{width:44px;height:44px;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.gpc-game b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
.gpc-game p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.gpc-go{display:block;width:100%;margin-top:auto;text-align:center;background:var(--blue);color:#fff;font-size:14px;font-weight:800;padding:9px 14px;border-radius:10px}
.gpc-games{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
@media(max-width:520px){.gpc-games{grid-template-columns:1fr}}
.gpc-game-avatar{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block}

/* LTR-версии (ru/en/fr): центрирование фото и карточек */
html[dir="ltr"] .svc-card{text-align:center}
html[dir="ltr"] .svc-card img{display:block;margin:0 auto}
html[dir="ltr"] .svc-card .svc-cap{justify-content:center}
html[dir="ltr"] .art-card img,html[dir="ltr"] .rev-card img,html[dir="ltr"] .why-item img{display:block;margin:0 auto}
html[dir="ltr"] .fn-banner img,html[dir="ltr"] .fps-img,html[dir="ltr"] .fn-video{display:block;margin:0 auto}
html[dir="ltr"] .gaming-cta{text-align:center}
html[dir="ltr"] .gaming-cta-in{justify-content:center}

html[dir="ltr"] section img,html[dir="ltr"] .wrap img{display:block;margin-left:auto;margin-right:auto}

/* FIX 28.08: шапка на узких экранах + LTR центр */
@media (max-width:420px){.mainbar-in>*{margin-inline-end:8px}.mb-tel{display:none!important}.mainbar-actions>*{margin-inline-end:8px}.theme-btn{font-size:10px;padding:5px 7px}}
html[dir="ltr"] section img,html[dir="ltr"] .wrap img{display:block;margin-left:auto;margin-right:auto}

/* FIX 28.08: шапка компактная на мобильных — эталон восстановлен */
@media (max-width:560px){
  .mainbar-in{height:auto;min-height:58px;flex-wrap:nowrap;padding:8px 2px}
  .mainbar-in>*{margin-inline-end:6px!important}
  .mainbar-in .logo img{height:34px}
  .mainbar-in .logo{font-size:19px}
  .mb-tel{display:none!important}
  .mainbar-actions>*{margin-inline-end:5px!important}
  .mainbar-actions .btn.wa{padding:6px 9px;font-size:12px}
  .mainbar-actions .theme-btn{font-size:10px;padding:5px 7px}
}
/* FIX: баннер уже на 5px с каждой стороны */
.fn-banner{max-width:calc(100% - 10px);margin-left:auto;margin-right:auto}
/* FAQ на игровых страницах — стиль игры */
.game-page .faq details{background:var(--surface);border:1px solid rgba(127,127,180,.25);border-radius:14px;padding:16px 18px}
.game-page .faq details[open]{border-color:var(--blue);box-shadow:0 6px 20px rgba(98,70,229,.18)}
.game-page .faq summary{font-weight:700;font-size:16px;color:var(--ink)}
.game-page .faq summary::marker{color:var(--blue)}
.game-page .sec-title{color:var(--ink)}
/* LTR фикс 2: все фото секций по центру */
html[dir="ltr"] .hero img,html[dir="ltr"] .svc-card img,html[dir="ltr"] .art-card img,html[dir="ltr"] .fn-media img,html[dir="ltr"] .vac-* img,html[dir="ltr"] .rev-card img{display:block;margin-left:auto;margin-right:auto}
/* логотип от края */
.mainbar-in{padding-inline-start:14px}

/* Фото в форме заявки: скрыть нативный input (Choose File — язык браузера), оставить label-кнопку с текстом сайта */
.lead-photo{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--overlay-2);border:1px dashed var(--line-strong);border-radius:12px;padding:12px 16px;cursor:pointer;color:var(--hdr-text);font-size:14.5px;font-weight:600;text-align:center;transition:background .2s,border-color .2s}
.lead-photo:hover{background:var(--overlay-1);border-color:var(--blue)}
.lead-photo input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lead-photo span{pointer-events:none;display:inline-flex;align-items:center;gap:8px}
.lead-photo .f-name{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px}
[dir="rtl"] .lead-photo{flex-direction:row-reverse}

/* 🔴 ФИКС 26.08: гарантия видимости меню в тёмном хедере (обе темы) */
header .mainbar nav a,
header nav .nav-main a{color:var(--hdr-text-soft)}
header .dd-btn{color:var(--hdr-text)}
[data-theme="dark"] header .mainbar nav a,
[data-theme="dark"] header nav .nav-main a{color:var(--hdr-muted)}
[data-theme="dark"] header .dd-btn{color:var(--hdr-text)}

/* Витрины: чёрные SVG-логотипы брендов не видны на тёмных карточках → инверсия в тёмной теме (Роман 04.09) */
[data-theme="dark"] .mp-name img,
[data-theme="dark"] .mp-cat img{filter:invert(1) brightness(1.1)}

/* ---- Видео лазерной гравировки: чистый плеер без нативных кнопок (07.09) ---- */
.vwrap{position:relative;border-radius:14px;overflow:hidden}
.vwrap video{background:#0a0f1a}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:0;border-radius:50%;background:rgba(8,12,24,.42);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;transition:opacity .3s ease,background .2s ease;z-index:2;-webkit-tap-highlight-color:transparent}
.vplay svg{margin-left:3px}
.vplay:hover{background:rgba(8,12,24,.7)}
.vwrap.is-playing .vplay{opacity:0;pointer-events:none}
@media (max-width:600px){.vplay{width:54px;height:54px}}
/* --- Часы работы: статус открыто/закрыто (возвращено 09.09, потеряно 01.09) --- */
.h-open{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin:2px 0 10px;padding:6px 14px;border-radius:999px;background:rgba(22,163,74,.12);color:#16a34a;border:1px solid rgba(22,163,74,.25)}
[data-theme="dark"] .h-open{background:rgba(22,163,74,.18);border-color:rgba(22,163,74,.35)}
.h-open .h-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(22,163,74,.15);animation:hpulse 2s infinite}
@keyframes hpulse{0%,100%{opacity:1}50%{opacity:.45}}
.h-open.closed{background:rgba(220,38,38,.10);color:#dc2626;border-color:rgba(220,38,38,.25)}
[data-theme="dark"] .h-open.closed{background:rgba(220,38,38,.16);border-color:rgba(220,38,38,.35)}
.h-open.closed .h-dot{box-shadow:0 0 0 3px rgba(220,38,38,.15);animation:none}

/* ---- Маурезы жидкостей (vacuum-parts · נוזלי ניקוי) — 13.09.2026 ---- */
.vac-packs{margin-top:2px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}
.vac-pack{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.vac-pack-q{font-size:13.5px;font-weight:600;color:var(--ink-soft)}
.vac-pack-p{font-size:15px;font-weight:800;color:var(--blue)}
.vac-pack-best{background:var(--surface-tint);border-color:var(--line-strong);box-shadow:0 2px 8px var(--shadow-blue-tint)}
.vac-pack-note{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.35}
[data-theme="dark"] .vac-pack{background:var(--surface-2);border-color:var(--line)}
[data-theme="dark"] .vac-pack-best{background:var(--surface-soft);border-color:var(--line-strong)}

/* ---- Панель групп сборок (gaming-pcs) — 13.09.2026 ---- */
.gpc-filter{margin:26px 0 4px;display:flex;flex-direction:column;gap:10px}
.gpc-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gpc-filter-lbl{font-size:14px;font-weight:700;color:var(--muted);min-width:64px}
.gpc-chips{margin:0;max-width:none;justify-content:flex-start;gap:8px}
.gpc-chip-n{margin-inline-start:9px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:2px 8px;line-height:1.45;display:inline-block;min-width:12px;text-align:center}
.vac-chip.is-active{background:var(--blue);border-color:var(--blue);color:var(--white-fixed)}
.vac-chip.is-active .gpc-chip-n{color:var(--white-fixed);background:var(--overlay-6);opacity:1}
.gpc-filter-cnt{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.gpc-filter-cnt b{color:var(--ink)}
@media (max-width:560px){.gpc-filter-lbl{min-width:0;width:100%}.gpc-filter{margin-top:20px}}

/* ---- Панель групп: закрепляем под шапкой только на широком экране (13.09.2026) ---- */
.gpc-filter{position:sticky;top:76px;z-index:60;background:var(--bg);padding:12px 0 10px;border-bottom:1px solid var(--line)}
@media (max-width:960px){.gpc-filter{top:64px}}
/* 13.09 (Роман: «страница прокручивается вниз», «цифры липнут к названиям») —
   на телефоне панель едет вместе со страницей и занимает меньше места */
@media (max-width:640px){
  .gpc-filter{position:static;background:transparent;padding:0;border-bottom:none;margin-top:16px;gap:8px}
  .gpc-filter-row{gap:6px}
  .gpc-filter-lbl{font-size:13px;margin-bottom:2px}
  .gpc-chips{gap:6px}
  .gpc-chips .vac-chip{padding:7px 12px;font-size:13.5px}
  .gpc-chip-n{margin-inline-start:8px;font-size:11.5px;padding:1px 7px}
  .gpc-grid{overflow-anchor:none}
  .gpc-filter-cnt{font-size:13px}
}

/* ---- Плитки услуг на главной (13.09.2026) ---- */
.qk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:6px}
.qk-tile{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;box-shadow:0 4px 14px var(--shadow-card);transition:transform .2s,box-shadow .2s,border-color .2s}
.qk-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow-card-hover);border-color:var(--blue)}
.qk-ico{width:42px;height:42px;border-radius:12px;background:var(--surface-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.qk-ico svg{width:22px;height:22px}
.qk-t{font-size:16px;font-weight:700;color:var(--ink)}
.qk-s{font-size:14px;color:var(--muted);line-height:1.45}
@media (max-width:560px){.qk-grid{grid-template-columns:repeat(2,1fr);gap:10px}.qk-tile{padding:13px}.qk-t{font-size:15px}.qk-s{font-size:13px}}
/* ---- Плитки услуг: сетка 3×2 на десктопе (13.09.2026) ---- */
.qk-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.qk-grid{grid-template-columns:repeat(2,1fr)}}

/* ---- Страница сравнения телефонов (13.09.2026) ---- */
.cmp-h1{font-size:38px;margin-bottom:10px}
.cmp-sub{max-width:760px;margin:0 auto 12px}
.cmp-legend{text-align:center;font-size:13.5px;color:var(--muted);margin:0 0 20px}
.cmp-stick{position:sticky;top:80px;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:12px 10px;box-shadow:0 6px 18px var(--shadow-card)}
.cmp-dev{text-align:center}
.cmp-photo{display:flex;align-items:center;justify-content:center;height:112px}
.cmp-photo img{max-height:112px;max-width:100%;width:auto;height:auto;border-radius:10px}
.cmp-nm{font-weight:700;color:var(--ink);font-size:14.5px;line-height:1.25}
.cmp-yr{font-size:12.5px;color:var(--muted)}
.cmp-grp{margin:22px 0 8px;font-size:14px;font-weight:800;color:var(--blue);letter-spacing:.2px}
.cmp-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 12px}
.cmp-row + .cmp-row{margin-top:8px}
.cmp-lb{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:7px}
.cmp-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.cmp-v{font-size:14.5px;color:var(--ink);text-align:center;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.cmp-v span{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px}
.cmp-v.win{color:var(--blue)}
.cmp-h2{font-size:26px;margin:40px 0 14px}
.cmp-money{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:16px 18px}
.cmp-mrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:15px;color:var(--ink-soft);padding:10px 0;border-bottom:1px solid var(--line)}
.cmp-mrow:last-of-type{border-bottom:0}
.cmp-mrow b{color:var(--blue);font-weight:700;white-space:nowrap}
.cmp-mrow.sum{font-weight:700;color:var(--ink);font-size:16px}
.cmp-mrow.sum b{font-size:19px}
.cmp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmp-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:15px;color:var(--ink-soft);line-height:1.6}
.cmp-note{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.55}
.cmp-cta{margin-top:24px;padding:20px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cmp-cta p{margin:0;font-weight:600;color:var(--ink);max-width:640px}
@media (max-width:960px){.cmp-stick{top:68px}}
@media (max-width:760px){
  .cmp-h1{font-size:24px}
  .cmp-stick{padding:9px 7px;gap:6px}
  .cmp-photo{height:70px}
  .cmp-photo img{max-height:70px}
  .cmp-nm{font-size:11.5px}
  .cmp-yr{font-size:10.5px}
  .cmp-grp{margin:17px 0 6px;font-size:13px}
  .cmp-row{padding:9px 9px}
  .cmp-lb{font-size:12px;margin-bottom:6px}
  .cmp-vals{gap:6px}
  .cmp-v{font-size:11.5px}
  .cmp-v span{font-size:10.5px}
  .cmp-h2{font-size:21px;margin:28px 0 12px}
  .cmp-money{padding:13px 14px}
  .cmp-mrow{font-size:14px;gap:10px}
  .cmp-mrow.sum{font-size:15px}
  .cmp-mrow.sum b{font-size:17px}
  .cmp-two{grid-template-columns:1fr}
  .cmp-box{font-size:14.5px}
  .cmp-cta{flex-direction:column;align-items:stretch;text-align:center}
  .cmp-cta .btn{text-align:center}
}
/* ==== сравнение двух моделей с выбором (13.09.2026) ==== */
.cmp-stick.two{grid-template-columns:1fr 1fr}
.cmp-vals.two{grid-template-columns:1fr 1fr}
.cmp-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:12px;box-shadow:0 4px 14px var(--shadow-card);margin-top:20px}
.cmp-pick label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:5px}
.cmp-pick select{width:100%;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px}
.cmp-pick .vs{font-size:13px;font-weight:800;color:var(--blue);padding-bottom:13px;text-align:center}
.cmp-sum{background:var(--surface-soft);border:1px solid var(--line-strong);border-radius:14px;padding:16px 18px;font-size:15px;color:var(--ink-soft);line-height:1.6}
.cmp-sum b{color:var(--ink)}
.cmp-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.cmp-chip{background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.cmp-chip:hover{border-color:var(--blue);color:var(--blue)}
.cmp-switch,.cmp-brands{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cmp-sw{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;line-height:1}
.cmp-sw:hover{border-color:var(--blue);color:var(--blue)}
.cmp-sw.on{background:var(--blue);border-color:var(--blue);color:var(--surface)}
.cmp-sw.on:hover{color:var(--surface)}
.cmp-ann{display:inline;font-size:11px;font-weight:500;color:var(--muted)}
.cmp-fact{position:relative;padding-inline-start:18px;margin-bottom:7px;color:var(--ink);font-weight:600}
.cmp-fact::before{content:'';position:absolute;inset-inline-start:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.cmp-final{margin-top:10px;color:var(--ink-soft);font-weight:500}
@media (max-width:760px){
  .cmp-nm{font-size:11px;line-height:1.2}
  .cmp-yr{white-space:nowrap}
  .cmp-money .cmp-mrow{flex-wrap:nowrap;gap:8px}
  .cmp-money .cmp-mrow>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cmp-money .cmp-mrow b{white-space:nowrap}
  .cmp-yr{font-size:10px}
  .cmp-lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cmp-brands{margin-top:14px}
  .cmp-sw{padding:9px 16px;font-size:14px}
  .cmp-v{font-size:11px;line-height:1.35;overflow-wrap:normal;word-break:keep-all}
  .cmp-v span{font-size:10.5px}
  .cmp-pick{grid-template-columns:1fr auto 1fr;gap:6px;padding:10px}
  .cmp-pick .vs{padding:0 2px;text-align:center;font-size:12px}
  .cmp-pick label{font-size:11.5px}
  .cmp-pick select{font-size:12.5px;padding:9px 8px}
  .cmp-sum{font-size:14.5px;padding:13px 14px}
  .cmp-chip{font-size:12.5px;padding:6px 12px}
}
.cmp-banner{display:block;width:100%;height:210px;object-fit:cover;border-radius:16px;border:1px solid var(--line);box-shadow:0 6px 18px var(--shadow-card);margin:0 0 20px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
.cmp-hero{padding:6px 0 2px}
.cmp-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 6px;padding:0;list-style:none;max-width:860px;margin-left:auto;margin-right:auto}
.cmp-points li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-points i{font-size:24px;color:var(--blue)}
.cmp-sub{margin-bottom:22px}
/* cmp2-start — сравнение с выбором моделей (13.09.2026) */
/* ==== сравнение двух моделей с выбором (13.09.2026) ==== */
.cmp-vals.two .cmp-v span{display:inline;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:0}
.cmp-vals.two .cmp-v{overflow-wrap:normal}
.cmp-stick.two{grid-template-columns:1fr 1fr}
.cmp-vals.two{grid-template-columns:1fr 1fr}
.cmp-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:12px;box-shadow:0 4px 14px var(--shadow-card);margin-top:20px}
.cmp-pick label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:5px}
.cmp-pick select{width:100%;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px}
.cmp-pick .vs{font-size:13px;font-weight:800;color:var(--blue);padding-bottom:13px;text-align:center}
.cmp-sum{background:var(--surface-soft);border:1px solid var(--line-strong);border-radius:14px;padding:16px 18px;font-size:15px;color:var(--ink-soft);line-height:1.6}
.cmp-sum b{color:var(--ink)}
.cmp-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.cmp-chip{background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.cmp-chip:hover{border-color:var(--blue);color:var(--blue)}
.cmp-switch,.cmp-brands{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cmp-sw{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;line-height:1}
.cmp-sw:hover{border-color:var(--blue);color:var(--blue)}
.cmp-sw.on{background:var(--blue);border-color:var(--blue);color:var(--surface)}
.cmp-sw.on:hover{color:var(--surface)}

.cmp-money .cmp-mrow{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px}
.cmp-money .cmp-mrow>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cmp-money .cmp-mrow>b{white-space:nowrap;font-size:14px}
.cmp-pick .cmp-brands{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 7px;align-items:center}
.cmp-pick .cmp-sw{flex:0 0 auto;white-space:nowrap;padding:6px 12px;font-size:13px}
.cmp-pick .cmp-sw{padding:6px 12px;font-size:13px;border-radius:999px}
.cmp-lb{text-align:center}
.cmp-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0);overflow:hidden}
.cmp-combo{position:relative}
.cmp-input{width:100%;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:12px 13px}
.cmp-input::placeholder{color:var(--muted);font-weight:500}
.cmp-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--shadow-blue-tint)}
.cmp-sug{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 16px 36px var(--shadow-blue-img);max-height:268px;overflow:auto;z-index:40;display:none}
.cmp-sug.on{display:block}
.cmp-sug>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 13px;font-size:14.5px;color:var(--ink);cursor:pointer}
.cmp-sug>div+div{border-top:1px solid var(--line)}
.cmp-sug>div.act{background:var(--surface-soft)}
.cmp-sug b{color:var(--blue)}
.cmp-sug .yr{font-size:12.5px;color:var(--muted);white-space:nowrap}
.cmp-sug .none{color:var(--muted);cursor:default;display:block}
.cmp-pick{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.cmp-pick>div{min-width:0;max-width:100%}
.cmp-pick .cmp-brands,.cmp-pick .cmp-combo{min-width:0;max-width:100%}
.cmp-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.cmp-sug{max-width:100%}
/* аварийный режим: если скрипт поиска не запустился — показываем обычный список */
.cmp-fallback .cmp-input,.cmp-fallback .cmp-brands,.cmp-fallback .cmp-sug{display:none}
.cmp-fallback .cmp-hidden{position:static;width:100%;height:auto;opacity:1;clip:auto;pointer-events:auto;overflow:visible;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:11px 12px;box-sizing:border-box}
.cmp-pickbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:0 auto 14px;max-width:560px}
.cmp-slot{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:12px 14px;min-width:0;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px var(--shadow-card)}
.cmp-slot:hover{border-color:var(--blue)}
.cmp-slot-lb{font-size:12.5px;color:var(--muted);font-weight:600}
.cmp-slot-nm{font-size:14px;font-weight:700;color:var(--ink);line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.cmp-pop-lb{margin:12px 2px 6px;font-size:12.5px;font-weight:600;color:var(--muted)}
.cmp-banner .btn,.cmp-cta .btn{width:auto;max-width:280px;margin-inline:auto;padding-inline:24px;white-space:nowrap}
.cmp-banner .btn{flex:0 0 auto}
.cmp-cta .btn{flex:0 0 auto}
.cmp-vs{font-size:14px;font-weight:800;color:var(--blue)}
.cmp-sheet{scroll-margin-top:74px;display:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:14px;margin:0 0 16px;box-shadow:0 10px 26px var(--shadow-card)}
.cmp-sheet.on{display:block}
.cmp-sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cmp-sheet-t{font-size:15px;font-weight:700;color:var(--ink)}
.cmp-sheet-x{background:none;border:0;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.cmp-sheet .cmp-brands{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;overflow:visible}
.cmp-sheet .cmp-sug{position:static;display:block;border:0;box-shadow:none;padding:0;max-height:min(58vh,470px);overflow:auto;margin-top:8px;-webkit-overflow-scrolling:touch}
.cmp-sheet .cmp-sug>div{border-radius:10px;border:1px solid var(--line);margin-bottom:6px}
.cmp-sheet,.cmp-sheet *{box-sizing:border-box}
.cmp-sheet{left:0;right:0;width:auto;max-width:100vw;overflow-x:hidden}
.cmp-sheet .cmp-input{display:block;width:100%;max-width:100%;min-width:0}
.cmp-sheet .cmp-brands{max-width:100%}
.cmp-pickbar,.cmp-pickbar *{box-sizing:border-box;max-width:100%}
.cmp-gcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:4px 14px 8px;margin-top:16px;box-shadow:0 4px 14px var(--shadow-card)}
.cmp-gcard-h{padding:12px 2px 10px;font-size:14px;font-weight:800;color:var(--blue);letter-spacing:.2px;border-bottom:1px solid var(--line)}
.cmp-rows .cmp-row{background:transparent;border:0;border-radius:0;padding:11px 2px;border-bottom:1px solid var(--line)}
.cmp-rows .cmp-row:last-child{border-bottom:0}
.cmp-rows .cmp-row + .cmp-row{margin-top:0}
.cmp-photo-link{display:block;text-decoration:none}
.cmp-nm-link{color:inherit;text-decoration:none;border-bottom:1px dashed var(--blue)}
.cmp-nm-link:hover{color:var(--blue)}
.art-back{margin:0 0 14px}
.art-back a{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:600;text-decoration:none;font-size:15px}
.art-back i{display:inline-block}
html[dir="ltr"] .art-back i{transform:rotate(180deg)}
.art-list{margin:0;padding:0;list-style:none}
.art-list li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 16px 13px 42px;font-size:15.5px;color:var(--ink);line-height:1.5;margin-bottom:9px}
.art-list li::before{content:'';position:absolute;inset-inline-start:16px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.cmp-sum p{margin:0 0 10px}.cmp-sum p:last-child{margin-bottom:0}

/* Шапка статьи: имя модели отдельно, подзаголовок отдельной строкой */
.art-hero{text-align:center;margin:2px 0 16px}
.art-h1{margin:0;font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-.5px;color:var(--ink);direction:ltr}
.art-h1sub{margin:8px 0 0;font-size:22px;font-weight:600;line-height:1.35;color:var(--blue)}
/* Баннер проверки апгрейда в блоке цен */
.cmp-banner{display:flex;align-items:center;gap:16px;margin-top:16px;padding:18px 20px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line-strong);box-shadow:0 4px 14px var(--shadow-card)}
.cmp-banner-ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--surface);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--blue)}
.cmp-banner-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.cmp-banner-tx b{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.35}
.cmp-banner-tx span{font-size:14.5px;color:var(--muted);line-height:1.5}
.cmp-banner .btn{flex:0 0 auto;white-space:nowrap}
@media (max-width:640px){
  .art-hero{margin:2px 0 14px}
  .art-h1{font-size:27px}
  .art-h1sub{font-size:17.5px}
  .cmp-banner{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  .cmp-banner-ic{width:40px;height:40px;font-size:21px}
  .cmp-banner-tx b{font-size:15.5px}
  .cmp-banner-tx span{font-size:14px}
  .cmp-banner .btn{width:auto;max-width:300px;margin-inline:auto;text-align:center;white-space:normal}
}
.cmp-ann{display:inline;font-size:11px;font-weight:500;color:var(--muted)}
.cmp-fact{position:relative;padding-inline-start:18px;margin-bottom:7px;color:var(--ink);font-weight:600}
.cmp-fact::before{content:'';position:absolute;inset-inline-start:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.cmp-final{margin-top:10px;color:var(--ink-soft);font-weight:500}
@media (max-width:760px){
  .cmp-points{grid-template-columns:1fr;gap:8px}
  .cmp-points li{flex-direction:row;justify-content:flex-start;gap:10px;text-align:start;padding:12px 14px;font-size:14px}
  .cmp-points i{font-size:20px}
  .cmp-pick .cmp-sw{padding:4px 7px;font-size:10.5px}
  .cmp-pick .cmp-brands{gap:3px;margin-bottom:6px}
  .cmp-vals.two .cmp-v span{font-size:10.5px}
  .cmp-nm{font-size:11px;line-height:1.2}
  .cmp-yr{white-space:nowrap}
  .cmp-money .cmp-mrow{flex-wrap:nowrap;gap:8px}
  .cmp-money .cmp-mrow>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cmp-money .cmp-mrow b{white-space:nowrap}
  .cmp-yr{font-size:10px;white-space:nowrap}
  .cmp-lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cmp-brands{margin-top:14px}
  .cmp-sw{padding:9px 16px;font-size:14px}
  .cmp-v{font-size:11px;line-height:1.35;overflow-wrap:normal;word-break:keep-all}
  .cmp-v span{font-size:10.5px}
  .cmp-pick{grid-template-columns:1fr auto 1fr;gap:6px;padding:10px}
  .cmp-pick .vs{padding:0 2px;text-align:center;font-size:12px}
  .cmp-pick label{font-size:11.5px}
  .cmp-pick select{font-size:12.5px;padding:9px 8px}
  .cmp-sum{font-size:14.5px;padding:13px 14px}
  .cmp-chip{font-size:12.5px;padding:6px 12px}
  /* крупнее на мобильном (13.09.2026, просьба Романа: слишком мелко) */
  .cmp-pick .cmp-sw{padding:7px 12px;font-size:12.5px}
  .cmp-pick .cmp-brands{gap:5px;margin-bottom:8px}
  .cmp-pick label{font-size:13px}
  .cmp-pick select{font-size:14px;padding:11px 10px}
  .cmp-pick .vs{font-size:13px}
  .cmp-nm{font-size:12.5px}
  .cmp-yr{font-size:11px}
  .cmp-lb{font-size:12.5px}
  .cmp-grp{font-size:13.5px}
  .cmp-v{font-size:12.5px;line-height:1.35}
  .cmp-v span{font-size:11.5px}
  .cmp-vals.two .cmp-v span{font-size:11.5px}
  .cmp-money .cmp-mrow{font-size:14px}
  .cmp-points li{font-size:14.5px}
  .cmp-sum{font-size:15px}
  /* бренды — одна полоска, без прыжков (13.09.2026) */
  .cmp-pick .cmp-brands{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;margin:0 0 8px;padding:0 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center}
  .cmp-pick .cmp-brands::-webkit-scrollbar{display:none}
  .cmp-pick .cmp-sw{flex:0 0 auto;white-space:nowrap;padding:7px 12px;font-size:13px;line-height:1.1}
  .cmp-input{font-size:14px;padding:11px 12px}
  .cmp-sug>div{font-size:13.5px;padding:10px 12px}
  .cmp-pick>div{min-width:0}
  .cmp-pick .cmp-brands{min-width:0;max-width:100%}
  .cmp-input{min-width:0;max-width:100%}
  .cmp-slot{padding:10px 12px}
  .cmp-slot-nm{font-size:13.5px;line-height:1.25}
  .cmp-vs{font-size:13px}
  .cmp-sheet{scroll-margin-top:64px}
  .cmp-sheet .cmp-sug{max-height:42vh}
  .cmp-sheet{position:static;max-height:none;padding:12px 14px}
  .cmp-sheet .cmp-brands{flex-wrap:wrap;overflow:visible;gap:6px;justify-content:flex-start}
  .cmp-sheet .cmp-sug{max-height:44vh}
  .cmp-sheet .cmp-input{width:100%;max-width:100%}
}

/* cmp2-end */
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}
@media (max-width:400px){
  .cmp-vals.two .cmp-v{min-width:0;overflow-wrap:anywhere}
  .cmp-vals.two .cmp-v span{font-size:10px}
  .cmp-nm{overflow-wrap:anywhere}
  .cmp-banner .btn,.cmp-cta .btn{max-width:100%;padding-inline:16px}
}

.cmp-link-sec{padding:14px 0 0}
.cmp-link{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;box-shadow:0 4px 14px var(--shadow-card);transition:border-color .2s,box-shadow .2s}
.cmp-link:hover{border-color:var(--blue);box-shadow:0 10px 24px var(--shadow-card-hover)}
.cmp-link i{color:var(--blue);font-size:20px}
.cmp-link span{flex:1}
.cmp-link b{color:var(--blue);font-weight:700;white-space:nowrap}
@media (max-width:560px){.cmp-link{font-size:14px;padding:12px 14px;flex-wrap:wrap}}

/* Галерея страниц моделей (14.09.2026, Роман: «четыре фотографии и всё поломано») */
.mdl-gallery{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.mdl-gallery a{display:block;background:var(--surface-soft);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 6px 18px var(--shadow-card)}
.mdl-gallery img{display:block;max-height:360px;width:auto;border-radius:12px}
@media (max-width:600px){.mdl-gallery img{max-height:300px}}
.mdl-gallery a{max-width:100%}

/* Карточки сборок: убираем несовпадающие фото (14.09.2026, Роман: «фотография неудачная») */
.gpc-card>h3{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line);font-size:17px;font-weight:800;color:var(--ink)}
.gpc-card{border-top:3px solid var(--blue)}

/* Кнопка «отправить конфиг в WhatsApp» в окне заказа (14.09.2026) */
.vac-submit.vac-wa{display:block;text-align:center;text-decoration:none;margin-top:10px;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);font-weight:700;font-size:15px;padding:12px;border-radius:12px;transition:background .2s}
.vac-submit.vac-wa:hover{background:var(--line)}

/* (14.09.2026) тёмная тема: полоса прокрутки; мобильные списки сравнения 16px — иначе iPhone зумит страницу при выборе модели */
[data-theme="dark"]{scrollbar-color:#33415c #0b0f17}
@media (max-width:768px){.cmp-pick select{font-size:16px}}

/* (14.09.2026) списки в окне заказа: 16px на телефонах — иначе iPhone зумит страницу */
@media (max-width:768px){.gpc-screen-sel,.gpc-card-screen,.gpc-card-os{font-size:16px}}