.mobile-menu-button{display:none}
#maida-pakketten .hero h1 .hero-subtitle{display:block;font-size:.57em;line-height:1.22;margin-top:14px}
.category-navigation{max-width:1120px;margin:0 auto;padding:28px 48px 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.category-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-size:13px;color:var(--ink)}
.category-navigation a:hover{background:var(--ink);color:var(--surface)}
.category-navigation a:focus-visible,.mobile-menu-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.menu-block{scroll-margin-top:125px}
@media(max-width:860px){
  header .mobile-menu-button,#maida-pakketten header .mobile-menu-button{display:block;grid-column:1/-1;justify-self:stretch;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:600 13px Inter,Arial,sans-serif}
  header.menu-open .header-nav,#maida-pakketten header.menu-open .header-nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px 22px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 8px 14px #3d121115}
  header .header-nav a,#maida-pakketten header .header-nav a{display:block;padding:14px 8px;min-height:48px}
  #maida-pakketten .hero h1{font-size:38px;line-height:1.08}
  #maida-pakketten .hero h1 .hero-subtitle{font-size:24px;line-height:1.25;margin-top:12px}
  .category-navigation{padding:24px 22px 0;gap:8px}
  .menu-block{scroll-margin-top:210px}
}
