/**
 * Embla carousel — minimal styles (replaces Tiny Slider / Tornado gallery)
 */
.embla {
    overflow: hidden;
    position: relative;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
}

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

.embla--vertical .embla__container {
    flex-direction: column;
}

.embla--vertical .embla__slide {
    flex: 0 0 auto;
}

.embla__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    z-index: 4;
    pointer-events: none;
}

.embla__dot {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    padding: 0;
    cursor: pointer;
    pointer-events: auto;
}

.embla__dot.is-selected {
    background: #25aae1;
}

.carousel-slider.embla .embla__slide {
    flex: 0 0 50%;
}

@media (min-width: 768px) {
    .carousel-slider.embla .embla__slide {
        flex: 0 0 33.333%;
    }
}

@media (min-width: 1200px) {
    .carousel-slider.embla .embla__slide {
        flex: 0 0 33.333%;
    }
}

.carousel-slider.embla--vertical .embla__slide {
    flex: 0 0 auto;
}