.page__left-mobile-content {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    background-color: var(--popup-backdrop);
    backdrop-filter: var(--popup-backdrop-filter);
    pointer-events: all;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
    overflow-y: auto;
    transition:
        transform 0.5s ease,
        opacity 0.5s ease;
    transform: translateX(-100%);
    opacity: 0;
    min-height: 0;
    padding: var(--container-padding);
}
.page__left-mobile-content > * {
    position: relative;
    min-height: 0;
}
.page__left-mobile-content.active {
    transform: translateX(0);
    opacity: 1;
}

.page__left-mobile-button {
    position: fixed;
    top: 50%;
    left: 10px;
    z-index: 100;
    transition: none;
    display: none;
    transform: translateY(-50%);
}
.page__left-mobile-button.close {
    left: auto;
    right: 10px;
    top: 10px;
    transform: none;
    display: block;
}
.page__left-mobile-button.close::before {
    mask-image: var(--iconClose);
}
.page__left-mobile-button::before {
    mask-image: var(--iconInfo);
}
/* Not Desktop */
@media only screen and (max-width: 1279px) {
}

/* Laptops and tablets (landscape orientation) */
@media (max-width: 1199px) {
    .contact__cards__container {
        gap: 10px;
    }
}

/* Tablets: Vertical and Horizontal */
@media only screen and (max-width: 1024px) {
    .buttonPrimary.buttonWithText,
    .buttonWithText {
        padding: 10px 20px;
        font-size: 0.85rem;
    }
}

/* Tablets (vertical orientation) */
@media (max-width: 991px) {
    header {
        display: none;
    }

    .menuButtonFooter {
        display: block;
    }

    .page__content {
        height: 100%;
        padding: calc(var(--headerHeight) / 2) 10px var(--footerHeight) 10px;
        gap: 20px;
    }

    .page__middle {
        flex-direction: column;
    }

    .page__left {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    body[data-page-template="page-site-location"] .page__left {
        align-items: flex-start;
    }
    body[data-page-template="page-site-location"] .page__left > div {
        text-align: left;
    }
    body[data-page-template="page-masterplan"] .status-filter__items {
        flex-direction: row;
    }
    .page__content:has(.page__left.gradient)::before {
        background-image: linear-gradient(180deg, var(--left-column-gradient-start) 0%, var(--left-column-gradient-end) 30%);
    }
    .panorama__artists-impression {
        /* display: none; */
    }
    .navigationButtons {
        position: relative;
        width: auto;
        height: auto;
    }
    body .page__left,
    body .page__content .page__right {
        padding-bottom: 0px;
    }
    .page__left-mobile-button {
        display: block;
    }
    body[data-page-template="page-panorama"] .page__left .leftLogo,
    body[data-page-template="page-panorama"] .page__left .description,
    body[data-page-template="page-panorama"] .page__left .property-details {
        display: none;
    }
    .page__left hr {
        display: none;
    }
}

/* Smartphones: Vertical and Horizontal */
@media only screen and (max-width: 767px), (max-height: 575px) {
    html {
        font-size: 14px;
    }
    .start {
        gap: 1rem;
    }
    .start h1 {
        font-size: 2em;
    }
    .page__content {
        padding-top: 10px;
    }
    .page__middle hr,
    .page__middle .header {
        display: none;
    }
    .page__top {
        justify-content: space-between;
    }
    .page__top .small-landscape-header {
        display: block;
    }
    .page__top :last-child {
        flex-shrink: 0 !important;
    }
    .status-filter__header,
    .page__left__buttons,
    body .site-location-legend-container,
    .page__left .disclaimer {
        display: none;
    }
    .panorama__artists-impression {
        transform: translate(-50%, -47px);
        left: 50%;
        font-size: 0.7em;
    }
}

/* Smartphones (landscape orientation) */

@media (max-height: 575px) {
    body[data-page-template="page-inventory"] .page__middle,
    body[data-page-template="page-inventory"] .inventory-table {
        overflow: visible;
        height: auto;
    }
    .start h1 {
        font-size: 1.5em;
    }
    .start {
        gap: 10px;
    }
    .start .start_tagline {
        font-size: 1em;
    }
    .start hr {
        display: none;
    }
    .start .logo {
        height: 50px;
        object-fit: contain;
        object-position: left;
    }
    .start .start_description,
    .menuBottom,
    .enquire-form-header-image {
        display: none;
    }

    body[data-page-template="page-masterplan"] .status-filter__items {
        flex-direction: column;
        position: absolute;
        gap: 5px;
    }
    body[data-page-template="page-masterplan"] .page__left {
        align-items: flex-start;
    }
}

/* Smartphones (portrait orientation) */
@media (max-width: 575px) {
    footer .footerLogo,
    footer .homeButton {
        display: none;
    }
}

/* iOs special */
body.ios .fullscreenButtonEnter {
    display: none !important;
}