/* Mobile refinements for the inner pages; desktop layouts remain unchanged. */
@media (max-width: 720px) {
    .ct-page .sustainability__inner {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .ct-page .sustainability__copy {
        padding: 56px 0 0;
    }

    .ct-page .sustainability__copy > .button {
        margin-top: 38px;
    }

    .ct-page .certification {
        margin-top: 48px;
    }

    .ct-page .sustainability .sustainability__tree {
        position: relative;
        z-index: 2;
        right: auto;
        bottom: auto;
        width: min(150vw, 900px);
        height: auto;
        max-width: none;
        align-self: center;
        margin: -12px 0 -14vw;
    }

    .ct-about .ct-about__gallery {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 0;
    }

    .ct-about .ct-about__gallery-arrow,
    .ct-about .ct-about__certificates-next {
        width: 44px;
        min-height: 48px;
    }

    .ct-about .ct-about__certificates-next {
        right: 0;
    }

    .ct-contact .ct-contact__detail,
    .ct-contact .ct-contact__social a {
        min-height: 44px;
    }

    .ct-contact .ct-contact__social a {
        display: inline-flex;
        width: 44px;
        align-items: center;
        justify-content: center;
    }

    .ct-sector .ct-sector__benefits {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 28px;
    }

    .ct-sector .ct-sector__benefit {
        gap: 14px;
    }

    .ct-sector .ct-sector__benefit strong {
        font-size: 1rem;
    }

    .ct-sector .ct-sector__benefit span {
        font-size: .9375rem;
        line-height: 1.35;
    }

    .ct-sector .ct-sector__ideal {
        font-size: .9375rem;
        line-height: 1.4;
    }

    .ct-sector .ct-sector__product-points {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ct-sector .ct-sector__product-points > div {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: start;
        column-gap: 14px;
    }

    .ct-sector .ct-sector__feature-icon {
        grid-column: 1;
        grid-row: 1 / 3;
        margin: 0;
    }

    .ct-sector .ct-sector__product-points strong,
    .ct-sector .ct-sector__product-points p {
        grid-column: 2;
    }

    .ct-sector .ct-sector__product-points strong {
        margin-bottom: 4px;
        font-size: 1rem;
    }

    .ct-sector .ct-sector__product-points p {
        font-size: .9375rem;
        line-height: 1.4;
    }

    .ct-sector .ct-sector__custom-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ct-sector .ct-sector__custom-copy {
        grid-column: 1;
    }

    .ct-sector .ct-sector__custom-tile {
        min-height: 210px;
        padding: 22px;
    }

    .ct-sector .ct-sector__custom-tile h3 {
        font-size: 1.4rem;
    }

    .ct-sector .ct-sector__custom-tile p {
        max-width: 32ch;
        font-size: 1rem;
        line-height: 1.35;
    }
}

@media (max-width: 720px) and (max-height: 680px) {
    body:not(.cleantex-home) .mobile-menu {
        justify-content: flex-start;
        gap: 4px;
        overflow-y: auto;
        padding: 92px 16px 24px;
        overscroll-behavior: contain;
    }

    body:not(.cleantex-home) .mobile-menu > a:not(.button) {
        display: flex;
        min-height: 48px;
        align-items: center;
        font-size: 1.5rem;
    }

    body:not(.cleantex-home) .mobile-menu .button {
        flex: 0 0 auto;
        margin-top: 12px;
    }
}

@media (max-width: 720px) {
    body:not(.cleantex-home).menu-open .site-logo {
        filter: brightness(0) invert(1);
    }
}