/* Mobile navigation + room visual overrides. Kept separate so the existing design system remains untouched. */
@media (max-width: 820px){
  .topbar .nav.is-open{
    display:flex;
    position:absolute;
    top:calc(100% + 8px);
    left:12px;
    right:12px;
    z-index:120;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(3,18,30,.96);
    box-shadow:0 24px 55px rgba(0,0,0,.32);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  .topbar .nav.is-open a{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:0 14px;
    border-radius:12px;
    color:#fff;
    font-size:12px;
  }
  .topbar .nav.is-open a:hover,
  .topbar .nav.is-open a:focus-visible{background:rgba(255,255,255,.08);color:#fff}
  .topbar .nav.is-open a:after{display:none}
  .menu-button{position:relative;z-index:130}
}
@media (max-width: 620px){
  .topbar .nav.is-open{left:8px;right:8px;top:calc(100% + 6px)}
  .topbar .nav.is-open a{min-height:46px;font-size:11px}
}
/* The source repository has two genuine room photographs. The remaining two cards use distinct, branded room-preview artwork rather than duplicating a photograph. */
.room-3 .room-photo img{content:url('/images/room-patanga.svg');object-fit:cover;filter:none!important;transform:none!important}
.room-4 .room-photo img{content:url('/images/room-yana.svg');object-fit:cover;filter:none!important;transform:none!important}
.room-3:hover .room-photo img,.room-4:hover .room-photo img{transform:scale(1.035)!important}