/* KARETA r62g — visible logo image fix for #services.
   Scope: header logo only. */

.services-app-page--home .services-app-topline{
  min-height:64px !important;
  align-items:center !important;
}

.services-app-page--home .services-app-logo-img--full-r62g{
  display:block !important;
  width:auto !important;
  height:clamp(54px,7vw,78px) !important;
  max-width:min(280px,72vw) !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:2 !important;
  flex:0 1 auto !important;
}

.services-app-page--home .services-app-logo-img--fallback-r62g{
  height:clamp(48px,6vw,66px) !important;
  max-width:min(190px,56vw) !important;
  padding:6px !important;
  border-radius:18px !important;
  background:#fff3c7 !important;
  box-shadow:0 8px 22px rgba(255,176,0,.16) !important;
}

/* Old text logo must not appear under the image. */
.services-app-page--home .services-app-logo{
  display:none !important;
}

/* On narrow phones keep the logo visible and prevent overlap with notification button. */
@media (max-width:430px){
  .services-app-page--home .services-app-topline{
    min-height:54px !important;
    gap:8px !important;
  }

  .services-app-page--home .services-app-logo-img--full-r62g{
    height:46px !important;
    max-width:calc(100vw - 92px) !important;
  }

  .services-app-page--home .services-app-logo-img--fallback-r62g{
    height:42px !important;
    max-width:128px !important;
  }
}