/* Figma 416:752: full viewport mobile navigation, editable WordPress menu. */
#gd-menu { inset:0; width:100%; max-width:none; height:100dvh; max-height:100dvh; margin:0; padding:18px 30px 60px; border:0; border-radius:0; overflow:auto; }
#gd-menu .gd-menu-brand { display:flex; flex-direction:column; align-items:flex-start; gap:31px; width:max-content; color:white; text-decoration:none; margin-bottom:24px; }
#gd-menu .gd-menu-logo { display:block; width:61px; height:25px; object-fit:contain; }
#gd-menu .gd-menu-brand span { font:600 20px/1.2 Montserrat,sans-serif; letter-spacing:9px; padding-top:0; }
#gd-menu .gd-close { top:70px; right:26px; width:28px; height:28px; font-size:0; background:transparent url('../assets/figma-footer/close-peach.svg') center/28px 28px no-repeat; transform:rotate(-90deg); }
#gd-menu nav>ul { display:flex; flex-direction:column; gap:24px; }
#gd-menu nav>ul>li { position:relative; padding:0; border:0; }
#gd-menu nav>ul>li>a { font:700 25px/1.2 'Zalando Sans Expanded',sans-serif; display:block; padding-right:44px; }
#gd-menu .sub-menu { display:flex; flex-direction:column; gap:24px; padding:24px 0 0; }
#gd-menu .sub-menu[hidden] { display:none; }
#gd-menu .sub-menu a { font:700 19px/1.3 'Zalando Sans Expanded',sans-serif; color:#777776; text-decoration:none; display:block; }
#gd-menu .gd-submenu-toggle { position:absolute; right:0; top:0; width:32px; height:32px; border:0; padding:0; background:transparent url('../assets/figma-footer/menu-arrow.svg') center/28px 28px no-repeat; transform:rotate(-90deg); cursor:pointer; }
#gd-menu .gd-submenu-toggle[aria-expanded=true] { transform:rotate(90deg); }
#gd-menu nav>ul>li:has(>a[href$="#kontakt"]) { order:99; }
#gd-menu nav>ul>li:has(>a[href$="#kontakt"])>a { display:flex; align-items:center; justify-content:center; min-height:45px; padding:12px 24px; border-radius:24px; background:var(--gd-peach); color:var(--gd-ink); font-size:14px; }
#gd-menu .gd-socials { display:flex; width:100%; justify-content:space-between; gap:20px; margin-top:48px; }
#gd-menu .gd-socials img { display:block; width:36px; height:36px; filter:none; }
@media (min-width:701px) {
  #gd-menu { width:min(500px,100%); margin-left:auto; }
}