/* V22 — canonical shared mobile menu + absolute black first showcase */
@media (max-width:900px){
  /* Shared header: exactly the same structure and behavior on every public page. */
  #siteHeader.header{
    position:fixed!important;inset:0 0 auto!important;z-index:5000!important;
    color:#fff!important;background:#000!important;background-image:none!important;
    box-shadow:0 1px 0 rgba(255,255,255,.07)!important;
    filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    transition:background .3s ease,box-shadow .3s ease!important;
  }
  #siteHeader .site-nav-v22{
    height:66px!important;min-height:66px!important;padding:0 18px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
    position:relative!important;z-index:5002!important;
  }
  #siteHeader .site-brand-v22{
    display:flex!important;align-items:center!important;width:auto!important;height:auto!important;margin:0!important;
    opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;
    transition:opacity .38s ease,transform .38s ease!important;
  }
  #siteHeader .site-brand-v22 img{display:block!important;width:126px!important;height:auto!important;max-height:46px!important;object-fit:contain!important}
  .home-v3 #siteHeader:not(.scrolled) .site-brand-v22{opacity:0!important;transform:translateY(-4px)!important;pointer-events:none!important}
  .home-v3 #siteHeader.scrolled .site-brand-v22{opacity:1!important;transform:none!important;pointer-events:auto!important}

  #siteHeader .site-desktop-nav-v22,#siteHeader .site-desktop-cta-v22{display:none!important}
  #siteHeader .site-menu-toggle-v22{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:38px!important;height:38px!important;margin:0 0 0 auto!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;
    position:relative!important;z-index:5004!important;appearance:none!important;-webkit-appearance:none!important;
  }
  #siteHeader .site-menu-toggle-v22 span{
    display:block!important;width:22px!important;height:1px!important;background:#fff!important;border-radius:2px!important;
    transition:transform .24s ease,opacity .18s ease!important;transform-origin:center!important;
  }
  #siteHeader .site-menu-toggle-v22.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  #siteHeader .site-menu-toggle-v22.is-open span:nth-child(2){opacity:0!important}
  #siteHeader .site-menu-toggle-v22.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  #siteHeader .site-mobile-menu-v22{
    display:flex!important;position:fixed!important;top:66px!important;left:12px!important;right:12px!important;width:auto!important;height:auto!important;
    padding:7px!important;margin:0!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    background:#000!important;background-color:#000!important;background-image:none!important;
    border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;
    transition:opacity .18s ease,transform .22s ease,visibility .18s ease!important;z-index:5001!important;
    filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;
  }
  #siteHeader .site-mobile-menu-v22.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  #siteHeader .site-mobile-menu-v22::before,#siteHeader .site-mobile-menu-v22::after{display:none!important;content:none!important}
  #siteHeader .site-mobile-menu-v22>a{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;margin:0!important;padding:0 14px!important;
    color:#fff!important;background:#000!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
    font:400 18px/1.1 Georgia,"Times New Roman",serif!important;letter-spacing:-.01em!important;text-align:center!important;text-decoration:none!important;
    opacity:1!important;filter:none!important;text-shadow:none!important;
  }
  #siteHeader .site-mobile-menu-v22>a:last-child{border-bottom:0!important}
  #siteHeader .site-mobile-menu-v22>a[aria-current="page"]{color:#d4b17e!important}
  #siteHeader .site-mobile-menu-v22>a::before,#siteHeader .site-mobile-menu-v22>a::after{display:none!important;content:none!important}
  body.site-menu-open-v22{overflow:hidden!important}
  body.site-menu-open-v22::before{display:none!important;content:none!important}

  /* Neutralize every legacy mobile menu so there is only one visible menu system. */
  #siteHeader .menu-btn,#siteHeader .nav-links:not(.site-desktop-nav-v22){display:none!important}

  /* Home opening and first property showcase: true absolute black, no tint or gradient. */
  .home-v3 .hero-v3,
  .home-v3 .mobile-explore-junction,
  .home-v3 .outdoor-property-section.outdoor-dark,
  .home-v3 .outdoor-property-section.outdoor-dark>.container,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-heading,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-heading>div,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-runner,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-set{
    background:#000!important;background-color:#000!important;background-image:none!important;box-shadow:none!important;
  }
  .home-v3 .outdoor-property-section.outdoor-dark::before,
  .home-v3 .outdoor-property-section.outdoor-dark::after,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport::before,
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-viewport::after{
    display:none!important;content:none!important;background:none!important;box-shadow:none!important;
  }
  .home-v3 .outdoor-property-section.outdoor-dark{border:0!important;outline:0!important}
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-heading{padding-top:0!important}
  .home-v3 .outdoor-property-section.outdoor-dark .outdoor-heading h2{background:transparent!important;color:#fff!important}

  /* Hide transitional editorial pieces before the first showcase; keep black continuity. */
  .home-v3 .mobile-home-intro,.home-v3 .editorial-ribbon{display:none!important}

  /* Gold explore indicator stays over the hero/showcase seam. */
  .home-v3 .mobile-explore-junction{position:relative!important;height:0!important;min-height:0!important;z-index:30!important;overflow:visible!important}
  .home-v3 .mobile-explore-junction-inner{position:absolute!important;left:50%!important;top:0!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;z-index:31!important}
  .home-v3 .mobile-explore-junction .explore-dot{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid rgba(212,177,126,.58)!important;border-radius:50%!important;background:#000!important;box-shadow:0 8px 22px rgba(0,0,0,.36)!important}
  .home-v3 .mobile-explore-junction .explore-dot span{color:#d4b17e!important;font-size:14px!important;line-height:1!important;animation:v22Arrow 1.55s ease-in-out infinite!important}
  .home-v3 .mobile-explore-junction small{color:rgba(212,177,126,.68)!important;font:600 6px/1.1 Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important}
  @keyframes v22Arrow{0%,100%{transform:translateY(-2px);opacity:.65}50%{transform:translateY(3px);opacity:1}}
}
@media (min-width:901px){
  #siteHeader .site-menu-toggle-v22,#siteHeader .site-mobile-menu-v22{display:none!important}
  #siteHeader .site-desktop-nav-v22{display:flex!important}
  #siteHeader .site-desktop-cta-v22{display:inline-flex!important}
}