/* ROOMNOW v7.7.10 — premium two-column mobile navigation
   Goal: one-glance navigation without nested “More”, while preserving the fixed contact bar.
*/
@media (max-width:1260px){
  .mobile-menu{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:14px 14px 17px;
    max-height:calc(100dvh - 67px - 82px - env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:rgba(8,9,10,.985);
    border-bottom:1px solid rgba(238,232,218,.10);
    box-shadow:0 22px 48px rgba(0,0,0,.34);
  }
  .mobile-menu.is-open{display:grid!important}
  .mobile-menu>.mobile-search-trigger{
    grid-column:1/-1;
    width:100%;height:48px;margin:0 0 3px;
    border:1px solid rgba(238,232,218,.17);border-radius:11px;
    background:#0e1215;color:#f2f2ee;
    font-size:13px;font-weight:900;letter-spacing:-.015em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  }
  .mobile-menu>a,
  .mobile-menu>.rn-app-menu-direct{
    position:relative;
    min-width:0;width:100%;min-height:59px;
    display:flex!important;align-items:center;justify-content:flex-start;
    margin:0;padding:12px 34px 12px 14px!important;
    border:1px solid rgba(238,232,218,.105)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,rgba(18,21,23,.98),rgba(10,12,14,.98))!important;
    color:#eeeee9!important;
    font-size:13px!important;font-weight:850!important;line-height:1.25!important;
    text-align:left;text-decoration:none;
    box-sizing:border-box;
  }
  .mobile-menu>a::after,
  .mobile-menu>.rn-app-menu-direct::after{
    content:'›';position:absolute;right:13px;top:50%;transform:translateY(-52%);
    color:#a89568;font-size:18px;font-weight:500;opacity:.78;
  }
  .mobile-menu>a:hover,.mobile-menu>a:focus-visible,
  .mobile-menu>.rn-app-menu-direct:hover,.mobile-menu>.rn-app-menu-direct:focus-visible{
    border-color:rgba(222,200,154,.30)!important;
    background:linear-gradient(145deg,rgba(31,29,23,.98),rgba(13,14,15,.98))!important;
    color:#fff5df!important;outline:none;
  }
  .mobile-menu>a[aria-current="page"]{
    border-color:rgba(222,200,154,.34)!important;
    background:linear-gradient(145deg,rgba(42,35,22,.72),rgba(14,15,15,.98))!important;
    color:#f6dda3!important;
  }
  .mobile-menu .live-nav-badge{gap:9px!important}
  .mobile-menu .live-nav-badge:before{
    width:7px;height:7px;flex:0 0 7px;margin:0;
    box-shadow:0 0 0 4px rgba(85,216,147,.09);
  }
  .mobile-menu>.rn-app-menu-direct{
    gap:9px;border-color:rgba(222,200,154,.17)!important;
    cursor:pointer;font-family:inherit;
  }
  .mobile-menu>.rn-app-menu-direct>span:first-child{
    width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;
    border:1px solid rgba(222,200,154,.26);border-radius:5px;
    color:#d9bd7e;font-size:10px;
  }
  .mobile-menu>.rn-app-menu-direct>span:last-child{min-width:0}
  /* JA/ZH menus can have an odd number of tiles. In that case the final App tile spans the row. */
  .mobile-menu.rn-grid-odd>.rn-app-menu-direct{grid-column:1/-1}
  /* The nested mobile “More” structure is intentionally retired in v7.7.10. */
  .mobile-menu>.mobile-more{display:none!important}
  /* Keep the drawer above, not behind, the persistent contact controls. */
  body.menu-open .rn-livechat-v774{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media (max-width:390px){
  .mobile-menu{gap:7px;padding-left:11px;padding-right:11px}
  .mobile-menu>a,.mobile-menu>.rn-app-menu-direct{min-height:56px;padding-left:12px!important;padding-right:29px!important;font-size:12.2px!important}
  .mobile-menu>a::after,.mobile-menu>.rn-app-menu-direct::after{right:10px}
}