html{color-scheme:dark;scroll-padding-top:96px}body{-webkit-tap-highlight-color:rgba(227,22,28,0.3);text-rendering:optimizeLegibility}a,button{touch-action:manipulation}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}[id]{scroll-margin-top:96px}.skip{position:absolute;left:16px;top:-60px;z-index:50;background:#E3161C;color:#FFFFFF;padding:12px 18px;border-radius:4px;font-weight:700;text-decoration:none;transition:top .15s}.skip:focus{top:12px;color:#FFFFFF}
body{margin:0;font-family:'Golos Text',system-ui,sans-serif;color:#FFFFFF;background:#0E0E10}
a{color:#FF3B41}a:hover{color:#FF7A7E}
h1,h2,h3{font-family:var(--fd,'Exo 2'),sans-serif;font-weight:var(--fw,800);letter-spacing:0}
:focus-visible{outline:3px solid #FF3B41;outline-offset:3px}
.btn-p:hover{background:#B81116 !important}
.chip:hover{border-color:#E3161C !important}
.row{transition:background .2s}.row:hover{background:#1C1C1C}
.chip{transition:border-color .2s,transform .2s}.chip:hover{transform:translateY(-2px)}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 20%}}
.dotgrid{background-image:radial-gradient(rgba(255,255,255,0.085) 1.3px,transparent 1.8px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 85% 30%,#000,transparent 60%);mask-image:radial-gradient(circle at 85% 30%,#000,transparent 60%)}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;padding:0 24px;border-radius:4px;font-weight:700;font-size:17px;text-decoration:none;transition:background .15s}
.btn-p{background:#E3161C;color:#FFFFFF}.btn-p:hover{background:#B81116;color:#FFFFFF}
.btn-o{border:2px solid #F5F5F5;color:#F5F5F5}.btn-o:hover{background:#F5F5F5;color:#0E0E10}
.nav a{color:#F5F5F5;text-decoration:none;padding:12px 0}.nav a:hover{color:#FF3B41}
.line{display:flex;align-items:baseline;gap:10px;padding:9px 0}
.line .lead{flex:1;border-bottom:2px dotted #4C4C53;transform:translateY(-4px);min-width:24px}
.line .pr{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.chip{transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:#E3161C !important}
.mmenu,.mbar{display:none}
.mmenu summary{list-style:none}.mmenu summary::-webkit-details-marker{display:none}
.mmenu nav a{color:#F5F5F5;text-decoration:none;padding:13px 18px;display:block}.mmenu nav a:hover{background:#202024;color:#FFFFFF}
@media (max-width: 760px){
.nav,.hdr-phone,.hdr-cta,.hdr-slogan{display:none !important}
.mmenu{display:block !important}
header img[alt="Everest Auto"]{width:180px !important}
.mbar{display:grid !important}
body{padding-bottom:84px}
header > div{padding:10px 16px !important;flex-wrap:nowrap !important}
h1{font-size:38px !important;line-height:1.06 !important}
h2{font-size:30px !important;line-height:1.1 !important}
section[style*="padding: 88px 0"]{padding-top:56px !important;padding-bottom:56px !important}
div[style*="padding: 0 24px"]{padding-left:16px !important;padding-right:16px !important}
div[style*="24px 104px"]{padding:240px 16px 48px !important}
div[style*="padding: 32px 24px"]{padding:24px 16px 40px !important}
.hero-img{height:420px !important;bottom:auto !important}
.hero-ov{height:422px !important;bottom:auto !important;background:linear-gradient(180deg,rgba(14,14,16,0.25) 0%,rgba(14,14,16,0.7) 50%,#0E0E10 100%) !important}
.hero-c .hero-img,.hero-c .hero-ov{height:100% !important;bottom:0 !important}
.hero-c .hero-ov{background:linear-gradient(180deg,rgba(14,14,16,0.55) 0%,rgba(14,14,16,0.88) 55%,#0E0E10 100%) !important}
.board{padding:20px 16px !important}
div[role="group"]{flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
div[role="group"] .chip{white-space:nowrap;flex:none}
.btn{min-height:52px}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){header.glass{background:#0E0E10 !important}}

/* services dropdown */
.dd{display:inline-flex}
.dd > a{display:inline-flex;align-items:center}
.mega{position:absolute;left:24px;right:24px;top:100%;margin-top:1px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 28px;padding:24px 28px 20px;background:rgba(18,18,20,0.97);-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);border:1px solid rgba(255,255,255,0.1);border-top:2px solid #E3161C;border-radius:0 0 8px 8px;box-shadow:0 24px 48px rgba(0,0,0,0.45);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .25s;z-index:40}
.mega::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
.dd:hover .mega,.dd:focus-within .mega{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.mega-h{margin:0 0 8px;font-family:'Exo 2',sans-serif;font-weight:800;font-size:15px;color:#FF3B41;letter-spacing:.02em}
.nav .mega a{display:block;padding:7px 0;color:#E6E6E8;font-weight:500;font-size:15px}
.nav .mega a:hover{color:#FFFFFF;text-decoration:underline;text-decoration-color:#E3161C;text-underline-offset:4px}
.mega-all{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 28px;border-top:1px solid rgba(255,255,255,0.1);margin-top:10px;padding-top:12px}
.nav .mega-all a{color:#FF3B41;font-weight:700}
.msub summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;color:#F5F5F5}
.msub summary::-webkit-details-marker{display:none}
.msub[open] summary svg{transform:rotate(180deg)}
.msub > div{border-left:2px solid #E3161C;margin:0 0 6px 18px}
.mmenu nav .msub a{padding:9px 14px;font-size:15px}
@media (prefers-reduced-motion: reduce){.mega{transition:none}}

/* collapsible price groups (phones only) */
.pg-toggle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;font:inherit;color:inherit;cursor:default}
.pg-chev,.pg-count{display:none}
@media (max-width: 760px){
.pg-toggle{cursor:pointer;min-height:44px}
.pg-toggle:focus-visible{outline:3px solid #FF3B41;outline-offset:4px;border-radius:4px}
.pg-count{display:inline-flex;margin-left:auto;font-family:'Golos Text',sans-serif;font-size:14px;font-weight:500;color:#A3A4A9;border:1px solid #3C3C42;border-radius:999px;padding:2px 10px}
.pg-chev{display:block;flex:none;color:#FF3B41;transition:transform .2s}
.pgroup:not(.pg-closed) .pg-chev{transform:rotate(180deg)}
.pgroup h2{padding:16px 18px !important;font-size:24px !important}
.pgroup.pg-closed > h2 + div{display:none}
.pgroup > h2 + div{padding:0 18px 14px !important}
}

/* masonry layout of price groups on wide screens */
@media (min-width: 1024px){
.pgrid{display:block !important;column-count:2;column-gap:32px}
.pgrid > .pgroup{display:block;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 32px}
}

.mega{grid-template-columns:repeat(5,1fr) !important}
.mmenu nav .msub-h{display:block;margin:10px 14px 2px;font-size:13px;font-weight:700;color:#FF3B41}
.pt-show[hidden]{display:none !important}

/* Автовикуп in menus: thin square frame */
.nav a.nav-vykup{color:#F5F5F5 !important;border:1px solid #4C4C53;border-radius:4px;padding:4px 12px;line-height:1.5;transition:border-color .15s,color .15s}
.nav a.nav-vykup:hover{border-color:#E3161C;color:#FFFFFF !important}
.nav a.nav-vykup[aria-current="page"]{border-color:#E3161C;color:#FF3B41 !important}
.nav .mega a.mega-vykup{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid #4C4C53;border-radius:4px;color:#F5F5F5 !important;text-decoration:none}
.nav .mega a.mega-vykup:hover{border-color:#E3161C;text-decoration:none}
.mmenu nav a.mnav-vykup{margin:6px 14px 4px;padding:10px 14px;border:1px solid #4C4C53;border-radius:4px;color:#F5F5F5}
.mmenu nav a.mnav-vykup:hover{border-color:#E3161C;background:transparent}
.nav a.nav-vykup{align-self:center}

/* header: compact CTA, same height as the Автовикуп frame */
.btn.hdr-cta{min-height:0;padding:4px 16px;line-height:1.5;font-size:16px;border:1px solid #E3161C;border-radius:4px}
.nav a.nav-vykup,.btn.hdr-cta{font-size:16px;line-height:24px;padding-top:4px;padding-bottom:4px}

/* slogan under the logo: soft fade-in, then a light shine passes every few seconds (SVG, no extra files) */
@keyframes slgin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.hdr-slogan{animation:slgin .7s ease-out .3s both}
@media (prefers-reduced-motion: reduce){.hdr-slogan{animation:none}}

/* mobile sticky call button: a bit smaller, soft pulse + glow */
@keyframes callpulse{0%{box-shadow:0 0 0 0 rgba(227,22,28,.55),0 6px 18px rgba(227,22,28,.28)}70%{box-shadow:0 0 0 12px rgba(227,22,28,0),0 6px 18px rgba(227,22,28,.28)}100%{box-shadow:0 0 0 0 rgba(227,22,28,0),0 6px 18px rgba(227,22,28,.28)}}
@keyframes callring{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(8deg)}96%{transform:rotate(0)}}
@media (max-width: 760px){
.mbar .mbar-call{min-height:44px !important;font-size:16px !important;max-width:340px;width:100%;margin:0 auto;border-radius:999px;animation:callpulse 2.4s ease-out infinite}
.mbar .mbar-call svg{animation:callring 2.4s ease-in-out infinite;transform-origin:50% 50%}
body{padding-bottom:72px !important}
}
@media (prefers-reduced-motion: reduce){.mbar .mbar-call,.mbar .mbar-call svg{animation:none !important}}

/* ===== mobile menu: full screen ===== */
.mmenu .mm-close{display:none}
.mmenu[open] .mm-burger{display:none}.mmenu[open] .mm-close{display:block}
.mmenu[open] summary{border-color:#E3161C !important;color:#FFFFFF}
@media (max-width: 760px){
.mmenu{position:static !important}
.mmenu nav.mm-panel{position:absolute;top:calc(100% + 1px);left:0;right:0;height:calc(100vh - 69px);height:calc(100dvh - 69px);z-index:40;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:12px 20px calc(24px + env(safe-area-inset-bottom));font-weight:500;
background:radial-gradient(120% 60% at 110% 105%,rgba(227,22,28,.32),transparent 60%),radial-gradient(80% 40% at -10% -5%,rgba(227,22,28,.12),transparent 60%),#0E0E10;animation:mmin .22s ease-out}
.mmenu nav.mm-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 70%);mask-image:linear-gradient(180deg,transparent 0%,#000 70%)}
.mmenu nav.mm-panel > *{position:relative}
.mmenu nav.mm-panel > a,.mmenu nav.mm-panel .msub > summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0 !important;font-family:'Exo 2',sans-serif;font-weight:800;font-size:26px;line-height:1.1;color:#FFFFFF;border-bottom:1px solid #25252A;text-decoration:none;background:none}
.mmenu nav.mm-panel > a:not(.mnav-vykup)::after{content:"";width:10px;height:10px;border-right:2px solid #E3161C;border-top:2px solid #E3161C;transform:rotate(45deg);margin-right:4px}
.mmenu nav.mm-panel > a:hover{background:none;color:#FF3B41}
.mmenu nav.mm-panel .msub > summary svg{width:24px !important;height:24px !important;color:#E3161C}
.mmenu nav.mm-panel .msub > div{margin:8px 0 12px 2px;border-left:2px solid #E3161C}
.mmenu nav.mm-panel .msub a{padding:9px 14px;font-size:16px;font-family:'Golos Text',sans-serif;font-weight:500}
.mmenu nav.mm-panel a.mnav-vykup{margin:18px 0 4px !important;padding:14px 16px !important;justify-content:center;border:1px solid #4C4C53 !important;border-radius:4px;font-size:20px}
.mm-foot{margin-top:auto;padding-top:28px}
.mm-label{margin:0 0 6px;font-size:13px;font-weight:700;color:#FF3B41}
.mmenu nav.mm-panel .mm-foot a.mm-tel{display:block;padding:4px 0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:24px;color:#FFFFFF;text-decoration:none}
.mm-info{margin:12px 0 8px;color:#A3A4A9;font-size:15px;line-height:1.5}
.mmenu nav.mm-panel .mm-foot a.mm-tt{display:inline-block;padding:4px 0;color:#C9CACE;font-size:15px}
}
@keyframes mmin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.mmenu nav.mm-panel{animation:none}}
html.mm-lock{overflow:hidden}html.mm-lock .mbar{display:none !important}
html.mm-lock header{background:#0E0E10 !important}
@media (max-width: 760px){header > div{padding:8px 16px !important}.mmenu > summary{width:44px !important;height:44px !important}.mmenu nav.mm-panel{height:calc(100dvh - 61px)}}
@media (max-width: 760px){.mmenu > summary{box-sizing:border-box}}
@media (max-width: 760px){.mmenu nav.mm-panel .mm-foot{margin-top:0;padding-top:24px}}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mbar{background:#0E0E10 !important}}
@media (max-width: 760px){.hero-call{display:none !important}}

/* desktop call dialog */
.calldlg{width:min(560px,calc(100vw - 32px));padding:32px;border:1px solid rgba(255,255,255,0.12);border-top:3px solid #E3161C;border-radius:8px;background:radial-gradient(90% 70% at 100% 100%,rgba(227,22,28,.18),transparent 60%),#141416;color:#FFFFFF;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.calldlg::backdrop{background:rgba(5,5,6,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.calldlg[open]{animation:dlgin .2s ease-out}
@keyframes dlgin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.calldlg-x{all:unset;position:absolute;top:14px;right:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:#C9CACE}
.calldlg-x:hover{background:#202024;color:#FFFFFF}.calldlg-x:focus-visible{outline:3px solid #FF3B41}
.calldlg-k{margin:0 0 6px;color:#FF3B41;font-weight:700;font-size:14px}
.calldlg h2{margin:0 0 22px;font-size:30px;line-height:1.1}
.calldlg-row{display:flex;gap:28px;align-items:flex-start}
.calldlg-l{flex:1;min-width:0}
.calldlg-num{display:block;font-family:'Exo 2',sans-serif;font-weight:800;font-size:34px;line-height:1.1;color:#FFFFFF;text-decoration:none;white-space:nowrap}
.calldlg-copy{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:40px;padding:0 14px;border:1px solid #4C4C53;border-radius:4px;font-weight:700;font-size:15px;cursor:pointer;color:#F5F5F5}
.calldlg-copy:hover{border-color:#E3161C}.calldlg-copy:focus-visible{outline:3px solid #FF3B41;outline-offset:2px}
.calldlg-copy svg{width:18px;height:18px;color:#FF3B41}
.calldlg-copy.ok{border-color:#E3161C;color:#FFFFFF}
.calldlg-info{margin:20px 0 0;color:#A3A4A9;font-size:15px;line-height:1.6}
.calldlg-qr{flex:none;width:184px;text-align:center}
.calldlg-qr svg{display:block;width:168px;height:168px;margin:0 auto;padding:8px;background:#FFFFFF;border-radius:6px}
.calldlg-qr p{margin:10px 0 0;color:#A3A4A9;font-size:13px;line-height:1.4}
html.dlg-lock{overflow:hidden}

/* Evacuator strip + burger item */
.evak{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#161618;border:1px solid #2C2C31;border-left:3px solid #E3161C;border-radius:6px}
.evak-ic{flex:none;width:48px;height:48px;border-radius:50%;background:#1F0A0B;border:1px solid #3A1214;display:flex;align-items:center;justify-content:center;color:#FF3B41}
.evak-ic .i{width:26px;height:26px}
.evak-t{flex:1 1 auto;min-width:0}.evak-h{margin:0;font-weight:700;font-size:18px}.evak-d{margin:2px 0 0;color:#A3A4A9;font-size:15px}
.evak-btn{flex:none;background:transparent;color:#FFFFFF;border:1px solid #4C4C53;gap:8px}.evak-btn:hover{border-color:#E3161C;color:#FFFFFF}
@media (max-width: 760px){.evak{flex-wrap:wrap;padding:16px}.evak-btn{width:100%;justify-content:center}}
.mmenu nav.mm-panel .mm-foot a.mm-evak{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border:1px solid #2C2C31;border-left:3px solid #E3161C;border-radius:4px;background:#161618;color:#FFFFFF;text-decoration:none}
.mm-evak .i{width:26px;height:26px;color:#FF3B41;flex:none}.mm-evak span{display:flex;flex-direction:column;line-height:1.3}.mm-evak b{font-size:16px}.mm-evak small{font-size:14px;color:#A3A4A9}
.mmenu nav.mm-panel .mm-foot .mm-info a{display:inline;padding:0;background:none}

.ft-soc{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #2C2C31;border-radius:50%;color:#C9CACE;transition:border-color .15s,color .15s}.ft-soc:hover{border-color:#E3161C;color:#FFFFFF}
