/* Layout CSS caps every button at 320px below 768px. FAQ toggles stay full width. */
.fh-page .faq-question {
    width: 100%;
    max-width: none;
    display: flex;
    margin: 0;
}

.fh-scope-cta a + a {
    margin-left: 0.65rem;
}

@media (max-width: 640px) {
    .fh-scope-cta a + a {
        margin-left: 0;
        margin-top: 0.65rem;
    }
}

/* Hero photos for service pages that share the full-house layout.
   The shared layout lives in fullhouse/full-house-remodel-styles.css.
   This file only swaps the photo behind each hero. */

.fh-page.svc-kitchen .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/painting/interior-house-painting-kankakee.JPEG") center / cover no-repeat !important;
}

.fh-page.svc-bathroom .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/bathroom/full-bathroom-3.jpg") center / cover no-repeat !important;
}

.fh-page.svc-flooring .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/flooring/lvp-1.jpg") center / cover no-repeat !important;
}

.fh-page.svc-painting .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/painting/interior-house-painting-bourbonnais.JPEG") center / cover no-repeat !important;
}

.fh-page.svc-basement .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/basement/basement-flooring-painting.jpg") center / cover no-repeat !important;
}

.fh-page.svc-carpentry .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/basement/framing-complete.jpg") center / cover no-repeat !important;
}

.fh-page.svc-mechanical .hero-section.fh-hero {
    background:
        linear-gradient(135deg, rgba(0, 21, 64, 0.82) 0%, rgba(1, 67, 133, 0.78) 48%, rgba(1, 74, 171, 0.72) 100%),
        url("../assets/images/services/basement/rough-in-plumbing.jpg") center / cover no-repeat !important;
}