/* === INFOSTEND V78.5 / mobile hero unification ===
   Scope: homepage hero on portrait phones only.
   Goal: same calm composition on iPhone 15 / 17 Air class widths.
   Desktop/tablet/catalog/product are untouched. */
@media (max-width:767px) and (orientation:portrait){
  /* Mobile header: brand only. Text navigation is too dense on phone widths. */
  .hero .site-header .nav{display:none!important}
  .hero .site-header{left:clamp(18px,4.7vw,22px)!important;right:clamp(18px,4.7vw,22px)!important}
  .hero .site-header .brand--mark{top:1px!important;left:0!important;gap:9px!important}
  .hero .site-header .brand--mark>img{
    width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;
    min-height:30px!important;max-height:30px!important;flex-basis:30px!important
  }
  .hero .site-header .brand-name{font-size:14px!important;line-height:1!important}

  /* One scale system for all current iPhone portrait widths.
     Removes the old tall-phone enlargement that made 17 Air look different. */
  :root{
    --hero-title-v785-size:clamp(56px,14.8vw,64px);
    --hero-stand-v785-width:clamp(186px,47.5vw,204px);
  }
  .hero-word-wrap{
    top:clamp(168px,18.8svh,188px)!important;
    left:clamp(18px,4.7vw,22px)!important;
    right:clamp(18px,4.7vw,22px)!important;
  }
  .hero-word{
    width:100%!important;max-width:100%!important;height:auto!important;
    min-height:calc(var(--hero-title-v785-size) * 1.70)!important;
    margin:0!important;display:grid!important;grid-template-rows:auto auto!important;
    align-content:start!important;justify-items:center!important;text-align:center!important
  }
  .hero-word::before,.hero-word::after{
    width:max-content!important;max-width:100%!important;margin:0!important;padding:0!important;
    font-size:var(--hero-title-v785-size)!important;line-height:.86!important;
    letter-spacing:-.018em!important;text-align:center!important;white-space:nowrap!important
  }
  .hero-word::before{transform:none!important}
  .hero-word::after{margin-top:clamp(3px,.45svh,6px)!important;transform:none!important}

  .stand-entry{
    width:var(--hero-stand-v785-width)!important;
    bottom:max(186px,calc(env(safe-area-inset-bottom) + 153px))!important;
    max-height:46svh!important
  }
  .catalog-link{
    bottom:max(137px,calc(env(safe-area-inset-bottom) + 104px))!important
  }
  .site-header .request-btn{
    bottom:max(64px,calc(env(safe-area-inset-bottom) + 32px))!important;
    width:224px!important;min-height:54px!important
  }
}

/* Shorter phones: keep the whole hero above the sheet cue without crowding. */
@media (max-width:405px) and (max-height:870px) and (orientation:portrait){
  :root{
    --hero-title-v785-size:clamp(54px,14.4vw,59px);
    --hero-stand-v785-width:clamp(182px,46.5vw,190px);
  }
  .hero-word-wrap{top:158px!important}
  .stand-entry{bottom:max(180px,calc(env(safe-area-inset-bottom) + 147px))!important;max-height:44svh!important}
  .catalog-link{bottom:max(132px,calc(env(safe-area-inset-bottom) + 99px))!important}
  .site-header .request-btn{bottom:max(62px,calc(env(safe-area-inset-bottom) + 30px))!important;width:218px!important}
}