.room-popup-trigger{margin:5px;padding:12px 22px;border:1px solid var(--teal);background:transparent;color:var(--teal);font:inherit;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.room-popup-trigger:hover,.room-popup-trigger:focus-visible{background:var(--teal);color:#fff}
.accommodation-card{cursor:pointer}
.accommodation-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}
.accommodation-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.accommodation-modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#0009}
.accommodation-modal.is-open{display:flex}
.accommodation-modal__content{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 12px 42px #0008}
.accommodation-modal__content>img{display:block;width:100%;height:300px;object-fit:cover}
.accommodation-modal__body{padding:28px}
.accommodation-modal__body h2{margin-top:0;color:#333;font-weight:400}
.accommodation-modal__price{color:var(--teal);font-size:18px}
.accommodation-modal__body .btn{margin:12px 0 0}
.accommodation-modal__close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#333;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:850px){.accommodation-modal__content>img{height:220px}}