/* =========================================================
GUTTER CLEANING PAGE
Uses the shared service-page framework from page.css/service-page.css.
========================================================= */

.gutter-cleaning-page .service-intro {
    grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.88fr);
}

.gutter-cleaning-page .service-slideshow-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gutter-clearance-strip {
    background:
        linear-gradient(135deg, rgba(32, 40, 50, 0.96), rgba(32, 40, 50, 0.86)),
        url("../../images/gutter-bg.webp") center / cover;
}

.gutter-contact {
    background:
        linear-gradient(135deg, rgba(32, 40, 50, 0.96), rgba(32, 40, 50, 0.86)),
        url("../../images/fascia-cleaning-bg.webp") center / cover;
}

.gutter-cleaning-page #gutter-clearance,
.gutter-cleaning-page #frequency,
.gutter-cleaning-page #pricing,
.gutter-cleaning-page #results,
.gutter-cleaning-page #clearance,
.gutter-cleaning-page #insurance,
.gutter-cleaning-page #safety,
.gutter-cleaning-page #areas-covered {
    scroll-margin-top: 140px;
}

@media (max-width: 900px) {
    .gutter-cleaning-page .service-intro {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .gutter-cleaning-page .service-slideshow-thumbs {
        grid-template-columns: repeat(4, 78px);
    }
}