/* Homepage-carrousels op mobiel, zie inc/carrousel.php. */
@media (max-width: 767px) {
    .elementor-element-3a7998a > .elementor-container,
    .elementor-element-9238c40 > .elementor-container {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 20px;
        padding-inline: 20px;
        margin-inline: -20px;
        padding-block: 4px 28px; /* ruimte zodat de kaartranden niet worden afgeknipt */
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }
    .elementor-element-3a7998a > .elementor-container::-webkit-scrollbar,
    .elementor-element-9238c40 > .elementor-container::-webkit-scrollbar { display: none; }

    .elementor-element-3a7998a > .elementor-container > .elementor-column,
    .elementor-element-9238c40 > .elementor-container > .elementor-column {
        flex: 0 0 82%;
        width: 82% !important;
        max-width: none;
        scroll-snap-align: start;
    }
    /* cijfers zijn kort: kleiner item, zodat er twee in beeld vallen */
    .elementor-element-3a7998a > .elementor-container > .elementor-column { flex-basis: 62%; width: 62% !important; }
    .elementor-element-3a7998a > .elementor-container { padding-block: 0; } /* geen stipjes, geen ruimte nodig */
    .elementor-element-9238c40 > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; }

    .mq-stipjes { display: flex; justify-content: center; gap: 8px; margin: -10px 0 0; padding: 0; }
    .mq-stipjes button {
        width: 8px; height: 8px; min-height: 0; padding: 0; border: 0; border-radius: 50%;
        background: var(--mq-stip) !important; color: transparent !important; opacity: .3; cursor: pointer; transition: opacity .2s, width .2s;
    }
    .mq-stipjes button[aria-current="true"] { opacity: 1; width: 22px; border-radius: 4px; }
    .elementor-element-9238c40 .mq-stipjes { --mq-stip: #1F4D3F; }
}
@media (min-width: 768px) { .mq-stipjes { display: none; } }