/* ============================================================
   Smilora — галерея внизу: фіксовані рамки як у шаблоні
   Будь-яке фото в assets/images/gallery/ підганяється під розмір
   ============================================================ */

.photo-slider-con {
    --gallery-scale: 1;
    --gallery-gap: 30px;
}

@media (max-width: 1199.98px) {
    .photo-slider-con {
        --gallery-scale: 0.82;
    }
}

@media (max-width: 991.98px) {
    .photo-slider-con {
        --gallery-scale: 0.56;
        --gallery-gap: 10px;
    }
}

@media (max-width: 767.98px) {
    .photo-slider-con {
        --gallery-scale: 0.44;
        --gallery-gap: 8px;
    }

    .photo-slider-con .owl-carousel {
        justify-content: flex-start !important;
    }
}

@media (max-width: 575.98px) {
    .photo-slider-con {
        --gallery-scale: 0.36;
        --gallery-gap: 8px;
    }
}

.photo-slider-con .owl-carousel .owl-stage {
    display: flex;
    align-items: flex-end;
}

.photo-slider-con .owl-carousel .owl-item {
    float: none !important;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
}

.photo-slider-con .owl-carousel .owl-item .item,
.photo-slider-con .owl-carousel .owl-item .item.gallery-slide {
    width: auto !important;
    flex: 0 0 auto !important;
}

.photo-slider-con .owl-carousel .owl-item .gallery-slide figure {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    margin: 0;
    flex-shrink: 0;
}

.photo-slider-con .owl-carousel .owl-item .gallery-slide img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

/* Розміри з оригінального шаблону (photoslider / gallery-1…6) */
.photo-slider-con .gallery-slide--size-1 figure {
    width: calc(209px * var(--gallery-scale));
    height: calc(209px * var(--gallery-scale));
}

.photo-slider-con .gallery-slide--size-2 figure {
    width: calc(320px * var(--gallery-scale));
    height: calc(226px * var(--gallery-scale));
}

.photo-slider-con .gallery-slide--size-3 figure {
    width: calc(320px * var(--gallery-scale));
    height: calc(342px * var(--gallery-scale));
}

.photo-slider-con .gallery-slide--size-4 figure {
    width: calc(320px * var(--gallery-scale));
    height: calc(299px * var(--gallery-scale));
}

.photo-slider-con .gallery-slide--size-5 figure {
    width: calc(320px * var(--gallery-scale));
    height: calc(380px * var(--gallery-scale));
}

.photo-slider-con .gallery-slide--size-6 figure {
    width: calc(207px * var(--gallery-scale));
    height: calc(184px * var(--gallery-scale));
}