/* Give rotated phones the whole available viewport; browser chrome remains browser-owned. */
@media (orientation:landscape) and (max-height:500px){
 .villa-detail #photo-viewer{position:fixed;inset:0;width:100%;height:var(--gallery-vh,100dvh);max-width:none;max-height:none;margin:0;padding:0;overflow:hidden}
 .villa-detail #photo-viewer .viewer-stage{position:absolute;inset:0;width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}
 .villa-detail #photo-viewer .viewer-stage:not(.is-zoomed)>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
 .villa-detail #photo-viewer .viewer-top{position:absolute;inset:0 0 auto;z-index:6;height:52px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));background:linear-gradient(#0009,transparent);gap:12px;pointer-events:none}
 .villa-detail #photo-viewer .viewer-top>span{display:none}
 .villa-detail #photo-viewer .viewer-top>div{margin-left:auto;gap:10px;pointer-events:auto}
 .villa-detail #photo-viewer .viewer-top button{min-width:44px;min-height:44px}
 .villa-detail #photo-viewer #viewer-count{font-size:14px;white-space:nowrap}
 .villa-detail #photo-viewer .viewer-arrow{position:absolute;z-index:5;top:50%;bottom:auto;transform:translateY(-50%);width:44px;height:44px;background:#10141180;border:1px solid #ffffff55}
 .villa-detail #photo-viewer .viewer-prev{left:max(8px,env(safe-area-inset-left));right:auto}
 .villa-detail #photo-viewer .viewer-next{right:max(8px,env(safe-area-inset-right));left:auto}
 .villa-detail #photo-viewer .viewer-bottom,.villa-detail #photo-viewer .viewer-thumbnails{display:none}
 .villa-detail #photo-viewer .viewer-stage.is-zoomed{display:block;overflow:auto}
 .villa-detail #photo-viewer .viewer-stage.is-zoomed>img{max-width:none;max-height:none;object-fit:contain}
}