:root{
  --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);
  --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;
  --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"] .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"] .price{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"] .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)}

html{scroll-behavior:smooth}
*{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:hidden}
.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}

.mainbar{background:var(--surface)}
.mainbar-in{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.mainbar nav{display:flex;gap:32px;font-weight:500}
.mainbar nav a{color:var(--hdr-text-soft);text-decoration:none;font-size:16px;font-weight:500;position:relative;padding:6px 2px;transition:color .2s}
.mainbar nav a::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;border-radius:3px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.mainbar nav a:hover{color:var(--white-fixed)}
.mainbar nav a:hover::after{transform:scaleX(1)}
.mainbar nav a:hover{color:var(--white-fixed)}
.mainbar-actions{display:flex;align-items:center;gap:12px}
.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}

.pc-tel{display:inline-flex;color:var(--field-ink-3)}

[data-theme="dark"] .mainbar nav a{color:var(--hdr-muted)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.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}
.logo img{height:34px;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 6px 18px var(--shadow-wa);padding:10px 18px;font-size:14px}
.btn.wa:hover{background:var(--wa-hover);transform:translateY(-2px)}
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%}
.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}
.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;gap:14px;flex-wrap:wrap}
.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;gap:14px;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);height:190px;object-fit:cover;display:block;margin:-26px -22px 18px;border-radius:20px 20px 0 0}

.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,var(--blue-2),var(--blue));padding:50px 0;color:var(--white-fixed);position:relative;overflow:hidden}
.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:hover{transform:translateY(-8px);box-shadow:0 18px 40px var(--shadow-blue-hover);border-color:var(--line-strong)}

.pop:hover img{transform:scale(1.06)}

.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;max-width:1000px;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:flex;flex-direction:column;gap:12px}
.faq details{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:18px 22px;transition:all .3s}
.faq details[open]{border-color:var(--blue);box-shadow:0 8px 24px var(--shadow-blue-glow)}
.faq summary{font-weight:500;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary:after{content:'+';font-size:22px;color:var(--blue);font-weight:500;transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.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}
.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}
.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,var(--blue-2),var(--blue));border-radius:28px;padding:34px;color:var(--white-fixed);position:relative;overflow:hidden;box-shadow:0 20px 50px var(--shadow-blue-btn)}
.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}
.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:hover{transform:translateY(-6px);box-shadow:0 14px 32px var(--shadow-blue-chip)}

.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(--blue-2),var(--blue));border-radius:26px;padding:42px;color:var(--white-fixed);text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px var(--shadow-blue-soft)}
.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 a{display:block;color:var(--hdr-muted);text-decoration:none;font-size:16px;padding:5px 0;transition:color .2s}
.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;gap:10px;height:64px}.mainbar-actions{display:flex;align-items:center;gap:8px}.mb-tel{display:inline-flex;align-items:center;gap:5px;font-size:15px}.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:30px;padding:0 10px}.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:15px}.mb-wa{display:inline-flex;width:30px;height:30px;padding:0;align-items:center;justify-content:center;font-size:0;border-radius:8px}.theme-btn{padding:7px 11px;font-size:12px}.logo img{height:26px}.btn.wa{padding:8px 14px;font-size:13px}.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}.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 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:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:0;min-width:36px}
[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 a:hover{background:var(--overlay-4);color:var(--white-fixed);transform:translateY(-1px)}

@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)}

[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: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}
.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-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-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;margin-top:-26px}
.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}
.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}
@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:var(--surface);border-color:var(--dark-border-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)}

.macposter{max-width:900px;margin:0 auto 30px}
.macposter img{width:100%;border-radius:22px;box-shadow:0 18px 44px var(--shadow-blue-lg)}

.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}
[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"] .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:var(--hdr-text)}
.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;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;flex-shrink:0}
.lang-dd:hover{border-color:var(--overlay-8)}
.lang-dd svg{color:var(--hdr-text);flex-shrink:0}
.lang-dd .lang-sel{background:transparent;border:none;color:var(--hdr-text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;padding:0;height:100%}
.lang-dd .lang-sel option{color:var(--ink);background:var(--white-fixed)}
[data-theme="dark"] .lang-dd .lang-sel option{color:var(--ink);background:var(--surface-2)}
[data-theme="dark"] .lang-dd .lang-sel{color-scheme:dark}
/* мобильный: язык — компактный кружок как кнопка темы (утверждено 17.08) */
@media (max-width:960px){.lang-dd{width:40px;height:40px;padding:0;justify-content:center}.lang-dd .lang-sel{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lang-dd svg{width:18px;height:18px}}

/* 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-btns{justify-content:flex-end}

/* ===== Правки Романа 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}

/* примеры цен — кнопка к низу */
.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 вровень с языком */
.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:6px;min-width:110px;justify-content:center;flex-shrink:0}
.theme-btn:hover{border-color:var(--overlay-8)}
.theme-btn span{display:inline-block;min-width:48px;text-align:center;white-space:nowrap}
@media (max-width:960px){.theme-btn{min-width:0;width:40px;height:40px;padding:0;justify-content:center}.theme-btn span{display:none}}

/* контакты — раскладка с картой */
.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){
  .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:block}
  .mnav a{display:block;padding:15px 24px;color:var(--hdr-text);text-decoration:none;font-size:16.5px;font-weight:500;border-bottom:1px solid var(--overlay-1)}
  .mnav a:last-child{border-bottom:none}
  .mnav a:hover{background:var(--overlay-1);color:var(--white-fixed)}
  .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}
}