/* Contacts remains on the shared route photograph, with readable local contrast. */
/* Keep every quick section available on laptop layouts as well as wide screens. */
@media(min-width:1100px){
 html body .header .nav>a.nav-extra,html body .header .nav>a[href="/poleznoe/kalkulyator"]{display:inline-flex!important}
 html body .header .nav{display:flex!important;gap:6px!important}
 html body .header .nav>a{font-size:14px!important;white-space:nowrap}
 html body .header .header-inner{gap:16px!important;padding-inline:24px!important}
 html body .header .header-actions{gap:10px!important}
}
@media(min-width:1100px) and (max-width:1599px){
 html body .header .logo .brand-wordmark{font-size:23px!important}
 html body .header .logo--authentic .brand-mark{width:48px!important;height:34px!important}
 html body .header .header-cta{font-size:13px!important;padding-inline:13px!important}
 html body #rostContact .rc-button{font-size:13px!important;padding-inline:12px!important}
 html body .header .menu-toggle{font-size:13px!important;padding-inline:12px!important}
}
@media(min-width:761px) and (max-width:1099px){
 body{--ra-header-stack:196px}
 html{scroll-padding-top:208px}
 html body .header .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0 16px!important;padding-block:12px 0!important}
 html body .header .header-inner>.logo{grid-column:1;grid-row:1}
 html body .header .header-actions{grid-column:2;grid-row:1}
 html body .header .nav{display:flex!important;grid-row:2;grid-column:1/-1;width:max-content;justify-content:flex-start;gap:6px!important;padding-top:8px;margin:0!important}
 html body .header .nav>a,html body .header .nav>a.nav-extra,html body .header .nav>a[href="/poleznoe/kalkulyator"]{display:inline-flex!important;font-size:14px!important;min-height:44px!important;white-space:nowrap}
}
body.is-contacts-v20 .ra-route-background-v20::after{background:linear-gradient(90deg,#040b11e6 0%,#06111cd6 50%,#06111cca 100%)}
body.is-contacts-v20 #main .ra-contacts-v20 .page-intro{max-width:none}
body.is-contacts-v20 #main .ra-contacts-v20 .ra-contacts-title-v20{max-width:100%;font-size:clamp(36px,4.2vw,64px)!important;line-height:1.14!important;letter-spacing:-.045em;color:#fff!important;text-shadow:0 2px 24px #0008;white-space:nowrap}
body.is-contacts-v20 #main .ra-contacts-v20 .contact-main :is(a,.contact-note,.contact-email-row>span){color:#f7fbff!important;text-shadow:0 1px 12px #0008}
body.is-contacts-v20 #main .ra-contacts-v20 .contact-email-row>a:hover{color:#ffad7d!important}
body.is-client-route-v20 #main.client-cabinet{padding-bottom:54px}
/* Hide only lightbox position counters visually; retain their accessible text. */
.image-dialog>.gallery-counter,
.delivered-photo-dialog [data-photo-caption]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:761px){
 body.is-contacts-v20 #main .ra-contacts-v20 .contact-email-row{grid-template-columns:max-content minmax(0,1fr) auto;column-gap:clamp(12px,1.2vw,20px)}
 body.is-contacts-v20 #main .ra-contacts-v20 .contact-email-row>span{white-space:nowrap}
 body.is-contacts-v20 #main .ra-contacts-v20 .contact-email-row>a[href^="mailto:"]{min-width:0;overflow-wrap:anywhere}
}
/* All three existing slides retain their copy; four lines reserve the longest
   heading at the widest desktop font without forcing a clipped scene height. */
body.is-home-v13 #main .ra-hero-copy h1,
body.is-home-v13 #main .ra-hero-copy h1 em{font-weight:850!important;letter-spacing:-.045em!important;white-space:normal!important}
body.is-home-v13 #main .ra-hero-copy h1{line-height:1.04!important;min-height:4.16em!important;text-wrap:balance;overflow-wrap:normal}
@media(min-width:1101px){
 body.is-home-v13 #main .ra-hero-cinematic{height:auto!important;min-height:clamp(640px,calc(100svh - 128px),900px)!important;max-height:none!important;display:grid;align-items:center}
 body.is-home-v13 #main .ra-hero-content{height:auto!important;min-height:0!important;padding-block:54px!important}
 body.is-home-v13 #main .ra-hero-copy{width:100%;max-width:min(710px,45vw)!important}
 body.is-home-v13 #main .ra-hero-copy h1{font-size:clamp(52px,4.45vw,84px)!important}
 body.is-home-v13 #main .ra-hero-backdrop{left:40%!important;right:-6%!important}
 body.is-home-v13 #main .ra-hero-backdrop .film-showcase__controls{right:max(7%,calc(6vw + 16px))!important}
}
@media(min-width:701px) and (max-width:1100px){
 body.is-home-v13 #main .ra-hero-cinematic{height:auto!important;min-height:0!important;max-height:none!important}
 body.is-home-v13 #main .ra-hero-copy h1{font-size:clamp(38px,5vw,52px)!important;min-height:3.12em!important}
}
@media(max-width:700px){
 body.is-home-v13 #main .ra-hero-cinematic{height:auto!important;min-height:0!important;max-height:none!important}
 body.is-home-v13 #main .ra-hero-copy h1{font-size:clamp(32px,8.6vw,44px)!important;min-height:4.16em!important}
}
@media(max-width:760px){
 body.is-contacts-v20 .ra-route-background-v20::after{background:linear-gradient(180deg,#040b11e8,#06111cde)}
 body.is-contacts-v20 #main .ra-contacts-v20 .ra-contacts-title-v20{font-size:clamp(30px,8vw,48px)!important;white-space:normal;text-wrap:balance;overflow-wrap:normal}
}

/* One alpha texture preserves the same horizontal/vertical fade without video mask intersection. */
body.is-home-v13 #main .ra-hero-backdrop .film-showcase__stage{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22900%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22h%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.6667%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22v%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.07%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.3333%22%2F%3E%3Cstop%20offset%3D%22.17%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.90%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22vMask%22%20mask-type%3D%22alpha%22%3E%3Crect%20width%3D%221600%22%20height%3D%22900%22%20fill%3D%22url%28%23v%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%22900%22%20fill%3D%22url%28%23h%29%22%20mask%3D%22url%28%23vMask%29%22%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221600%22%20height%3D%22900%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22h%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.6667%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22v%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.07%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.3333%22%2F%3E%3Cstop%20offset%3D%22.17%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.90%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22vMask%22%20mask-type%3D%22alpha%22%3E%3Crect%20width%3D%221600%22%20height%3D%22900%22%20fill%3D%22url%28%23v%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%221600%22%20height%3D%22900%22%20fill%3D%22url%28%23h%29%22%20mask%3D%22url%28%23vMask%29%22%2F%3E%3C%2Fsvg%3E")!important;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over!important;mask-composite:add!important}
/* Keep the owner's green savings treatment above 4.5:1 with white text. */
html body.is-home-v13 #main #home-collection .car-photo .car-market-badge,
html body.is-home-v13 #main #home-collection .car-arrow.car-turnkey,
html body.is-home-v13 #main #home-collection .car-card:hover .car-arrow.car-turnkey:not(:hover){background:#237b47!important;color:#fff!important}
html body.is-home-v13 #main #home-collection .car-arrow.car-turnkey:hover{background:#1e6c3f!important;color:#fff!important}

/* Only the new six-symbol rail. Existing header, menu and hero remain owned by root. */
html body .header #navigation.ra-quicknav.ra-premium-nav-v20{
 position:relative;isolation:isolate;display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex:0 0 312px!important;width:312px!important;min-width:312px!important;max-width:312px!important;gap:2px!important;
 margin:0 auto 0 8px!important;padding:5px 6px!important;box-sizing:border-box!important;
 border:1px solid #61717c55!important;border-top-color:#82939f69!important;border-bottom-color:#050b10!important;border-radius:18px!important;
 background:linear-gradient(180deg,#27313a 0%,#1a242d 38%,#111b24 100%)!important;
 box-shadow:inset 0 1px 0 #e2edf117,inset 0 -1px 0 #0008,0 4px 10px #02070c3d!important;
 overflow:visible!important;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20::before{
 content:"";position:absolute;pointer-events:none;left:19px;right:19px;top:1px;height:1px;
 background:linear-gradient(90deg,#d9e5ed00,#d9e5ed33 24%,#d9e5ed10 76%,#d9e5ed00);
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link{
 position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;
 padding:4px!important;margin:0!important;border:0!important;border-radius:11px!important;
 color:#e1e9ee!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;
 outline:none;overflow:visible;transform:none!important;transition:background-color .2s ease,box-shadow .2s ease!important;
 -webkit-tap-highlight-color:transparent;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link::before{display:none!important}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link::after{
 content:"";position:absolute;left:50%!important;right:auto!important;top:auto!important;bottom:3px!important;width:11px!important;height:2px!important;
 z-index:1!important;border-radius:2px;background:#d9a174!important;opacity:0!important;transform:translateX(-50%)!important;transition:opacity .2s ease!important;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link.active::after{opacity:.95!important}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link:is(:hover,:focus-visible){background:#d2e1ea0b!important;box-shadow:inset 0 1px 0 #dce8ef0b!important}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link:focus-visible{outline:2px solid #c3d4df!important;outline-offset:-3px!important;background:#d2e1ea12!important}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link>svg{
 display:block;width:40px!important;height:40px!important;flex:none;fill:none;stroke:none!important;stroke-width:0!important;
 overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #0005);transition:filter .22s ease!important;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-motion{
 transform-box:fill-box;transform-origin:center;transition:transform .26s cubic-bezier(.2,.75,.25,1),opacity .2s ease;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-calc-display{transition:opacity .18s ease;opacity:.86}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-road{transition:opacity .24s ease}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-car:is(:hover,:focus-visible) .rp-motion-car{transform:translate(1.4px,-.4px)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-calculator:is(:hover,:focus-visible) .rp-calc-key{transform:translateY(.8px)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-calculator:is(:hover,:focus-visible) .rp-calc-display{opacity:1}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-review:is(:hover,:focus-visible) .rp-motion-star{transform:translateY(-.8px) scale(1.035)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-payment:is(:hover,:focus-visible) .rp-motion-card{transform:translateY(-1.2px) rotate(-2deg)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-delivery:is(:hover,:focus-visible) .rp-motion-truck{transform:translateX(1.5px)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-delivery:is(:hover,:focus-visible) .rp-road{opacity:.7}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-motion-gavel{transform-origin:45% 88%}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-link-auction:is(:hover,:focus-visible) .rp-motion-gavel{transform:rotate(-8deg)}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-label{
 position:absolute;z-index:100;top:calc(100% + 14px);left:50%;transform:translate(-50%,-3px);
 display:block;visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:none;white-space:nowrap;
 margin:0;padding:8px 11px;border:1px solid #7d919e44;border-radius:8px;background:#17232cf5;box-shadow:0 6px 18px #0005;
 color:#e8eff3;font:600 12px/1.35 Manrope,Arial,sans-serif!important;letter-spacing:.01em;text-transform:none;
 transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
html body .header #navigation.ra-quicknav.ra-premium-nav-v20>a.rp-link:is(:hover,:focus-visible) .rp-label{visibility:visible;opacity:1;transform:translate(-50%,0)}
@media(min-width:761px) and (max-width:1099px){
 html body .header #navigation.ra-quicknav.ra-premium-nav-v20{margin:10px 0 8px!important;justify-self:start}
}
@media(max-width:760px){html body .header #navigation.ra-quicknav.ra-premium-nav-v20{display:none!important}}
@media(prefers-reduced-motion:reduce){
 html body .header #navigation.ra-quicknav.ra-premium-nav-v20 :is(.rp-motion,.rp-calc-display,.rp-road,.rp-label,a.rp-link,svg){transition:none!important}
 html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-motion{transform:none!important}
 html body .header #navigation.ra-quicknav.ra-premium-nav-v20 .rp-label{transform:translate(-50%,0)!important}
}

/* One warehouse camera per hero: the film already contains its own full room.
   A separate cover-sized warehouse behind the feathered film repeats walls
   at different coordinates. Remove only that ambient photographic underlay.
   The existing dark hero bed and feather remain; media/framing are unchanged. */
body.is-home-v13 #main .ra-hero-cinematic::before{
 content:none!important;
 display:none!important;
}
/* Preserve an opaque, quiet bed behind the original feathered film. */
body.is-home-v13 #main .ra-hero-cinematic{
 background:#0b0d0f!important;
}
