/* АвтоБезРисков — версия 4, по макету «Sait_ABR». Тёмный фон, красный акцент, широкий гротеск. */
:root{
  --bg:#000000; --bg2:#070707;
  --card:rgba(16,16,17,.8); --card2:rgba(22,22,24,.84);
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --red:#E10600; --red2:#F2170F; --red-d:#9A0400;
  --text:#f4f5f6; --muted:#a4a8ae; --muted2:#7b8087;
  --r:14px; --r-sm:10px;
  --head:'Unbounded',system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
em{font-style:normal;color:var(--red2)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;position:relative;z-index:2}
.muted{color:var(--muted)}
.hp{position:absolute;left:-9999px;opacity:0}

/* заголовки */
.h-xl,.h-lg,.h-md{font-family:var(--head);font-weight:800;letter-spacing:-.01em;line-height:1.06;margin:0}
.h-xl{font-size:clamp(30px,4.3vw,50px)}
.h-lg{font-size:clamp(28px,3.9vw,46px)}
.h-md{font-size:clamp(24px,3vw,36px)}
.h-lg em,.h-md em{display:block}
.h-lg.one em{display:inline}
.lead-p{color:#d5d7da;font-size:17px;margin:10px 0 0;max-width:560px}
.lead-p.lg{font-size:clamp(17px,2vw,22px)}
.slash{display:block;width:34px;height:12px;margin-bottom:14px;background:linear-gradient(115deg,transparent 0 22%,var(--red) 22% 44%,transparent 44% 56%,var(--red) 56% 78%,transparent 78%)}
.sec{position:relative;padding:72px 0}
.sec-head{margin-bottom:30px;position:relative}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-sm);padding:14px 22px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn-red{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;box-shadow:0 10px 30px -12px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-red:hover{transform:translateY(-1px);box-shadow:0 14px 36px -12px rgba(242,23,15,.95),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-sm{padding:10px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.btn-xl{padding:0 26px;height:72px;font-size:19px;font-weight:700;border-radius:14px;gap:18px}
.btn-xl .bx{display:flex;align-items:center;padding-right:18px;border-right:1px solid rgba(255,255,255,.3);height:40px}
.btn-xl .bx svg{width:28px;height:28px}
.btn-line{background:rgba(255,255,255,.02);border:1px solid var(--line2);color:#fff;justify-content:space-between;padding:8px 8px 8px 18px}
.btn-line i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red)}
.btn-line i svg{width:16px;height:16px}
.btn-line:hover{border-color:rgba(255,255,255,.3)}
.circ{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);transition:border-color .2s,background .2s}
.circ:hover{border-color:var(--red);background:rgba(225,6,0,.12)}
.circ svg{width:18px;height:18px}
.rnd{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);background:rgba(0,0,0,.35);cursor:pointer;margin-left:auto;flex:none}
.rnd svg{width:16px;height:16px}
.rnd:hover{border-color:var(--red)}

/* шапка */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background .25s,backdrop-filter .25s}
.hdr .wrap{max-width:1440px;width:100%;padding:0 32px}
.hdr.past{background:rgba(0,0,0,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{text-decoration:none;display:inline-flex;align-items:center}
.logo-ia{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff;flex:none}
.logo-emblem{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;transition:transform .2s}
.logo-ia:hover .logo-emblem{transform:scale(1.05)}
.logo-emblem svg{width:36px;height:36px;display:block;filter:drop-shadow(0 2px 10px rgba(255,45,32,.4))}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-name{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:800;letter-spacing:0.04em;color:#fff}
.logo-name b{color:#ff2d20;font-weight:900}
.logo-sub{font-size:9.5px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:2px}
.logo img{width:120px;height:auto}
/* шапка в одну строку и меню — эти правила пропали при замене логотипа, вернул (30.09) */
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px}
.nav{display:flex;gap:22px;font-size:13.5px;font-weight:500;align-items:center;white-space:nowrap}
@media (max-width:1500px) and (min-width:1021px){.nav{gap:15px;font-size:12.5px}.hdr-in{gap:14px}.hdr-act .btn-sub span{display:none}}
@media (max-width:1240px) and (min-width:1021px){.logo-sub{display:none}.nav{gap:12px;font-size:12px}.hdr-act .circ{display:none}.hdr .wrap{padding:0 20px}}
.nav a{opacity:.92;transition:color .2s}.nav a:hover{color:var(--red2)}
.nav-phone{display:none}
.hdr-act{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr-act .btn{height:40px;padding:0 18px;margin-left:6px}
.hdr-act .circ{width:40px;height:40px}
.btn-sub{height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-sub:hover{background:rgba(225,6,0,.15);border-color:rgba(225,6,0,.5);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(225,6,0,.5)}
.btn-sub svg{width:16px;height:16px;color:var(--red2)}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line2);background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.burger i{display:block;width:18px;height:2px;background:#fff;transition:transform .2s}
.menu-open .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000}
.menu-open{overflow:hidden}
.menu-open .burger i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-open .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}

/* первый экран */
.hero{position:relative;min-height:740px;padding:104px 0 64px;overflow:hidden;background:#000}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 36%,rgba(0,0,0,.45) 65%,transparent 88%),linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 22%,transparent 75%,#000 100%)}
.hero .h-xl{max-width:760px;font-size:clamp(32px,3.9vw,50px)}
.hero .h-xl em{display:block}
.calc{margin-top:34px;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border-radius:16px;background:rgba(8,8,9,.72);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.sel{position:relative;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px 36px 8px 14px;border:1px solid var(--line2);border-radius:var(--r-sm);background:rgba(255,255,255,.025);min-height:52px;cursor:pointer;transition:border-color .2s}
.sel:hover,.sel:focus-within{border-color:rgba(255,255,255,.3)}
.sel>svg{grid-row:1/3;color:#cfd2d6;width:20px;height:20px}
.sel>span{font-size:10.5px;color:var(--muted2);line-height:1.2}
.sel select,.sel input{appearance:none;-webkit-appearance:none;background:none;border:0;outline:0;padding:0;font-size:13.5px;font-weight:500;width:100%;cursor:pointer;line-height:1.35}
.sel input{cursor:text}
.sel select option{background:#151516;color:#fff}
.sel::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border:solid #cfd2d6;border-width:0 1.6px 1.6px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sel.inp::after{display:none}
.calc{position:relative;z-index:6}
.calc .wide{grid-column:1/-1}
.calc .hint{margin:-2px 2px 0;font-size:11px;color:var(--muted2)}
.calc .btn{height:48px;margin-top:2px;text-transform:uppercase;font-size:12.5px;letter-spacing:.03em}
.hero-feat{list-style:none;display:flex;gap:0;margin:40px 0 0;padding:0;max-width:820px}
.hero-feat li{display:flex;align-items:center;gap:16px;padding:0 34px;font-size:15px;line-height:1.35;border-left:1px solid var(--line2)}
.hero-feat li:first-child{padding-left:0;border-left:0}
.hero-feat svg{width:40px;height:40px;color:var(--red2);stroke-width:1.4}
.hero-feat b{color:var(--red2);font-weight:600}

/* шаги + забота */
.care{position:relative;padding:80px 0 90px;overflow:hidden;background:#000}
.care-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.care-bg img{width:100%;height:100%;object-fit:cover;object-position:center center}
.care-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 65% at 75% 50%,rgba(0,0,0,.15) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.95) 90%),linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 42%,rgba(0,0,0,.35) 72%,transparent 100%),linear-gradient(180deg,#000 0%,transparent 18%,transparent 82%,#000 100%)}
.care-txt{max-width:620px;margin-bottom:36px;position:relative;z-index:2;padding:0}
.care-txt .h-xl{font-size:clamp(30px,4.2vw,48px)}
.care-txt em{display:block}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative;z-index:2}
.flow li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);background:rgba(12,12,14,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:600;font-size:14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.8);transition:all .2s}
.flow li:hover{border-color:rgba(225,6,0,.45);transform:translateY(-2px);background:rgba(20,20,24,.92)}
.flow li svg{width:36px;height:36px;stroke-width:1.4;color:#fff}
.flow li:nth-child(even) svg{color:var(--red2)}

/* страны */
.countries{position:relative;overflow:hidden;background:#000}
.countries-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.countries-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.countries-bg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.2) 100%),linear-gradient(180deg,#000 0%,transparent 18%,transparent 82%,#000 100%)}
.c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cc{display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;padding-bottom:14px}
.cc-top{display:flex;align-items:flex-start;gap:12px;padding:16px 14px 0}
.flag{width:48px;height:34px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.cc h3{margin:0;font:800 20px/1.1 var(--head)}
.cc-top p{margin:4px 0 0;font-size:11.5px;color:#c9ccd0;line-height:1.3}
.cc-img{width:100%;aspect-ratio:2.35;object-fit:cover;margin:10px 0 10px;-webkit-mask:linear-gradient(180deg,transparent,#000 22%,#000 80%,transparent);mask:linear-gradient(180deg,transparent,#000 22%,#000 80%,transparent)}
.feat{list-style:none;margin:0 12px 14px;padding:0;display:grid;gap:6px;flex:1;align-content:start}
.feat li{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);font-size:12px;line-height:1.3;min-height:42px}
.feat svg{color:var(--red2);width:19px;height:19px}
.cc .btn{margin:0 12px;padding:12px}

/* как это работает */
.sec-bg{position:absolute;top:0;z-index:0;pointer-events:none}
.sec-bg-r{right:0;width:52%}
.sec-bg img{width:100%;-webkit-mask:radial-gradient(ellipse 75% 80% at 62% 42%,#000 35%,transparent 78%);mask:radial-gradient(ellipse 75% 80% at 62% 42%,#000 35%,transparent 78%)}
.sec-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 45%),linear-gradient(0deg,var(--bg),transparent 55%)}
.h-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.hc{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:linear-gradient(180deg,rgba(18,18,19,.9),rgba(8,8,9,.92));border:1px solid var(--line);padding:18px 12px 12px}
.hc+.hc::before{content:"";position:absolute;left:-15px;top:120px;width:8px;height:8px;border:solid var(--muted);border-width:1.6px 1.6px 0 0;transform:rotate(45deg)}
.hc-n{font:800 22px/1 var(--head);color:var(--red2);display:flex;align-items:center;gap:10px;padding:0 6px}
.hc-n::after{content:"";width:18px;height:1.5px;background:var(--muted2)}
.hc h3{margin:12px 6px 6px;font:800 16px/1.15 var(--head)}
.hc>p{margin:0 6px;font-size:12px;color:#c9ccd0;min-height:34px}
.hc-ph{margin:10px -12px;overflow:hidden}
.hc-ph img{width:100%;aspect-ratio:1.38;object-fit:cover;-webkit-mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.feat.sm{margin:0 0 12px}
.feat.sm li{font-size:11px;padding:8px 10px;gap:10px}
.hc .btn-line{font-size:12.5px}

/* кейсы */
.cases{background:linear-gradient(180deg,var(--bg),#0a0a0b 30%,var(--bg))}
.cases::before{content:"";position:absolute;top:0;right:0;width:40%;height:120px;background:linear-gradient(115deg,transparent 0 40%,rgba(154,4,0,.5) 40% 46%,transparent 46%);pointer-events:none}
.cases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.cases-head .sec-head{margin:0}
.trust{list-style:none;margin:0 0 6px;padding:0;display:flex}
.trust li{display:flex;align-items:center;gap:10px;padding:0 18px;font-size:11.5px;line-height:1.3;color:#d5d7da;border-left:1px solid var(--line2)}
.trust li:first-child{border-left:0}
.trust svg{width:28px;height:28px;stroke-width:1.4}
.k-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kc{border-radius:var(--r);overflow:hidden;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column}
.kc-ph{position:relative}
.kc-ph{overflow:hidden}
.kc-ph img{width:100%;aspect-ratio:2.45;object-fit:cover;object-position:center 30%}
.kc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,13,.98) 0,rgba(12,12,13,0) 55%)}
.kc-b{padding:0 12px 12px;margin-top:-30px;position:relative;z-index:1;flex:1;display:flex;flex-direction:column}
.kc-b .btn{margin-top:auto}
.kc h3{margin:0;font:800 16px/1.2 var(--head);display:flex;align-items:center;gap:10px;min-width:0}
.kc h3 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.kc h3 small{flex:none;font:500 11px/1 var(--body);padding:5px 10px;border-radius:20px;border:1px solid var(--line2);background:rgba(0,0,0,.35)}
.kc-route{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#d5d7da;margin:8px 0 10px}
.kc-route img,.kc-route .de{width:24px;height:17px;border-radius:3px;object-fit:cover}
.de{display:inline-block;background:linear-gradient(#000 0 33.3%,#dd0000 33.3% 66.6%,#ffce00 66.6%)}
.kc-st{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.kc-st div{display:flex;align-items:center;gap:8px;padding:7px 8px;min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02)}
.kc-st p{margin:0}
.kc-st svg{color:var(--red2);width:20px;height:20px}
.kc-st span{font-size:10px;color:var(--muted);line-height:1.2}
.kc-st b{display:block;font-size:12.5px;color:#fff;white-space:nowrap}
.kc .btn{width:100%;padding:10px;font-size:12.5px}

/* почему импорт */
.i-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ic{position:relative;border-radius:var(--r);overflow:hidden;background:var(--card2);border:1px solid var(--line);padding:18px 18px 0;display:flex;flex-direction:column}
.ic::before{content:"";position:absolute;right:-10px;top:30px;width:70px;height:120px;background:linear-gradient(115deg,transparent 0 40%,rgba(225,6,0,.5) 40% 60%,transparent 60%);pointer-events:none}
.ic-n{font:800 22px/1 var(--head);color:var(--red2);display:flex;align-items:center;gap:10px}
.ic-n::after{content:"";width:18px;height:1.5px;background:var(--muted2)}
.ic-t{display:flex;gap:18px;margin-top:10px;position:relative;z-index:1}
.ic-t>svg{width:36px;height:36px;stroke-width:1.4;margin-top:4px}
.ic h3{margin:0 0 8px;font:800 18px/1.15 var(--head)}
.ic p{margin:0;font-size:12.5px;color:#c9ccd0;max-width:230px}
.ic>img{margin:12px -18px 0;width:calc(100% + 36px);max-width:none;aspect-ratio:2.8;object-fit:cover;-webkit-mask:linear-gradient(180deg,transparent,#000 30%);mask:linear-gradient(180deg,transparent,#000 30%)}
.warn{margin-top:14px;display:flex;align-items:center;gap:24px;padding:16px 24px 16px 16px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(90deg,rgba(225,6,0,.14),rgba(17,19,23,.9) 30%,rgba(17,19,23,.9) 75%,rgba(225,6,0,.25))}
.warn-ic{display:grid;place-items:center;width:88px;height:88px;border-radius:14px;background:linear-gradient(180deg,var(--red2),var(--red));flex:none}
.warn-ic svg{width:44px;height:44px;color:#fff;stroke-width:1.6}
.warn-t{flex:1}
.warn-t b{display:block;font:800 clamp(17px,1.8vw,21px)/1.2 var(--head)}
.warn-t b em{display:block}
.warn-t span{display:block;margin-top:6px;color:var(--muted);font-size:14.5px}
.warn-r{display:flex;align-items:center;gap:22px;padding-left:28px;border-left:1px solid var(--line2);max-width:380px}
.warn-r svg{width:40px;height:40px;stroke-width:1.4}
.warn-r p{margin:0;font-size:12.5px;color:#d5d7da}

/* из чего складывается цена */
.price{padding-bottom:40px;overflow:hidden}
.price::after{content:"";position:absolute;right:-60px;bottom:120px;width:260px;height:300px;background:linear-gradient(115deg,transparent 0 36%,var(--red-d) 36% 46%,transparent 46% 56%,var(--red) 56% 66%,transparent 66%);opacity:.7;pointer-events:none}
.p-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr) 1.15fr;gap:22px}
.p-row li{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(12,12,13,.85);min-height:200px}
.p-row li+li::before{content:"+";position:absolute;left:-19px;top:76px;width:16px;height:16px;border-radius:50%;background:var(--red);display:grid;place-items:center;font:700 13px/16px var(--body);text-align:center;z-index:1}
.p-row li.p-total::before{content:"→";background:none;color:var(--muted);font-size:16px}
.p-row small{font-size:13px;color:var(--muted2)}
.p-row svg{width:40px;height:40px;stroke-width:1.3;margin:10px 0 8px}
.p-row b{font-size:12px;line-height:1.25}
.p-row span{font-size:10.5px;color:var(--muted);line-height:1.35}
.p-total{border-color:var(--red)!important;background:linear-gradient(180deg,rgba(225,6,0,.14),rgba(12,12,13,.9))!important;text-align:center;align-items:center;box-shadow:0 0 0 1px rgba(225,6,0,.35),0 20px 40px -20px rgba(225,6,0,.5)}
.p-total small{color:var(--red2);font:800 20px/1 var(--head)}
.p-total svg{color:var(--red2)}
.p-total b{text-transform:uppercase;font:800 13px/1.25 var(--head)}
.price{position:relative;overflow:hidden;background:#000;padding:80px 0 70px}
.price-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.price-bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.price-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.92) 28%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.7) 100%)}
.price-foot{display:flex;align-items:center;justify-content:flex-end;margin-top:50px;position:relative;z-index:2;min-height:120px}
.price-foot .btn{width:min(480px,100%);margin:0}
.price-foot .btn>svg:last-child,.final-box .btn>svg:last-child{margin-left:auto}

/* почему мы */
.about{position:relative;overflow:hidden;background:#000;padding:80px 0 70px}
.about-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.about-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.about-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.6) 75%,rgba(0,0,0,.88) 100%),linear-gradient(180deg,#000 0%,transparent 20%,transparent 80%,#000 100%)}
.w-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:2}
.w-grid article{text-align:center;padding:30px 16px 24px;border-radius:var(--r);border:1px solid var(--line);background:rgba(12,12,13,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.w-grid svg{width:54px;height:54px;stroke-width:1.2;margin:0 auto 16px}
.w-grid h3{margin:0;font:700 16px/1.25 var(--body)}
.w-grid h3 em{font-weight:700}
.w-grid h3::after{content:"";display:block;width:34px;height:1px;background:var(--line2);margin:16px auto}
.w-grid p{margin:0;font-size:12.5px;color:#c9ccd0}

/* бюджет */
.budget{position:relative;padding:90px 0 70px;overflow:hidden;background:#000}
.budget-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.budget-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.budget-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 42%,rgba(0,0,0,.25) 75%,transparent 100%),linear-gradient(180deg,#000 0%,transparent 15%,transparent 85%,#000 100%)}
.budget .h-xl{font-size:clamp(30px,4vw,50px);max-width:620px;text-shadow:0 4px 30px rgba(0,0,0,.9);position:relative;z-index:2}
.budget .h-xl em{display:block}
.budget .lead-p{position:relative;z-index:2}
.budget .btn-xl{margin-top:34px;min-width:min(470px,100%);justify-content:space-between;position:relative;z-index:2}
.b-feat{list-style:none;margin:40px 0 0;padding:0;display:flex;position:relative;z-index:2}
.b-feat li{display:flex;flex-direction:column;gap:12px;padding:0 28px;border-left:1px solid var(--line2);font-size:14px;max-width:210px;line-height:1.35}
.b-feat li:first-child{padding-left:0;border-left:0}
.b-feat svg{width:36px;height:36px;stroke-width:1.4}

/* faq */
.faq::after{content:"";position:absolute;right:0;bottom:40px;width:120px;height:200px;background:linear-gradient(115deg,transparent 0 50%,rgba(154,4,0,.5) 50% 62%,transparent 62%);pointer-events:none}
.faq-list{display:grid;gap:8px}
.faq details{border-radius:12px;border:1px solid var(--line);background:rgba(12,12,13,.9);transition:border-color .2s}
.faq details[open]{border-color:var(--line2)}
.faq summary{list-style:none;display:flex;align-items:center;gap:40px;padding:12px 22px 12px 26px;cursor:pointer;font-weight:700;font-size:clamp(15px,1.6vw,18px)}
.faq summary::-webkit-details-marker{display:none}
.fi{display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:rgba(255,255,255,.05);flex:none}
.fi svg{width:24px;height:24px;stroke-width:1.5}
.faq summary>i{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);transition:transform .25s,background .2s;flex:none}
.faq summary>i svg{width:16px;height:16px}
.faq details[open] summary>i{transform:rotate(45deg);background:var(--red);border-color:var(--red)}
.faq details p{margin:0;padding:0 70px 20px 118px;color:#c9ccd0;font-size:14.5px;max-width:900px}

/* финальный блок */
.final{padding:30px 0 70px}
.final-box{position:relative;overflow:hidden;display:flex;align-items:center;gap:30px;padding:40px 48px;border-radius:20px;border:1px solid var(--line2);background:#0c0c0e}
.final-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.final-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.final-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0e 0%,rgba(12,12,14,.92) 48%,rgba(12,12,14,.4) 75%,transparent 100%)}
.final-l{flex:1;position:relative;z-index:1}
.final-l .h-md em{display:block}
.final-l .lead-p{font-size:14px;color:var(--muted)}
.f-steps{list-style:none;margin:26px 0 0;padding:0;display:flex}
.f-steps li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:12.5px;line-height:1.3;padding:0 34px;border-left:1px solid var(--line2)}
.f-steps li:first-child{padding-left:10px;border-left:0}
.f-steps span{position:relative;display:grid;place-items:center;width:56px;height:52px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.f-steps span svg{width:28px;height:28px;stroke-width:1.4}
.f-steps span i{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:var(--red);font:700 11px/20px var(--body);text-align:center;font-style:normal}
.f-arrow{width:80px;height:50px;stroke:#fff;stroke-width:2;position:relative;z-index:1;align-self:flex-end;margin-bottom:34px}
.final-box .btn-xl{position:relative;z-index:1;min-width:420px;justify-content:flex-start}

/* подвал */
.ftr{border-top:1px solid var(--line);padding:34px 0 40px;font-size:13.5px}
.ftr-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ftr-in p{margin:10px 0 0}
.ftr-c{display:flex;flex-direction:column;gap:4px}
.ftr-phone{font:800 20px/1.2 var(--head)}
.ftr-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ftr-s .muted{margin-left:10px}

/* модальное окно */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.modal-box{position:relative;width:min(540px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:32px 30px;border-radius:20px;background:#111113;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -20px #000}
.modal h3{margin:0 40px 8px 0;font:800 22px/1.2 var(--head)}
.m-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.05);cursor:pointer;display:grid;place-items:center;color:#fff;transition:all .2s}
.m-close:hover{background:rgba(255,255,255,.12);border-color:#fff}
.m-sub{margin:0 0 16px;color:var(--muted);font-size:14px}
.m-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(225,6,0,.22),rgba(225,6,0,.06));border:1px solid rgba(225,6,0,.45);margin-bottom:12px}
.m-total span{font-size:13px;color:#e3e4e6}
.m-total span small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.m-total b{font:800 24px/1.1 var(--head);white-space:nowrap}
.m-rows{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:6px}
.m-rows td{padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.m-rows td:last-child{text-align:right;white-space:nowrap;font-weight:600;padding-left:12px}
.m-rows small{display:block;color:var(--muted2);font-size:11px;margin-top:2px}
.m-rows tr.ok td:last-child{color:#5fd08a}
.m-note{font-size:11.5px;color:var(--muted2);margin:8px 0 16px}
#leadForm,#subModalForm{display:grid;gap:10px}
.m-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal input:not([type=checkbox]),.modal textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.05);color:#fff;font-size:14px;outline:0;transition:border-color .2s,background .2s,box-shadow .2s}
.modal input:not([type=checkbox]):focus,.modal textarea:focus{border-color:var(--red);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(225,6,0,.2)}
.modal input::placeholder,.modal textarea::placeholder{color:var(--muted2)}
.fl{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:4px}
.consent input{margin-top:2px;accent-color:var(--red);width:16px;height:16px}
.consent a{text-decoration:underline}
#leadForm .btn{height:50px}
.form-msg{margin:0;font-size:13px;min-height:1em}
.form-msg.err{color:#ff7a7f}
.form-msg.ok{color:#5fd08a}
.m-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 0}
.m-done svg{width:52px;height:52px;padding:12px;border-radius:50%;background:var(--red);stroke-width:2.4}
.m-done b{font:800 19px/1.2 var(--head)}
.m-done span{color:var(--muted);font-size:14px}

/* появление */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ============ адаптив ============ */
@media (max-width:1180px){
  .nav{gap:20px}
  .hdr-act .btn{margin-left:4px}
  .p-row{grid-template-columns:repeat(4,1fr);row-gap:18px}
  .p-row li:nth-child(5)::before{display:none}
  .h-grid{gap:14px}
  .hc+.hc::before{left:-12px}
}
@media (max-width:1020px){
  .nav{position:fixed;inset:74px 0 0;height:calc(100dvh - 74px);overflow-y:auto;flex-direction:column;gap:0;padding:10px 24px 40px;background:#000;font-size:18px;display:none;z-index:60}
  .menu-open .nav{display:flex}
  .nav a{padding:16px 0;border-bottom:1px solid var(--line)}
  .nav-phone{display:block;font-weight:700;color:var(--red2)}
  .burger{display:flex}
  .c-grid{grid-template-columns:repeat(2,1fr)}
  .h-grid{grid-template-columns:repeat(3,1fr)}
  .hc+.hc::before{display:none}
  .k-grid{grid-template-columns:repeat(2,1fr)}
  .cases-head{flex-direction:column;align-items:flex-start}
  .i-grid{grid-template-columns:1fr 1fr}
  .warn{flex-wrap:wrap}
  .warn-r{border-left:0;padding-left:0;max-width:none;flex-basis:100%}
  .w-grid{grid-template-columns:repeat(3,1fr)}
  .final-box{flex-direction:column;align-items:flex-start}
  .f-arrow{display:none}
  .final-box .btn-xl{min-width:0;width:100%}
}
@media (max-width:720px){
  body{font-size:14px}
  .wrap{padding:0 16px}
  .sec{padding:54px 0}
  .hdr-in{height:62px;gap:12px}
  .nav{inset:62px 0 0}
  .logo img{width:96px}
  .hdr-act .circ{display:none}
  .hdr-act .btn{height:36px;padding:0 12px;font-size:11.5px;margin-left:4px}
  .hdr-act .btn svg{display:none}
  .hdr-act .btn-sub{height:36px;padding:0 12px;font-size:12px}
  .hero{padding:78px 0 30px;min-height:0}
  .hero-bg{width:100%;height:380px;inset:0 0 auto 0}
  .hero-bg img{object-position:60% 50%}
  .hero-bg::before{background:linear-gradient(0deg,var(--bg) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,.35) 100%)}
  .hero .h-xl{font-size:30px;padding-top:150px}
  .calc{grid-template-columns:1fr 1fr;padding:12px;gap:8px;margin-top:22px}
  .sel{padding:7px 26px 7px 10px;column-gap:8px;grid-template-columns:18px 1fr;min-height:48px}
  .sel>svg{width:17px;height:17px}
  .sel::after{right:10px}
  .sel select,.sel input{font-size:13px}
  .hero-feat{flex-direction:column;gap:14px;margin-top:26px}
  .hero-feat li{padding:0;border:0}
  .hero-feat svg{width:32px;height:32px}
  .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .flow li{max-width:none;font-size:13px;padding:14px 6px}
  .flow li+li::before{display:none}
  .flow li svg{width:32px;height:32px}
  .care{min-height:0;padding:50px 0 60px}
  .care-txt{padding:0 0 20px}
  .c-grid,.k-grid,.i-grid{grid-template-columns:1fr}
  .h-grid{grid-template-columns:1fr 1fr;gap:10px}
  .hc h3{font-size:14px}
  .feat.sm li{font-size:10.5px}
  .trust{flex-wrap:wrap;row-gap:12px}
  .trust li{padding:0 12px 0 0;border:0;flex:1 1 45%}
  .p-row{grid-template-columns:1fr 1fr;gap:12px}
  .p-row li::before,.p-row li+li::before{display:none!important}
  .p-row li{min-height:0}
  .p-row li.p-total{grid-column:1/-1}
  .price-foot{flex-direction:column;align-items:stretch;min-height:0;margin-top:30px}
  .price-foot .btn{margin:0;width:100%}
  .btn-xl{height:62px;font-size:16px;padding:0 18px;gap:12px}
  .btn-xl .bx{padding-right:12px}
  .warn{padding:16px}
  .warn-ic{width:60px;height:60px}
  .warn-ic svg{width:30px;height:30px}
  .w-grid{grid-template-columns:1fr 1fr}
  .w-grid article:last-child{grid-column:1/-1}
  .budget{padding:60px 0 40px}
  .budget-bg{width:100%;height:300px;inset:auto 0 0 auto;opacity:.55}
  .budget::after{display:none}
  .b-feat{flex-wrap:wrap;gap:16px}
  .b-feat li{padding:0 14px 0 0;border:0;flex:1 1 40%}
  .faq summary{gap:14px;padding:10px 14px}
  .fi{width:40px;height:40px}
  .faq details p{padding:0 16px 16px 68px}
  .final-box{padding:24px 18px}
  .f-steps li{padding:0 12px}
  .m-f2{grid-template-columns:1fr}
  .modal-box{padding:22px 18px}
}
@media (max-width:480px){
  .hdr-act .btn-sub span{display:none}
  .hdr-act .btn-sub{width:36px;height:36px;padding:0;justify-content:center}
}
@media (max-width:420px){
  .calc{grid-template-columns:1fr}
  .h-grid,.w-grid{grid-template-columns:1fr}
  .kc-st{grid-template-columns:1fr 1fr 1fr}
  .kc-st svg{display:none}
}

/* ============ живость: наведение и прокрутка (без сдвигов карточек) ============ */
.cc,.hc,.ic,.kc,.w-grid article,.p-row li,.flow li,.faq details,.feat li,.kc-st div,.final-box,.warn,.sel{transition:border-color .3s ease,background-color .3s ease,box-shadow .35s ease,opacity .6s ease,transform .6s ease}
.cc:hover,.hc:hover,.ic:hover,.kc:hover,.w-grid article:hover,.p-row li:hover,.flow li:hover,.faq details:hover{border-color:rgba(242,23,15,.45);box-shadow:0 0 0 1px rgba(242,23,15,.18),0 22px 44px -26px rgba(225,6,0,.55)}
.p-total:hover{box-shadow:0 0 0 1px rgba(225,6,0,.6),0 24px 50px -20px rgba(225,6,0,.75)}
/* фото внутри карточек — мягкое приближение */
.cc-img,.hc-ph img,.ic>img,.kc-ph img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.cc:hover .cc-img,.hc:hover .hc-ph img,.ic:hover>img,.kc:hover .kc-ph img{transform:scale(1.05);filter:brightness(1.08)}
.cc{overflow:hidden}
/* иконки подсвечиваются */
.flow li svg,.w-grid svg,.p-row svg,.ic-t>svg,.trust svg,.hero-feat svg,.b-feat svg,.fi svg,.f-steps span svg,.warn-r svg,.feat svg,.kc-st svg,.sel>svg{transition:color .3s,filter .3s,transform .3s}
.flow li:hover svg,.w-grid article:hover svg,.p-row li:hover svg,.ic:hover .ic-t>svg,.trust li:hover svg,.hero-feat li:hover svg,.b-feat li:hover svg,.faq details:hover .fi svg,.f-steps li:hover span svg{color:var(--red2);filter:drop-shadow(0 0 10px rgba(242,23,15,.55))}
.feat li:hover{border-color:rgba(242,23,15,.35);background:rgba(242,23,15,.06)}
.feat li:hover svg,.kc-st div:hover svg{filter:drop-shadow(0 0 8px rgba(242,23,15,.6))}
.kc-st div:hover{border-color:rgba(242,23,15,.35)}
.sel:hover>svg,.sel:focus-within>svg{color:var(--red2)}
.fi{transition:background .3s}.faq details:hover .fi{background:rgba(242,23,15,.1)}
.f-steps span{transition:border-color .3s,background .3s}.f-steps li:hover span{border-color:rgba(242,23,15,.5);background:rgba(242,23,15,.08)}
/* кнопки: блик и стрелка */
.btn-red{position:relative;overflow:hidden;isolation:isolate}
.btn-red::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:translateX(-120%);transition:transform .7s ease}
.btn-red:hover::after{transform:translateX(120%)}
.btn>svg:last-child{transition:transform .25s ease}
.btn:hover>svg:last-child{transform:translateX(4px)}
.btn-line i{transition:background .25s,transform .25s}
.btn-line:hover i{background:var(--red2);transform:translateX(3px)}
.rnd{transition:background .25s,border-color .25s,transform .25s}
.cc:hover .rnd,.rnd:hover{background:var(--red);border-color:var(--red)}
.circ:hover svg{color:#fff}
.nav a{position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav a:hover::after{transform:scaleX(1)}
.faq summary>i{transition:transform .25s,background .2s,border-color .2s}
.faq details:not([open]) summary:hover>i{border-color:var(--red)}
/* плавное раскрытие ответа */
.faq details[open] p{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* первый экран при загрузке */
.hero-bg img{animation:heroZoom 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroZoom{from{transform:scale(1.08);opacity:.2}to{transform:none;opacity:1}}
.hero .h-xl,.calc,.hero-feat li{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.calc{animation-delay:.15s}.hero-feat li:nth-child(1){animation-delay:.3s}.hero-feat li:nth-child(2){animation-delay:.4s}.hero-feat li:nth-child(3){animation-delay:.5s}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
/* параллакс фонов (двигает JS, только на десктопе) */
.hero-bg img,.care-bg img,.budget-bg img{will-change:transform}
.plx{transform:translate3d(0,var(--py,0),0) scale(1.06)}
/* «+» в формуле цены появляются по очереди */
.js .p-row li.rv::before{transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) .25s}
.js .p-row li.rv.in::before{transform:scale(1)}
.slash{transform-origin:left}
.js .sec-head.rv .slash{transform:scaleX(0);transition:transform .6s ease .1s}
.js .sec-head.rv.in .slash{transform:none}
@media (hover:none){.cc:hover .cc-img,.hc:hover .hc-ph img,.ic:hover>img,.kc:hover .kc-ph img{transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .plx{transform:none}
}

/* ============ онлайн-ассистент ============ */
.chat-fab{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border:1px solid rgba(255,255,255,.12);border-radius:40px;background:rgba(14,14,15,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 18px 40px -16px rgba(0,0,0,.9);transition:border-color .3s,box-shadow .3s,opacity .3s}
.chat-fab:hover{border-color:rgba(242,23,15,.5);box-shadow:0 18px 44px -14px rgba(225,6,0,.55)}
.chat-fab-ic{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--red2),var(--red))}
.chat-fab-ic svg{width:22px;height:22px;color:#fff}
.chat-fab-ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red2);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.6);opacity:0}}
.chat-fab-t{display:flex;flex-direction:column;text-align:left;line-height:1.2}
.chat-fab-t b{font-size:13.5px}
.chat-fab-t small{font-size:11px;color:#6fdc98}
.chat-open .chat-fab{opacity:0;pointer-events:none}
.chat{position:fixed;right:22px;bottom:22px;z-index:95;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;border-radius:18px;background:#0c0c0d;border:1px solid var(--line2);box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(225,6,0,.12);overflow:hidden;animation:chatIn .3s cubic-bezier(.2,.7,.2,1)}
@keyframes chatIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.chat-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(225,6,0,.18),transparent 70%)}
.chat-av{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--line2);flex:none}
.chat-av img{width:100%;height:100%;object-fit:cover}
.chat-h b{display:block;font-size:14.5px}
.chat-h small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.chat-h small i{width:7px;height:7px;border-radius:50%;background:#43d17d;box-shadow:0 0 8px #43d17d}
.chat-h .m-close{position:static;margin-left:auto;width:32px;height:32px}
.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;animation:up .3s ease both}
.msg.bot{align-self:flex-start;background:#171718;border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:linear-gradient(180deg,var(--red2),var(--red));border-bottom-right-radius:4px}
.msg a{color:var(--red2);text-decoration:underline}
.msg.me a{color:#fff}
.msg.typing{display:flex;gap:4px;padding:14px}
.msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dot 1.2s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.chat-quick button{padding:7px 12px;border-radius:20px;border:1px solid var(--line2);background:none;font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}
.chat-quick button:hover{border-color:var(--red);background:rgba(225,6,0,.1)}
.chat-lead{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:#111112}
.chat-lead input:not([type=checkbox]){padding:10px 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(255,255,255,.03);outline:0;font-size:13px;min-width:0}
.chat-lead input:focus{border-color:var(--red)}
.chat-lead .consent,.chat-lead .btn,.chat-lead .form-msg{grid-column:1/-1}
.chat-lead .consent{font-size:11px}
.chat-lead .btn{padding:11px;font-size:13px}
.chat-lead .form-msg{font-size:12px}
.chat-in{display:flex;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--line)}
.chat-in input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);outline:0;font-size:14px}
.chat-in input:focus{border-color:var(--red)}
.chat-in button{width:46px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--red2),var(--red));display:grid;place-items:center;cursor:pointer;transition:filter .2s}
.chat-in button:hover{filter:brightness(1.12)}
.chat-in button svg{color:#fff}
@media (max-width:720px){
  .chat-fab{right:12px;bottom:12px;padding:6px}
  .chat-fab-t{display:none}
  .chat{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}
}

/* ============ окно калькулятора: подбор под бюджет ============ */
.pop{z-index:98}
.pop-box{width:min(860px,100%);padding:30px 32px}
.pop-box>h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:18px}
.pop-box>h3 em{color:var(--red2)}
.pop-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:16px;width:max-content;max-width:100%}
.pop-tabs button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:9px;background:none;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--muted);transition:background .25s,color .25s}
.pop-tabs button svg{width:18px;height:18px}
.pop-tabs button:hover{color:#fff}
.pop-tabs button[aria-selected=true]{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff}
.pick{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px}
.pick .btn{height:auto;min-height:52px}
.pick-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 4px;font-size:12px;color:var(--muted2)}
.pick-chips button{padding:6px 12px;border-radius:20px;border:1px solid var(--line2);background:none;font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}
.pick-chips button:hover{border-color:var(--red);background:rgba(225,6,0,.1)}
#pRes{margin-top:14px}
.pk-head{margin:0 0 12px;font-weight:700;font-size:15px}
.pk-head small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.pk-empty{margin:4px 0 14px;color:#d5d7da;font-size:14px}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pk{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);animation:up .45s cubic-bezier(.2,.7,.2,1) both;transition:border-color .3s,box-shadow .3s}
.pk:nth-child(2){animation-delay:.06s}.pk:nth-child(3){animation-delay:.12s}.pk:nth-child(4){animation-delay:.18s}.pk:nth-child(5){animation-delay:.24s}.pk:nth-child(6){animation-delay:.3s}
.pk:hover{border-color:rgba(242,23,15,.45);box-shadow:0 18px 36px -24px rgba(225,6,0,.6)}
.pk-t{display:flex;gap:10px;align-items:flex-start}
.pk-t img{width:28px;height:20px;border-radius:3px;object-fit:cover;margin-top:2px}
.pk-t b{display:block;font-size:14.5px}
.pk-t small{font-size:11.5px;color:var(--muted)}
.pk-p span{font:800 19px/1.1 var(--head)}
.pk-p small{display:block;font-size:11px;color:var(--muted2);margin-top:3px}
.pk-bar{height:5px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.pk-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--red-d),var(--red2));transform-origin:left;animation:bar .9s cubic-bezier(.2,.7,.2,1) both .2s}
@keyframes bar{from{transform:scaleX(0)}to{transform:none}}
.pk .btn-line{margin-top:auto;font-size:12px}
#popCalc .calc{margin-top:0;max-width:none;background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
@media (max-width:720px){
  .pop-box{padding:22px 16px}
  .pop-tabs{width:100%}
  .pop-tabs button{flex:1;justify-content:center;padding:10px 8px;font-size:12.5px}
  .pick{grid-template-columns:1fr 1fr}
  .pick .sel.inp,.pick .btn{grid-column:1/-1}
  .pk-grid{grid-template-columns:1fr}
}
@media (min-width:721px) and (max-width:900px){.pk-grid{grid-template-columns:1fr 1fr}}

/* ============ правки по отзыву клиента (28.09) ============ */
@media (max-width:720px){
  .h-grid .hc:last-child:nth-child(odd){grid-column:1/-1}          /* 5-й этап — на всю ширину */
  .h-grid .hc:last-child:nth-child(odd) .hc-ph img{aspect-ratio:2.4}
  .sec{padding:44px 0}
  .imp{padding-bottom:20px}
  .price{padding-top:30px}
  .price::after{display:none}
  .budget-bg{width:100%;opacity:.45}
}
@media (max-width:540px){
  .calc{grid-template-columns:1fr}
  .sel select,.sel input{font-size:15px}
}
.btn-mgr{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:#c9ccd0;font-size:13px;cursor:pointer;padding:4px 0 0}
.btn-mgr svg{width:17px;height:17px;color:var(--red2)}
.btn-mgr u{text-decoration-color:rgba(242,23,15,.6);text-underline-offset:3px}
.btn-mgr:hover{color:#fff}
.final-act{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.final-act .btn-mgr2{height:50px;font-size:14px}
.ftr-soc{display:flex;flex-direction:column;gap:10px}
.ftr-soc b{font-size:13px;color:#fff}
.ftr-soc .ftr-s .circ{width:38px;height:38px}
@media (max-width:1020px){.final-act{width:100%}}

/* выпадающие списки в стиле сайта */
.fs-native{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px}
.fs-btn{grid-column:2;appearance:none;border:0;background:none;color:#fff;font:500 13.5px/1.35 var(--body);text-align:left;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0}
.sel:has(.fs-btn:focus-visible){border-color:var(--red)}
.fs-open{border-color:rgba(242,23,15,.55)!important;z-index:30}
.fs-open::after{transform:translateY(-30%) rotate(-135deg)!important}
.fs-list{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);z-index:40;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;border-radius:12px;background:#111112;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 48px -16px #000,0 0 0 1px rgba(225,6,0,.12);animation:fsIn .18s ease;scrollbar-width:thin;scrollbar-color:#333 transparent}
@keyframes fsIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fs-list li{padding:9px 12px;border-radius:8px;font-size:13.5px;cursor:pointer;color:#d5d7da;transition:background .12s,color .12s}
.fs-list li.on{background:rgba(225,6,0,.16);color:#fff}
.fs-list li[aria-selected=true]{color:#fff;font-weight:600}
.fs-list li[aria-selected=true]::after{content:"✓";float:right;color:var(--red2)}
.calc,.pick{position:relative}
.calc .sel,.pick .sel{position:relative}

/* окно «Подробнее» и карточка кейса */
.dt-box{width:min(760px,100%);padding:0;overflow:auto}
.dt-box .m-close{z-index:3;background:rgba(0,0,0,.55)}
.dt-media{position:relative;background:#050505}
.dt-media>img{width:100%;aspect-ratio:2.3;object-fit:cover;display:block;-webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 70%,transparent)}
.dt-gal{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;background:#000;scrollbar-width:thin}
.dt-gal>*{flex:0 0 100%;max-height:62vh;object-fit:contain;background:#000;scroll-snap-align:start}
.dt-gal.many>*{flex-basis:auto;max-width:86%}
.dt-gal video{width:100%;max-height:62vh}
.dt-body{padding:22px 30px 30px}
.dt-body h3{font:800 clamp(22px,3vw,28px)/1.15 var(--head);margin:0 40px 10px 0}
.dt-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.dt-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--line2);font-size:12.5px;color:#d5d7da}
.dt-meta img{width:20px;height:14px;border-radius:2px;object-fit:cover}
.dt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.dt-stats:empty{display:none}
.dt-stats div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.dt-stats svg{color:var(--red2)}
.dt-stats p{margin:0}.dt-stats span{display:block;font-size:11px;color:var(--muted)}.dt-stats b{font-size:14px}
.dt-text{color:#d5d7da;font-size:15px;line-height:1.6}
.dt-text p{margin:0 0 12px}
.dt-text ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
.dt-text li{position:relative;padding:9px 12px 9px 36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);font-size:14px}
.dt-text li::before{content:"";position:absolute;left:13px;top:50%;width:10px;height:6px;border:solid var(--red2);border-width:0 0 2px 2px;transform:translateY(-70%) rotate(-45deg)}
.dt-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dt-act .btn{flex:1 1 220px;height:50px}
/* карточки реальных кейсов */
.kc-ph img{aspect-ratio:1.45;object-position:center 72%}
.kc-play{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(225,6,0,.9);box-shadow:0 8px 20px -6px rgba(0,0,0,.8)}
.kc-play svg{width:18px;height:18px;color:#fff;margin-left:2px}
.kc-q{margin:0 0 12px;font-size:13px;line-height:1.5;color:#c9ccd0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:720px){.dt-body{padding:18px 16px 22px}.dt-media>img{aspect-ratio:1.8}}

.dt-meta .dt-vid{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;background:var(--red);font-size:12.5px;font-weight:600}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;border:1px solid var(--line2);font-size:13px;transition:border-color .2s,background .2s}
.chip svg{width:16px;height:16px}
.chip:hover{border-color:var(--red);background:rgba(225,6,0,.1)}
.ftr-ch{margin-top:6px}

/* второй экран — полный кадр из макета (машина + ключи), как у дизайнера */
.care{min-height:640px}
.care-bg{inset:0;width:100%}
.care-bg img{object-position:center 70%}
/* правка Никиты 30.09: фон темнее, блики под заголовком гасим (z-index — слой был под картинкой и не работал) */
.care-bg::before{z-index:1;background:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 20%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.15) 80%,#000 100%),linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.6) 35%,transparent 62%)}
.care::before{display:none}
.care-txt{padding:40px 0 260px}
@media (max-width:720px){.care{min-height:0}.care-bg img{object-position:80% 70%}.care-bg{opacity:1}.care-txt{padding:30px 0 220px}}
.rev-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--muted)}
.rev-more span{margin-right:4px}
.feat li[data-detail]{cursor:pointer}
.feat li[data-detail]:hover{color:#fff}

.hero-contact{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:680px;font-size:13px;color:#c9ccd0;animation:up .8s cubic-bezier(.2,.7,.2,1) .25s both}
.hero-contact span{margin-right:4px}
.hero-contact .circ{width:38px;height:38px;background:rgba(0,0,0,.35)}
.hero-phone{display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:9px 14px;border-radius:20px;border:1px solid var(--line2);background:rgba(0,0,0,.35);font-weight:600;color:#fff;transition:border-color .2s,background .2s}
.hero-phone svg{width:16px;height:16px;color:var(--red2)}
.hero-phone:hover{border-color:var(--red);background:rgba(225,6,0,.12)}
.hero-feat{margin-top:28px}
@media (max-width:720px){.hero-contact span{flex-basis:100%}.hero-phone{margin-left:0}}
.ftr-legal{margin-top:4px!important;font-size:12px}
.ftr-meta{margin:2px 0 0;font-size:11px;color:var(--muted2);max-width:420px}

/* отзывы клиентов */
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rv-card{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card2);border:1px solid var(--line);transition:border-color .3s,box-shadow .35s,opacity .6s ease,transform .6s ease}
.rv-card:hover{border-color:rgba(242,23,15,.45);box-shadow:0 0 0 1px rgba(242,23,15,.18),0 22px 44px -26px rgba(225,6,0,.55)}
.rv-ph{position:relative;display:block;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}
.rv-ph img{width:100%;aspect-ratio:1.3;object-fit:cover;object-position:center 60%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rv-card:hover .rv-ph img{transform:scale(1.05)}
.rv-n{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:20px;background:rgba(0,0,0,.65);font-size:11.5px;color:#fff}
.rv-b{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.rv-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rv-top b{font:800 15px/1.2 var(--head)}
.rv-top span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.rv-top img{width:20px;height:14px;border-radius:2px;object-fit:cover}
.rv-stars,.dt-stars{color:#ffb020;letter-spacing:2px;font-size:14px}
.rv-b p{margin:0;font-size:13.5px;line-height:1.55;color:#d5d7da;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.rv-more{margin-top:auto;align-self:flex-start;padding:0;border:0;background:none;color:var(--red2);font-size:13px;font-weight:600;cursor:pointer}
.rv-more:hover{text-decoration:underline}
.rv-all{height:48px;font-size:13.5px;gap:14px}
.dt-meta .dt-stars{border:0;padding:6px 4px}
@media (max-width:1020px){.rv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.rv-grid{grid-template-columns:1fr}.cases-head .rv-all{width:100%}}
.page-main{padding-top:74px}
.crumbs{margin:0 0 18px;font-size:13px;color:var(--muted)}
.crumbs a:hover{color:#fff}.crumbs span{margin:0 6px;opacity:.5}
.page-reviews .rv-b p{-webkit-line-clamp:8}

/* ============ КАТАЛОГ НАПАРСЕННЫХ АВТО ============ */
.catalog{position:relative;background:linear-gradient(180deg,var(--bg) 0,#080809 35%,#060607 70%,var(--bg) 100%)}
.cat-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.cat-count-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid rgba(225,6,0,.4);background:rgba(225,6,0,.1);font-size:12.5px;color:#fff;font-weight:600}
.cat-count-badge span{color:var(--red2);font-weight:700}

.cat-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(18,18,20,.85);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin-bottom:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-wrap:wrap}
.cat-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cat-tab{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.cat-tab:hover{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05)}
.cat-tab.active{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;border-color:transparent;box-shadow:0 6px 20px -8px rgba(225,6,0,.8)}

.cat-controls{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.cat-search{position:relative;min-width:260px}
.cat-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted2);pointer-events:none}
.cat-search input{width:100%;height:38px;padding:0 32px 0 36px;border-radius:8px;border:1px solid var(--line2);background:rgba(0,0,0,.4);color:#fff;font-size:13px;outline:0;transition:border-color .2s}
.cat-search input:focus{border-color:var(--red)}
.cat-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.1);border:0;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cat-search-clear svg{position:static;transform:none;width:12px;height:12px}
.cat-search input:not(:placeholder-shown)+.cat-search-clear{display:flex}

.cat-select-wrap{position:relative}
.cat-select-wrap select{height:38px;padding:0 28px 0 12px;border-radius:8px;border:1px solid var(--line2);background:#131315;color:#fff;font-size:12.5px;outline:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.cat-select-wrap::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border:solid #aaa;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.car-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card2);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.car-card:hover{transform:translateY(-4px);border-color:rgba(225,6,0,.45);box-shadow:0 18px 40px -20px rgba(0,0,0,.9),0 0 0 1px rgba(225,6,0,.25)}

.car-card-ph{position:relative;width:100%;aspect-ratio:1.65;background:#080809;overflow:hidden}
.car-card-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.car-card:hover .car-card-ph img{transform:scale(1.06)}
.car-card-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 30%,transparent 60%,rgba(14,14,15,.95) 100%)}

.car-badge-country{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);font-size:11px;font-weight:600;color:#fff}
.car-badge-country img{width:16px;height:11px;border-radius:2px;object-fit:cover}

.car-badge-status{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.car-badge-status.instock{background:rgba(30,170,80,.85);color:#fff}
.car-badge-status.onorder{background:rgba(225,6,0,.85);color:#fff}

.car-fav-btn{position:absolute;right:10px;bottom:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.65);border:1px solid var(--line2);display:grid;place-items:center;cursor:pointer;color:#fff;transition:all .2s}
.car-fav-btn:hover{background:rgba(225,6,0,.2);border-color:var(--red)}
.car-fav-btn svg{width:16px;height:16px}
.car-fav-btn.active{background:rgba(225,6,0,.9);border-color:transparent;color:#fff}
.car-fav-btn.active svg{fill:currentColor}

.car-card-b{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1;position:relative;z-index:1}
.car-card-title{margin:0 0 4px;font:800 16px/1.2 var(--head);color:#fff}
.car-card-spec{font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.3}

.car-card-price-row{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.car-card-price{font:800 20px/1.1 var(--head);color:#fff;display:flex;align-items:baseline;gap:6px}
.car-card-price small{font:500 11px/1 var(--body);color:var(--muted2)}

.car-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:#c9ccd0;margin:10px 0 14px}
.car-card-meta>span{display:inline-flex;align-items:center;gap:5px}
.car-card-meta svg{width:14px;height:14px;color:var(--red2)}

.car-card-btns{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}
.car-card-btns .btn{padding:10px 8px;font-size:12px}

.cat-empty{text-align:center;padding:60px 20px;grid-column:1/-1;border-radius:var(--r);border:1px dashed var(--line2);background:rgba(255,255,255,.01)}
.cat-empty svg{width:48px;height:48px;color:var(--muted2);margin:0 auto 14px}
.cat-empty h4{margin:0 0 6px;font:800 18px var(--head)}
.cat-empty p{margin:0 0 18px;color:var(--muted);font-size:14px}

.cat-foot{margin-top:30px;display:flex;align-items:center;justify-content:center}
.cat-more-btn{padding:12px 28px;font-size:13.5px}

/* ============ БАННЕР И МОДАЛКА ПОДПИСКИ ============ */
.btn-sub{border:1px solid rgba(225,6,0,.4);background:rgba(225,6,0,.08);color:#fff;display:inline-flex;align-items:center;gap:7px}
.btn-sub:hover{background:rgba(225,6,0,.22);border-color:var(--red2);transform:translateY(-1px)}
.btn-sub svg{width:16px;height:16px;color:var(--red2)}

.sub-banner{margin-top:40px;position:relative;overflow:hidden;border-radius:18px;padding:32px 36px;background:linear-gradient(135deg,rgba(225,6,0,.15) 0%,rgba(20,20,24,.95) 40%,rgba(10,10,12,.98) 100%);border:1px solid rgba(225,6,0,.35);box-shadow:0 24px 60px -24px rgba(0,0,0,.85)}
.sub-banner::before{content:"";position:absolute;right:-40px;top:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(225,6,0,.25),transparent 70%);pointer-events:none}
.sub-banner-in{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1;flex-wrap:wrap}
.sub-banner-t{flex:1;min-width:280px}
.sub-badge{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--red2);margin-bottom:8px}
.sub-badge svg{width:16px;height:16px}
.sub-banner-t h3{margin:0 0 6px;font:800 clamp(20px,2.4vw,28px)/1.2 var(--head);color:#fff}
.sub-banner-t p{margin:0;font-size:14px;color:#c9ccd0;max-width:540px}

.sub-banner-f{flex:none;min-width:min(420px,100%)}
.sub-form-row{display:flex;gap:10px}
.sub-form-row input{flex:1;height:50px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);background:rgba(0,0,0,.5);color:#fff;font-size:14px;outline:0}
.sub-form-row input:focus{border-color:var(--red)}
.sub-form-row .btn{height:50px;padding:0 22px;flex:none}
.sub-note{margin:8px 0 0;font-size:11.5px;color:var(--muted2)}
.sub-msg{margin:8px 0 0;font-size:13px;min-height:1.2em}
.sub-msg.ok{color:#5fd08a}
.sub-msg.err{color:#ff7a7f}

/* модальное окно подписки */
.sub-modal-box{width:min(520px,100%);padding:32px 28px}
.sub-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}
.sub-topic{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#d5d7da;user-select:none}
.sub-topic:hover{border-color:var(--line2);background:rgba(255,255,255,.07);color:#fff}
.sub-topic:has(input:checked){border-color:rgba(225,6,0,.5);background:rgba(225,6,0,.1);color:#fff}
.sub-topic input{accent-color:var(--red);margin:0;width:16px;height:16px;cursor:pointer}

@media (max-width:1180px){
  .cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .cat-bar{flex-direction:column;align-items:stretch}
  .cat-controls{margin-left:0;width:100%}
  .cat-search{min-width:0;flex:1}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .sub-banner-in{flex-direction:column;align-items:stretch}
  .sub-banner-f{min-width:0;width:100%}
}
@media (max-width:540px){
  .cat-grid{grid-template-columns:1fr}
  .car-card-btns{grid-template-columns:1fr}
  .sub-form-row{flex-direction:column}
  .sub-form-row .btn{width:100%}
  .sub-topics{grid-template-columns:1fr}
}


/* Первый экран — ровно во весь экран (правка Никиты 28.09: на 1920×1080 снизу вылезал блок «Найдем…») */
@media (min-width:1021px){
  .hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:96px 0 40px}
  .hero-in{width:100%}
}
@media (min-width:1021px) and (max-height:860px){
  .hero .h-xl{font-size:clamp(30px,3.4vw,44px)}
  .hero-feat{margin-top:26px}
}

/* Акция во всплывающем окне (правка 28.09) */
.promo{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.promo:not([hidden]){animation:promoFade .3s ease}
.promo-box{position:relative;width:min(460px,100%);padding:34px 30px 28px;border:1px solid var(--line2);border-radius:var(--r);background:radial-gradient(120% 90% at 100% 0%,rgba(225,6,0,.28),transparent 55%),#0b0b0c;box-shadow:0 30px 80px -20px rgba(0,0,0,.9),0 0 0 1px rgba(225,6,0,.15);animation:promoUp .45s cubic-bezier(.2,.8,.2,1)}
.promo-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.promo-x:hover{background:rgba(225,6,0,.25)}
.promo-tag{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}
.promo-box h3{margin:0 0 10px;font-family:var(--head);font-size:clamp(26px,5vw,34px);line-height:1.05;font-weight:800}
.promo-txt{margin:0 0 22px;color:#c9ccd0;font-size:15px;line-height:1.5}
.promo-go{width:100%;justify-content:center}
@keyframes promoFade{from{opacity:0}}
@keyframes promoUp{from{opacity:0;transform:translateY(24px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.promo,.promo-box{animation:none}}

/* Свежие предложения (посты модуля ИИ) */
.off-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.off-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:#0b0b0c;overflow:hidden;transition:border-color .25s,transform .3s}
.off-card:hover{border-color:rgba(225,6,0,.45);transform:translateY(-4px)}
.off-ph{aspect-ratio:16/10;overflow:hidden;background:#111}
.off-ph img{width:100%;height:100%;object-fit:cover}
.off-b{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.off-b h3{margin:0;font-size:18px;line-height:1.25}
.off-price{margin:0;font-family:var(--head);font-size:22px;font-weight:800}
.off-price small{display:block;margin-top:2px;font:500 12px/1.3 var(--font, Inter, system-ui, sans-serif);color:#9a9da3}
.off-txt{font-size:14px;line-height:1.55;color:#c9ccd0;max-height:7.8em;overflow:hidden;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.off-card.open .off-txt{max-height:none;-webkit-mask:none;mask:none}
.off-more{align-self:flex-start;border:0;background:none;padding:0;color:var(--red2);font:600 13px inherit;cursor:pointer}
.off-b .btn{margin-top:auto;justify-content:center}

/* ============ ФИЛЬТР ПРОБЕГА И АУКЦИОНЫ ЯПОНИИ ============ */
.cat-mileage{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.45);border:1px solid var(--line2);border-radius:8px;padding:2px 10px;height:38px}
.cat-ml-lbl{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.cat-ml-lbl svg{width:14px;height:14px;color:var(--red2)}
.cat-ml-inputs{display:inline-flex;align-items:center;gap:4px}
.cat-ml-inputs input{width:70px;height:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;font-size:12px;text-align:center;padding:0 4px;outline:0}
.cat-ml-inputs input:focus{border-color:var(--red)}
.cat-ml-inputs input::-webkit-outer-spin-button,
.cat-ml-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cat-ml-sep{color:var(--muted2);font-size:12px}

.cat-subbar-japan{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,rgba(225,6,0,.12) 0%,rgba(18,18,22,.9) 45%,rgba(18,18,22,.9) 100%);border:1px solid rgba(225,6,0,.35);border-radius:12px;padding:12px 18px;margin-bottom:24px;flex-wrap:wrap;box-shadow:0 8px 24px -10px rgba(0,0,0,.8)}
.csj-left{display:flex;flex-direction:column;gap:4px}
.csj-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff2d20;box-shadow:0 0 10px #ff2d20;animation:pulseLive 1.5s infinite}
@keyframes pulseLive{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}
.csj-rule{font-size:12px;color:#c9ccd0}
.csj-rule b{color:#fff;font-weight:700}
.csj-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.csj-btn{height:36px;padding:0 14px;font-size:12px;border-radius:8px}
.csj-btn.active{background:rgba(225,6,0,.25);border-color:var(--red);color:#fff}

.car-card-btns .btn-auc{grid-column:span 2;background:rgba(225,6,0,.15);border:1px solid rgba(225,6,0,.4);color:#fff;padding:8px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;cursor:pointer;transition:all .2s}
.car-card-btns .btn-auc:hover{background:rgba(225,6,0,.35);border-color:var(--red);transform:translateY(-1px)}
.car-card-btns .btn-auc svg{width:14px;height:14px;color:var(--red2)}

/* ============ ДЕТАЛЬНЫЙ АУКЦИОННЫЙ ЛИСТ (МОДАЛЬНОЕ ОКНО) ============ */
.auc-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px 16px;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto}
.auc-modal:not([hidden]){display:grid}
.auc-box{width:min(1140px,100%);max-height:92vh;overflow-y:auto;background:radial-gradient(100% 80% at 50% 0%,#18191f 0%,#0c0d10 60%,#070708 100%);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px 32px 36px;box-shadow:0 30px 100px -20px rgba(0,0,0,.95),0 0 0 1px rgba(225,6,0,.25);color:#fff;position:relative}

/* Табы в аукционном листе */
.auc-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.auc-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#a0a4ab;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.auc-tab:hover{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.auc-tab.active{background:linear-gradient(180deg,#ff2d20,#c0140c);color:#fff;border-color:transparent;box-shadow:0 8px 24px -6px rgba(225,6,0,.7)}
.auc-tab svg{width:16px;height:16px}

/* Шапка лота */
.auc-hero-head{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:20px}
.ahh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.ahh-title-wrap{display:flex;flex-direction:column;gap:6px}
.ahh-lot-badge{align-self:flex-start;display:inline-flex;padding:3px 10px;border-radius:6px;background:rgba(225,6,0,.2);border:1px solid rgba(225,6,0,.5);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em}
.ahh-title{margin:0;font:800 clamp(22px,3vw,30px)/1.15 var(--head);color:#fff}
.ahh-title span{color:var(--red2);font-weight:700;font-size:.8em}

.ahh-eval-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(225,6,0,.25),rgba(20,20,24,.9));border:1.5px solid var(--red);border-radius:12px;padding:8px 16px}
.eval-num{font:900 32px/1 var(--head);color:#fff}
.eval-sub{display:flex;flex-direction:column;font-size:11.5px;color:#c9ccd0;line-height:1.2}
.eval-sub b{color:#fff;font-size:13px}

.ahh-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip-item{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;color:#e1e4e8}
.chip-item svg{width:14px;height:14px;color:var(--red2)}
.chip-nonpass{background:rgba(225,6,0,.18);border-color:rgba(225,6,0,.45);color:#ff7a7f;font-weight:700}
.chip-pass{background:rgba(40,180,90,.18);border-color:rgba(40,180,90,.45);color:#5fd08a;font-weight:700}

.ahh-price-row{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:16px}
.ahh-sold-box{display:flex;flex-direction:column;gap:4px}
.sold-tag{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--red2);text-transform:uppercase}
.sold-price{font:800 24px/1 var(--head);color:#fff}
.sold-price small{font:500 12px var(--body);color:var(--muted2);margin-left:6px}
.turnkey-approx{font-size:16px;font-weight:700;color:#5fd08a}
.turnkey-approx small{font-size:11.5px;font-weight:500;color:var(--muted)}

.ahh-freight-notice{background:rgba(0,0,0,.35);border:1px dashed rgba(225,6,0,.4);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.afn-t{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.afn-t svg{width:16px;height:16px;color:var(--red2)}
.ahh-freight-notice p{margin:0;color:#d5d7da}
.ahh-freight-notice small{color:var(--muted2);font-size:11px}

/* Виджет «Определить месяц выпуска» */
.auc-month-verifier{background:linear-gradient(135deg,rgba(255,45,32,.08),rgba(15,16,20,.85));border:1px solid rgba(255,45,32,.3);border-radius:14px;padding:16px 20px;margin-bottom:22px}
.amv-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.amv-head svg{width:22px;height:22px;color:var(--red2);flex:none;margin-top:2px}
.amv-head b{font-size:14.5px;color:#fff}
.amv-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}

.amv-input-row{display:flex;gap:10px;margin-bottom:12px}
.amv-input-row input{flex:1;height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);background:rgba(0,0,0,.6);color:#fff;font-size:14px;font-family:monospace;letter-spacing:.05em;outline:0}
.amv-input-row input:focus{border-color:var(--red)}
.amv-input-row .btn{height:44px;padding:0 22px;flex:none}

.amv-res-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(0,0,0,.4);border:1px solid var(--line2);border-radius:10px;padding:12px 16px;flex-wrap:wrap}
.amv-res-icon{width:32px;height:32px;border-radius:50%;background:rgba(40,180,90,.2);color:#5fd08a;display:grid;place-items:center;flex:none}
.amv-res-icon svg{width:18px;height:18px}
.amv-res-info{display:flex;flex-direction:column;gap:4px;flex:1}
.amv-res-info b{font-size:13.5px;color:#fff}
.amv-res-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.amv-pill-date{color:#fff;font-weight:600}
.amv-pill-km{color:var(--muted)}
.amv-pill-status.nonpass{color:#ff7a7f;font-weight:700}
.amv-pill-status.pass{color:#5fd08a;font-weight:700}
.amv-res-calc-btn{height:36px;padding:0 14px;font-size:12px;display:inline-flex;align-items:center;gap:6px}

/* Двухколоночный блок аукциона */
.auc-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.abg-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:20px}
.abg-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;flex-wrap:wrap}
.abg-card-h h4{margin:0;font-size:16px;font-weight:800;color:#fff}
.jap-badge{padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;color:#ccc;letter-spacing:.05em}
.auc-date{font-size:12px;color:var(--muted)}
.dmg-help-hint{font-size:11.5px;color:var(--red2);font-weight:600}

.auc-mini-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:16px}
.auc-mini-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}
.auc-mini-table td:first-child{color:var(--muted);width:35%}
.auc-mini-table td:last-child{color:#fff}
.auc-mini-table code{background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px;color:#5fd08a;font-family:monospace}

.auc-inspector-block{background:rgba(0,0,0,.35);border:1px solid var(--line2);border-radius:12px;padding:14px 16px}
.aib-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.aib-head svg{width:16px;height:16px;color:var(--red2)}
.aib-head h5{margin:0;font-size:13px;font-weight:700;color:#fff}
.aib-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.aib-list li{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:baseline;padding-bottom:6px;border-bottom:1px dashed rgba(255,255,255,.06);font-size:12px}
.aib-list li:last-child{border-bottom:0;padding-bottom:0}
.aib-jp{font-family:'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;font-weight:700;color:#ff9800;letter-spacing:.02em}
.aib-ru{color:#d5d7da;line-height:1.35}
.aib-ru b{color:#fff;margin-right:4px}

/* Схема кузова автомобиля сверху */
.car-diagram-wrap{position:relative;width:100%;max-width:320px;margin:0 auto;display:flex;justify-content:center}
.car-schematic-svg{width:100%;height:auto;display:block}
.car-contour{fill:#111215;stroke:#3d4048;stroke-width:2.2}
.car-line{stroke:#2d3038;stroke-width:1.6}
.car-glass{fill:#1a202c;stroke:#3b4455;stroke-width:1.5}
.car-roof{fill:#14161a;stroke:#2d3038;stroke-width:1.5}
.car-mirror{fill:#1e2025;stroke:#3d4048;stroke-width:1.5}
.car-wheel{fill:#090a0c;stroke:#22242a;stroke-width:1.5}
.diag-lbl{fill:#6b7280;font-size:9.5px;font-family:sans-serif;text-anchor:middle}
.diag-side-lbl{fill:#6b7280;font-size:8px;font-family:sans-serif;text-anchor:middle}

/* Интерактивные отметки дефектов (Pins) */
.dmg-pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#ff2d20;border:2px solid #fff;color:#fff;font-weight:800;font-size:11px;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 12px rgba(255,45,32,.7);transition:all .2s;z-index:5}
.dmg-pin:hover{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 18px rgba(255,45,32,1)}
.dmg-pin.pin-warn{background:#ff9800;box-shadow:0 0 12px rgba(255,152,0,.7)}
.dmg-pin.pin-alert{background:#e00613;box-shadow:0 0 14px rgba(224,6,19,1);animation:pinBeat 1.8s infinite}
@keyframes pinBeat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}

/* Карточка подсказки дефекта */
.dmg-tooltip-card{position:absolute;bottom:10px;left:10px;right:10px;background:rgba(18,19,24,.96);border:1.5px solid var(--red);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.9);z-index:10;animation:promoFade .2s ease}
.dtc-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.dtc-code{padding:2px 8px;border-radius:6px;background:var(--red);color:#fff;font-weight:800;font-size:12px}
.dtc-title-box{flex:1;display:flex;flex-direction:column;line-height:1.2}
.dtc-title-box b{font-size:12.5px;color:#fff}
.dtc-title-box span{font-size:11px;color:var(--muted)}
.dtc-close{background:none;border:0;color:#fff;font-size:18px;cursor:pointer;padding:0 4px}
.dtc-desc{margin:0;font-size:12px;line-height:1.4;color:#d5d7da}

/* Справочник обозначений */
.auc-legend-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:22px}
.alc-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.alc-h svg{width:22px;height:22px;color:var(--red2);flex:none;margin-top:2px}
.alc-h h4{margin:0 0 2px;font-size:15.5px;font-weight:800;color:#fff}
.alc-h p{margin:0;font-size:12.5px;color:var(--muted)}

.alc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.alc-col{display:flex;flex-direction:column;gap:10px}
.alc-row{display:flex;align-items:flex-start;gap:8px;font-size:12px}
.alc-row b{display:block;color:#fff;font-size:12px}
.alc-row small{display:block;color:var(--muted);font-size:11px;line-height:1.25}
.alc-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;border-radius:5px;font-weight:800;font-size:11px;flex:none}
.b-a{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}
.b-u{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.4)}
.b-b{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.4)}
.b-w{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}
.b-s{background:rgba(139,92,246,.2);color:#c084fc;border:1px solid rgba(139,92,246,.4)}
.b-x{background:rgba(225,29,72,.25);color:#fb7185;border:1px solid rgba(225,29,72,.4)}
.b-y{background:rgba(217,119,6,.2);color:#f59e0b;border:1px solid rgba(217,119,6,.4)}
.b-g{background:rgba(14,165,233,.2);color:#38bdf8;border:1px solid rgba(14,165,233,.4)}
.b-e{background:rgba(244,63,94,.2);color:#fb7185;border:1px solid rgba(244,63,94,.4)}

/* Блок ставки */
.auc-bid-box{background:linear-gradient(135deg,rgba(225,6,0,.15) 0%,rgba(20,21,26,.95) 50%);border:1.5px solid rgba(225,6,0,.4);border-radius:16px;padding:24px 28px}
.abb-info h4{margin:0 0 6px;font:800 18px var(--head);color:#fff}
.abb-info p{margin:0 0 16px;font-size:13.5px;color:#c9ccd0;line-height:1.45}
.abb-inputs{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;margin-bottom:16px}
.abb-inputs .fl{font-size:12px;font-weight:600;color:#c9ccd0;display:flex;flex-direction:column;gap:6px}
.abb-inputs input{height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:rgba(0,0,0,.6);color:#fff;font-size:14px;outline:0}
.abb-inputs input:focus{border-color:var(--red)}
.abb-btns{display:flex;gap:12px;flex-wrap:wrap}
.abb-btns .btn{height:48px;padding:0 24px;font-size:13.5px}

/* Таблицы статистики */
.auc-pane-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px;flex-wrap:wrap}
.auc-pane-head h3{margin:0;font:800 22px var(--head)}
.aph-rule-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:rgba(225,6,0,.12);border:1px solid rgba(225,6,0,.35);font-size:12px;color:#fff}
.aph-rule-pill svg{width:16px;height:16px;color:var(--red2)}

.auc-table-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.auc-stat-table{width:100%;border-collapse:collapse;font-size:12.5px;white-space:nowrap;background:rgba(0,0,0,.3)}
.auc-stat-table th{background:rgba(255,255,255,.05);padding:12px 14px;text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line2)}
.auc-stat-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:#d5d7da}
.auc-stat-table tr:hover td{background:rgba(255,255,255,.03)}
.highlight-row td{background:rgba(225,6,0,.08);color:#fff}
.stat-grade{display:inline-flex;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.08);font-weight:700;color:#fff}
.stat-jpy{font-weight:700;color:#fff}
.stat-rub{color:#5fd08a}
.badge-sold{display:inline-flex;padding:3px 8px;border-radius:5px;background:rgba(225,6,0,.25);border:1px solid rgba(225,6,0,.5);color:#ff7a7f;font-weight:800;font-size:11px}
.auc-note-text{margin:12px 0 0;font-size:12px;color:var(--muted)}

/* Предыдущие торги */
.auc-history-timeline{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.aht-item{display:flex;align-items:flex-start;gap:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.aht-item.success{background:rgba(40,180,90,.06);border-color:rgba(40,180,90,.35)}
.aht-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;flex:none}
.aht-badge.fail{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#f87171}
.aht-badge.win{background:rgba(40,180,90,.2);border:1px solid rgba(40,180,90,.4);color:#5fd08a}
.aht-badge svg{width:14px;height:14px}
.aht-body{display:flex;flex-direction:column;gap:4px}
.aht-date{font-size:13.5px;font-weight:700;color:#fff}
.aht-details{font-size:13px;color:#c9ccd0;line-height:1.4}
.aht-insight{display:flex;align-items:flex-start;gap:14px;background:rgba(0,0,0,.45);border:1px solid var(--line2);border-radius:14px;padding:16px 20px}
.aht-insight svg{width:22px;height:22px;color:var(--red2);flex:none;margin-top:2px}
.aht-insight b{color:#fff;font-size:14px}
.aht-insight p{margin:4px 0 0;font-size:13px;color:#c9ccd0;line-height:1.45}

/* Калькулятор внутри аукционного окна */
.auc-calc-summary{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:16px;padding:24px}
.acs-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.acs-item{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;color:#c9ccd0}
.acs-item.highlight{color:#ff9800}
.acs-item.highlight b{color:#ff9800}
.acs-item b{color:#fff}
.acs-total{display:flex;align-items:center;justify-content:space-between;padding-top:10px;font-size:18px;font-weight:800;color:#5fd08a}
.acs-total b{font-size:22px}
.acs-subtotal{font-size:14px;font-weight:600;color:#d5d7da;text-align:right}

/* Модалка определения кузова */
.chassis-modal-box{width:min(540px,100%);padding:30px 28px}
.cm-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.cm-chips span{font-size:11.5px;color:var(--muted)}
.cm-chips button{padding:4px 10px;border-radius:6px;border:1px solid var(--line2);background:rgba(255,255,255,.05);color:#fff;font-size:11.5px;cursor:pointer;transition:all .2s}
.cm-chips button:hover{border-color:var(--red);background:rgba(225,6,0,.15)}
.cm-output{margin-top:16px}

/* Мобильная адаптация аукционного листа */
@media (max-width:960px){
  .auc-body-grid{grid-template-columns:1fr}
  .ahh-price-row{grid-template-columns:1fr}
  .alc-grid{grid-template-columns:1fr 1fr}
  .abb-inputs{grid-template-columns:1fr}
}
@media (max-width:640px){
  .auc-box{padding:20px 16px}
  .alc-grid{grid-template-columns:1fr}
  .aib-list li{grid-template-columns:1fr;gap:4px}
  .cat-mileage{width:100%}
  .cat-subbar-japan{flex-direction:column;align-items:stretch}
}


/* Правки 29.09 (Никита): читаемость текста на фотофонах */
/* «Из чего складывается цена» — фон темнее, чтобы красное не сливалось с красным */
.price-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.72) 30%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.45)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 30%,transparent 70%,rgba(0,0,0,.6))}
.p-row li{background:rgba(8,8,9,.88)}
/* «Ваш автомобиль — наша забота» — подложка под заголовком на телефоне */
@media (max-width:720px){
  .care-txt{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.55));border-radius:14px;padding:16px 16px 18px;margin-left:-4px;margin-right:-4px;backdrop-filter:blur(2px)}
  .p-total{padding-bottom:16px!important}
  .p-total p,.p-total span{display:block!important;white-space:normal}
}
/* узкий ноутбук: прячем второстепенные пункты, чтобы кнопка «Заказать подбор» помещалась */
@media (max-width:1180px) and (min-width:1021px){.nav a[href="#cases"],.nav a[href="#about"]{display:none}}
/* «Не знаете, что можно привезти» — пункты сеткой 2×2 в левой колонке, чтобы не налезали на машину (Никита 30.09) */
@media (min-width:721px){
  .b-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin-top:34px}
  .b-feat li{flex-direction:row;align-items:center;gap:14px;max-width:none;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(8,8,9,.72);backdrop-filter:blur(3px)}
  .b-feat li:first-child{padding-left:16px;border-left:1px solid var(--line)}
  .b-feat svg{width:28px;height:28px;flex:none}
}

/* ============ правки 30.09 ============ */
.cat-subbar-japan[hidden]{display:none!important}
/* крестик аукционного листа: всегда виден и нажимается (раньше его перекрывали вкладки) */
.auc-box .m-close{position:sticky;top:0;z-index:6;display:grid;margin:-10px -14px 10px auto;width:42px;height:42px;background:#1b1c21;border-color:rgba(255,255,255,.35)}
.auc-box .m-close svg{width:20px;height:20px}
/* кейсы: не срезаем головы людям на фото */
.kc-ph img{object-position:center 32%}
/* первый экран: цифры и УТП (показываем на телефоне, где под шапкой было пустое место) */
.hero-usp{display:none}
@media (max-width:720px){
  .hero .h-xl{padding-top:24px}
  .hero-usp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;padding:0;animation:up .8s cubic-bezier(.2,.7,.2,1) .1s both}
  .hero-usp li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,12,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .hero-usp b{font:800 16px/1.15 var(--head,'Unbounded',sans-serif);color:var(--red2)}
  .hero-usp span{font-size:12px;line-height:1.3;color:#d5d7db}
}
/* пример расчёта в блоке «Из чего складывается цена» */
.p-example{position:relative;z-index:2;margin-top:28px;padding:20px 22px;border-radius:16px;border:1px solid rgba(242,23,15,.35);background:rgba(8,8,9,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pe-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px}
.pe-head b{font:800 18px/1.2 var(--head)}
.pe-head>span:last-child{font-size:13px;color:var(--muted)}
.pe-tag{padding:4px 10px;border-radius:99px;background:rgba(242,23,15,.15);color:var(--red2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pe-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;gap:10px}
.pe-rows li{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.pe-rows small{font-size:11px;color:var(--muted2)}
.pe-rows b{font-size:13px}
.pe-rows span{font-size:11px;line-height:1.35;color:var(--muted);flex:1}
.pe-rows em{font-style:normal;font-weight:700;font-size:15px;margin-top:6px;white-space:nowrap}
.pe-rows .pe-total{border-color:rgba(242,23,15,.5);background:rgba(242,23,15,.08)}
.pe-rows .pe-total em{color:var(--red2);font-size:17px}
.pe-note{margin:12px 0 0;font-size:12px;color:var(--muted)}
@media (max-width:1020px){.pe-rows{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.p-example{padding:16px 14px}.pe-rows{grid-template-columns:1fr;gap:6px}.pe-rows li{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:1px;padding:9px 12px}.pe-rows small{display:none}.pe-rows em{grid-row:1/3;grid-column:2;align-self:center;margin:0}}
/* кейсы: цифры не вылезают за плашки — иконка над подписью, текст переносится (правка 30.09) */
.kc-st div{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 10px}
.kc-st p{min-width:0;width:100%}
.kc-st span{display:block;font-size:10.5px;line-height:1.25}
.kc-st b{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.25;margin-top:2px}
.kc-st svg{width:18px;height:18px;flex:none}

/* ---------- Команда ---------- */
.team{background:#000;padding:70px 0}
.tm-people{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.tm-people figure{margin:0}
.tm-ph{aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:#111;border:1px solid rgba(255,255,255,.08)}
.tm-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tm-people figure:hover .tm-ph img{transform:scale(1.03)}
.tm-people figcaption{padding:14px 4px 0}
.tm-people figcaption b{display:block;font:700 16px/1.25 var(--head,inherit);color:#fff}
.tm-people figcaption span{display:block;margin-top:4px;font-size:13.5px;line-height:1.35;color:var(--red2)}
@media (max-width:1020px){.tm-people{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.team{padding:50px 0}.tm-people{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:24px -16px 0;padding:0 16px 6px}.tm-people figure{flex:0 0 58%;scroll-snap-align:start}}

/* правка Никиты 01.10: вместо плашек «с 2016 / 7 000+…» над калькулятором — «Узнайте за 1 минуту!» */
.hero-sub{margin:10px 0 0;font-size:15px;font-weight:500;color:#c9ccd0;letter-spacing:.01em;animation:up .8s cubic-bezier(.2,.7,.2,1) .1s both}
@media (max-width:720px){.hero-sub{font-size:13.5px;margin-top:8px}}

/* реклама по одной стране (?country=…): в блоке стран одна карточка */
.c-grid.c-one{grid-template-columns:minmax(0,440px)}
@media (max-width:720px){.c-grid.c-one{grid-template-columns:1fr}}

/* карточка машины из каталога: пост из Telegram-канала внутри окна */
.dt-tg{background:#111;border-radius:14px;overflow:hidden}
.dt-tg iframe{display:block;width:100%;height:min(70vh,640px);border:0;background:#0b0b0c}
.car-card-ph img,.car-card-title{cursor:pointer}