/* Targeted corrections only. The existing design and desktop layout remain intact. */
/* Intrinsic HTML dimensions reserve the ratio; Nivo must measure scaled images.
   Its animated inline height must not stretch the responsive main image. */
body[data-locale] .nivoSlider>img{width:100%;height:auto}
body[data-locale] .nivoSlider>.nivo-main-image{height:auto!important}
body[data-locale] [role=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
body[data-locale] [data-model-selection] .model-name{color:inherit}
/* Vector icons stay centered at both desktop and tablet arrow sizes. */
body[data-locale] .nivo-directionNav a{display:grid;place-items:center;top:50%;margin-top:0;transform:translateY(-50%);padding:0;line-height:1;text-decoration:none}
body[data-locale] .nivo-directionNav a svg{display:block;flex:none;width:24px;height:24px;pointer-events:none}
body[data-locale] .nivo-directionNav a:hover{background:#3baed4}
body[data-locale] .nivoSlider:focus-within .nivo-directionNav a{opacity:1;margin-left:0;margin-right:0}
body[data-locale] .nivo-directionNav a:focus-visible{outline:2px solid #77c8ea;outline-offset:-3px}
body[data-locale] .nav-service-link{text-decoration:none}
body[data-locale] a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
body[data-locale] a[href^="tel:"]:hover{text-decoration:underline}
body[data-locale] a[href^="tel:"]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
body[data-locale] .site-language-switch{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;min-height:44px;font-size:var(--nav-font-size,14px);line-height:1.5;white-space:nowrap}
body[data-locale] .site-language-switch>a,body[data-locale] .site-language-switch>.is-current{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:#a5aeb8;text-decoration:none}
body[data-locale] .site-language-switch>.is-current{color:#f0f4f8}
body[data-locale] .site-language-switch>.is-current::after{content:"";position:absolute;left:2px;right:2px;bottom:3px;height:2px;border-radius:1px;background:#57afd1}
body[data-locale] .site-language-switch>a:hover{color:#fff}
body[data-locale] .site-language-switch>.language-divider{color:#687480}
body[data-locale] :is(.site-language-switch>a,.nav-service-link):focus-visible{outline:2px solid #77c8ea;outline-offset:4px}
@media(min-width:768px) and (max-width:1100px){body[data-locale] .site-language-switch{gap:7px}}
@media(max-width:767px){
  body[data-locale] .nivo-directionNav a{display:none}
  body[data-locale] .site-language-switch{font-size:14px}
  body[data-locale] .mobile-view .syprofl>.container>.row>.col-xs-6{width:100%;float:none;margin-bottom:12px}
  body[data-locale] [data-model-selection] .model-name{font-size:17px}
}

/* Shared navigation feedback follows the selected quiet underline style. */
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>a,
body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link{position:relative;border-radius:0;background:transparent;transition:color .18s}
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>:is(a:hover,a:focus,a:active,a[aria-current],a[aria-expanded=true]),
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li.open>a,
body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link:is(:hover,:focus,[aria-current]){background:transparent;color:#fff;text-decoration:none}
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>a::after,
body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link::after{content:'';position:absolute;left:8px;right:8px;bottom:14px;height:1px;background:#57afd1;transform:scaleX(0);transform-origin:left;transition:transform .18s}
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>:is(a:hover,a:focus-visible,a[aria-current],a[aria-expanded=true])::after,
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li.open>a::after,
body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link:is(:hover,:focus-visible,[aria-current])::after{transform:scaleX(1)}
body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>a:focus-visible{outline:2px solid #77c8ea;outline-offset:-5px}
body[data-locale] .mobile-view .navbar-collapse .dropdown-menu>li>a:is(:hover,:focus-visible,[aria-current]){background:transparent;color:#fff;text-decoration:underline;text-decoration-color:#57afd1;text-underline-offset:6px}
@media(max-width:767px){
 body[data-locale] .mobile-view .navbar-nav>li>a::after{content:none}
 body[data-locale] .mobile-view .navbar-nav>li>a>.nav-label{position:relative;display:inline-block}
 body[data-locale] .mobile-view .navbar-nav>li>a>.nav-label::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:#57afd1;transform:scaleX(0);transform-origin:left;transition:transform .18s}
 body[data-locale] .mobile-view .navbar-nav>li>:is(a:hover,a:focus-visible,a[aria-current],a[aria-expanded=true])>.nav-label::after,body[data-locale] .mobile-view .navbar-nav>li.open>a>.nav-label::after{transform:scaleX(1)}
 body[data-locale] .mobile-view .navbar-toggle{min-width:44px;min-height:44px;margin-top:13px!important;border:0;border-radius:0;background:transparent}
 body[data-locale] .mobile-view .navbar-toggle:is(:hover,:focus){background:transparent}
}
@media(prefers-reduced-motion:reduce){
 body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>a,
 body[data-locale] :is(.desktop-view,.mobile-view) .navbar-nav>li>a::after,
 body[data-locale] .mobile-view .navbar-nav>li>a>.nav-label::after,
 body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link,
 body[data-locale] :is(.desktop-view,.mobile-view) .nav-service-link::after{transition:none}
}
