.fp-mnav-toprow,
.fp-mnav-search { display: none; }

@media (max-width: 991.98px) {
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web ul.list { display: flex !important; flex-direction: column !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web ul.list > li.fp-mnav-search { order: -4 !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web ul.list > li.fp-mnav-toprow { order: -3 !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web ul.list > li.fp-nav-quick--camp { order: -2 !important; margin-left: 0 !important; }

  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mobile-nav-extras { display: none !important; }

  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-toprow::before { display: none !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-toprow {
    display: flex !important; gap: 10px !important; width: 100% !important;
    padding: 0 !important; margin: 2px 0 4px !important; list-style: none !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn {
    position: relative !important; flex: 1 1 0 !important; display: flex !important; align-items: center !important;
    justify-content: center !important; gap: 8px !important; min-height: 46px !important;
    border-radius: 13px !important; padding: 8px 10px !important; overflow: hidden !important;
    white-space: nowrap !important; min-width: 0 !important;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.028)) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f1f5f9 !important; font-weight: 800 !important; font-size: 12.5px !important;
    letter-spacing: 0.04em !important; text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 5px 14px rgba(0, 0, 0, 0.28) !important;
    transition: transform 0.16s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn span {
    overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; min-width: 0 !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn i {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 9px !important;
    font-size: 16px !important; line-height: 1 !important; color: #fff !important; margin: 0 !important; flex: 0 0 auto !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 3px 8px rgba(0, 0, 0, 0.28) !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn::after {
    content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;
    height: 1px !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn:first-child { border-color: rgba(34, 211, 238, 0.34) !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn:first-child i { background: linear-gradient(140deg, #22d3ee, #0ea5e9) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 10px rgba(14, 165, 233, 0.45) !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn:last-child { border-color: rgba(167, 139, 250, 0.34) !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn:last-child i { background: linear-gradient(140deg, #5fd3ef, #7c3aed) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 10px rgba(124, 58, 237, 0.45) !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-toprow__btn:active { transform: scale(0.98) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 3px 10px rgba(0, 0, 0, 0.32) !important; }

  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-search::before { display: none !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-search {
    display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important;
    padding: 12px 14px !important; margin: 2px 0 6px !important; border-radius: 14px !important; list-style: none !important;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.028)) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 6px 16px rgba(0, 0, 0, 0.24) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-search > i {
    color: #22d3ee !important; font-size: 19px !important; flex: 0 0 auto !important;
    filter: drop-shadow(0 0 6px rgba(34, 211, 238, 0.5)) !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-search__input {
    flex: 1 1 auto !important; background: transparent !important; border: 0 !important; outline: none !important;
    color: #fff !important; font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: 0.01em !important;
    padding: 0 !important; min-width: 0 !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-search__input::placeholder { color: rgba(148, 163, 184, 0.75) !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web li.fp-mnav-search:focus-within {
    border-color: rgba(34, 211, 238, 0.5) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 3px rgba(34, 211, 238, 0.14), 0 6px 18px rgba(0, 0, 0, 0.28) !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-search__clear {
    flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 24px !important; height: 24px !important; border-radius: 8px !important; border: 0 !important; padding: 0 !important;
    cursor: pointer !important; background: rgba(255, 255, 255, 0.08) !important; color: rgba(226, 232, 240, 0.9) !important;
    font-size: 15px !important; line-height: 1 !important; transition: background 0.2s ease, color 0.2s ease !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-search__clear[hidden] { display: none !important; }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-mnav-search__clear:active { background: rgba(34, 211, 238, 0.2) !important; color: #fff !important; }

  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web ul.list > li.fp-mnav-hidden { display: none !important; }

  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp .fp-camp-halo,
  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp .fp-camp-beam,
  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp .fp-camp-star { display: none !important; }
  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp a.fp-nav-quick__link.fp-camp-spot {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  }
  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp a.fp-camp-spot::after,
  body.fp-mobile-nav-open #main-site-nav .fp-nav-quick--camp a.fp-camp-spot::before { display: none !important; }
  body.fp-mobile-nav-open #main-site-nav .fp-camp-spot .nav-icon-tile {
    width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; border-radius: 8px !important;
  }
  body.fp-mobile-nav-open #main-site-nav .fp-camp-spot .nav-icon-tile i {
    font-size: 26px !important; color: #fff !important; filter: none !important; transform: none !important;
  }

  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-nav-dropdown-wrapper > .fp-nav-dropdown-link i.ri-arrow-down-s-line {
    display: inline-block !important;
    margin-left: auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 0.85 !important;
    color: rgba(148, 163, 184, 0.95) !important;
    transform: rotate(0deg) !important;
    transition: transform 0.22s ease, color 0.2s ease, opacity 0.2s ease !important;
  }
  body.fp-mobile-nav-open nav.fp-navbar.main-menu-web .fp-nav-dropdown-wrapper.fp-mobile-submenu-open > .fp-nav-dropdown-link i.ri-arrow-down-s-line {
    transform: rotate(180deg) !important;
    color: #67e8f9 !important;
    opacity: 1 !important;
  }
}