/* v253: Mobile-specific logo sizing and a seam anchored to the actual artwork.
   Loaded after v250 to replace its old approximation-based alignment. */
html body header.top .bar > a.logo::before,
html body header.top.sc .bar > a.logo::before,
html body header.top.scrolled-deep .bar > a.logo::before {
  /* Automatically detected y-position, measured in the logo anchor's coordinates.
     The fallback uses the brand artwork's underline until the script is ready. */
  right:calc(100% - var(--hp-line-auto-end, 1px))!important;
  top:var(--hp-line-auto-top, calc(50% + var(--hp-header-logo-height) * .27))!important;
  width:var(--hp-line-auto-width, var(--hp-header-logo-line-render-width, 100vw))!important;
  max-width:none!important;
  min-width:0!important;
  height:var(--hp-header-logo-line-thickness)!important;
  transition:none!important;
}
@media(max-width:900px) {
  html body header.top .bar > a.logo img,
  html body header.top.sc .bar > a.logo img,
  html body header.top.scrolled-deep .bar > a.logo img {
    width:min(var(--hp-header-logo-mobile-width), max(70px, calc(100vw - 105px)))!important;
    height:var(--hp-header-logo-mobile-height)!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  html body footer.helprite-footer-v209 a.helprite-footer-logo img {
    width:var(--hp-footer-logo-mobile-width)!important;
    height:var(--hp-footer-logo-mobile-height)!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  html body header.top .bar > a.logo::before,
  html body header.top.sc .bar > a.logo::before,
  html body header.top.scrolled-deep .bar > a.logo::before {
    top:var(--hp-line-auto-top, calc(50% + var(--hp-header-logo-mobile-height) * .27))!important;
  }
}