/* ravto-footer-v1.css */
/* Unified premium footer for every RAvto page */
.ravto-site-footer{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  color:#eaf2ff!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(39,117,255,.13),transparent 30%),
    radial-gradient(circle at 88% 100%,rgba(255,47,60,.09),transparent 34%),
    #070e17!important;
  border-top:1px solid rgba(139,174,214,.22)!important;
  font-family:inherit!important;
  overflow:hidden;
}
.ravto-site-footer:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#ef233c 0 24%,#1684ff 24% 68%,transparent 88%);opacity:.9}
.ravto-footer-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:48px 0 22px}
.ravto-footer-main{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(300px,1.35fr) minmax(290px,1.25fr);gap:42px;align-items:start}
.ravto-footer-logo{display:inline-flex;align-items:center;margin-bottom:16px}
.ravto-footer-logo img{display:block;width:174px;height:auto;max-width:100%}
.ravto-footer-brand p{max-width:320px;margin:0 0 19px!important;color:#9fb2c8!important;font-size:15px!important;line-height:1.65!important}
.ravto-footer-contact{display:grid;gap:9px}
.ravto-footer-contact a{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;color:#f6f9ff!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important}
.ravto-footer-contact a:hover{color:#69adff!important}
.ravto-footer-contact img{display:block;flex:0 0 auto;width:18px;height:18px}
.ravto-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:34px}
.ravto-footer-nav>div{display:grid;align-content:start;gap:10px}
.ravto-footer-nav strong,.ravto-footer-social>strong{display:block;margin:0 0 7px;color:#fff!important;font-size:14px!important;line-height:1.3!important;letter-spacing:.08em;text-transform:uppercase}
.ravto-footer-nav a{width:max-content;max-width:100%;color:#aebfd1!important;text-decoration:none!important;font-size:15px!important;line-height:1.45!important}
.ravto-footer-nav a:hover{color:#fff!important}
.ravto-footer-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.ravto-footer-social-link{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:6px 11px 6px 7px;border:1px solid rgba(155,184,216,.18);border-radius:13px;background:rgba(255,255,255,.035);color:#eef5ff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1!important;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.ravto-footer-social-link:hover{transform:translateY(-2px);border-color:rgba(120,177,255,.48);background:rgba(255,255,255,.065)}
.ravto-footer-social-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.18)}
.ravto-footer-social-icon img{display:block!important;width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important;opacity:1!important}
.ravto-footer-social-link.is-telegram .ravto-footer-social-icon{background:#229ed9}
.ravto-footer-social-link.is-vk .ravto-footer-social-icon{background:#0077ff}
.ravto-footer-social-link.is-instagram .ravto-footer-social-icon{background:linear-gradient(135deg,#7b37d4,#d62976 52%,#f9a33b)}
.ravto-footer-social-link.is-youtube .ravto-footer-social-icon{background:#ff0033}
.ravto-footer-social-link.is-max .ravto-footer-social-icon{background:linear-gradient(135deg,#1684ff,#635bff)}
.ravto-footer-all-social{display:inline-flex;margin-top:14px;color:#7eb8ff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}
.ravto-footer-all-social:hover{color:#fff!important}
.ravto-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(149,176,207,.16);color:#7f93aa!important;font-size:12px!important;line-height:1.5!important}
@media(max-width:900px){
  .ravto-footer-main{grid-template-columns:1fr 1fr}
  .ravto-footer-social{grid-column:1/-1}
  .ravto-footer-social-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ravto-footer-social-link{justify-content:center;padding:7px}
  .ravto-site-footer .ravto-footer-social-link>span:last-child{display:none}
}
@media(max-width:620px){
  .ravto-footer-inner{width:min(100% - 28px,1120px);padding:38px 0 20px}
  .ravto-footer-main{grid-template-columns:1fr;gap:32px}
  .ravto-footer-social{grid-column:auto}
  .ravto-footer-nav{gap:24px}
  .ravto-footer-social-grid{grid-template-columns:repeat(5,1fr)}
  .ravto-footer-social-link{min-height:48px;border-radius:12px}
  .ravto-footer-social-icon{width:34px;height:34px}
  .ravto-footer-bottom{display:grid;gap:7px;margin-top:30px}
}
@media(max-width:380px){
  .ravto-footer-social-grid{grid-template-columns:repeat(3,1fr)}
}
.ravto-social-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.ravto-social-directory .ravto-footer-social-link{min-height:58px;padding:10px 14px 10px 10px;font-size:15px!important}
.ravto-social-directory .ravto-footer-social-icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}
.ravto-social-directory .ravto-footer-social-icon img{width:21px!important;height:21px!important}
@media(max-width:760px){.ravto-social-directory{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.ravto-social-directory{grid-template-columns:1fr}}

/* ravto-remove-duplicate-social-icons-20261014 */
.ravto-footer-social-link::before{content:none!important;display:none!important;background:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}

/* ravto-typography-v1.css */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* RAvto unified typography */
:root{
  --ravto-font:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ravto-text:clamp(16px,.35vw + 15px,17px);
  --ravto-small:13px;
  --ravto-label:12px;
}
html{
  font-family:var(--ravto-font);
  font-size:16px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  font-kerning:normal;
}
body,button,input,select,textarea{
  font-family:var(--ravto-font)!important;
}
body{
  font-size:var(--ravto-text)!important;
  font-weight:400!important;
  line-height:1.62!important;
  letter-spacing:-.012em;
  font-optical-sizing:auto;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
  margin-top:0;
  font-family:var(--ravto-font)!important;
  font-weight:800!important;
  letter-spacing:-.038em!important;
  text-wrap:balance;
  font-synthesis:none;
}
h1{
  font-size:clamp(42px,5.15vw,70px)!important;
  line-height:1.04!important;
}
h2,.section-title{
  font-size:clamp(30px,3.15vw,46px)!important;
  line-height:1.1!important;
}
h3{
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.027em!important;
}
p,li{
  font-family:var(--ravto-font)!important;
  line-height:1.62!important;
}
strong,b{font-weight:800!important}
.lead,.hero-desc,.rpi-lead,.case-hero__lead{
  font-size:clamp(18px,1.2vw,20px)!important;
  line-height:1.58!important;
  letter-spacing:-.014em!important;
}
.section-intro,.case-section__intro,.rpi-sub,.direction-subtitle{
  font-size:clamp(16px,.7vw + 14px,18px)!important;
  line-height:1.62!important;
}
.eyebrow,.kicker,.rb-kicker,.rpi-eyebrow,.rpi-label,.rcs-kicker,.case-eyebrow,.case-label{
  font-size:var(--ravto-label)!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.115em!important;
  text-transform:uppercase;
}
header nav a,.nav a,.menu a{
  font-family:var(--ravto-font)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
.phone,.contact-phone{
  font-family:var(--ravto-font)!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.btn,.case-button,.rpi-all,.rpi-route,.rcs-channel,.filter,.nav-action{
  font-family:var(--ravto-font)!important;
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
small,.seo-disclaimer,.case-disclaimer,.inventory-note,.reading-note,.hero-note,.case-note,.rb-note,.rcs-note,.muted{
  font-family:var(--ravto-font)!important;
  font-size:var(--ravto-small)!important;
  line-height:1.55!important;
  letter-spacing:-.005em!important;
}
.case-price,.rpi-price{
  font-family:var(--ravto-font)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.ravto-site-footer,.ravto-site-footer *{
  font-family:var(--ravto-font)!important;
}
@media(max-width:760px){
  :root{--ravto-text:16px;--ravto-small:12.5px}
  h1{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.06!important}
  h2,.section-title{font-size:clamp(28px,8.1vw,38px)!important}
  h3{font-size:clamp(20px,5.6vw,25px)!important}
  header nav a,.nav a,.menu a{font-size:16px!important}
  .btn,.case-button,.rpi-all,.rpi-route,.rcs-channel,.filter,.nav-action{font-size:15px!important}
  .phone,.contact-phone{font-size:17px!important}
}
@media(max-width:380px){
  h1{font-size:34px!important}
  h2,.section-title{font-size:27px!important}
}

/* Specificity bridge for legacy page rules */
body.reference-design header nav a,
body.reference-design header .nav a,
body.reference-design header .menu a,
body.reference-design .header-inner nav a{
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
body.reference-design .btn,
body.reference-design .filter,
body.reference-design .case-button,
body.ravto-unified-v4 .btn,
body.ravto-unified-v4 .filter,
body.ravto-unified-v4 .case-button{
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
body.reference-design .hero p,
body.reference-design .hero-copy p,
body.reference-design .hero-desc{
  font-size:18px!important;
  line-height:1.58!important;
}
body.ravto-unified-v4 h1{
  font-size:clamp(42px,5.15vw,70px)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
}
body.ravto-unified-v4 h2,
body.ravto-unified-v4 .section-title{
  font-size:clamp(30px,3.15vw,46px)!important;
  line-height:1.1!important;
  letter-spacing:-.038em!important;
}
body.ravto-unified-v4 h3{
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.027em!important;
}
@media(max-width:760px){
  body.ravto-unified-v4 h1{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.06!important}
  body.ravto-unified-v4 h2,
  body.ravto-unified-v4 .section-title{font-size:clamp(28px,8.1vw,38px)!important;line-height:1.12!important}
  body.ravto-unified-v4 h3{font-size:clamp(20px,5.6vw,25px)!important}
  body.reference-design header nav a,
  body.reference-design header .nav a,
  body.reference-design header .menu a{font-size:16px!important}
}

/* Final heading normalization on internal pages */
html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h1{
  font-size:clamp(42px,5.15vw,70px)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
}
html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h2,
html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 .section-title{
  font-size:clamp(30px,3.15vw,46px)!important;
  line-height:1.1!important;
  letter-spacing:-.038em!important;
}
html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h3{
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.027em!important;
}
@media(max-width:760px){
  html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h1{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.06!important}
  html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h2,
  html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 .section-title{font-size:clamp(28px,8.1vw,38px)!important;line-height:1.12!important}
  html body.reference-design.inner-page.ravto-rich.ravto-unified-v4 h3{font-size:clamp(20px,5.6vw,25px)!important}
}

/* Mobile width safety after type scale increase */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:760px){
  body.reference-design:not(.inner-page) .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.reference-design:not(.inner-page) .hero-actions .btn{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
  }
  body.reference-design:not(.inner-page) .inventory-head{
    width:100%!important;
    max-width:100%!important;
    align-items:stretch!important;
  }
  body.reference-design:not(.inner-page) .inventory-head>div:first-child,
  body.reference-design:not(.inner-page) .inventory-head h2{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.reference-design:not(.inner-page) .cars-grid{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

/* Include restrained pages such as Privacy in the same heading scale */
html body.reference-design.inner-page.ravto-unified-v4 h1{
  font-size:clamp(42px,5.15vw,70px)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
}
html body.reference-design.inner-page.ravto-unified-v4 h2,
html body.reference-design.inner-page.ravto-unified-v4 .section-title{
  font-size:clamp(30px,3.15vw,46px)!important;
  line-height:1.1!important;
  letter-spacing:-.038em!important;
}
html body.reference-design.inner-page.ravto-unified-v4 h3{
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.027em!important;
}
@media(max-width:760px){
  html body.reference-design.inner-page.ravto-unified-v4 h1{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.06!important}
  html body.reference-design.inner-page.ravto-unified-v4 h2,
  html body.reference-design.inner-page.ravto-unified-v4 .section-title{font-size:clamp(28px,8.1vw,38px)!important;line-height:1.12!important}
  html body.reference-design.inner-page.ravto-unified-v4 h3{font-size:clamp(20px,5.6vw,25px)!important}
}

/* ravto-icons-v1.css */
/* RAvto unified icon system  2026-10-13 */
:root{
  --ravto-icon-red:#f3263a;
  --ravto-icon-blue:#229ed9;
  --ravto-icon-vk:#0077ff;
  --ravto-icon-green:#20c978;
  --ravto-icon-amber:#ffb020;
  --ravto-icon-cyan:#22d3ee;
}
.reference-design .header-socials,
.ravto-unified-v4 .header-socials{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.reference-design .header-socials .social-icon-link,
.ravto-unified-v4 .header-socials .social-icon-link{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:50%!important;
  box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.reference-design .header-socials .social-icon-link img,
.ravto-unified-v4 .header-socials .social-icon-link img{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}
.header-socials .social-icon-link[href*="t.me"]{background:#229ed9!important}
.header-socials .social-icon-link[href*="vk.ru"],
.header-socials .social-icon-link[href*="vk.com"]{background:#0077ff!important}
.header-socials .social-icon-link[href*="instagram.com"]{background:linear-gradient(135deg,#833ab4 5%,#fd1d1d 58%,#fcb045)!important}
.header-socials .social-icon-link[href*="youtube.com"]{background:#ff0033!important}
.header-socials .social-icon-link[href*="max.ru"]{background:linear-gradient(135deg,#006cff,#9a35ff)!important}
.header-socials .social-icon-link:hover{
  transform:translateY(-2px) scale(1.06)!important;
  filter:brightness(1.1)!important;
}

/* No tiny action icons anywhere */
.reference-design .button-icon,
.ravto-unified-v4 .button-icon,
.reference-design .car-content>a .official-icon,
.reference-design .direction-more .official-icon,
.inner-page .button-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  object-fit:contain!important;
  opacity:1!important;
}
.reference-design .car-content>a .official-icon,
.reference-design .direction-more .official-icon{
  margin-right:7px!important;
  filter:brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(4325%) hue-rotate(344deg) brightness(102%) contrast(88%)!important;
}
.btn[href*="t.me"] .button-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  background:#229ed9!important;
  filter:brightness(0) invert(1)!important;
  box-shadow:0 3px 10px rgba(34,158,217,.32)!important;
}
.btn[href^="tel:"] .button-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  background:#20c978!important;
  filter:none!important;
}
.btn[href^="mailto:"] .button-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  background:#0077ff!important;
  filter:none!important;
}
.btn:not(.btn-primary) img[src*="/icons/arrow"],
.direction-more img[src*="/icons/arrow"],
.car-content>a img[src*="/icons/arrow"]{
  filter:brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(4325%) hue-rotate(344deg) brightness(102%) contrast(88%)!important;
}
.advantages-bar .adv-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(243,38,58,.18),rgba(34,211,238,.12))!important;
  border:1px solid rgba(243,38,58,.30)!important;
}
.advantages-bar .adv-icon .official-icon{
  width:21px!important;
  height:21px!important;
  margin:0!important;
  filter:brightness(0) saturate(100%) invert(62%) sepia(90%) saturate(3130%) hue-rotate(162deg) brightness(96%) contrast(101%)!important;
}
.advantages-bar>*>div:nth-child(even) .adv-icon .official-icon{
  filter:brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(4325%) hue-rotate(344deg) brightness(102%) contrast(88%)!important;
}

/* Contact icons get a clear color badge */
.foot a[href^="tel:"]>img:not(.button-icon),
.foot a[href^="mailto:"]>img:not(.button-icon),
.ravto-footer-contact img{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:4px!important;
  box-sizing:content-box!important;
  border-radius:9px!important;
  filter:none!important;
}
.foot a[href^="tel:"]>img:not(.button-icon),
.ravto-footer-contact[href^="tel:"] img{background:#20c978!important}
.foot a[href^="mailto:"]>img:not(.button-icon),
.ravto-footer-contact[href^="mailto:"] img{background:#0077ff!important}

/* Social directory/footer icons: full-size brand-colored badges */
.ravto-footer-social-link,
.social-directory a{
  min-width:38px!important;
  min-height:38px!important;
}
.ravto-footer-social-link img,
.social-directory a img{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}
.ravto-footer-social-link.is-telegram,
.social-directory a[href*="t.me"]{background:#229ed9!important}
.ravto-footer-social-link.is-vk,
.social-directory a[href*="vk.ru"],
.social-directory a[href*="vk.com"]{background:#0077ff!important}
.ravto-footer-social-link.is-instagram,
.social-directory a[href*="instagram.com"]{background:linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045)!important}
.ravto-footer-social-link.is-youtube,
.social-directory a[href*="youtube.com"]{background:#ff0033!important}
.ravto-footer-social-link.is-max,
.social-directory a[href*="max.ru"]{background:linear-gradient(135deg,#006cff,#9a35ff)!important}

@media (max-width:900px){
  .reference-design .header-socials .social-icon-link,
  .ravto-unified-v4 .header-socials .social-icon-link{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex-basis:32px!important;
  }
  .reference-design .header-socials .social-icon-link img,
  .ravto-unified-v4 .header-socials .social-icon-link img{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
  }
}

/* Telegram buttons use one full-size brand icon; remove the duplicate inline image. */
.btn[href*="t.me"]:has(.button-icon)::before{content:""!important;display:inline-block!important;width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;background-size:contain!important}
.btn[href*="t.me"]>.button-icon{display:none!important}

/* Brand badges in the large contacts panel. */
.social-grid a .official-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  filter:brightness(0) invert(1)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.22)!important;
}
.social-grid a[href*="t.me"] .official-icon{background:#229ed9!important}
.social-grid a[href*="vk.ru"] .official-icon,
.social-grid a[href*="vk.com"] .official-icon{background:#0077ff!important}
.social-grid a[href*="instagram.com"] .official-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045)!important}
.social-grid a[href*="youtube.com"] .official-icon{background:#ff0033!important}
.social-grid a[href*="max.ru"] .official-icon{background:linear-gradient(135deg,#006cff,#9a35ff)!important}

/* Correctly target links nested inside the footer contact group. */
.ravto-footer-contact a[href^="tel:"] img{background:#20c978!important}
.ravto-footer-contact a[href^="mailto:"] img{background:#0077ff!important}

/* Contact cards use colored glyphs (not filtered colored boxes). */
.social-grid a .official-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.social-grid a[href*="t.me"] .official-icon{filter:brightness(0) saturate(100%) invert(53%) sepia(95%) saturate(1534%) hue-rotate(165deg) brightness(90%) contrast(95%)!important}
.social-grid a[href*="vk.ru"] .official-icon,
.social-grid a[href*="vk.com"] .official-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(4990%) hue-rotate(207deg) brightness(100%) contrast(106%)!important}
.social-grid a[href*="instagram.com"] .official-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(4542%) hue-rotate(318deg) brightness(100%) contrast(98%)!important}
.social-grid a[href*="youtube.com"] .official-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(7397%) hue-rotate(351deg) brightness(103%) contrast(105%)!important}
.social-grid a[href*="max.ru"] .official-icon{filter:brightness(0) saturate(100%) invert(35%) sepia(88%) saturate(4036%) hue-rotate(246deg) brightness(99%) contrast(105%)!important}

.social-grid a[href] .official-icon{background-color:transparent!important;background-image:none!important}

/* Self-contained Telegram badge for every template. */
.btn[href*="t.me"]:has(.button-icon)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23229ED9'/%3E%3Cpath fill='white' d='M5 11.3 18 6.3c.6-.2 1 .1.8.9l-2.2 10.2c-.2.7-.6.8-1.1.5l-3.4-2.5-1.6 1.6c-.2.2-.3.3-.6.3l.2-3.6 6.6-6c.3-.3-.1-.4-.5-.2L8 13l-3.3-1c-.7-.2-.7-.6.3-.7z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* Keep direction flags separated from the larger card icons. */
@media (min-width:901px){
  .reference-design .direction-card{
    height:160px!important;
  }
  .reference-design .direction-top{
    top:14px!important;
    left:16px!important;
    right:16px!important;
  }
  .reference-design .direction-top .flag{
    width:30px!important;
    height:20px!important;
    min-width:30px!important;
    overflow:hidden!important;
    border-radius:4px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.34)!important;
  }
  .reference-design .direction-top .flag img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* Consistent spacing for the Telegram badge inside CTA buttons. */
.btn[href*="t.me"]:has(.button-icon)::before{margin:0 10px 0 0!important;align-self:center!important}
