.hm-hero{background:#bfe9ee url('/home-hero-exact.jpg?v=2') center center/cover no-repeat!important;height:40vh!important;min-height:260px!important;max-height:340px!important;}.hm-hero:before,.hm-hero:after{display:none!important}.hm-hero>*{visibility:hidden!important;pointer-events:none!important}
@media(max-width:480px){.hm-hero{height:38vh!important;min-height:240px!important;max-height:310px!important;background-position:center center!important}}

/* Room cards: shorter, with clear space below the hero */
.hm-primary-actions{margin:30px 0 0!important}
.hm-room{height:72px!important;padding:10px 14px!important;gap:11px!important}
.hm-room-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hm-room b{font-size:16px!important}
.hm-room small{font-size:11px!important;margin-top:3px!important}

/* Join Room icon: replace the broken pseudo-element glyph with a clean scalable SVG */
.hm-room-icon.hm-people:before,.hm-room-icon.hm-people:after{content:none!important;display:none!important}
.hm-room-icon.hm-people{color:#1684e6!important}
.hm-room-icon.hm-people svg{width:60%!important;height:60%!important;stroke:currentColor!important}

@media(max-width:480px){
.hm-primary-actions{margin:26px 0 0!important;gap:10px!important}
.hm-room{height:66px!important;padding:9px 10px!important;gap:8px!important}
.hm-room-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:30px!important}
.hm-room b{font-size:15px!important}
.hm-room small{font-size:10px!important}
}
@media(max-width:360px){
.hm-room{padding:8px 8px!important;gap:6px!important}
.hm-room b{font-size:14px!important}
.hm-room small{font-size:9px!important}
}

/* Bottom nav redesign: clean white bar, muted inactive icons, red pill for the active tab */
.bottom-nav{background:#fff!important;border-top:1px solid #eef1f2!important;box-shadow:0 -6px 18px #0000000f!important;padding-top:4px!important}
.bottom-nav button{color:#8b979c!important;gap:3px!important;font-weight:800!important}
.bottom-nav button .hm-nav-ico{display:grid!important;place-items:center!important;width:42px!important;height:30px!important;border-radius:14px!important;background:transparent!important;transition:background .15s ease,color .15s ease!important}
.bottom-nav button .hm-nav-ico svg{width:22px!important;height:22px!important;stroke:currentColor!important}
.bottom-nav button small{font-size:10.5px!important;letter-spacing:.1px!important}
.bottom-nav button.active{color:#d61c22!important;background:transparent!important}
.bottom-nav button.active .hm-nav-ico{background:#fdeaea!important;color:#d61c22!important}
.bottom-nav button.active svg{stroke:currentColor!important}
.bottom-nav button.active small{color:#d61c22!important}