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

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

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

.gutter-video-section {
    --service-video-bg: url("../../images/gutter-cleaning-snap-1.webp");
}

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

.gutter-clearance-page #gutter-video,
.gutter-clearance-page #frequency,
.gutter-clearance-page #pricing,
.gutter-clearance-page #how-to-unblock-gutters,
.gutter-clearance-page #guards-hedgehogs,
.gutter-clearance-page #video-inspections,
.gutter-clearance-page #insurance,
.gutter-clearance-page #areas-covered {
    scroll-margin-top: 140px;
}

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

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