/* Shared mobile chrome for utility pages (Contact, FAQ, Terms,
   Privacy, Book Appointment). Cream band header with a Back button +
   page title, plus the same cream editorial brand footer used on the
   homepage. Desktop layout is untouched. */
@media (max-width: 991.98px) {
    .mobile-page-header,
    .mobile-page-header *,
    .mobile-brand-footer,
    .mobile-brand-footer * {
        box-sizing: border-box;
    }

    /* ── Page header */
    .mobile-page-header {
        position: relative;
        background: #ECE8E2;
        padding: 28px 24px 26px;
        margin-bottom: 24px;
        text-align: center;
    }

    .mobile-page-header__back {
        position: absolute;
        top: 22px;
        left: 18px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: transparent;
        border: none;
        padding: 0;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #3A3A3A;
        cursor: pointer;
        z-index: 1;
    }

    .mobile-page-header__back:hover,
    .mobile-page-header__back:focus {
        color: #3A3A3A;
        text-decoration: none;
    }

    .mobile-page-header__back-arrow {
        color: #cc9966;
        display: inline-flex;
    }

    .mobile-page-header__title {
        margin: 18px 0 0;
        font-family: 'Cormorant Garamond', serif;
        font-size: 32px;
        font-weight: 400;
        letter-spacing: -0.3px;
        line-height: 1.1;
        color: #1F1F1F;
    }

    /* ── Brand footer (cream, full address, opening hours, links) */
    .mobile-brand-footer {
        background: #FAF7F1;
        border-top: 1px solid #E5E1DA;
        padding: 28px 28px 32px;
        text-align: center;
    }

    .mobile-brand-footer__logo {
        display: block;
        font-family: 'Cormorant Garamond', serif;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 3px;
        color: #1F1F1F;
        margin-bottom: 8px;
        text-decoration: none;
    }

    .mobile-brand-footer__logo:hover,
    .mobile-brand-footer__logo:focus {
        color: #1F1F1F;
        text-decoration: none;
    }

    .mobile-brand-footer__address {
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: 14px;
        color: #6B6863;
        margin-bottom: 4px;
    }

    .mobile-brand-footer__hours {
        font-family: 'Montserrat', sans-serif;
        font-size: 11px;
        letter-spacing: 0.4px;
        color: #6B6863;
        margin-bottom: 16px;
    }

    .mobile-brand-footer__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        gap: 10px;
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .mobile-brand-footer__links a {
        color: #3A3A3A;
        text-decoration: none;
    }

    .mobile-brand-footer__links a:hover,
    .mobile-brand-footer__links a:focus {
        color: #cc9966;
        text-decoration: none;
    }

    .mobile-brand-footer__sep {
        color: #cc9966;
    }

    /* The editorial header/footer above replace the standard page chrome
       and the duplicated site-wide layout footer on mobile. */
    .mobile-page-header ~ .page-header,
    .mobile-page-header ~ .breadcrumb-nav,
    .mobile-page-header ~ .container .page-header,
    .mobile-page-header ~ .page-content .container .page-header {
        display: none !important;
    }

    .footer .footer-middle,
    .footer .footer-payments {
        display: none;
    }
}