/* RAvto mobile header: keep the phone, menu and brand icons inside the viewport. 2026-10-14 */
@media(max-width:760px){
 html{scroll-padding-top:140px}
 .reference-design:not(.inner-page) header .nav-wrap,
 .reference-design.inner-page header .nav{
  box-sizing:border-box!important;position:relative!important;height:122px!important;min-height:122px!important;
  width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;
  padding-top:0!important;padding-bottom:48px!important;flex-wrap:nowrap!important;
  align-items:center!important;gap:10px!important;
 }
 .reference-design header .brand{min-width:0!important;flex:0 0 auto!important}
 .reference-design:not(.inner-page) header .nav-end{margin-left:auto!important;min-width:0!important;gap:10px!important;flex:0 0 auto!important}
 .reference-design header .header-socials,
 body.reference-design.inner-page header .header-socials{
  display:flex!important;position:absolute!important;left:50%!important;right:auto!important;
  top:auto!important;bottom:8px!important;transform:translateX(-50%)!important;
  width:max-content!important;max-width:100%!important;margin:0!important;gap:12px!important;
 }
 .reference-design header .header-socials .social-icon-link{
  box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;
 }
 .reference-design:not(.inner-page) header #nav,
 .reference-design.inner-page header .menu{top:122px!important;max-height:calc(100dvh - 122px)!important}
 .reference-design header .phone{font-size:14px!important;letter-spacing:normal!important;white-space:nowrap!important}
 .reference-design header .nav-action{display:none!important}
}
@media(max-width:400px){
 .reference-design header .brand img{width:108px!important;max-width:108px!important}
 .reference-design header .phone{font-size:12px!important}
 .reference-design:not(.inner-page) header .nav-end{gap:8px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .reference-design *, .reference-design *::before, .reference-design *::after{
  animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;
 }
}