/* Shared mobile and tablet navigation, based on Figma node 67:205. */
@media (max-width: 1180px) {
  .site-header ~ main { margin-top: 78px; }

  .site-header,
  .h10-header,
  .h10-header.is-scrolled {
    position: fixed !important;
    z-index: 200 !important;
    top: 17px !important;
    right: 30px !important;
    left: 30px !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 25px !important;
    background: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .site-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }

  .site-header .brand,
  .h10-header .h10-brand,
  .h10-header.is-scrolled .h10-brand {
    position: relative;
    z-index: 2;
    display: block;
    flex: none;
    width: 105px !important;
  }

  .site-header .brand img,
  .h10-header .h10-brand img,
  .h10-header.is-scrolled .h10-brand img {
    display: block;
    width: 105px !important;
    height: auto;
    max-height: none;
    filter: brightness(0) invert(1) !important;
  }

  .site-header .desktop-nav,
  .site-header .header-link,
  .h10-header .h10-nav,
  .h10-header .h10-contact-link { display: none !important; }

  .site-header .header-actions { margin-left: auto; }
  .site-header .menu-toggle,
  .h10-header .h10-menu-button {
    position: relative;
    z-index: 3;
    display: flex !important;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff !important;
    cursor: pointer;
  }

  .site-header .menu-toggle span,
  .site-header .menu-toggle span::before,
  .site-header .menu-toggle span::after,
  .h10-header .h10-menu-button span,
  .h10-header .h10-menu-button::after {
    display: block;
    width: 20px;
    height: 2px;
    margin: 0;
    background: #fff;
    border-radius: 0;
  }

  .site-header .menu-toggle span::before { transform: translateY(-6px); }
  .site-header .menu-toggle span::after { transform: translateY(4px); }
  .h10-header .h10-menu-button::after { content: ""; }

  .site-header .menu-toggle[aria-expanded="true"] span { background: transparent; }
  .site-header .menu-toggle[aria-expanded="true"] span::before { transform: translateY(0) rotate(45deg); }
  .site-header .menu-toggle[aria-expanded="true"] span::after { transform: translateY(-2px) rotate(-45deg); }
  .h10-header .h10-menu-button[aria-expanded="true"] span:first-child { transform: translateY(6px) rotate(45deg); }
  .h10-header .h10-menu-button[aria-expanded="true"] span:nth-child(2) { transform: rotate(-45deg); }
  .h10-header .h10-menu-button[aria-expanded="true"]::after { opacity: 0; }

  .h10-header .h10-header__inner,
  .h10-header.is-scrolled .h10-header__inner {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    height: 44px;
    min-height: 44px !important;
    margin: 0;
    border-radius: 25px;
    background: #000;
  }

  .mobile-menu,
  .h10-header .h10-mobile-menu {
    position: fixed !important;
    z-index: 190;
    inset: 0 !important;
    width: 100vw;
    height: 100dvh;
    overflow-y: auto;
    padding: 90px 30px 35px !important;
    background: #181513 !important;
    color: #fff;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .mobile-menu .mobile-close { display: none; }
  .mobile-menu nav a,
  .mobile-menu nav summary,
  .h10-header .h10-mobile-menu a {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(21px, 3vw, 30px);
    font-weight: 400;
    line-height: 1.25;
  }

  .h10-header .h10-mobile-menu { z-index: 1; align-content: start; box-shadow: none; }
  .h10-header .h10-mobile-menu[hidden] { display: none !important; }
  .h10-header .h10-mobile-menu a { display: block; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 480px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { display: none; }
  .site-header,
  .h10-header,
  .h10-header.is-scrolled { right: 30px !important; left: 30px !important; }
}