/* Mobile header repair: keep menu/search/cart visible and make navigation fully closable. */
@media (max-width: 820px) {
  .header {
    overflow: visible !important;
  }

  .header > .shell {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 68px !important;
    padding: 0 !important;
    margin-inline: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .header .logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 150px !important;
    margin-right: auto !important;
  }

  .header .logo img {
    width: auto !important;
    max-width: 140px !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }

  .header .menu-btn,
  .header .header-search,
  .header .cart-link {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  .header .header-tools {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: max-content !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .header .cart-link {
    overflow: visible !important;
  }

  .header .cart-link .badge {
    right: -3px !important;
    top: -3px !important;
    z-index: 3 !important;
  }

  .header .nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 68px) !important;
    max-height: calc(100dvh - 68px) !important;
    overflow-y: auto !important;
    padding: 18px 20px 24px !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #0b0b0b !important;
    border-top: 1px solid rgba(252,188,77,.28) !important;
    border-bottom: 1px solid rgba(252,188,77,.28) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.35) !important;
    z-index: 999 !important;
  }

  .header.fd-mobile-nav-open .nav {
    display: flex !important;
  }

  .header .nav a {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 4px !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  .header .nav a:last-child {
    border-bottom: 0 !important;
  }

  body.fd-mobile-nav-lock {
    overflow: hidden !important;
  }
}

@media (max-width: 430px) {
  .header > .shell {
    width: calc(100% - 16px) !important;
    gap: 6px !important;
  }

  .header .logo {
    max-width: 132px !important;
  }

  .header .logo img {
    max-width: 126px !important;
  }

  .header .menu-btn,
  .header .header-search,
  .header .cart-link {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .header .header-tools {
    gap: 4px !important;
  }
}