.swiper-pagination {
    --swiper-pagination-bottom: -34px;
    position: relative;
}

/* Ensure slides keep their fixed size when Swiper is active */
.audio-swiper .swiper-slide {
    margin-right: 26px;
    flex: 0 0 auto; /* keep intrinsic width in flex row */
    box-sizing: border-box;
}

/* remove right margin from last slide */
.audio-swiper .swiper-slide:last-of-type {
    margin-right: 0;
}

@media (max-width: 1024px) {
    .audio-swiper .swiper-slide {
        margin-right: 16px;
    }
}

.swiper-pagination-bullet {
    background: #A9A9A9;
    width: 13px;
    height: 6px;
    mix-blend-mode: hard-light;
    border-radius: 4px;
    opacity: 0.6;
}

.swiper-pagination-bullet-active {
    background-color: white;
    width: 24px;
    opacity: 1;
}

.photo-swiper-pagination {
    position: sticky;
}

/* active bullet color specific for photo swiper */
.photo-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #182431;
}

.audio-card img.logo-audio {
    transform-origin: center;
    transition: transform 0.3s ease-out;
    will-change: transform;
}

.audio-card:hover img.logo-audio {
    transform: rotate(180deg);
    transition-duration: 1.2s;
    transition-timing-function: ease-in-out;
}