/* =========================================================
   TABLET 768 — Figma "Tablet · … · 768" frames
   (file AbKiXT8wdHDdzWE67L5z8u, page "Life Maid Easy")

   Applies to portrait tablets: 744px – 1023px.
   Header bits that depend on the hamburger menu: 744px – 991px.
   Loaded after every other stylesheet, so it wins ties.
   Phones (< 744px) and desktop (>= 1024px) are not touched.
========================================================= */

@keyframes logos-set-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-100%, 0, 0); }
}

/* Elements that only exist for this layout */
.hero-tablet-media { display: none; }
/* Safety net: an earlier version of footer.php wrapped the address / email
   columns in .footer-contact-cards / .footer-card. Flatten those wrappers so
   the footer keeps its normal 4-column row with either footer.php. */
.footer-contact-cards,
.footer-card { display: contents !important; }

@media (min-width: 744px) and (max-width: 1023px) {

    :root {
        --t-pink: #ff3063;
        --t-ink: #121410;
        --t-body: #2a2a2a;
        --t-muted: #5c5c5c;
        --t-cream: #fefce6;
        --t-blush: #ffe4ec;
        --t-line: #ede6df;
        --t-serif: 'Fraunces', serif;
        --t-sans: 'Figtree', sans-serif;
    }

    /* ---------- shared: section heading block ---------- */
    .t-eyebrow,
    .before-after-section .section-tag,
    .blog-section .blog-label {
        display: block;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 12px !important;
        padding: 0 !important;
        background: none !important;
        border: 0 !important;
    }

    /* ---------- shared: pink "GET A FREE QUOTE!" pill (Figma component 101:13) ---------- */
    body .free-quote-btn {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 10px 24px 10px 10px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: var(--t-pink) !important;
        box-shadow: 0 10px 12px rgba(255, 48, 99, .28) !important;
        filter: none !important;
        text-decoration: none !important;
        transform: none;
    }
    body .free-quote-btn::before,
    body .free-quote-btn::after { display: none !important; }
    body .free-quote-btn .btn-avatar {
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .25) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        border: 0 !important;
        box-shadow: none !important;
    }
    body .free-quote-btn .btn-avatar svg { width: 22px !important; height: 22px !important; display: block; }
    body .free-quote-btn .btn-avatar img,
    body .free-quote-btn .btn-avatar .btn-avatar-dot { display: none !important; }
    body .free-quote-btn span {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        letter-spacing: .48px !important;
        color: #fff !important;
        text-transform: uppercase;
        white-space: nowrap;
    }
    body .free-quote-btn > svg {
        width: 13px !important;
        height: 13px !important;
        margin: 0 2px 0 0 !important;
        flex: 0 0 auto;
    }
    .cta-wrap,
    .services-cta {
        display: flex !important;
        justify-content: center !important;
        margin: 32px 0 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       HOME · 01 Hero   (Figma 101:36)
    ===================================================== */
    body .hero-section {
        height: auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        padding: 0 0 40px !important;
        background: linear-gradient(180deg, #fff 0%, #fff1f5 100%) !important;
        overflow: hidden;
    }
    body .hero-section::before,
    body .hero-section::after { display: none !important; }
    .hero-section .hero-container {
        max-width: none !important;
        width: 100% !important;
        padding: 56px 64px 36px !important;
        margin: 0 !important;
        height: auto !important;
        position: static !important;
    }
    .hero-section .hero-content {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px;
        text-align: center;
        position: static !important;
        transform: none !important;
    }
    body .hero-section .hero-content h1 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 52px !important;
        line-height: 58px !important;
        letter-spacing: 0 !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center;
    }
    body .hero-section .hero-content h1 span { color: var(--t-pink) !important; font: inherit !important; }
    .hero-section .hero-content > p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center;
    }
    .hero-section .hero-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 22px !important;
        margin: 0 !important;
        width: auto !important;
    }
    .hero-section .trust-info { margin: 0 !important; display: flex; justify-content: center; }
    .hero-section .trust-info img {
        width: 286px !important;
        max-width: 286px !important;
        height: 48px !important;
        object-fit: contain;
        display: block;
    }
    .hero-section .hero-tablet-media {
        display: block;
        position: relative;
        margin: 0 24px;
        height: 520px;
        border-radius: 28px;
        overflow: hidden;
    }
    .hero-section .hero-tablet-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 97.5% center;
        display: block;
    }
    body .hero-section .guarantee-badge {
        position: absolute !important;
        width: 112px !important;
        height: 116px !important;
        object-fit: contain;
        right: 44px !important;
        left: auto !important;
        bottom: 60px !important;
        top: auto !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 2;
    }

    /* the floating "value points" card under the hero is not in the tablet design */
    .trust-bar-section { display: none !important; }

    /* =====================================================
       02 Recognition / award logos   (Figma 101:57)
    ===================================================== */
    body .logos-container {
        background: #fff !important;
        padding: 56px 40px !important;
        margin: 0 !important;
    }
    .logos-container .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    .logos-container .logos-heading { margin: 0 0 28px !important; padding: 0 !important; }
    body .logos-container .logos-heading h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 26px !important;
        line-height: 34px !important;
        color: var(--t-ink) !important;
        text-align: center;
        margin: 0 !important;
        max-width: none !important;
    }
    /* logos keep the theme's infinite marquee slider on tablet.
       The theme only turns the slider on up to 991px, so between 992px and
       1023px it fell back to a static, left-aligned row — the section jumped
       between the two when rotating / resizing. Run the slider across the
       whole tablet range instead (same rules as the theme's own slider). */
    body .logos-container .logos-inner { display: none !important; }
    body .logos-container .logos-slider {
        display: block !important;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    body .logos-container .logos-track { display: flex !important; width: max-content; }
    body .logos-container .logos-set {
        display: flex !important;
        align-items: center;
        flex: 0 0 auto;
        gap: 30px;
        padding-right: 30px;
        animation: logos-set-scroll var(--logos-dur, 24s) linear infinite;
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    body .logos-container .logos-slider .logo-item img {
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
    body .logos-container .logos-slider .logo-item {
        width: 92px !important;
        height: 92px !important;
        flex: 0 0 92px !important;
    }
    body .logos-container .logos-slider .logo-item img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: contain;
    }

    /* =====================================================
       03 Before & After   (Figma 101:66)
    ===================================================== */
    body .before-after-section {
        background: var(--t-cream) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .before-after-section > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: center; }
    body .before-after-section .section-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    .before-after-section .beforeAfterSlider { overflow: hidden; margin: 0 !important; padding: 0 !important; }
    body .before-after-section .ba-card-wrapper {
        display: flex !important;
        gap: 8px !important;
        padding: 8px !important;
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: none !important;
    }
    body .before-after-section .ba-card {
        flex: 1 1 0 !important;
        min-width: 0;
        height: 220px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        position: relative;
        margin: 0 !important;
    }
    body .before-after-section .ba-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 14px !important;
    }
    body .before-after-section .ba-card .badge {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
        bottom: auto !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        color: #fff !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        backdrop-filter: none !important;
        width: auto !important;
        height: auto !important;
    }
    body .before-after-section .ba-card .badge.before { background: rgba(18, 20, 16, .85) !important; }
    body .before-after-section .ba-card .badge.after { background: rgba(255, 48, 99, .85) !important; }
    body .before-after-section .custom-pagination-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        margin: 32px 0 0 !important;
        padding: 0 !important;
    }
    .before-after-section .custom-pagination-wrap .pagination-line { display: none !important; }
    body .before-after-section .slider-prev,
    body .before-after-section .slider-next {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid var(--t-line) !important;
        color: var(--t-ink) !important;
        font-size: 0 !important;
        padding: 0 !important;
        position: relative;
        box-shadow: none !important;
        flex: 0 0 44px;
    }
    .before-after-section .slider-prev::after,
    .before-after-section .slider-next::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 9px;
        height: 9px;
        border-left: 2px solid var(--t-ink);
        border-bottom: 2px solid var(--t-ink);
        transform: translate(-30%, -50%) rotate(45deg);
    }
    .before-after-section .slider-next::after { transform: translate(-70%, -50%) rotate(-135deg); }
    body .before-after-section .pagination-counter {
        display: flex !important;
        gap: 4px;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        color: var(--t-ink) !important;
    }
    body .before-after-section .pagination-counter span { font: inherit !important; color: inherit !important; }

    /* =====================================================
       04 Stats   (Figma 101:103)
    ===================================================== */
    body .stats-section {
        background: #fff !important;
        padding: 64px 40px !important;
        margin: 0 !important;
    }
    body .stats-section .stats-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 0 !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    body .stats-section .stat-item {
        flex: 1 1 0 !important;
        min-width: 0;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 14px !important;
        margin: 0 !important;
        text-align: center;
        border-right: 1px solid var(--t-line);
        width: auto !important;
    }
    body .stats-section .stat-item:last-of-type { border-right: 0; }
    body .stats-section .stat-divider { display: none !important; }
    body .stats-section .stat-number {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 52px !important;
        line-height: 60px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        display: flex;
        align-items: baseline;
        justify-content: center;
        white-space: nowrap;
    }
    body .stats-section .stat-number .counter { font: inherit !important; color: inherit !important; }
    body .stats-section .stat-number .star {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        color: var(--t-pink) !important;
        font-size: 52px !important;
        line-height: 60px !important;
        margin: 0 !important;
        display: inline !important;
        position: static !important;
        vertical-align: baseline !important;
        top: auto !important;
    }
    body .stats-section .stat-text {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
    }
    body .stats-section .stat-text br { display: none; }

    /* =====================================================
       05 Trust   (Figma 102:26)
    ===================================================== */
    body .trust-section {
        background: var(--t-cream) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .trust-section .wave-top { display: none !important; }
    body .trust-section .trust-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 36px !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body .trust-section .trust-image-wrap {
        flex: 0 0 300px !important;
        width: 300px !important;
        height: 348px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
    }
    body .trust-section .trust-image-wrap .main-image {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: contain !important;
        margin: 0 !important;
        position: static !important;
    }
    .trust-section .trust-image-wrap .sparkle { display: none !important; }
    body .trust-section .trust-content {
        flex: 1 1 0 !important;
        min-width: 0;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: none !important;
    }
    body .trust-section .trust-content h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 34px !important;
        line-height: 42px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .trust-section .trust-content .intro-text {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 26px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .trust-section .trust-content .body-text {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* =====================================================
       06 Awards marquee   (Figma 102:41)
    ===================================================== */
    body .marquee-section {
        background: #fb799f !important;
        padding: 24px 0 !important;
        margin: 0 !important;
        height: 72px;
        overflow: hidden;
        transform: none !important;
        rotate: none !important;
    }
    body .marquee-section .marquee-track { gap: 0 !important; align-items: center; height: 24px; }
    body .marquee-section .marquee-item {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 0 0 28px !important;
        white-space: nowrap;
    }
    body .marquee-section .marquee-item-text,
    body .marquee-section .marquee-item-text strong,
    body .marquee-section .marquee-item-text em {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-style: normal !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: #fff !important;
        text-transform: none !important;
    }
    body .marquee-section .marquee-separator {
        width: 22px;
        height: 22px;
        font-size: 20px !important;
        line-height: 22px !important;
        color: #fff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
    }
    body .marquee-section .marquee-separator img { width: 22px !important; height: 22px !important; }

    /* =====================================================
       07 Services   (Figma 102:54)
    ===================================================== */
    body .services-section {
        background: #fff !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .services-section > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .services-section .services-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
        max-width: none !important;
    }
    body .services-section .services-subtitle {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    body .services-section .services-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
    }
    body .services-section .service-card {
        position: relative !important;
        display: block !important;
        width: auto !important;
        height: 300px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        margin: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        box-shadow: none !important;
        border: 0 !important;
        outline: 0 !important;
        transform: none !important;
    }
    /* tablet.css (992–1199px) pins cards 4 and 5 to desktop columns with
       !important, which broke the 2-column grid between 992px and 1023px */
    body .services-section .services-grid > .service-card:nth-child(n) {
        grid-column: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    body .services-section { overflow: hidden; }
    body .services-section .services-grid > .service-card:last-child:nth-child(odd),
    body .services-section .service-card:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
        height: 240px !important;
    }
    body .services-section .service-card img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 22px !important;
        transform: none !important;
    }
    body .services-section .service-card::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(18, 20, 15, .72) 100%) !important;
        border-radius: 22px;
        z-index: 1;
        opacity: 1 !important;
    }
    body .services-section .service-card::before { display: none !important; }
    body .services-section .service-card .service-content {
        position: absolute !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 24px !important;
        top: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        justify-content: flex-start !important;
        min-height: 0 !important;   /* theme gives this box min-height:120px, which lifted the title */
        height: auto !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        z-index: 2;
        width: auto !important;
        transform: none !important;
    }
    body .services-section .service-card h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 22px !important;
        line-height: 28px !important;
        color: #fff !important;
        margin: 0 !important;
        white-space: nowrap;
    }
    body .services-section .service-card .service-arrow {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px;
        border-radius: 50% !important;
        background: #fff !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    body .services-section .service-card .service-arrow svg { width: 18px !important; height: 18px !important; }
    body .services-section .service-card .service-arrow svg path { fill: var(--t-pink) !important; }
    body .services-section .popular-badge {
        position: absolute !important;
        top: 16px !important;
        left: 16px !important;
        right: auto !important;
        z-index: 3;
        padding: 6px 12px !important;
        border-radius: 999px !important;
        background: var(--t-pink) !important;
        color: #fff !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        transform: none !important;
    }

    /* =====================================================
       08 3 Easy Steps   (Figma 102:104) — shared spotless section
    ===================================================== */
    body .spotless-home.desktop-spotless-home { display: none !important; }
    body .spotless-home.mobile-spotless-home {
        display: block !important;
        background: #ffe4ec !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden;
    }
    .spotless-home.mobile-spotless-home .ellipse { display: none !important; }
    body .spotless-home.mobile-spotless-home > .container {
        display: grid !important;
        grid-template-columns: 300px minmax(0, 1fr);
        grid-template-areas:
            "head head"
            "sub  sub"
            "img  steps"
            "btn  btn";
        column-gap: 32px;
        row-gap: 0;
        align-items: center;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body .spotless-home.mobile-spotless-home .spotless-content { display: contents !important; }
    body .spotless-home.mobile-spotless-home .spotless-mobile-img {
        grid-area: img;
        margin-top: 32px !important;
        align-self: center;
        width: 300px !important;
        height: 360px !important;
        max-width: none !important;
        object-fit: cover !important;
        border-radius: 24px !important;
        display: block;
    }
    body .spotless-home.mobile-spotless-home h2 {
        grid-area: head;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
        max-width: none !important;
    }
    body .spotless-home.mobile-spotless-home .subtitle {
        grid-area: sub;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        text-align: center !important;
        margin: 0 !important;
        max-width: none !important;
    }
    body .spotless-home.mobile-spotless-home .steps-wrapper {
        grid-area: steps;
        margin-top: 32px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin: 32px 0 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    body .spotless-home.mobile-spotless-home .step-card {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        gap: 16px !important;
        padding: 18px !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 18px !important;
        border: 0 !important;
        box-shadow: none !important;
        width: 100% !important;
        min-height: 0 !important;
        position: relative;
    }
    .spotless-home.mobile-spotless-home .step-card .icon-box { display: none !important; }
    body .spotless-home.mobile-spotless-home .step-number {
        position: static !important;
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px;
        border-radius: 50% !important;
        background: var(--t-pink) !important;
        color: #fff !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-family: var(--t-serif) !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 22px !important;
        margin: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        -webkit-text-stroke: 0 !important;
        -webkit-text-fill-color: #fff !important;
    }
    body .spotless-home.mobile-spotless-home .step-content {
        flex: 1 1 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .spotless-home.mobile-spotless-home .step-content h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    body .spotless-home.mobile-spotless-home .step-content p {
        font-family: var(--t-sans) !important;
        font-weight: 400 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
    }
    body .spotless-home.mobile-spotless-home .free-quote-btn {
        grid-area: btn;
        justify-self: center;
        margin-top: 32px !important;
    }

    /* =====================================================
       09 Why choose us   (Figma 102:137)
    ===================================================== */
    body .why-choose-us {
        background: var(--t-cream) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .why-choose-us > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .why-choose-us .section-header {
        display: flex;
        flex-direction: column;
        gap: 12px;
        text-align: center;
        margin: 0 0 32px !important;
        padding: 0 !important;
        max-width: none !important;
    }
    body .why-choose-us .section-header h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: center !important;
        max-width: none !important;
    }
    body .why-choose-us .section-header p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        text-align: center !important;
        max-width: none !important;
    }
    /* cards keep the desktop look (padded white card, rounded photo,
       centred text), two per row, equal height */
    body .why-choose-us .why-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
    }
    body .why-choose-us .why-card {
        background: #fff !important;
        border-radius: 17.3px !important;
        box-shadow: 0 4px 31.2px rgba(0, 0, 0, .05) !important;
        padding: 16px 16px 24px !important;
        margin: 0 !important;
        text-align: center !important;
        min-height: 0 !important;
        height: 100% !important;
    }
    body .why-choose-us .why-card img {
        width: 100% !important;
        height: 200px !important;
        border-radius: 16px !important;
        object-fit: cover !important;
        object-position: top;
        display: block;
        margin: 0 auto 20px !important;
    }
    body .why-choose-us .why-card h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 1.26 !important;
        color: var(--t-ink) !important;
        margin: 0 0 8px !important;
        text-align: center !important;
    }
    body .why-choose-us .why-card p {
        font-family: var(--t-sans) !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        color: var(--t-ink) !important;
        opacity: .8;
        max-width: 290px;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .why-choose-us .rating-wrapper { display: none !important; }

    /* =====================================================
       10 Our story   (Figma 103:54)
    ===================================================== */
    body .story-section {
        background: #fff !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .story-section .story-container {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        gap: 36px !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body .story-section .story-image {
        flex: 0 0 290px !important;
        width: 290px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .story-section .circle-image {
        width: 290px !important;
        height: 323px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        position: relative;
    }
    body .story-section .circle-image img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: contain !important;
        border-radius: 0 !important;
        position: static !important;
    }
    body .story-section .story-content {
        flex: 1 1 0 !important;
        min-width: 0;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: left !important;
    }
    body .story-section .story-content h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 34px !important;
        line-height: 42px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .story-section .story-text { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; }
    body .story-section .story-text p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    /* signatures look the same as desktop */
    body .story-section .signature-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 70px !important;
        margin: 19px 0 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }
    body .story-section .signature-box {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    body .story-section .signature-box .signature img { max-width: 100% !important; height: auto !important; }
    body .story-section .signature-box h4 {
        font-family: "Michigan Signature" !important;
        font-weight: 600 !important;
        font-style: normal !important;
        font-size: 40px !important;
        line-height: 1.26 !important;
        color: var(--tertiary-color, #000) !important;
        margin: 10px 0 0 !important;
    }

    /* =====================================================
       11 Service areas   (Figma 103:63)
    ===================================================== */
    .service-area-upper { display: none !important; }
    body .service-areas {
        background: var(--t-blush) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .service-areas > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .service-areas .section-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    body .service-areas .service-search {
        position: relative;
        display: flex !important;
        align-items: center !important;
        gap: 10px;
        height: 56px !important;
        padding: 6px 6px 6px 22px !important;
        margin: 0 0 32px !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        max-width: none !important;
        width: 100% !important;
    }
    .service-areas .service-search .search-overlay { display: none !important; }
    .service-areas .service-search::before {
        content: '';
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
    }
    body .service-areas .service-search input {
        flex: 1 1 0;
        min-width: 0;
        height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
        position: static !important;
        width: auto !important;
    }
    .service-areas .service-search input::placeholder { color: #8a8a8a; opacity: 1; }
    body .service-areas .service-search button {
        position: static !important;
        flex: 0 0 auto;
        width: auto !important;
        height: 44px !important;
        padding: 12px 22px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--t-ink) !important;
        font-size: 0 !important;
        transform: none !important;
        display: flex;
        align-items: center;
    }
    body .service-areas .service-search button svg { display: none !important; }
    body .service-areas .service-search button::after {
        content: 'Check my area';
        font-family: var(--t-sans);
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        white-space: nowrap;
    }
    body .service-areas .areas-wrapper { overflow: visible !important; margin: 0 !important; padding: 0 !important; }
    body .service-areas .areas-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        transform: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-height: none !important;
    }
    body .service-areas .area-card.is-filtered-out { display: none !important; }
    body .service-areas .area-card {
        display: flex;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px !important;
        margin: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 16px !important;
        box-shadow: none !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        flex-direction: row !important;
        text-decoration: none;
    }
    body .service-areas .area-card img {
        width: 48px !important;
        height: 48px !important;
        flex: 0 0 48px;
        border-radius: 12px !important;
        object-fit: cover !important;
        margin: 0 !important;
    }
    body .service-areas .area-content { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 0 !important; text-align: left !important; }
    body .service-areas .area-content h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    body .service-areas .area-content span {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        line-height: 16px !important;
        color: var(--t-muted) !important;
    }
    .service-areas .service-building { display: none !important; }
    body .service-areas .areas-pagination {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        margin: 32px 0 0 !important;
        padding: 0 !important;
        width: auto !important;
    }
    .service-areas .areas-pagination .pagination-track-new { display: none !important; }
    body .service-areas .service-arrow-new {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px;
        border-radius: 50% !important;
        background: #fff !important;
        border: 1px solid var(--t-line) !important;
        color: var(--t-ink) !important;
        font-size: 18px !important;
        line-height: 1 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
    body .service-areas .pagination-count-new,
    body .service-areas .pagination-count-new * {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        color: var(--t-ink) !important;
    }

    /* =====================================================
       12 Blog   (Figma 103:139)
    ===================================================== */
    body .blog-section {
        background: var(--t-cream) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    .blog-section .blog-wave { display: none !important; }
    body .blog-section .blog-container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: center; }
    body .blog-section .blog-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    body .blog-section .blog-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        width: 100% !important;
    }
    body .blog-section .blog-card {
        background: #fff !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        width: auto !important;
        min-width: 0 !important;
        height: 100% !important;
    }
    body .blog-section .blog-image {
        display: block !important;
        width: 100% !important;
        height: 200px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: hidden;
    }
    body .blog-section .blog-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    body .blog-section .blog-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 20px !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
    }
    body .blog-section .blog-content h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        overflow: visible !important;
    }
    body .blog-section .blog-content p {
        font-family: var(--t-sans) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: var(--t-muted) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .blog-section .blog-footer {
        display: flex !important;
        margin: auto 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        width: auto !important;
    }
    .blog-section .blog-footer .blog-date { display: none !important; }
    body .blog-section .blog-footer .blog-arrow {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: inline-flex !important;
        text-decoration: none;
    }
    .blog-section .blog-footer .blog-arrow svg { display: none !important; }
    .blog-section .blog-footer .blog-arrow::before {
        content: 'Read more';
        font-family: var(--t-sans);
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: var(--t-pink);
    }
    body .blog-section .blog-btn-wrap { display: flex !important; justify-content: center !important; margin: 32px 0 0 !important; }
    body .blog-section .blog-btn {
        display: inline-flex !important;
        padding: 14px 26px !important;
        border: 1.5px solid var(--t-ink) !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--t-ink) !important;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        width: auto !important;
        height: auto !important;
        box-shadow: none !important;
    }

    /* =====================================================
       13 Reviews   (Figma 103:174)
    ===================================================== */
    body .reviews-section {
        background: #fff !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .reviews-section > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .reviews-section .reviews-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
        max-width: none !important;
    }
    body .reviews-section .reviews-subtitle {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    body .reviews-section .reviews-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .reviews-section .rating-summary { display: none !important; }

    /* =====================================================
       14 FAQ   (Figma 103:237)
    ===================================================== */
    body .faq-section {
        background: var(--t-cream) !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    .faq-section > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .faq-section .faq-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    body .faq-section .faq-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
    }
    body .faq-section .faq-item {
        background: #fff !important;
        border-radius: 18px !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 22px 24px !important;
        margin: 0 !important;
    }
    body .faq-section .faq-trigger {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        text-align: left !important;
        cursor: pointer;
    }
    body .faq-section .faq-title {
        flex: 1 1 0;
        min-width: 0;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        text-align: left !important;
    }
    body .faq-section .faq-icon {
        flex: 0 0 32px;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: var(--t-blush) !important;
        color: var(--t-pink) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-family: var(--t-sans) !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin: 0 !important;
        border: 0 !important;
        transform: none !important;
    }
    body .faq-section .faq-item.active .faq-icon { background: var(--t-pink) !important; color: #fff !important; }
    body .faq-section .faq-content {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .faq-section .faq-item.active .faq-content { padding-top: 12px !important; }
    body .faq-section .faq-content { opacity: 1 !important; }

    /* =====================================================
       15 Final CTA   (Figma 103:266) — footer.php
    ===================================================== */
    body .footer { background: var(--t-blush) !important; padding: 0 !important; margin: 0 !important; }
    body .footer .footer-cta { padding: 0 !important; margin: 0 !important; background: none !important; }
    body .footer .trusted-homeowners { padding: 0 !important; margin: 0 !important; background: none !important; }
    body .footer .trusted-homeowners__inner {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: flex-end !important;
        gap: 24px !important;
        padding: 56px 0 0 40px !important;
        margin: 0 !important;
        max-width: none !important;
        width: 100% !important;
        border-radius: 0 !important;
        background: var(--t-pink) !important;
        background-image: none !important;
        min-height: 0 !important;
        overflow: hidden;
    }
    body .footer .trusted-homeowners__image {
        flex: 0 0 260px !important;
        width: 260px !important;
        height: 282px !important;
        margin: 0 !important;
        position: static !important;
    }
    body .footer .trusted-homeowners__image img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: contain !important;
        position: static !important;
        display: block;
    }
    body .footer .trusted-homeowners__content {
        flex: 1 1 0 !important;
        min-width: 0;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 18px !important;
        padding: 0 0 56px !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: left !important;
    }
    body .footer .trusted-homeowners__title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 40px !important;
        color: #fff !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: none !important;
    }
    body .footer .trusted-homeowners__description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        color: #fff !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: none !important;
    }
    body .footer .trusted-homeowners__list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }
    body .footer .trusted-homeowners__item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 14px 8px 10px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .18) !important;
        border: 0 !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        color: #fff !important;
        white-space: nowrap;
        width: auto !important;
    }
    body .footer .trusted-homeowners__icon { width: 16px !important; height: 16px !important; margin: 0 !important; flex: 0 0 16px; }
    body .footer .trusted-homeowners__button {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 16px 26px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: var(--t-pink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 800 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        letter-spacing: .45px !important;
        text-transform: uppercase !important;
        width: auto !important;
        height: auto !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    body .footer .trusted-homeowners__button::after {
        content: '' !important;
        display: block !important;
        position: static !important;
        width: 7px !important;
        height: 7px !important;
        border-right: 2px solid var(--t-pink);
        border-top: 2px solid var(--t-pink);
        transform: rotate(45deg);
        margin: 0 4px 0 2px;
        background: none !important;
    }

    /* =====================================================
       16 Footer — same layout as desktop (logo, then one row:
       about · locations · email/hours/social · quick links),
       scaled to fit 768px
    ===================================================== */
    body .footer .footer-content {
        max-width: none !important;
        width: 100% !important;
        padding: 56px 32px 0 !important;
        margin: 0 !important;
        background: none !important;
    }
    body .footer .footer-logo-wrap { margin: 0 0 40px !important; padding: 0 !important; text-align: left !important; }
    body .footer .footer-logo-wrap img { width: 260px !important; max-width: 100% !important; height: auto !important; display: block; margin: 0 !important; }
    body .footer .footer-links {
        display: grid !important;
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1.45fr) minmax(0, .8fr) !important;
        justify-content: space-between !important;
        column-gap: 20px !important;
        row-gap: 0 !important;
        padding: 0 0 48px !important;
        margin: 0 !important;
    }
    body .footer .footer-col {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    body .footer .footer-col h4 {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 1.48 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        color: #000 !important;
        opacity: .68 !important;
        margin: 0 0 16px !important;
        text-align: left !important;
    }
    body .footer .footer-col .location-space { margin-top: 24px !important; }
    /* column titles: Our Offices · Contact Us · Links */
    body .footer .footer-col .footer-col-title {
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #3a3a3a !important;
        opacity: 1 !important;
        margin: 0 0 18px !important;
    }
    body .footer .footer-col--offices h4:not(.footer-col-title),
    body .footer .footer-col--contact h4:not(.footer-col-title) {
        font-weight: 700 !important;
        font-size: 13px !important;
        letter-spacing: .3px !important;
        color: #3a3a3a !important;
        opacity: 1 !important;
    }
    body .footer .footer-col a,
    body .footer .footer-col p {
        display: block !important;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
        line-height: 1.9 !important;
        color: #000 !important;
        opacity: .8 !important;
        text-decoration: none !important;
        margin: 0 !important;
        text-align: left !important;
        overflow-wrap: anywhere;
    }
    body .footer .footer-col p.footer_descritpion { line-height: 1.9 !important; }
    body .footer .footer-col .phone-link {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-family: var(--t-serif) !important;
        color: #ff7ba2 !important;
        opacity: 1 !important;
        text-decoration: underline !important;
    }
    body .footer .footer-col .phone-link svg { display: block !important; flex: 0 0 16px; width: 16px; height: 16px; }
    body .footer .footer-col .email_envelope { display: flex !important; align-items: center !important; gap: 8px !important; }
    body .footer .footer-col .email_envelope a { white-space: nowrap !important; overflow-wrap: normal !important; font-size: 13px !important; }
    body .footer .footer-col .email_envelope svg { display: block !important; flex: 0 0 16px; width: 16px; height: 16px; }
    body .footer .footer-col .business-days small { display: block; font-size: 12px; line-height: 1.6; }
    /* "Closed on Certain Holidays" keeps the desktop pink underlined link */
    body .footer .footer-col .business-days span { display: flex; flex-wrap: wrap; gap: 0 6px; align-items: center; }
    body .footer .footer-col .business-days a {
        display: inline !important;
        color: #ff7ba2 !important;
        opacity: 1 !important;
        text-decoration: underline !important;
    }
    /* quick links: dropdown rows (About Us, Our Services) line up with plain links */
    body .footer .footer-links-menu .footer-link-toggle,
    body .footer .footer-links-menu .footer-link-plain {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 !important;
        background: none !important;
        border: 0 !important;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 13.5px !important;
        line-height: 1.9 !important;
        color: #000 !important;
        opacity: .8 !important;
        text-align: left !important;
        cursor: pointer;
    }
    body .footer .footer-links-menu .footer-link-toggle span { font: inherit !important; color: inherit !important; }
    body .footer .footer-links-menu .footer-chevron { width: 14px; height: 14px; flex: 0 0 14px; }
    body .footer .social-icons { display: flex !important; gap: 8px !important; margin: 24px 0 0 !important; }
    body .footer .social-icons a {
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: #ff7ba2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        color: #fff !important;
    }
    body .footer .social-icons a svg { width: 16px; height: 16px; }
    body .footer .footer-links-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }
    body .footer .footer-links-menu li { margin: 0 0 18px !important; padding: 0 !important; }
    body .footer .charity-logo { margin-top: 24px; }
    body .footer .charity-logo img { width: 180px !important; max-width: 100% !important; height: auto !important; }
    body .footer .charity-logo:empty { display: none; }
    body .footer .footer-watermark { display: none !important; }
    body .footer .footer-bottom {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 16px !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 24px 32px 32px !important;
        border: 0 !important;
        background: none !important;
    }
    body .footer .footer-bottom-links { display: flex !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; }
    body .footer .footer-bottom-links a {
        margin: 0 !important;
        color: #000 !important;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        text-decoration: underline !important;
        white-space: nowrap;
    }
    body .footer .copyright,
    body .footer .copyright * {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
        color: #000 !important;
        margin: 0 !important;
        text-align: right !important;
    }
}

/* =====================================================
   HEADER (Figma 101:22) — only while the hamburger menu is used
===================================================== */
@media (min-width: 744px) and (max-width: 991px) {
    body .site-header {
        background: #fff !important;
        border-bottom: 1px solid #ede6df;
        padding: 18px 32px !important;
        height: 81px;
        box-sizing: border-box;
    }
    body .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 44px;
    }
    body .site-header .logo-container { flex: 0 0 auto; margin: 0 auto 0 0 !important; padding: 0 !important; }
    body .site-header .logo img {
        height: 40px !important;
        width: auto !important;
        max-width: 149px !important;
        max-height: none !important;
        display: block;
    }
    body .site-header .nav-container {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .site-header .call-btn {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: 0 !important;
        text-decoration: none;
    }
    body .site-header .call-btn .call-icon {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px;
        background: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    body .site-header .call-btn .call-icon svg { width: 20px !important; height: 20px !important; display: block; }
    body .site-header .call-btn .call-icon svg path { stroke: var(--t-pink, #ff3063); }
    body .site-header .call-btn .call-text { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; }
    body .site-header .call-btn .call-text small {
        font-family: 'Figtree', sans-serif !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 14px !important;
        color: #5c5c5c !important;
        margin: 0 !important;
    }
    body .site-header .call-btn .call-text strong {
        font-family: 'Fraunces', serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        color: #121410 !important;
        margin: 0 !important;
        white-space: nowrap;
    }
    body .site-header .quote-btn {
        display: inline-flex !important;
        align-items: center !important;
        height: auto !important;
        min-width: 0 !important;
        width: auto !important;
        padding: 11px 18px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        background: #ff3063 !important;
        box-shadow: none !important;
        gap: 0 !important;
    }
    body .site-header .quote-btn .quote-btn-check,
    body .site-header .quote-btn > svg { display: none !important; }
    body .site-header .quote-btn .quote-btn-text {
        font-family: 'Figtree', sans-serif !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: .52px !important;
        text-transform: uppercase !important;
        color: #fff !important;
        white-space: nowrap;
    }
    body .site-header .menu-toggle {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px;
        border-radius: 50% !important;
        background: #ffe4ec !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
}

/* =====================================================
   SERVICE LOCATION page (Figma 134:222 "Tablet · Service Location · Allentown · 768")
   Shared sections (Services, Stats, Why choose us, 3 Easy Steps, FAQ, CTA,
   footer) already use the Home rules above. These are the location-only ones.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {

    /* ---------- 01 Hero (134:251): copy centred, banner as a rounded card ---------- */
    body .cleaning-hero-location.cleaning-hero-location {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 40px !important;
        background: linear-gradient(180deg, #fff 0%, #fff1f5 100%) !important;
        overflow: hidden;
        position: relative;
    }
    body .cleaning-hero-location .hero-overlay { display: none !important; }
    body .cleaning-hero-location .servicecontainer {
        max-width: none !important;
        width: 100% !important;
        padding: 56px 56px 36px !important;
        margin: 0 !important;
    }
    body .cleaning-hero-location .service-hero-content {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
    }
    body .cleaning-hero-location .service-hero-content h1 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 48px !important;
        line-height: 54px !important;
        letter-spacing: 0 !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cleaning-hero-location .service-hero-content h1 span { color: var(--t-pink) !important; font: inherit !important; }
    body .cleaning-hero-location .service-hero-desc {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 27px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cleaning-hero-location .hero-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 !important;
        width: auto !important;
    }
    body .cleaning-hero-location .trust-info { margin: 0 !important; display: flex; justify-content: center; }
    body .cleaning-hero-location .trust-info img {
        width: 286px !important;
        max-width: 286px !important;
        height: 48px !important;
        object-fit: contain;
        display: block;
    }
    body .cleaning-hero-location .hero-tablet-media {
        display: block;
        position: relative;
        margin: 0 24px;
        height: 440px;
        border-radius: 28px;
        overflow: hidden;
    }
    body .cleaning-hero-location .hero-tablet-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }
    body .cleaning-hero-location .guarantee-badge {
        position: absolute !important;
        width: 112px !important;
        height: 116px !important;
        object-fit: contain;
        right: 44px !important;
        left: auto !important;
        bottom: 60px !important;
        top: auto !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 2;
    }

    /* ---------- 02 Trust points (134:268): heading + 2×2 icon cards ---------- */
    body .alburtis-cleaning-trust {
        background: #fff !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-container {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-heading { margin: 0 0 32px !important; padding: 0 !important; }
    body .alburtis-cleaning-trust .alburtis-cleaning-heading h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-heading h2 span { color: var(--t-pink) !important; }
    body .alburtis-cleaning-trust .alburtis-cleaning-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 16px !important;
        min-height: 92px !important;
        height: auto !important;
        padding: 20px !important;
        margin: 0 !important;
        background: var(--t-cream) !important;
        border: 0 !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        transform: none !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-icon {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-icon img,
    body .alburtis-cleaning-trust .alburtis-cleaning-icon svg {
        width: 24px !important;
        height: 24px !important;
        object-fit: contain;
    }
    body .alburtis-cleaning-trust .alburtis-cleaning-card h3 {
        flex: 1 1 0;
        min-width: 0;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 17px !important;
        line-height: 23px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* ---------- 04 Reviews (134:304) ---------- */
    body .reviews-section-services {
        background: #fff !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .reviews-section-services .reviews-service-heading { margin: 0 0 32px !important; padding: 0 !important; max-width: none !important; }
    body .reviews-section-services .reviews-service-heading h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 !important;
    }
    body .reviews-section-services .reviews-service-heading h2 span { color: var(--t-pink) !important; }
    body .reviews-section-services .reviews-service-heading h2 span:empty { display: none; }
    body .reviews-section-services .reviews-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .reviews-section-services .rating-summary { display: none !important; }
}

/* =====================================================
   SERVICE page (Figma 133:173 "Tablet · Recurring House Cleaning · 768")
   Logos, Before/After, Why choose us, 3 Easy Steps, FAQ, CTA and footer use
   the shared rules above; Reviews uses the .reviews-section-services rules
   in the Service Location block. These are the service-only sections.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {

    /* ---------- 01 Hero (133:202) ---------- */
    body .cleaning-hero.cleaning-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 40px !important;
        background: linear-gradient(180deg, #fff 0%, #fff1f5 100%) !important;
        overflow: hidden;
        position: relative;
    }
    body .cleaning-hero .hero-overlay { display: none !important; }
    body .cleaning-hero .servicecontainer {
        max-width: none !important;
        width: 100% !important;
        padding: 56px 56px 36px !important;
        margin: 0 !important;
    }
    body .cleaning-hero .service-hero-content {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
    }
    body .cleaning-hero .service-hero-content h1 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 46px !important;
        line-height: 52px !important;
        letter-spacing: 0 !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cleaning-hero .service-hero-content h1 span { color: var(--t-pink) !important; font: inherit !important; }
    body .cleaning-hero .service-hero-desc {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 27px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    /* 2 × 2 checklist, 480px wide, centred */
    body .cleaning-hero .service-hero-features {
        display: grid !important;
        grid-template-columns: repeat(2, 232px) !important;
        justify-content: center !important;
        gap: 12px 16px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        width: auto !important;
        text-align: left !important;
    }
    body .cleaning-hero .service-feature-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
        text-align: left !important;
    }
    body .cleaning-hero .check-icon,
    body .cleaning-hero .check-icon svg { width: 22px !important; height: 22px !important; flex: 0 0 22px; }
    body .cleaning-hero .hero-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 !important;
        width: auto !important;
    }
    body .cleaning-hero .trust-info { margin: 0 !important; display: flex; justify-content: center; }
    body .cleaning-hero .trust-info img {
        width: 286px !important;
        max-width: 286px !important;
        height: 48px !important;
        object-fit: contain;
        display: block;
    }
    body .cleaning-hero .hero-tablet-media {
        display: block;
        position: relative;
        margin: 0 24px;
        height: 440px;
        border-radius: 28px;
        overflow: hidden;
    }
    body .cleaning-hero .hero-tablet-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
    body .cleaning-hero .guarantee-badge {
        position: absolute !important;
        width: 112px !important;
        height: 116px !important;
        object-fit: contain;
        right: 44px !important;
        left: auto !important;
        bottom: 60px !important;
        top: auto !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 2;
    }

    /* ---------- 03 What's included (133:249) ---------- */
    body .included-services {
        background: var(--t-cream) !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .included-services .includedcontainer { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .included-services .included-section-heading { margin: 0 0 32px !important; padding: 0 !important; max-width: none !important; }
    body .included-services .included-section-heading h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 !important;
    }
    body .included-services .included-section-heading h2 span { color: var(--t-pink) !important; }
    /* first card ("Throughout the home") full width with a 2-column list,
       then the others two per row */
    body .included-services .checklist-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px 16px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .included-services .checklist-card {
        position: relative;
        min-height: 0 !important;
        height: auto !important;
        padding: 24px !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: none !important;
    }
    body .included-services .checklist-card:first-child { grid-column: 1 / -1; }
    body .included-services .checklist-card-title {
        position: static !important;
        transform: none !important;
        display: block;
        margin: 0 0 18px !important;
        padding: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 26px !important;
        color: var(--t-ink) !important;
        text-align: left !important;
        white-space: normal !important;
    }
    body .included-services .checklist-card ul {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .included-services .checklist-card:first-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 16px !important; }
    body .included-services .checklist-card li {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-body) !important;
    }
    body .included-services .checklist-card li > span { flex: 0 0 22px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
    body .included-services .checklist-card li > span svg { width: 20px; height: 20px; }

    /* ---------- 04 Add-on services (133:391) ---------- */
    body .acs-section {
        background: var(--t-blush) !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
        text-align: center;
    }
    body .acs-section .acs-frame { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .acs-section .acs-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
    }
    body .acs-section .acs-heading span { font: inherit !important; }
    body .acs-section .acs-heading-pink { color: var(--t-pink) !important; }
    body .acs-section .acs-description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        max-width: none !important;
        margin: 0 0 32px !important;
        text-align: center !important;
    }
    body .acs-section .acs-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
    }
    body .acs-section .acs-grid::after { display: none !important; }
    body .acs-section .acs-card {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        max-width: none !important;
        min-height: 100px;
        padding: 10px 16px 10px 10px !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        text-align: left !important;
    }
    body .acs-section .acs-card-image { flex: 0 0 120px; width: 120px; height: 80px; padding: 0 !important; margin: 0 !important; }
    body .acs-section .acs-card-image img {
        width: 120px !important;
        height: 80px !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        margin: 0 !important;
        border-radius: 12px !important;
    }
    body .acs-section .acs-card-body { flex: 1 1 0; min-width: 0; padding: 0 !important; display: flex; flex-direction: column; gap: 4px; }
    body .acs-section .acs-card-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 17px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    body .acs-section .acs-card-price {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        color: var(--t-pink) !important;
        margin: 0 !important;
    }
    body .acs-section .acs-card-price:empty { display: none; }
    body .acs-section .acs-cta { margin: 32px 0 0 !important; display: flex; justify-content: center; }
    body .acs-section .acs-button {
        display: inline-flex !important;
        align-items: center;
        padding: 17px 32px !important;
        border-radius: 999px !important;
        background: var(--t-pink) !important;
        box-shadow: 0 10px 12px rgba(255, 48, 99, .28) !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        letter-spacing: .48px !important;
        color: #fff !important;
    }

    /* ---------- 06 Every single visit / video (133:496) ---------- */
    body .cleaning-section-video {
        background: #fff !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .cleaning-section-video .videocontainer { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .cleaning-section-video .video-section-header { margin: 0 0 32px !important; padding: 0 !important; max-width: none !important; text-align: center; }
    body .cleaning-section-video .video-section-header h2 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
    }
    body .cleaning-section-video .video-section-header h2 span { color: var(--t-pink) !important; }
    body .cleaning-section-video .video-section-header p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cleaning-section-video .video-wrapper {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 688 / 387;
        border-radius: 24px !important;
        margin: 0 0 32px !important;
        overflow: hidden;
    }
    body .cleaning-section-video .service-features-video {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
    }
    body .cleaning-section-video .feature-item-video {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 20px !important;
        min-height: 166px;
        background: var(--t-cream) !important;
        border-radius: 18px !important;
        text-align: center !important;
    }
    body .cleaning-section-video .feature-icon-video { width: 48px !important; height: 48px !important; flex: 0 0 48px; margin: 0 !important; }
    body .cleaning-section-video .feature-icon-video img,
    body .cleaning-section-video .feature-icon-video svg { width: 24px !important; height: 24px !important; }
    body .cleaning-section-video .feature-item-video span {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 17px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
    }
}

/* =====================================================
   ABOUT page (Figma 137:264 "Tablet · About · 768")
   Stats, CTA and footer use the shared rules above.
   Offices map keeps the desktop look; Our Team keeps the desktop slider.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {

    /* ---------- 01 Hero (137:293): row of team photos, then the copy ---------- */
    body .about-team {
        padding: 56px 48px 64px !important;
        margin: 0 !important;
        background: linear-gradient(180deg, #fff 0%, #fff1f5 100%) !important;
    }
    body .about-team .team-bg { max-width: none !important; }
    body .about-team .team-bubbles {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: 120px !important;
        aspect-ratio: auto !important;
        margin: 0 0 24px !important;
    }
    body .about-team .team-bubble {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        animation: none !important;
        flex: 0 0 auto;
        width: 64px;
        aspect-ratio: 1;
        margin: 0 0 0 -10px !important;
        border: 3px solid #fff;
        box-shadow: 0 6px 16px rgba(255, 48, 99, .12) !important;
    }
    body .about-team .team-bubble:first-child { margin-left: 0 !important; }
    /* sizes rise to the centre photo and fall again: 64 78 92 104 120 104 92 78 64 */
    body .about-team .team-bubble:nth-child(1),
    body .about-team .team-bubble:nth-child(9) { width: 64px; z-index: 1; }
    body .about-team .team-bubble:nth-child(2),
    body .about-team .team-bubble:nth-child(8) { width: 78px; z-index: 2; }
    body .about-team .team-bubble:nth-child(3),
    body .about-team .team-bubble:nth-child(7) { width: 92px; z-index: 3; }
    body .about-team .team-bubble:nth-child(4),
    body .about-team .team-bubble:nth-child(6) { width: 104px; z-index: 4; }
    body .about-team .team-bubble:nth-child(5) { width: 120px; z-index: 5; }
    body .about-team .team-bubble:nth-child(n+10) { display: none !important; }
    body .about-team .team-content {
        position: static !important;
        transform: none !important;
        max-width: none !important;
        width: 100% !important;
        text-align: center;
    }
    body .about-team .about-label {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        margin: 0 0 24px !important;
    }
    body .about-team .team-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 48px !important;
        line-height: 54px !important;
        color: var(--t-ink) !important;
        margin: 0 0 24px !important;
    }
    body .about-team .team-title span { color: var(--t-pink) !important; }
    body .about-team .team-desc {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        max-width: 600px;
        margin: 0 auto !important;
    }

    /* ---------- 03 Our mission (137:318) ---------- */
    body .mission-values {
        background: #fff !important;
        background-image: none !important;
        padding: 72px 40px 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    body .mission-values .mission-wrap { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .mission-values .mission-header {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px !important;
        align-items: start !important;
        margin: 0 0 32px !important;
    }
    body .mission-values .mission-left,
    body .mission-values .mission-right { max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
    body .mission-values .mission-label {
        display: block;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        text-transform: uppercase;
        margin: 0 0 12px !important;
    }
    body .mission-values .mission-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 34px !important;
        line-height: 40px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    body .mission-values .mission-title span { color: var(--t-pink) !important; }
    body .mission-values .mission-highlight {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 25px !important;
        color: var(--t-ink) !important;
        margin: 0 0 12px !important;
    }
    body .mission-values .mission-text {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        margin: 0 !important;
    }
    /* photos: 2 × 2 grid (main image + the gallery images) */
    body .mission-values .mission-gallery {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 0 !important;
    }
    body .mission-values .gallery-grid { display: contents !important; }
    body .mission-values .gallery-main,
    body .mission-values .gallery-grid img {
        width: 100% !important;
        height: 230px !important;
        max-width: none !important;
        object-fit: cover !important;
        border-radius: 20px !important;
        margin: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }
    body .mission-values .gallery-grid img:nth-child(n+4) { display: none !important; }

    /* ---------- 04 Our values (137:331): own cream band, 2 × 3 icon cards ---------- */
    body .mission-values .values-section {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        margin: 72px -40px 0 !important;
        padding: 72px 40px !important;
        background: var(--t-cream) !important;
        position: relative;
    }
    body .mission-values .values-glow { display: none !important; }
    body .mission-values .values-subtitle {
        order: -1;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        text-transform: uppercase;
        color: var(--t-pink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
        max-width: none !important;
    }
    body .mission-values .values-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
    }
    body .mission-values .values-title span { color: var(--t-pink) !important; }
    body .mission-values .values-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .mission-values .value-card {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: 16px;
        row-gap: 4px;
        align-items: start;
        width: auto !important;
        min-height: 92px !important;
        height: auto !important;
        padding: 20px !important;
        margin: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        text-align: left !important;
        transform: none !important;
    }
    body .mission-values .value-card .icon-wrap {
        grid-row: 1 / span 2;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body .mission-values .value-card .icon-wrap img { width: 24px !important; height: 24px !important; object-fit: contain; }
    body .mission-values .value-card h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    body .mission-values .value-card p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 21px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        margin: 0 !important;
    }

    /* ---------- 05 Life Maid Easy Cares (137:384) + 06 Awards (137:396) ---------- */
    body .cancer-support-section {
        background: #fff !important;
        background-image: none !important;
        padding: 72px 40px 56px !important;
        margin: 0 !important;
    }
    body .cancer-support-section .top-wave { display: none !important; }
    body .cancer-support-section > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .cancer-support-section .support-wrapper {
        display: grid !important;
        grid-template-columns: 300px minmax(0, 1fr) !important;
        column-gap: 32px !important;
        row-gap: 0 !important;
        align-items: start !important;
    }
    body .cancer-support-section .support-content { display: contents !important; }
    body .cancer-support-section .support-image {
        grid-column: 1;
        grid-row: 1 / span 4;
        align-self: center;
        width: 300px !important;
        height: 320px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }
    body .cancer-support-section .support-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 24px !important;
        position: static !important;
    }
    body .cancer-support-section .support-content h2 {
        grid-column: 2;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 40px !important;
        color: var(--t-ink) !important;
        margin: 13px 0 14px !important;
        text-align: left !important;
    }
    body .cancer-support-section .support-content h2 span { color: var(--t-pink) !important; }
    body .cancer-support-section .support-content h4 {
        grid-column: 2;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        margin: 0 0 14px !important;
    }
    body .cancer-support-section .support-content .description {
        grid-column: 2;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        margin: 0 0 14px !important;
    }
    body .cancer-support-section .learn-more {
        grid-column: 2;
        justify-self: start;
        align-self: start;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 20px !important;
        border: 1.5px solid var(--t-pink) !important;
        border-radius: 999px !important;
        background: #fff !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: var(--t-pink) !important;
        text-decoration: none !important;
    }
    /* awards: their own centred block under the Cares row */
    body .cancer-support-section .awards-logos {
        grid-column: 1 / -1;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 20px !important;
        max-width: 652px;
        justify-self: center;
        margin: 128px 0 24px !important;
        padding: 0 !important;
        position: relative;
    }
    /* soft divider between the two blocks, like the section break in the design */
    body .cancer-support-section .awards-logos::before {
        content: '';
        position: absolute;
        left: -40px;
        right: -40px;
        top: -72px;
        border-top: 1px solid var(--t-line);
    }
    body .cancer-support-section .awards-logos img {
        width: 92px !important;
        height: 92px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }
    body .cancer-support-section .awards-text {
        grid-column: 1 / -1;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        text-align: center !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* ---------- 07 Offices: desktop look — map background with the two office
       cards on it. On desktop the cards are placed by % over a wide map; at this
       width that would overlap the text, so they sit side by side under it. ---------- */
    body .office-map-areas.desktop-maps-area {
        display: flex !important;
        min-height: 640px !important;
        padding: 0 !important;
        background-size: cover !important;
        background-position: center !important;
    }
    body .desktop-maps-area .office-map-areas__container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 40px !important;
        padding: 72px 40px !important;
        max-width: none !important;
    }
    body .desktop-maps-area .office-map-areas__content { max-width: 420px !important; }
    body .desktop-maps-area .office-map-areas__pins {
        display: flex !important;
        position: static !important;
        inset: auto !important;
        justify-content: center !important;
        gap: 20px !important;
        pointer-events: auto;
    }
    body .desktop-maps-area .office-pin {
        position: static !important;
        transform: none !important;
        flex: 0 1 330px;
        min-width: 0;
    }
}

/* =====================================================
   FAQS page (Figma 139:271 "Tablet · FAQs · 768")
   The page reuses the .faq-section class, so everything is scoped to
   .faq-wrap to override the Home FAQ rules above.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {
    body .faq-wrap .faq-section {
        background: linear-gradient(180deg, #fff 0, #fff1f5 358px, var(--t-cream) 358px) !important;
        padding: 56px 40px 72px !important;
        margin: 0 !important;
    }
    body .faq-wrap .faq-label {
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        text-transform: uppercase;
        text-align: center !important;
        margin: 0 0 20px !important;
    }
    body .faq-wrap .faq-heading {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 46px !important;
        line-height: 52px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        max-width: 656px !important;
        margin: 0 auto 20px !important;
    }
    body .faq-wrap .faq-heading span { color: var(--t-pink) !important; }
    body .faq-wrap .faq-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .faq-wrap .faq-sidebar {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 96px !important;   /* hero ends here; questions start on the cream band */
        padding: 0 !important;
    }
    body .faq-wrap .faq-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        max-width: 656px;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
        background: none !important;
        box-shadow: none !important;
    }
    body .faq-wrap .faq-tab-button {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 11px 19px !important;
        margin: 0 !important;
        border: 1px solid var(--t-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: var(--t-ink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center !important;
        white-space: nowrap;
        box-shadow: none !important;
    }
    body .faq-wrap .faq-tab-button.active {
        background: var(--t-pink) !important;
        border-color: var(--t-pink) !important;
        color: #fff !important;
    }
    body .faq-wrap .faq-contact-desktop { display: none !important; }

    body .faq-wrap .faq-grid { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
    body .faq-wrap .faq-category.active { display: flex !important; flex-direction: column; gap: 12px; }
    body .faq-wrap .faq-item {
        background: #fff !important;
        border: 0 !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        padding: 21px 23px !important;
        margin: 0 !important;
    }
    body .faq-wrap .faq-question {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: 0 !important;
        text-align: left !important;
        cursor: pointer;
    }
    body .faq-wrap .faq-question .faq-icon {
        flex: 0 0 28px;
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
        background: var(--t-blush) !important;
        color: var(--t-pink) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 20px !important;
        line-height: 1 !important;
        margin: 0 !important;
        border: 0 !important;
    }
    body .faq-wrap .faq-item.active .faq-icon { background: var(--t-pink) !important; color: #fff !important; }
    body .faq-wrap .faq-question h3 {
        flex: 1 1 0;
        min-width: 0;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .faq-wrap .faq-answer { padding: 0 0 0 42px !important; margin: 0 !important; }
    body .faq-wrap .faq-item.active .faq-answer { padding-top: 12px !important; }
    body .faq-wrap .faq-answer p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 15px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        opacity: 1 !important;
        margin: 0 !important;
    }

    /* "Still got a question?" card under the questions */
    body .faq-wrap .faq-contact-mobile {
        display: block !important;
        margin: 32px 0 0 !important;
        padding: 24px !important;
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: none !important;
        width: 100% !important;
        max-width: none !important;
    }
    body .faq-wrap .faq-contact-mobile .faq-contact-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 24px !important;
        padding: 0 !important;
        background: none !important;
        text-align: left !important;
    }
    body .faq-wrap .faq-contact-mobile .faq-contact-image {
        flex: 0 0 110px;
        width: 110px !important;
        height: 110px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        margin: 0 !important;
        position: static !important;
    }
    body .faq-wrap .faq-contact-mobile .faq-contact-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 26px !important;
        line-height: 32px !important;
        color: var(--t-ink) !important;
        margin: 0 0 10px !important;
        text-align: left !important;
    }
    body .faq-wrap .faq-contact-mobile .faq-contact-text {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        margin: 0 0 10px !important;
        text-align: left !important;
    }
    body .faq-wrap .faq-contact-mobile .faq-contact-link {
        display: inline-flex !important;
        align-items: center;
        padding: 13px 22px !important;
        border-radius: 999px !important;
        background: var(--t-pink) !important;
        color: #fff !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        text-decoration: none !important;
    }
}

/* =====================================================
   BLOGS page (Figma 139:493 "Tablet · Blogs · 768")
   Featured posts stay a slider (not the grid shown in Figma), styled like
   the Figma featured card.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {
    /* ---------- 01 Hero ---------- */
    body .blog-hero {
        margin-top: 0 !important;
        padding: 56px 0 0 !important;
        background: linear-gradient(180deg, #fff 0, #fff1f5 368px, #fff 368px) !important;
    }
    body .blog-hero .hero-overlay { display: none !important; }
    body .blog-hero .hero-blog-content-top {
        max-width: none !important;
        width: 100% !important;
        padding: 0 56px !important;
        margin: 0 !important;
        text-align: center;
    }
    body .blog-hero .subheading {
        display: block;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        text-transform: uppercase;
        margin: 0 0 20px !important;
    }
    body .blog-hero h1 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 46px !important;
        line-height: 52px !important;
        color: var(--t-ink) !important;
        margin: 0 0 20px !important;
        text-align: center !important;
    }
    body .blog-hero h1 span { color: var(--t-pink) !important; }
    body .blog-hero .hero-blog-content-top p {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        margin: 0 0 20px !important;
    }
    body .blog-hero .search-wrapper {
        position: relative;
        width: auto !important;
        max-width: none !important;
        margin: 0 56px 48px !important;
        height: 56px !important;
        padding: 0 !important;
    }
    body .blog-hero .search-wrapper input {
        width: 100% !important;
        height: 56px !important;
        padding: 0 64px 0 24px !important;
        border: 1px solid var(--t-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: none !important;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        color: var(--t-ink) !important;
    }
    body .blog-hero .search-wrapper button {
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        transform: none !important;
    }
    body .blog-hero .search-shadow { display: none !important; }
    /* search: keep it on top of the featured slider and make the live
       suggestions drop down exactly under the bar (same as desktop/mobile) */
    body .blog-hero .hero-blog-content-top { position: relative; z-index: 40 !important; }
    body .blog-hero .search-wrapper { z-index: 50 !important; }
    body .blog-hero .search-wrapper input { position: relative; z-index: 2; pointer-events: auto !important; }
    body .blog-hero .search-wrapper button { z-index: 3 !important; pointer-events: auto !important; cursor: pointer; }
    body .blog-hero .search-wrapper button svg { pointer-events: none; }
    body .blog-hero .blog-search-suggestions {
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 8px) !important;
        z-index: 60 !important;
        max-height: 360px;
        overflow-y: auto !important;
        border-radius: 16px !important;
        text-align: left;
        -webkit-overflow-scrolling: touch;
    }
    body .blog-hero .blog-search-suggestions .suggestion-item { padding: 12px 18px !important; }
    body .blog-hero .blog-hero-slider-container { position: relative; z-index: 1 !important; }

    /* "No posts found" message after a search */
    body .menu-tabs .blog-grid-new > .no-results {
        grid-column: 1 / -1;
        margin: 0 !important;
        padding: 40px 0 !important;
        text-align: center;
        font-family: var(--t-sans) !important;
        font-size: 16px !important;
        color: var(--t-body) !important;
    }


    /* ---------- 02 Featured posts: slider, cards like the Figma featured card ---------- */
    body .blog-hero .blog-hero-slider-container {
        max-width: none !important;
        width: 100% !important;
        padding: 0 0 0 40px !important;
        margin: 0 !important;
        overflow: hidden;
    }
    body .blog-hero .blogHeroSlider { overflow: visible !important; margin: 48px 0 0 !important; }
    body .blog-hero .hero-blog-card {
        background: #fff !important;
        border: 1px solid var(--t-line) !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        box-shadow: none !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }
    body .blog-hero .hero-blog-image {
        position: relative;
        height: 360px !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
    body .blog-hero .hero-blog-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
    body .blog-hero .blog-category {
        position: absolute !important;
        left: 28px !important;
        bottom: auto !important;
        top: calc(100% + 28px) !important;
        z-index: 2;
        padding: 10px 18px !important;
        border-radius: 999px !important;
        background: var(--t-blush) !important;
        color: var(--t-pink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 20px !important;
        letter-spacing: .5px;
        text-transform: uppercase;
        backdrop-filter: none !important;
    }
    body .blog-hero .hero-blog-image { overflow: visible !important; }
    body .blog-hero .hero-blog-content {
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-areas: "pill date" "title title" "btn btn";
        column-gap: 12px;
        row-gap: 12px;
        align-items: center;
        padding: 28px !important;
        margin: 0 !important;
        background: #fff !important;
        color: var(--t-ink) !important;
        backdrop-filter: none !important;
    }
    /* empty first cell keeps a 40px row for the category pill (it sits over it, from the image box) */
    body .blog-hero .hero-blog-content::before { content: ''; grid-area: pill; height: 40px; }
    body .blog-hero .blog-hero-left,
    body .blog-hero .blog-hero-right { display: contents !important; }
    body .blog-hero .hero-blog-meta {
        grid-area: date;
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        color: var(--t-muted) !important;
        margin: 0 !important;
        justify-self: end;
    }
    body .blog-hero .blog-hero-left h2 {
        grid-area: title;
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 26px !important;
        line-height: 33px !important;
        margin: 0 !important;
    }
    body .blog-hero .blog-hero-left h2 a { color: var(--t-ink) !important; text-decoration: none !important; font: inherit !important; }
    body .blog-hero .know-more-btn {
        grid-area: btn;
        justify-self: start;
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        padding: 13px 22px !important;
        border: 1.5px solid var(--t-ink) !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--t-ink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        text-decoration: none !important;
        width: auto !important;
        height: auto !important;
    }
    body .blog-hero .know-more-btn::after { content: '→'; font-weight: 700; }

    /* ---------- 03 All posts ---------- */
    body .menu-tabs {
        background: #fff !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .menu-tabs .blur-left,
    body .menu-tabs .blur-center,
    body .menu-tabs .blur-right { display: none !important; }
    body .menu-tabs .inner-container,
    body .menu-tabs .inner-row,
    body .menu-tabs .tabs-container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .menu-tabs .tabs-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        margin: 0 0 32px !important;
        padding: 0 !important;
        list-style: none;
    }
    body .menu-tabs .tab-link {
        padding: 11px 19px !important;
        margin: 0 !important;
        border: 1px solid var(--t-line) !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: var(--t-ink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        box-shadow: none !important;
    }
    body .menu-tabs .tab-link.active { background: var(--t-pink) !important; border-color: var(--t-pink) !important; color: #fff !important; }
    body .menu-tabs .blog-grid-new {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .menu-tabs .blog-card-new {
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
        border: 1px solid var(--t-line) !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-shadow: none !important;
        margin: 0 !important;
        height: 100% !important;
    }
    body .menu-tabs .blog-card-new > a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
    body .menu-tabs .blog-card-new .blog-image {
        position: relative;
        height: 210px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }
    body .menu-tabs .blog-card-new .blog-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
    body .menu-tabs .card-category {
        position: absolute !important;
        left: 20px !important;
        top: calc(100% + 20px) !important;
        bottom: auto !important;
        z-index: 2;
        padding: 10px 18px !important;
        border-radius: 999px !important;
        background: var(--t-blush) !important;
        color: var(--t-pink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 20px !important;
        letter-spacing: .5px;
        text-transform: uppercase;
        backdrop-filter: none !important;
        opacity: 1 !important;
    }
    body .menu-tabs .blog-card-new .blog-content {
        flex: 1 1 auto;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 80px 20px 20px !important;   /* room for the category pill */
        margin: 0 !important;
        text-align: left !important;
    }
    body .menu-tabs .blog-card-new .blog-content h3 {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 23px !important;
        margin: 0 !important;
    }
    body .menu-tabs .blog-card-new .blog-content h3 a { color: var(--t-ink) !important; text-decoration: none !important; font: inherit !important; }
    body .menu-tabs .card-divider { display: none !important; }
    body .menu-tabs .card-footer { margin: auto 0 0 !important; padding: 0 !important; border: 0 !important; display: flex !important; }
    body .menu-tabs .card-footer > span { display: none !important; }
    body .menu-tabs .card-arrow {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        display: inline-flex !important;
        text-decoration: none !important;
    }
    body .menu-tabs .card-arrow svg { display: none !important; }
    body .menu-tabs .card-arrow::before {
        content: 'Read more →';
        font-family: var(--t-sans);
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: var(--t-pink);
    }
}

/* =====================================================
   CLEANING FOR A REASON page (Figma 140:451)
   As requested: the 2nd section (About the program), all buttons, the impact
   stat cards, the How-it-works cards and the Marina & Tom signatures keep
   their DESKTOP look. Hero, Eligibility and Nominate follow the Figma.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {

    /* ---------- 01 Hero (140:480) + hero image (140:502) ---------- */
    body .cancer-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 40px !important;
        background: linear-gradient(180deg, #fff 0%, #fff1f5 100%) !important;
        position: relative;
        overflow: hidden;
    }
    body .cancer-hero .cancer-hero-overlay { display: none !important; }
    body .cancer-hero .cancer-container {
        max-width: none !important;
        width: 100% !important;
        padding: 56px 56px 36px !important;
        margin: 0 !important;
    }
    body .cancer-hero .cancer-content {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        text-align: center !important;
    }
    body .cancer-hero .cancer-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 39px !important;
        line-height: 54px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cancer-hero .cancer-title span { color: var(--t-pink) !important; }
    body .cancer-hero .cancer-description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 27px !important;
        color: var(--t-body) !important;
        margin: 0 !important;
        max-width: none !important;
        text-align: center !important;
    }
    body .cancer-hero .cancer-features {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .cancer-hero .cancer-feature-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
    }
    /* keep the desktop button, just stop its label wrapping */
    body .cancer-hero .cancer-btn { white-space: nowrap !important; width: auto !important; min-width: 335px; }
    body .cancer-hero .hero-tablet-media {
        display: block;
        position: relative;
        margin: 0 24px;
        height: 440px;
        border-radius: 28px;
        overflow: hidden;
    }
    body .cancer-hero .hero-tablet-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

    /* ---------- 03 Eligibility (140:512): centred heading, one white card with
       the checklist (2 columns), "serves patients in" and the town pills,
       then the note and the (desktop-style) button ---------- */
    body .cancer-eligibility-section {
        background: var(--t-cream) !important;
        background-image: none !important;
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .cancer-eligibility-section .cancer-eligibility-container {
        display: block !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    body .cancer-eligibility-section .cancer-eligibility-left,
    body .cancer-eligibility-section .cancer-eligibility-right {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    body .cancer-eligibility-section .cancer-eligibility-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        color: var(--t-ink) !important;
        text-align: center !important;
        margin: 0 0 12px !important;
    }
    body .cancer-eligibility-section .cancer-eligibility-title br { display: none; }
    body .cancer-eligibility-section .cancer-eligibility-description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        text-align: center !important;
        margin: 0 0 32px !important;
        max-width: none !important;
    }
    /* top half of the white card */
    body .cancer-eligibility-section .cancer-eligibility-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 16px !important;
        margin: 0 !important;
        padding: 28px 28px 22px !important;
        background: #fff !important;
        border-radius: 20px 20px 0 0 !important;
        list-style: none;
    }
    body .cancer-eligibility-section .cancer-eligibility-list li {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin: 0 !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        color: var(--t-ink) !important;
    }
    body .cancer-eligibility-section .cancer-check-icon { flex: 0 0 22px; width: 22px; height: 22px; }
    body .cancer-eligibility-section .cancer-check-icon svg { width: 22px !important; height: 22px !important; }
    /* bottom half of the same card */
    body .cancer-eligibility-section .cancer-serves-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 25px !important;
        color: var(--t-ink) !important;
        margin: 0 !important;
        padding: 0 28px 22px !important;
        background: #fff !important;
        text-align: left !important;
    }
    body .cancer-eligibility-section .cancer-location-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 28px 28px !important;
        background: #fff !important;
        border-radius: 0 0 20px 20px !important;
    }
    body .cancer-eligibility-section .cancer-location-tag {
        padding: 9px 16px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--t-blush) !important;
        color: var(--t-ink) !important;
        font-family: var(--t-sans) !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    body .cancer-eligibility-section .cancer-location-description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        color: var(--t-body) !important;
        text-align: center !important;
        margin: 32px 0 24px !important;
        max-width: none !important;
    }
    body .cancer-eligibility-section .cancer-eligibility-btn { align-self: center !important; }

    /* ---------- 04 Nominate someone (140:568) — button stays desktop ---------- */
    body .cancer-caregiver-section {
        padding: 72px 40px !important;
        margin: 0 !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 32px !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-image-wrapper,
    body .cancer-caregiver-section .cancer-caregiver-image {
        flex: 0 0 280px !important;
        width: 280px !important;
/*         height: 280px !important; */
        max-width: none !important;
        margin: 0 !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-image img,
    body .cancer-caregiver-section img.cancer-caregiver-image {
        width: 280px !important;
/*         height: 280px !important; */
        object-fit: cover !important;
        border-radius: 24px !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-content {
        flex: 1 1 0 !important;
        min-width: 0;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-label {
        display: block;
        font-family: var(--t-sans) !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        letter-spacing: 1.56px !important;
        color: var(--t-pink) !important;
        margin: 0 0 14px !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 38px !important;
        color: var(--t-ink) !important;
        margin: 0 0 14px !important;
    }
    body .cancer-caregiver-section .cancer-caregiver-description {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        color: var(--t-body) !important;
        margin: 0 0 24px !important;
    }

    /* ---------- 05 Reviews: the quote button keeps its desktop look on this page ---------- */
    body.page-template-page-cancer .reviews-section-services .free-quote-btn {
        width: 280px !important;
        height: 62px !important;
        padding: 10px 24px !important;
        gap: 10px !important;
        justify-content: space-between !important;
        border-radius: 60px !important;
        box-shadow: none !important;
        background: var(--primary-color, #ff3063) !important;
    }
    body.page-template-page-cancer .reviews-section-services .free-quote-btn .btn-avatar {
        width: auto !important;
        height: auto !important;
        background: none !important;
        margin-top: 5px !important;
        flex: 0 0 auto;
    }
    body.page-template-page-cancer .reviews-section-services .free-quote-btn .btn-avatar svg { width: 25px !important; height: 25px !important; }
    body.page-template-page-cancer .reviews-section-services .free-quote-btn span {
        font-weight: 900 !important;
        font-size: 17px !important;
        letter-spacing: 0 !important;
    }

    /* ---------- 06 Impact: heading per Figma, stat cards as on desktop
       (icon, big number, label, thin dividers), scaled to fit 768px ---------- */
    body .cancer-impact-section { padding: 72px 40px !important; margin: 0 !important; }
    body .cancer-impact-section .cancer-impact-container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body .cancer-impact-section .cancer-impact-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        margin: 0 0 32px !important;
    }
    body .cancer-impact-section .cancer-impact-stats {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body .cancer-impact-section .cancer-impact-item { flex: 1 1 0 !important; min-width: 0; width: auto !important; height: auto !important; }
    body .cancer-impact-section .cancer-impact-icon { width: 80px !important; height: 80px !important; }
    body .cancer-impact-section .cancer-impact-number { font-size: 30px !important; line-height: 1.1 !important; white-space: nowrap; }
    body .cancer-impact-section .cancer-impact-label { font-size: 18px !important; }
    body .cancer-impact-section .cancer-impact-divider {
        display: block !important;
        flex: 0 0 1px;
        width: 1px !important;
        height: 200px !important;
        align-self: center;
    }

    /* ---------- 07 How it works: heading per Figma; cards stay as on desktop ---------- */
    body .cancer-how-it-works-section .cancer-how-it-works-title {
        font-family: var(--t-serif) !important;
        font-weight: 600 !important;
        font-size: 36px !important;
        line-height: 44px !important;
        margin: 0 0 12px !important;
    }
    body .cancer-how-it-works-section .cancer-how-it-works-subtitle {
        font-family: var(--t-sans) !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 26px !important;
        margin: 0 0 32px !important;
    }
}
/* =====================================================
   SERVICE pages · Pricing cards (Value / Deluxe), e.g. Deep Cleaning
   Desktop sizes made the 2 cards cramped at 768px (40px titles on 4 lines,
   ragged check list). Same look, sized for tablet; cards equal height with
   the buttons lined up at the bottom.
===================================================== */
@media (min-width: 744px) and (max-width: 1023px) {
    body .pc-section { padding: 56px 40px !important; }
    body .pc-section .pc-grid {
        max-width: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
        align-items: stretch !important;
    }
    body .pc-section .pc-card {
        justify-content: flex-start !important;
        gap: 16px !important;
        padding: 40px 24px 32px !important;
        border-radius: 20px !important;
        min-width: 0;
    }
    body .pc-section .pc-badge { padding: 0 !important; margin: 0 !important; }
    body .pc-section .pc-badge img { width: 170px !important; max-width: 100% !important; height: auto !important; display: block; }
    body .pc-section .pc-title {
        font-size: 30px !important;
        line-height: 36px !important;
        margin: 0 !important;
    }
    body .pc-section .pc-desc {
        font-size: 15px !important;
        line-height: 24px !important;
        margin: 0 !important;
    }
    /* check list: one tidy left-aligned column, centred as a block */
    body .pc-section .pc-features {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin: 8px auto 0 !important;
        padding: 0 !important;
        max-width: 100%;
        text-align: left !important;
    }
    body .pc-section .pc-features li {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 22px !important;
    }
    body .pc-section .pc-features li svg,
    body .pc-section span.pc-check svg { width: 20px !important; height: 20px !important; flex: 0 0 20px; margin-top: 1px; }
    body .pc-section .pc-btn {
        margin-top: auto !important;
        font-size: 15px !important;
        padding: 16px 28px !important;
    }
    body .pc-section .pc-features { margin-bottom: 24px !important; }
	.faq-contact-card::before{
		display:none
	}
}