/*
 * SPEK homepage-only section transparency.
 * The water artwork itself is painted ONCE by site-water-background.css
 * on #page.site, shared with every other frontend page.
 */

/* No fixed grid or individual gradient masks over the common water scene. */
body .front-page::before {
    display: none;
    content: none;
}

/* Maintain section spacing and card layouts without any solid group panels. */
body .front-page .home-section-group,
body .front-page .home-section-group--one,
body .front-page .home-section-group--two,
body .front-page .home-section-group--three {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body .front-page .home-section-group > .section,
body .front-page .home-section-group--one > .product-categories,
body .front-page .home-section-group--one > .finder-preview,
body .front-page .home-section-group--two > .why-spek,
body .front-page .home-section-group--two > .catalogue-preview,
body .front-page .home-section-group--three > .store-preview,
body .front-page .home-section-group--three > .b2b-cta {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* The shared Why SPEK component has its own opaque defaults. */
body .front-page .home-section-group > .why-spek--flow,
body .front-page .why-spek--flow .why-spek__practical,
body .front-page .why-spek--flow .why-spek__benefits {
    background: transparent !important;
}

body .front-page .home-section-group > .section + .section {
    border-top: 0;
}
body .front-page .home-section-group > .finder-preview::before {
    display: none;
    content: none;
}

@media (max-width: 700px) {
    body .front-page .home-section-group,
    body .front-page .home-section-group--one,
    body .front-page .home-section-group--two,
    body .front-page .home-section-group--three {
        border-radius: 0;
        box-shadow: none;
    }
}