/* =========================================================
   DESKTOP MEGA MENU
   ========================================================= */
@media screen and (min-width: 960px) {
  #ss-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(255,255,255,0.14) !important;
    backdrop-filter: blur(10px) saturate(0.95) !important;
    -webkit-backdrop-filter: blur(10px) saturate(0.95) !important;
    z-index: 9998 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.18s ease !important;
  }

  #ss-menu-backdrop.ss-menu-backdrop--active {
    opacity: 1 !important;
  }

  body.ubermenu-open::after,
  body.ss-explore-menu-open::after {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(255,255,255,0.14) !important;
    backdrop-filter: blur(10px) saturate(0.95) !important;
    -webkit-backdrop-filter: blur(10px) saturate(0.95) !important;
    z-index: 9998 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    transition: opacity 0.18s ease !important;
  }

  .ubermenu,
  .ubermenu-nav,
  .ubermenu-item-level-0 > .ubermenu-target,
  body.header-scrolled .ubermenu,
  body.header-scrolled .ubermenu-nav,
  body.header-scrolled .ubermenu-item-level-0 > .ubermenu-target {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .ubermenu-item-level-0 {
    position: relative !important;
  }

  .ubermenu-item-level-0::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 36px !important;
    background: transparent !important;
  }

  .ubermenu-submenu,
  .ubermenu .ubermenu-submenu,
  .ubermenu-item-level-0 > .ubermenu-submenu-drop,
  .ubermenu-item-level-0 > .ubermenu-submenu-type-mega {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(14px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
    border: 1px solid rgba(17,17,17,0.06) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,0.08) !important;
    border-radius: 18px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    z-index: 9999 !important;
  }

  .ubermenu-item-level-0 > .ubermenu-target,
  .ubermenu-item-level-0 > .ubermenu-target:hover {
    transition: color 0.15s ease, opacity 0.15s ease !important;
  }

  .ubermenu-submenu .ubermenu-item,
  .ubermenu-submenu .ubermenu-target {
    transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease !important;
  }

  .ubermenu-submenu .ubermenu-target:hover {
    background: rgba(17,17,17,0.035) !important;
  }

  body:not(.ss-explore-menu-open) [data-ss-panel-key="destinations"],
  [data-ss-panel-key="tips"],
  [data-ss-panel-key="experiences"] {
    position: fixed !important;
    top: var(--ss-mega-panel-top, 106px) !important;
    left: max(40px, calc((100vw - 1120px) / 2)) !important;
    right: auto !important;
    width: min(1120px, calc(100vw - 80px)) !important;
    min-width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    box-sizing: border-box !important;
    padding: 24px 28px 18px !important;
  }

  body.ss-explore-menu-open [data-ss-panel-key="destinations"] {
    position: fixed !important;
    left: var(--ss-explore-left, max(40px, calc((100vw - 1120px) / 2))) !important;
    top: var(--ss-explore-top, auto) !important;
    right: auto !important;
    bottom: auto !important;
    height: var(--ss-explore-height, auto) !important;
    min-height: var(--ss-explore-height, 0) !important;
    max-height: var(--ss-explore-height, none) !important;
    margin-top: 0 !important;
    transform: none !important;
    z-index: 99999 !important;
    width: min(1120px, calc(100vw - 80px)) !important;
    min-width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
  }

  [data-ss-menu-item="about"] {
    position: relative !important;
    overflow: visible !important;
  }

  [data-ss-menu-item="about"] > .ubermenu-submenu,
  [data-ss-menu-item="about"] > .ubermenu-submenu-drop,
  [data-ss-menu-item="about"] > .ubermenu-submenu-type-mega {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    margin-top: 0 !important;
    padding: 20px 24px !important;
  }

  .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    box-shadow: inset 0 -2px 0 currentColor !important;
    background: rgba(128,128,128,0.08) !important;
    border-radius: 4px !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item {
    float: left !important;
    width: 50% !important;
    clear: none !important;
    margin: 0 0 20px 0 !important;
    padding: 0 24px 0 0 !important;
    box-sizing: border-box !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  [data-ss-panel-key="tips"] > .ubermenu-item,
  [data-ss-panel-key="experiences"] > .ubermenu-item {
    float: left !important;
    width: 50% !important;
    clear: none !important;
    margin: 0 0 18px 0 !important;
    padding: 0 18px 0 0 !important;
    box-sizing: border-box !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  [data-ss-panel-key="destinations"]::after,
  [data-ss-panel-key="tips"]::after,
  [data-ss-panel-key="experiences"]::after {
    content: '' !important;
    display: block !important;
    clear: both !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item > .ubermenu-target::before,
  [data-ss-panel-key="tips"] > .ubermenu-item > .ubermenu-target::before,
  [data-ss-panel-key="experiences"] > .ubermenu-item > .ubermenu-target::before {
    content: none !important;
    display: none !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item > .ubermenu-target,
  [data-ss-panel-key="tips"] > .ubermenu-item > .ubermenu-target,
  [data-ss-panel-key="experiences"] > .ubermenu-item > .ubermenu-target {
    display: block !important;
    padding: 0 0 10px 0 !important;
    margin: 0 0 10px 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(17,17,17,0.08) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #6e7d67 !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item > .ubermenu-submenu,
  [data-ss-panel-key="tips"] > .ubermenu-item > .ubermenu-submenu,
  [data-ss-panel-key="experiences"] > .ubermenu-item > .ubermenu-submenu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item,
  [data-ss-panel-key="tips"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item,
  [data-ss-panel-key="experiences"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-ss-panel-key="destinations"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item > .ubermenu-target,
  [data-ss-panel-key="tips"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item > .ubermenu-target,
  [data-ss-panel-key="experiences"] > .ubermenu-item > .ubermenu-submenu > .ubermenu-item > .ubermenu-target {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17,17,17,0.08) !important;
    background: #f5f3ef !important;
    color: #111111 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }

  .ss-mega-footer {
    clear: both !important;
    display: block !important;
    width: calc(100% + 56px) !important;
    margin: 14px -28px -18px !important;
    padding: 14px 16px !important;
    border-top: 1px solid rgba(17,17,17,0.08) !important;
    color: #7b8d73 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .ss-mega-footer:hover {
    background: rgba(17,17,17,0.03) !important;
  }
}