/* 1.9.2 — Alleen de mobiele homepage. Bestaande maatvoering en desktop blijven intact. */
#yoost-home-test .yoost-mobile-hero-edge { display: none; }
@media (max-width: 767px) {
    #yoost-home-test#yoost-home-test#yoost-home-test:not(.calculation-page) .hero,
    #yoost-home-test#yoost-home-test#yoost-home-test:not(.calculation-page) .hero .hero-content {
        background: #21452c !important;
    }
    /* Alleen het lege linkerdeel mengen; geen verticale vervaging van de originele foto. */
    #yoost-home-test#yoost-home-test#yoost-home-test:not(.calculation-page) .hero .hero-photo {
        display: block !important;
        mask-image: linear-gradient(90deg, transparent, #000 32%) !important;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 32%) !important;
        mask-composite: add;
        -webkit-mask-composite: source-over;
    }
    #yoost-home-test#yoost-home-test#yoost-home-test:not(.calculation-page) .hero .hero-fade {
        display: none !important;
    }
    /* De gevulde curve overlapt de rechte foto-onderrand: geen horizontale tussenband. */
    #yoost-home-test .yoost-mobile-hero-edge {
        display: block;
        position: relative;
        width: 100%;
        height: 22px;
        margin: -22px 0 0;
        overflow: hidden;
        background: transparent;
        z-index: 2;
        pointer-events: none;
    }
}