*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#f5f2ec;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(#080808f2,#080808bf 70%,transparent);backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:max-content}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;filter:grayscale(1) contrast(1.15)}.brand b{display:block;font-size:21px;letter-spacing:.13em}.brand span{font-size:9px;letter-spacing:.28em;color:#b9b2a7}.desktop-nav{display:flex;gap:25px;margin-left:auto}.desktop-nav a{color:#c9c4bb;text-decoration:none;font-size:13px;transition:.2s}.desktop-nav a:hover{color:#d9b27b}.btn{border:0;border-radius:12px;min-height:48px;padding:0 22px;font:600 14px Manrope;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-outline{background:transparent;color:#f6f1e8;border:1px solid #4e4b46}.btn-gold{background:linear-gradient(135deg,#d2a66b,#f0cf9c);color:#17120d;box-shadow:0 12px 35px #c9955030}.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px}.burger span{display:block;height:2px;background:#eee;margin:7px}.mobile-menu{display:none}.hero{min-height:100vh;padding-top:118px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#272727 0,#0a0a0a 35%,#070707 70%)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#070707)}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-170px;top:80px;background:#b88c4b12;filter:blur(50px)}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;position:relative;z-index:2}.hero-copy{padding:40px 0 80px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#c7b79f;display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow>span{width:35px;height:1px;background:#cba46e}.hero h1{font-size:clamp(48px,5vw,78px);line-height:1.03;letter-spacing:-.05em;margin:23px 0;color:#faf8f3;text-transform:uppercase}.hero h1 strong{font-weight:800}.hero h1 i{font-style:normal;color:#cfa56e}.hero-sub{max-width:610px;color:#aaa49c;font-size:18px;line-height:1.7}.hero-points{display:flex;gap:28px;margin:34px 0}.hero-points div{display:flex;align-items:center;gap:10px}.hero-points b{width:30px;height:30px;border:1px solid #c99d64;border-radius:50%;display:grid;place-items:center;color:#d7ad78}.hero-points span{font-size:11px;text-transform:uppercase;line-height:1.45;color:#dbd6ce}.hero-actions{display:flex;gap:25px;align-items:center}.play-link{display:flex;align-items:center;gap:12px;color:#dbd7cf;text-decoration:none;font-size:13px}.play{width:47px;height:47px;border:1px solid #77736d;border-radius:50%;display:grid;place-items:center;font-size:11px}.hero-visual{height:620px;position:relative;isolation:isolate;overflow:visible}.hero-person{position:absolute;z-index:1;width:390px;max-height:600px;object-fit:contain;right:95px;bottom:95px;filter:none;opacity:1;pointer-events:none}.world,.orbit{z-index:0}.floating-card{z-index:5}.world{position:absolute;width:560px;height:560px;right:-40px;top:-10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#525252,#242424 38%,#101010 66%,#050505 67%);box-shadow:inset -50px -50px 120px #000,0 0 80px #c9a16b10}.world::before,.world::after{content:"";position:absolute;border:1px solid #b68c5730;border-radius:50%;inset:10% 22%;transform:rotate(62deg)}.world::after{inset:27% 5%;transform:rotate(10deg)}.pin{position:absolute;width:8px;height:8px;border-radius:50%;background:#ddb47a;box-shadow:0 0 14px #f0c98e}.p1{left:30%;top:30%}.p2{left:62%;top:34%}.p3{left:47%;top:55%}.p4{left:72%;top:64%}.orbit{position:absolute;border:1px dashed #d4aa7030;border-radius:50%}.orbit-a{width:570px;height:280px;right:-30px;top:110px;transform:rotate(-10deg)}.orbit-b{width:520px;height:220px;right:20px;top:150px;transform:rotate(25deg)}.floating-card{position:absolute;right:0;bottom:70px;background:#10100fee;border:1px solid #49453f;border-radius:18px;padding:18px 22px;backdrop-filter:blur(10px)}.floating-card span,.floating-card small{display:block;color:#aaa49b;font-size:11px}.floating-card strong{display:block;color:#dfba87;font-size:34px;margin:4px 0}.auction-strip{position:relative;z-index:3;margin-top:-25px;background:linear-gradient(100deg,#111,#181614);border:1px solid #35322f;border-radius:20px;padding:25px 30px;display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;align-items:center}.auction-icon{font-size:38px;color:#d4aa72}.auction-strip small{color:#aaa399}.auction-strip h2{font-size:20px;color:#ddb681;margin:6px 0}.auction-strip p{margin:0;color:#c8c3bb;font-size:14px}.auction-saving{border-left:1px solid #3c3935;padding-left:25px}.auction-saving span{font-size:11px;color:#aaa49c;display:block}.auction-saving b{font-size:45px;color:#e3bd89}.stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding:36px 0 50px}.stats>div{padding:0 26px;border-right:1px solid #2b2926}.stats>div:last-child{border:0}.stats b{display:block;font-size:25px;color:#d7b17c}.stats span{font-size:11px;color:#9f9991;text-transform:uppercase}.section{padding:105px 0;background:#0b0b0b}.section-dark{background:#070707}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head h2,.adv-intro h2,.calc-copy h2,.cta-box h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:14px 0}.section-head p,.adv-intro p,.calc-copy p,.cta-box p{color:#98938c;max-width:530px;line-height:1.7}.eyebrow.mini{font-size:10px}.country-tabs{display:flex;gap:8px;margin-bottom:18px}.country-tab{background:#151515;border:1px solid #2b2926;color:#aaa39b;padding:14px 22px;border-radius:10px;cursor:pointer}.country-tab.active{background:#d9b27a;color:#18130e;border-color:#d9b27a}.country-panel{display:grid;grid-template-columns:.95fr 1.05fr;min-height:500px;border:1px solid #2f2c29;border-radius:24px;overflow:hidden;background:#101010;position:relative}.country-content{padding:55px}.country-label{font-size:11px;letter-spacing:.18em;color:#caa16e}.country-content h3{font-size:35px;line-height:1.15;margin:12px 0 18px}.country-content p,.country-content li{color:#9f9991;line-height:1.7}.country-content ul{padding-left:20px;margin:25px 0 32px}.country-panel img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:brightness(1.14) contrast(1.06) saturate(1.08) drop-shadow(0 22px 38px rgba(0,0,0,.58));transition:filter .35s ease,transform .35s ease}.advantages{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adv-grid article{background:#101010;border:1px solid #292724;border-radius:18px;padding:28px;min-height:220px}.adv-grid article span{color:#cda46f;font-size:12px}.adv-grid h3{font-size:20px;margin:32px 0 10px}.adv-grid p{color:#948e87;line-height:1.65;font-size:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps article{min-height:240px;padding:28px 22px;border:1px solid #292725;border-radius:18px;background:linear-gradient(160deg,#131313,#0b0b0b)}.steps b{color:#d2a66c}.steps h3{margin-top:55px}.steps p{color:#969088;font-size:13px;line-height:1.6}.calc-section{background:radial-gradient(circle at 15% 25%,#2a241d,#0b0b0b 38%)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.notice{border-left:2px solid #d3aa74;padding:14px 18px;color:#b1aaa1;background:#12110f}.calculator{background:#111;border:1px solid #34312d;border-radius:22px;padding:30px;display:grid;gap:16px}.calculator label,.modal-card label{font-size:12px;color:#aaa49b;display:grid;gap:8px}.calculator input,.calculator select,.modal-card input,.modal-card textarea{width:100%;background:#090909;border:1px solid #34312e;border-radius:10px;padding:15px;color:#fff;font:500 14px Manrope;outline:none}.calculator input:focus,.calculator select:focus,.modal-card input:focus,.modal-card textarea:focus{border-color:#b88d57}.calc-result{margin:10px 0;background:#0b0b0b;border-radius:16px;padding:22px}.calc-result span,.calc-result small{display:block;color:#88827b;font-size:11px}.calc-result strong{display:block;color:#e0ba85;font-size:36px;margin:5px 0}.faq{max-width:900px}.faq details{border-bottom:1px solid #2c2926;padding:0}.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-weight:600;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq p{color:#969088;line-height:1.7;padding:0 40px 24px 0;margin:0}.cta{background:#0b0b0b}.cta-box{border:1px solid #403a33;border-radius:26px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(120deg,#13110f,#0c0c0c 60%,#19130e)}.btn.big{min-height:60px;padding:0 30px}.footer{padding:60px 0 25px;background:#050505;border-top:1px solid #1e1d1b}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer-grid>div:not(.brand){display:grid;gap:10px}.footer-grid a,.footer-grid span{color:#88827b;text-decoration:none;font-size:13px}.copyright{border-top:1px solid #1b1a18;margin-top:45px;padding-top:22px;color:#68635d;font-size:11px}.modal{position:fixed;inset:0;z-index:300;display:none;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#0f0f0f;border:1px solid #3b3732;border-radius:24px;padding:34px;box-shadow:0 30px 90px #000}.modal-card h2{font-size:34px;margin:10px 0}.modal-card>p{color:#8e8880;font-size:13px;line-height:1.6}.modal-card form{display:grid;gap:13px;margin-top:22px}.modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid #333;background:#111;color:#ddd;font-size:22px;cursor:pointer}.form-note{color:#716c66;line-height:1.5}.toast{position:fixed;right:25px;bottom:25px;z-index:500;background:#15130f;border:1px solid #5a4934;color:#e7d3b5;padding:16px 20px;border-radius:12px;max-width:360px;transform:translateY(140%);transition:.3s}.toast.show{transform:translateY(0)}.to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;border:1px solid #423c35;background:#111;color:#d6af79;opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto;bottom:88px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
.hero-car{
  position:absolute;
  z-index:10;
  width:720px;
  max-width:none;
  right:-190px;
  bottom:45px;
  height:330px;
  object-fit:contain;
  object-position:center;
  opacity:1;
  filter:none;
  mix-blend-mode:normal;
  mask:none;
  -webkit-mask:none;
  pointer-events:none;
}
.hero-person{
  z-index:2;
  opacity:1;
  mix-blend-mode:normal;
}

/* =========================================================
   COUNTRY CAR — BRIGHT + PREMIUM BACK GLOW
   ========================================================= */
.country-panel::after{
  content:"";
  position:absolute;
  z-index:1;
  right:2%;
  top:50%;
  transform:translateY(-50%);
  width:52%;
  height:68%;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(245,248,252,.30) 0%,
      rgba(220,228,238,.18) 30%,
      rgba(170,185,205,.08) 52%,
      rgba(120,140,165,.03) 66%,
      transparent 76%
    );
  filter:blur(30px);
  pointer-events:none;
}

.country-panel img:hover{
  filter:
    brightness(1.20)
    contrast(1.08)
    saturate(1.12)
    drop-shadow(0 26px 46px rgba(0,0,0,.66));
  transform:scale(1.015);
}

@media(max-width:980px){.desktop-nav,.desktop-contact{display:none}.burger{display:block}.mobile-menu{position:absolute;top:80px;left:20px;right:20px;padding:18px;background:#0d0d0df5;border:1px solid #302d29;border-radius:18px}.mobile-menu.open{display:grid;gap:8px}.mobile-menu a{color:#ddd;text-decoration:none;padding:10px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-visual{height:480px}.world{right:0}.auction-strip{grid-template-columns:auto 1fr}.auction-saving{border-left:0;padding-left:0}.stats{grid-template-columns:1fr 1fr;gap:25px}.advantages,.calc-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.country-panel{grid-template-columns:1fr}.country-panel img{height:360px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.nav{height:72px}.brand img{width:43px;height:43px}.brand b{font-size:17px}.brand span{font-size:7px}.hero{padding-top:90px}.hero-grid{min-height:0}.hero-copy{padding-top:35px}.hero h1{font-size:42px}.hero-sub{font-size:15px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-actions{align-items:stretch;flex-direction:column}.play-link{justify-content:center}.hero-visual{height:350px}.world{width:370px;height:370px;right:-85px;top:0}.floating-card{right:0;bottom:25px}.auction-strip{margin-top:0;grid-template-columns:1fr;padding:24px}.auction-icon{display:none}.auction-saving{display:flex;align-items:center;gap:15px}.auction-saving b{font-size:36px}.stats{padding:28px 0;gap:15px}.stats>div{padding:10px 14px;border:1px solid #24221f;border-radius:12px}.section{padding:70px 0}.section-head{display:block;margin-bottom:32px}.country-tabs{overflow:auto}.country-tab{white-space:nowrap}.country-content{padding:28px}.country-content h3{font-size:28px}.country-panel img{height:280px}.advantages{gap:30px}.adv-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{min-height:180px}.steps h3{margin-top:30px}.calc-grid{gap:35px}.cta-box{padding:30px;display:block}.cta-box .btn{width:100%;margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.modal-card{padding:25px}.toast{left:14px;right:14px;bottom:14px}.to-top{right:16px}}
@media(max-width:980px){.hero-person{width:330px;right:80px;bottom:80px}}
@media(max-width:640px){.hero-person{width:245px;right:18px;bottom:68px;opacity:.92}}

/* =========================================================
   HERO LAYERS — CLEAN FINAL OVERRIDES
   Порядок слоёв:
   0  — фон / орбиты
   2  — человек / логотип
   10 — машина
   20 — карточка "до 30%"
   ========================================================= */

.hero-visual {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.world,
.orbit {
  z-index: 0;
}

.hero-person {
  position: absolute;
  z-index: 2;
  width: 390px;
  max-height: 600px;
  right: 95px;
  bottom: 95px;
  object-fit: contain;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
  pointer-events: none;
}

.hero-car {
  position: absolute;
  z-index: 10;
  width: 720px;
  max-width: none;
  height: 330px;
  right: -190px;
  bottom: 45px;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
  mask: none;
  -webkit-mask: none;
  pointer-events: none;
}

.floating-card {
  position: absolute;
  z-index: 20;
  right: 0;
  bottom: 70px;
}

/* Планшеты */
@media (max-width: 980px) {
  .hero-person {
    width: 330px;
    right: 80px;
    bottom: 80px;
  }

  .hero-car {
    width: 650px;
    height: 300px;
    right: -130px;
    bottom: 45px;
  }
}

/* Телефоны */
@media (max-width: 640px) {
  .hero-person {
    width: 245px;
    right: 18px;
    bottom: 68px;
    opacity: 1;
  }

  .hero-car {
    width: 500px;
    height: 220px;
    right: -130px;
    bottom: 35px;
  }

  .floating-card {
    right: 0;
    bottom: 25px;
  }
}


/* =========================================================
   KR AUTO — SILVER / CHROME PREMIUM THEME
   Добавлено ChatGPT: блестящие серебряные элементы
   ========================================================= */

:root{
  --silver-1:#ffffff;
  --silver-2:#e7e9ec;
  --silver-3:#b9bec5;
  --silver-4:#7f868f;
  --silver-dark:#22262b;
  --silver-glow:rgba(238,242,247,.34);
}

/* Основные акцентные кнопки — хромированный металл */
.btn-gold,
.country-tab.active{
  position:relative;
  overflow:hidden;
  color:#111317 !important;
  border:1px solid rgba(255,255,255,.78) !important;
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #dfe3e8 18%,
      #9aa1aa 42%,
      #f8f9fa 58%,
      #b7bdc5 78%,
      #f6f7f8 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(70,75,82,.32),
    0 6px 18px rgba(0,0,0,.38),
    0 0 22px rgba(225,232,240,.18) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}

/* Бегущий блеск по кнопкам */
.btn-gold::before,
.country-tab.active::before{
  content:"";
  position:absolute;
  top:-35%;
  left:-75%;
  width:42%;
  height:170%;
  transform:rotate(18deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.82),
    transparent
  );
  transition:left .65s ease;
  pointer-events:none;
}

.btn-gold:hover::before,
.country-tab.active:hover::before{
  left:135%;
}

.btn-gold:hover,
.country-tab.active:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(65,70,78,.42),
    0 12px 30px rgba(0,0,0,.48),
    0 0 34px rgba(235,240,246,.28) !important;
}

/* Контурные кнопки — серебряная рамка */
.btn-outline{
  color:#f4f6f8 !important;
  border:1px solid #8e949b !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 18px rgba(210,218,228,.06);
}

.btn-outline:hover{
  border-color:#dfe3e8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 0 24px rgba(225,232,240,.16);
}

/* Золотые акценты -> серебро */
.eyebrow,
.country-label,
.adv-grid article span,
.steps b,
.stats b,
.floating-card strong,
.auction-icon,
.auction-strip h2,
.auction-saving b,
.to-top{
  color:#dce0e5 !important;
}

.eyebrow>span,
.notice{
  border-color:#aeb4bc !important;
}

.eyebrow>span{
  background:linear-gradient(90deg,#767d86,#f7f8fa,#8a919a) !important;
}

/* Иконки-галочки — хром */
.hero-points b{
  color:#eff2f5 !important;
  border-color:#aeb4bc !important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.10),rgba(255,255,255,.02));
  box-shadow:
    inset 0 0 8px rgba(255,255,255,.06),
    0 0 12px rgba(220,228,238,.08);
}

/* Премиальные карточки */
.floating-card,
.auction-strip,
.adv-grid article,
.steps article,
.calculator,
.country-panel,
.cta-box{
  border-color:rgba(170,177,186,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 16px 45px rgba(0,0,0,.28);
}

/* Карточка "до 30%" — серебряная кромка */
.floating-card{
  background:
    linear-gradient(145deg,rgba(28,30,33,.97),rgba(10,11,12,.98)) !important;
  border:1px solid rgba(190,197,206,.55) !important;
}

.floating-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,.8),
    rgba(120,126,134,.12) 30%,
    rgba(255,255,255,.38) 55%,
    rgba(95,101,109,.12) 75%,
    rgba(255,255,255,.64)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

/* Активные табы и декоративные точки */
.country-tab{
  border-color:#34383e;
}

.hero h1 i{
  display:inline-block;
  width:16px;
  height:16px;
  margin:0 14px;
  border-radius:50%;
  vertical-align:middle;
  font-size:0;
  line-height:0;
  color:transparent !important;
  background:
    radial-gradient(circle at 35% 30%,
      #ffffff 0%,
      #eef1f4 28%,
      #c8cdd3 58%,
      #8e959d 100%
    ) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.95),
    0 0 10px rgba(232,236,241,.34),
    0 0 18px rgba(232,236,241,.16) !important;
}

.pin{
  width:8px;
  height:8px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,
      #ffffff 0%,
      #e7ebef 38%,
      #aeb5bd 100%
    ) !important;
  box-shadow:
    0 0 10px rgba(232,236,241,.42),
    0 0 18px rgba(232,236,241,.18) !important;
}

/* Серебряные орбиты */
.orbit{
  border-color:rgba(196,202,210,.20) !important;
}

/* Серебряное свечение вокруг hero */
.hero-glow{
  background:rgba(215,223,232,.055) !important;
}

/* Заголовки чуть "металлические" */
.auction-strip h2,
.floating-card strong,
.stats b{
  background:linear-gradient(180deg,#ffffff 0%,#c6ccd3 52%,#8e959d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Фокус элементов формы */
.calculator input:focus,
.calculator select:focus,
.modal-card input:focus,
.modal-card textarea:focus{
  border-color:#b8bec6 !important;
  box-shadow:0 0 0 3px rgba(210,218,228,.08);
}

/* Верхняя кнопка связи */
.desktop-contact{
  border-color:#838991 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 16px rgba(220,228,238,.05);
}

/* Лёгкий блеск на hover у карточек */
.adv-grid article,
.steps article,
.country-panel,
.auction-strip,
.cta-box{
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}

.adv-grid article:hover,
.steps article:hover{
  border-color:rgba(220,225,231,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 45px rgba(0,0,0,.36),
    0 0 24px rgba(220,228,238,.06);
  transform:translateY(-3px);
}

/* Серебряный цвет результата калькулятора */

.calc-result strong{
    color:#e7ebef !important;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #d9dee5 45%,
        #8e959d 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 0 15px rgba(230,235,242,.25);
}

.calc-result span,
.calc-result small{
    color:#aeb5bd !important;
}

/* ================================
   KR AUTO PREMIUM MOTION + SOCIAL
   ================================ */

/* Плавающие соцсети */
.social-float{
  position:fixed;
  right:25px;
  bottom:25px;
  z-index:250;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.social-btn{
  min-width:150px;
  height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:14px;
  text-decoration:none;
  color:#f5f5f5;
  font-weight:600;
  font-size:14px;
  border:1px solid rgba(220,225,232,.3);
  background:linear-gradient(145deg,#1d1f22,#090909);
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  transition:.35s ease;
}

.social-btn span{
  font-size:20px;
}

.social-btn:hover{
  transform:translateY(-5px);
  border-color:#fff;
  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    0 0 25px rgba(220,228,238,.15);
}

/* Живой фон */
.hero-glow{
  animation:pulseGlow 7s infinite alternate ease-in-out;
}

@keyframes pulseGlow{
  from{
    transform:scale(1);
    opacity:.5;
  }
  to{
    transform:scale(1.15);
    opacity:.9;
  }
}

/* Плавное появление */
.reveal{
  opacity:0;
  transform:translateY(35px);
  transition:opacity .8s ease, transform .8s ease;
}

.reveal.visible{
  opacity:1;
  transform:translateY(0);
}

/* Движение орбит */
.orbit{
  animation:rotateOrbit 18s linear infinite;
}

@keyframes rotateOrbit{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}

/* Машина слегка оживает */
.hero-car{
  animation:carFloat 6s ease-in-out infinite;
}

@keyframes carFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-8px);
  }
}

/* Карточки премиально поднимаются */
.adv-grid article,
.steps article,
.country-panel,
.cta-box{
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.adv-grid article:hover,
.steps article:hover{
  transform:translateY(-8px);
}

/* Серебряный блик */
.btn-gold,
.btn-outline{
  overflow:hidden;
}

.btn-gold::after,
.btn-outline::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.35),
    transparent
  );
  transform:skewX(-20deg);
  animation:shine 5s infinite;
}

@keyframes shine{
  0%,70%{
    left:-120%;
  }
  100%{
    left:160%;
  }
}

@media(max-width:640px){
  .social-float{
    right:12px;
    bottom:12px;
  }

  .social-btn{
    min-width:130px;
    height:42px;
    font-size:12px;
  }
}


/* KR AUTO visible premium social buttons */
.social-premium{
 position:fixed;
 right:35px;
 top:50%;
 transform:translateY(-50%);
 z-index:999;
 display:flex;
 flex-direction:column;
 gap:14px;
}
.social-premium a{
 display:flex;
 align-items:center;
 gap:12px;
 min-width:170px;
 padding:12px 18px;
 border-radius:16px;
 color:#fff;
 text-decoration:none;
 font-weight:600;
 background:linear-gradient(145deg,#1d2025,#090a0c);
 border:1px solid rgba(220,225,232,.35);
 box-shadow:0 15px 35px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.12);
 backdrop-filter:blur(15px);
 transition:.35s;
}
.social-premium img{
 width:34px;
 height:34px;
}
.social-premium a:hover{
 transform:translateX(-8px);
 border-color:#fff;
 box-shadow:0 20px 45px rgba(0,0,0,.55),0 0 25px rgba(220,225,232,.2);
}
@media(max-width:700px){
 .social-premium{
  right:12px;
  top:auto;
  bottom:15px;
  transform:none;
 }
 .social-premium a{
  min-width:130px;
  padding:9px 12px;
 }
}


/* Убраны только нижние кнопки соцсетей */
.social-float{
    display:none !important;
}


/* =========================================================
   KR AUTO — CUSTOM PREMIUM SCROLLBARS
   ========================================================= */

/* Firefox */
html,
body,
*{
  scrollbar-width: thin;
  scrollbar-color: #aeb5bd #0b0d10;
}

/* Chromium / Edge / Safari */
::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track{
  background: linear-gradient(180deg,#070809,#111317);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb{
  border-radius: 999px;
  border: 2px solid #0b0d10;
  background:
    linear-gradient(
      180deg,
      #f7f8fa 0%,
      #d7dce2 22%,
      #9da4ad 50%,
      #dfe4ea 72%,
      #8f969f 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(57,62,68,.5),
    0 0 10px rgba(215,222,230,.18);
}

::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #e7ebef 25%,
      #a9b0b8 52%,
      #f5f7f9 75%,
      #9aa1aa 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(57,62,68,.6),
    0 0 16px rgba(225,232,240,.28);
}

::-webkit-scrollbar-corner{
  background:#0b0d10;
}

/* More premium scroll inside modal / form areas */
.modal-card,
.modal-card textarea,
.calculator,
.country-tabs{
  scrollbar-width: thin;
  scrollbar-color: #c8d0d8 #0b0d10;
}

.modal-card::-webkit-scrollbar,
.modal-card textarea::-webkit-scrollbar,
.calculator::-webkit-scrollbar,
.country-tabs::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

.modal-card::-webkit-scrollbar-track,
.modal-card textarea::-webkit-scrollbar-track,
.calculator::-webkit-scrollbar-track,
.country-tabs::-webkit-scrollbar-track{
  background: rgba(13,15,18,.95);
  border-radius: 999px;
}

.modal-card::-webkit-scrollbar-thumb,
.modal-card textarea::-webkit-scrollbar-thumb,
.calculator::-webkit-scrollbar-thumb,
.country-tabs::-webkit-scrollbar-thumb{
  border-radius: 999px;
  border: 2px solid rgba(13,15,18,.95);
  background:
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #d8dde4 26%,
      #a0a7b0 52%,
      #f1f4f7 76%,
      #8e959d 100%
    );
}

/* Prevent ugly jumps when scrollbars appear */
html{
  overflow-y: scroll;
}


/* =========================================================
   KR AUTO — STOCK / CARS IN STOCK
   ========================================================= */
.stock-section{
  background:
    radial-gradient(circle at 80% 0%,rgba(220,226,234,.06),transparent 34%),
    #090909;
}

.stock-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.stock-card{
  overflow:hidden;
  border:1px solid rgba(175,182,191,.28);
  border-radius:22px;
  background:linear-gradient(160deg,#121416,#090a0b);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.stock-card:hover{
  transform:translateY(-7px);
  border-color:rgba(230,234,240,.48);
  box-shadow:0 26px 60px rgba(0,0,0,.42),0 0 28px rgba(220,228,238,.06);
}

.stock-photo{
  position:relative;
  height:245px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 55%,rgba(230,235,242,.13),transparent 52%),
    linear-gradient(180deg,#101214,#08090a);
}

.stock-photo::after{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  bottom:22px;
  height:28px;
  border-radius:50%;
  background:rgba(0,0,0,.6);
  filter:blur(18px);
}

.stock-photo img{
  position:relative;
  z-index:2;
  width:92%;
  height:92%;
  object-fit:contain;
  transition:transform .45s ease,filter .45s ease;
  filter:brightness(1.08) contrast(1.03);
}

.stock-card:hover .stock-photo img{
  transform:scale(1.035);
  filter:brightness(1.14) contrast(1.05);
}

.stock-badge{
  position:absolute;
  z-index:4;
  top:16px;
  left:16px;
  padding:8px 12px;
  border-radius:999px;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#101216;
  background:linear-gradient(145deg,#fff,#bec4cc 45%,#f8f9fa);
  box-shadow:0 5px 18px rgba(0,0,0,.3);
}

.stock-body{
  padding:23px;
}

.stock-country{
  color:#aeb5bd;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.stock-body h3{
  margin:7px 0 14px;
  font-size:24px;
}

.stock-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:18px;
}

.stock-meta span{
  padding:7px 10px;
  border-radius:8px;
  background:#0c0d0f;
  border:1px solid #292d32;
  color:#999fa7;
  font-size:11px;
}

.stock-price{
  display:block;
  margin-bottom:18px;
  font-size:22px;
  background:linear-gradient(180deg,#fff,#c8cdd4 55%,#8e959d);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.stock-more{
  width:100%;
}

/* Car details modal */
.car-modal{
  position:fixed;
  inset:0;
  z-index:600;
  display:none;
  padding:34px;
  align-items:center;
  justify-content:center;
}

.car-modal.open{
  display:flex;
}

.car-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(14px);
}

.car-modal-dialog{
  position:relative;
  z-index:2;
  width:min(1180px,96vw);
  max-height:92vh;
  overflow:auto;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  border:1px solid rgba(195,201,209,.34);
  border-radius:26px;
  background:linear-gradient(145deg,#111315,#08090a);
  box-shadow:0 40px 120px rgba(0,0,0,.72);
}

.car-modal-close{
  position:absolute;
  z-index:20;
  right:18px;
  top:16px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(220,225,232,.35);
  background:rgba(10,11,12,.78);
  color:#fff;
  font-size:27px;
  cursor:pointer;
  backdrop-filter:blur(12px);
}

.car-gallery{
  min-width:0;
  padding:24px;
  background:#060708;
  border-right:1px solid rgba(175,182,191,.2);
}

.car-gallery-main{
  position:relative;
  height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(230,235,242,.10),transparent 55%),
    #090a0b;
}

.car-gallery-main img{
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  transition:opacity .2s ease,transform .25s ease;
}

.gallery-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(10,11,12,.7);
  color:#fff;
  font-size:32px;
  cursor:pointer;
  backdrop-filter:blur(10px);
}

.gallery-prev{left:16px}
.gallery-next{right:16px}

.gallery-counter{
  position:absolute;
  right:15px;
  bottom:14px;
  padding:7px 10px;
  border-radius:9px;
  background:rgba(0,0,0,.62);
  color:#dfe3e8;
  font-size:11px;
}

.car-thumbs{
  display:flex;
  gap:9px;
  margin-top:13px;
  overflow-x:auto;
  padding-bottom:3px;
}

.car-thumb{
  flex:0 0 100px;
  width:100px;
  height:72px;
  border:1px solid #30343a;
  border-radius:10px;
  overflow:hidden;
  background:#090a0b;
  cursor:pointer;
  padding:0;
}

.car-thumb.active{
  border-color:#dce1e7;
  box-shadow:0 0 14px rgba(220,228,238,.16);
}

.car-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.car-detail{
  padding:46px 38px 34px;
}

.car-detail-head{
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:start;
  padding-right:35px;
}

.car-detail-country{
  color:#aeb5bd;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.car-detail h2{
  margin:7px 0 0;
  font-size:36px;
}

.car-detail-price{
  white-space:nowrap;
  font-size:24px;
  background:linear-gradient(180deg,#fff,#c9ced5 55%,#8d949c);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.car-spec-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:30px 0;
}

.car-spec{
  padding:15px;
  border-radius:12px;
  background:#0b0c0e;
  border:1px solid #292d32;
}

.car-spec span{
  display:block;
  color:#777e87;
  font-size:10px;
  margin-bottom:5px;
}

.car-spec b{
  font-size:13px;
  color:#e6e9ed;
}

.car-description{
  border-top:1px solid #262a2e;
  padding-top:22px;
  margin-bottom:28px;
}

.car-description h3{
  margin:0 0 9px;
}

.car-description p{
  margin:0;
  color:#999fa7;
  line-height:1.7;
  font-size:13px;
}

@media(max-width:980px){
  .stock-grid{grid-template-columns:1fr 1fr}
  .car-modal{padding:14px}
  .car-modal-dialog{grid-template-columns:1fr}
  .car-gallery{border-right:0;border-bottom:1px solid rgba(175,182,191,.2)}
  .car-gallery-main{height:440px}
}

@media(max-width:640px){
  .stock-grid{grid-template-columns:1fr}
  .stock-photo{height:220px}
  .car-modal{padding:7px}
  .car-modal-dialog{width:100%;max-height:96vh;border-radius:18px}
  .car-gallery{padding:12px}
  .car-gallery-main{height:300px}
  .car-detail{padding:28px 18px 22px}
  .car-detail-head{display:block;padding-right:30px}
  .car-detail-price{display:block;margin-top:12px}
  .car-spec-grid{grid-template-columns:1fr 1fr}
  .car-thumb{flex-basis:82px;width:82px;height:60px}
}

/* Telegram stock dynamic states */
.stock-loading,.stock-empty{
  grid-column:1/-1;
  min-height:220px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:34px;
  text-align:center;
  background:rgba(255,255,255,.025);
}
.stock-loading p,.stock-empty p{max-width:660px;margin:0;opacity:.72;line-height:1.65}
.stock-empty strong{font-size:20px}
.stock-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.15);border-top-color:currentColor;border-radius:50%;animation:stockSpin .75s linear infinite}
.stock-error{border-color:rgba(255,255,255,.16)}
@keyframes stockSpin{to{transform:rotate(360deg)}}
.car-description p{white-space:pre-line}