/* Hoevena v1.0.2 - forceer echte mobiele header */
@media (max-width: 980px){
  body.menu-open{overflow:hidden!important}
  header{
    position:relative!important;
    min-height:82px!important;
    height:auto!important;
    padding:10px 16px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  header .brand{
    display:flex!important;justify-content:center!important;align-items:center!important;
    min-width:0!important;margin:0!important;
  }
  header .brand img{display:block!important;width:auto!important;max-width:180px!important;max-height:68px!important}
  .mobile-menu{
    display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:8px!important;background:#f5eadf!important;color:#173f32!important;
    font-size:0!important;z-index:10004!important;cursor:pointer!important;
  }
  .mobile-menu:before{content:"☰"!important;font-size:25px!important;line-height:1!important}
  header .icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:11px!important;white-space:nowrap!important}
  header .icons>span{display:none!important}
  header nav#mainNav{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(84vw,330px)!important;height:100dvh!important;
    box-sizing:border-box!important;
    margin:0!important;padding:82px 20px 28px!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:12px 0 36px rgba(0,0,0,.18)!important;
    transform:translateX(-110%)!important;transition:transform .22s ease!important;
    z-index:10003!important;overflow-y:auto!important;
  }
  header nav#mainNav.open{transform:translateX(0)!important}
  header nav#mainNav a{
    display:block!important;width:100%!important;box-sizing:border-box!important;
    padding:15px 8px!important;margin:0!important;text-align:left!important;
    font-size:17px!important;line-height:1.25!important;border-bottom:1px solid #eee6dc!important;
    white-space:normal!important;
  }
  .hv-menu-backdrop{
    position:fixed!important;inset:0!important;background:rgba(15,38,31,.46)!important;
    z-index:10002!important;opacity:0!important;visibility:hidden!important;transition:.22s ease!important;
  }
  .hv-menu-backdrop.show{opacity:1!important;visibility:visible!important}
  body.menu-open .mobile-menu{
    position:fixed!important;left:18px!important;top:18px!important;background:#f5eadf!important;
  }
  body.menu-open .mobile-menu:before{content:"×"!important;font-size:34px!important;font-weight:300!important}
}
@media(max-width:620px){
  .top{padding:8px 16px!important;min-height:34px!important}
  header{grid-template-columns:44px minmax(0,1fr) auto!important;padding:10px 12px!important}
  header .brand img{max-width:150px!important;max-height:62px!important}
  header .icons{gap:8px!important}
  header .icons a{font-size:18px!important}
  header nav#mainNav{width:min(86vw,315px)!important}
}