.wpacg-gallery-preview .swiper{
    max-width: 320px;
    /* adjust in your layout */
}

.wpacg-gallery .big-slider {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 14px;
}

.wpacg-gallery .big-slider .swiper-slide img {
    display: block;
    height: 100%;
    max-height: 520px;
    /* keep aspect pleasant */
    object-fit: cover;
}

.wpacg-gallery .small-slider .swiper-slide {
    height: 86px;
    /* thumbnail height */
    border-radius: 10px;
    overflow: hidden;
    background: #f4f4f6;
    opacity: .7;
}

.wpacg-gallery .small-slider .swiper-slide.ag-active,
.wpacg-gallery .small-slider .swiper-slide-active{
    opacity: 1;
}

.wpacg-gallery .small-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.wpacg-gallery .small-slider .swiper-slide.empty {
    background: transparent;
    outline: 1px dashed rgba(0, 0, 0, .08);
}

/* active state outline for current thumb */
.wpacg-gallery .small-slider .swiper-slide-thumb-active {
    outline: 2px solid rgba(26, 23, 80, .6);
}

/* Pagination lines (long bars) */
.wpacg-gallery .swiper-pagination {
    padding: 0;
    position: absolute;
    bottom: 20px;
}

.wpacg-gallery .swiper-pagination-bullet {
    width: 44px;
    height: 2px;
    border-radius: 0;
    background: #6682286e;
    opacity: 1;
    box-shadow: none;
}

.wpacg-gallery .swiper-pagination-bullet-active {
    background: #668228;
    opacity: 1;
    transform: none;
    bottom: -1px;
    height: 4px;
    position: relative;
}

/* Responsive tweak if container is narrow */
@media (max-width: 480px) {
    .wpacg-gallery .small-slider .swiper-slide {
        height: 64px;
    }

    .wpacg-gallery .swiper-pagination-bullet {
        width: 28px;
    }
}