/* === INFOSTEND V78.6 / mobile header regression fix ===
   Scope: homepage mobile headers only.
   Restores the approved compact hero navigation and prevents sticky-header CTA overlap.
   Desktop, catalog, product, SEO and content are untouched. */

@media (max-width:767px) and (orientation:portrait){
  /* Hero header: restore the useful three-link navigation that existed before V78.5.
     Blog stays hidden here only to keep the phone header clean; it remains available below. */
  .hero .site-header .nav{
    position:absolute!important;
    top:4px!important;
    right:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(9px,2.7vw,14px)!important;
    max-width:calc(100vw - 152px)!important;
    pointer-events:auto!important;
  }
  .hero .site-header .nav a{
    display:block!important;
    padding:6px 0!important;
    font-size:clamp(9.4px,2.5vw,10.6px)!important;
    line-height:1!important;
    color:rgba(255,255,255,.76)!important;
    white-space:nowrap!important;
  }
  .hero .site-header .nav a:nth-child(3){display:none!important}

  /* Sticky header: explicit two-column geometry. The brand can never consume
     the CTA column, and the phone/request controls keep their own fixed widths. */
  .sticky-home-header{
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:58px!important;
    padding:7px 7px 7px 11px!important;
  }
  .sticky-home-nav{display:none!important}
  .sticky-home-header__brand{
    min-width:0!important;
    max-width:126px!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .sticky-home-header__brand img{
    width:28px!important;height:28px!important;
    min-width:28px!important;max-width:28px!important;
    min-height:28px!important;max-height:28px!important;
    flex:0 0 28px!important;
  }
  .sticky-home-header__name{
    min-width:0!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .sticky-home-header__actions{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  .sticky-home-phone{
    width:36px!important;height:36px!important;
    min-width:36px!important;max-width:36px!important;
    flex:0 0 36px!important;
  }
  .sticky-home-phone svg{width:16px!important;height:16px!important}
  .sticky-home-request{
    min-height:36px!important;
    padding:3px 4px 3px 11px!important;
    gap:7px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
  .sticky-home-request__icon{
    width:30px!important;height:30px!important;
    min-width:30px!important;max-width:30px!important;
    flex:0 0 30px!important;
    font-size:14px!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  .hero .site-header .nav{gap:8px!important;max-width:calc(100vw - 140px)!important}
  .hero .site-header .nav a{font-size:9px!important}
  .hero .site-header .brand-name{font-size:12.5px!important}
  .sticky-home-header{gap:6px!important;padding-left:9px!important}
  .sticky-home-header__brand{max-width:108px!important;gap:7px!important}
  .sticky-home-header__name{font-size:11px!important}
  .sticky-home-request{padding-left:9px!important;gap:6px!important;font-size:11px!important}
}

/* Short Safari viewports: keep the hero CTA fully above the white sheet transition. */
@media (max-width:405px) and (max-height:870px) and (orientation:portrait){
  .stand-entry{bottom:max(202px,calc(env(safe-area-inset-bottom) + 166px))!important}
  .catalog-link{bottom:max(154px,calc(env(safe-area-inset-bottom) + 120px))!important}
  .site-header .request-btn{
    bottom:max(88px,calc(env(safe-area-inset-bottom) + 54px))!important;
    z-index:24!important;
  }
}