/* V21 — clean canonical mobile menu + true black first showcase */
@media (max-width:900px){
  /* One compact, standard menu for every public page. */
  .header,.home-v3 .header{z-index:1000!important}
  .header .nav,.home-v3 .header .nav{position:relative!important;z-index:1002!important}
  .menu-btn,.home-v3 .menu-btn{
    display:block!important;position:relative!important;z-index:1010!important;
    width:38px!important;height:38px!important;margin-left:auto!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
    box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .menu-btn-fallback{display:none!important}
  .menu-btn::before,.menu-btn::after,
  .home-v3 .menu-btn::before,.home-v3 .menu-btn::after{
    content:''!important;position:absolute!important;left:9px!important;width:20px!important;height:1px!important;
    background:currentColor!important;border:0!important;border-radius:2px!important;opacity:.92!important;
    transition:transform .25s ease,top .25s ease,box-shadow .25s ease!important;
  }
  .menu-btn::before,.home-v3 .menu-btn::before{top:13px!important;box-shadow:0 6px 0 currentColor!important;transform:none!important}
  .menu-btn::after,.home-v3 .menu-btn::after{top:25px!important;transform:none!important}
  .menu-btn.is-open::before,.home-v3 .menu-btn.is-open::before{top:19px!important;box-shadow:none!important;transform:rotate(45deg)!important}
  .menu-btn.is-open::after,.home-v3 .menu-btn.is-open::after{top:19px!important;transform:rotate(-45deg)!important}

  .nav-links,.home-v3 .header .nav-links{
    display:flex!important;position:fixed!important;top:58px!important;right:12px!important;left:auto!important;bottom:auto!important;
    width:min(82vw,320px)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 76px)!important;
    padding:10px!important;margin:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    background:#050505!important;background-image:none!important;border:1px solid rgba(212,177,126,.16)!important;border-radius:16px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.42)!important;overflow:auto!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;
    transform-origin:top right!important;transition:opacity .20s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility .20s ease!important;
    filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1005!important;
  }
  .nav-links.open,.home-v3 .header .nav-links.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  .nav-links::before,.nav-links::after{display:none!important;content:none!important}
  .nav-links>a,.home-v3 .header .nav-links>a{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;
    padding:0 12px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
    color:#fff!important;background:transparent!important;font:400 19px/1.15 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.02em!important;text-align:center!important;text-decoration:none!important;opacity:1!important;
  }
  .nav-links>a:last-child{border-bottom:0!important}
  .nav-links>a::before,.nav-links>a::after{display:none!important;content:none!important}
  .nav-links>a[aria-current="page"]{color:#d4b17e!important}
  body.menu-open{overflow:hidden!important}
  body.menu-open::before{display:none!important;content:none!important}
  .header.menu-open,.home-v3 .header.menu-open{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  /* Hero-to-properties indicator: gold arrow, quiet outline. */
  .mobile-explore-junction .explore-dot{
    width:40px!important;height:40px!important;border:1px solid rgba(212,177,126,.42)!important;background:#000!important;
    box-shadow:0 8px 24px rgba(0,0,0,.26)!important;
  }
  .mobile-explore-junction .explore-dot span{color:#d4b17e!important;font-size:15px!important}
  .mobile-explore-junction small{color:rgba(212,177,126,.58)!important}

  /* First showcase must be absolute black from heading through moving cards. */
  .home-v3 .outdoor-property-section.outdoor-dark{
    background:#000!important;background-color:#000!important;background-image:none!important;border:0!important;box-shadow:none!important;
  }
  .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-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;
  }
}
@media (min-width:901px){
  /* Keep approved desktop untouched. */
}