/* Loaded only by reviewed property pages: keep the mobile header and fixed
   actions inside the viewport without changing booking behavior. */
@media (max-width: 48rem) {
    /* Decorative/third-party overflow must not expand the mobile layout
       viewport. Unlike hidden, clip does not create a new scroll container. */
    html {
        overflow-x: clip;
    }

    .header-top {
        grid-template-columns: 4.5rem minmax(0, 1fr) 2.75rem;
        column-gap: 0.375rem;
    }

    .header-top > .brand .brand-wordmark__word {
        flex: 0 0 auto;
        font-size: clamp(0.75rem, 3.7vw, 1.125rem);
    }

    .header-top > .brand .brand-wordmark .brand-wordmark__monogram {
        width: clamp(2rem, 9vw, 2.6rem);
    }

    .header-top > .header-actions .language-switcher select {
        width: 4.5rem;
        min-width: 0;
        padding-inline: 0.4rem 1.1rem;
        font-size: 0.72rem;
    }

    .header-top > .header-actions .menu-toggle {
        width: 2.75rem;
        min-height: 2.75rem;
    }

    .property-mobile-cta {
        grid-template-columns: 1.25rem minmax(0, 1fr) 1.25rem;
        inline-size: calc(100vw - 1.5rem);
        max-inline-size: calc(100vw - 1.5rem);
    }

    .property-mobile-cta strong {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}