/* === INFOSTAND V72: homepage header logo size fix + mobile hero typography polish === */

/* Homepage hero logo: exact supplied image, normal header size. */
.hero .brand--mark{
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.hero .brand--mark > img{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* Sticky header logo: same asset, compact fixed size. */
.sticky-home-header__brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.sticky-home-header__brand img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* Mobile hero: same size on both lines, readable tracking, intentional slight stagger. */
@media (max-width:640px) and (orientation:portrait){
  :root{
    --hero-title-v72-size:clamp(59px,15.3vw,69px);
  }

  .hero .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;
    border-radius:7px!important;
  }
  .hero .brand--mark{gap:9px!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-basis:28px!important;
    border-radius:7px!important;
  }

  .hero-word-wrap{
    top:clamp(184px,20.8svh,216px)!important;
    left:var(--hero-mobile-pad)!important;
    right:var(--hero-mobile-pad)!important;
    display:block!important;
    overflow:visible!important;
  }

  .hero-word{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:calc(var(--hero-title-v72-size) * 1.67)!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    justify-items:center!important;
    font-size:0!important;
    line-height:1!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .hero-word span{display:none!important}

  .hero-word::before,
  .hero-word::after{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-family:"Unbounded",sans-serif!important;
    font-size:var(--hero-title-v72-size)!important;
    font-weight:800!important;
    line-height:.86!important;
    letter-spacing:-.015em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  .hero-word::before{
    content:"ИНФО"!important;
    transform:translateX(-7%)!important;
  }

  .hero-word::after{
    content:"СТЕНДЫ"!important;
    margin-top:clamp(2px,.45svh,6px)!important;
    transform:translateX(3%)!important;
  }
}

@media (max-width:405px) and (max-height:870px) and (orientation:portrait){
  :root{--hero-title-v72-size:clamp(56px,14.8vw,62px)}
  .hero-word-wrap{top:172px!important}
}

@media (min-width:415px) and (max-width:640px) and (min-height:890px) and (orientation:portrait){
  :root{--hero-title-v72-size:clamp(62px,15vw,71px)}
  .hero-word-wrap{top:clamp(194px,20.5svh,222px)!important}
}