/* HSW pause: keep the native room panel sticky on mobile and desktop. */
body[data-hsw-disabled="1"] .product-panel__link-to-book--room {
    display: none;
    height: auto;
    padding: 12px 16px;
    box-sizing: border-box;
}
body[data-hsw-disabled="1"] .product-panel--room.open .product-panel__link-to-book--room,
body[data-hsw-disabled="1"] .product-panel--room.panel--selected-object .product-panel__link-to-book--room {
    display: block;
}
.alpilles-room-booking {
    text-align: center;
}
.alpilles-room-booking .btn {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
}
body[data-hsw-disabled="1"] .product-panel--room .product-panel__content {
    padding-bottom: 90px;
}

/* One measured compensation; overlay scrollbars contribute zero. */
html[data-hsw-disabled="1"].panel-open body,
html[data-hsw-disabled="1"].menu-open body {
    padding-right: var(--alpilles-scrollbar-space, 0px);
    box-sizing: border-box;
}
html[data-hsw-disabled="1"].panel-open .header.Fixed,
html[data-hsw-disabled="1"].menu-open .header.Fixed {
    width: calc(100% - var(--alpilles-scrollbar-space, 0px));
}

/* Safari toolbars shrink the visual viewport while the legacy panel stays at 100vh. */
@media only screen and (max-width: 40em) {
    body[data-hsw-disabled="1"] .product-panel--room {
        top: var(--alpilles-visual-top, 0px);
        bottom: auto;
        height: 100%;
        height: 100dvh;
        height: var(--alpilles-visual-height, 100dvh);
    }
    body[data-hsw-disabled="1"] .product-panel--room .panel__wrapper {
        height: 100%;
        box-sizing: border-box;
    }
    body[data-hsw-disabled="1"] .product-panel__link-to-book--room {
        position: absolute;
        top: auto;
        bottom: 0;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    }
    body[data-hsw-disabled="1"] .product-panel--room .product-panel__content {
        padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    }
}