/* AGGRO v31.13 — smooth floating mobile header plaque */
@media (max-width:900px){
  .header{
    position:fixed!important;
    top:var(--mobile-header-top,8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:0 var(--mobile-header-side,12px)!important;
    transform:translate3d(0,var(--mobile-header-y,0px),0) scale(var(--mobile-header-scale,1))!important;
    transform-origin:top center!important;
    will-change:top,transform,padding!important;
    transition:filter .34s ease,opacity .34s ease!important;
    z-index:1200!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .header.is-scrolled{
    top:var(--mobile-header-top,5px)!important;
  }
  .header .header__inner{
    height:var(--mobile-header-height,68px)!important;
    border-radius:var(--mobile-header-radius,21px)!important;
    background:rgba(255,232,202,var(--mobile-header-bg-alpha,.91))!important;
    border:1px solid rgba(88,184,174,.30)!important;
    box-shadow:0 var(--mobile-header-shadow-y,12px) var(--mobile-header-shadow-blur,30px) rgba(79,49,24,var(--mobile-header-shadow-alpha,.10))!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    transition:background-color .34s ease,border-color .34s ease,box-shadow .34s ease!important;
    will-change:height,border-radius!important;
  }
  .header .logo img{
    width:var(--mobile-header-logo-width,146px)!important;
    transition:none!important;
  }
  .header-actions .burger{
    width:var(--mobile-header-burger-size,46px)!important;
    height:var(--mobile-header-burger-size,46px)!important;
    min-width:var(--mobile-header-burger-size,46px)!important;
    min-height:var(--mobile-header-burger-size,46px)!important;
    flex-basis:var(--mobile-header-burger-size,46px)!important;
  }
  body.menu-open .header{
    top:7px!important;
    transform:translate3d(0,0,0) scale(1)!important;
    padding-inline:10px!important;
  }
  body.menu-open .header .header__inner{
    height:68px!important;
    border-radius:21px!important;
  }
}
@media (max-width:560px){
  .header{
    padding-inline:var(--mobile-header-side,10px)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  @media (max-width:900px){
    .header,.header .header__inner,.header .logo img{
      transition:none!important;
    }
  }
}