/* ==========================================================================
   PRODUCT GALLERY - PREVIEW
   ========================================================================== */

.single__product--preview {
    height: 520px;
    overflow: hidden;
    background: #f3f4f6;
    border-radius: 18px;
}

    .single__product--preview .swiper-wrapper,
    .single__product--preview .swiper-slide {
        height: 100%;
    }

    .single__product--preview .product__media--preview__items,
    .single__product--preview .product__media--preview__items--link {
        display: block;
        height: 100%;
    }

    .single__product--preview .product__media--preview__items--img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: fill;
    }


/* ==========================================================================
   PRODUCT GALLERY - THUMBNAILS
   ========================================================================== */

.single__product--nav .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 102px !important;
    height: 90px;
}

.single__product--nav .product__media--nav__items {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
}

.single__product--nav .product__media--nav__items--img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill;
}

.product__details--media .swiper-horizontal {
    padding: 0 !important;
}

.swiper-horizontal {
    padding: 0;
}


/* ==========================================================================
   GLIGHTBOX
   ========================================================================== */

.glightbox-container .gslide-media,
.glightbox-container .ginner-container {
    overflow: hidden !important;
}

.glightbox-container .ginner-container {
    width: auto !important;
    height: auto !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
}

.glightbox-container .gslide-image {
    width: auto !important;
    height: auto !important;
}

    .glightbox-container .gslide-image img {
        display: block;
        width: auto !important;
        height: auto !important;
        max-width: 95vw !important;
        max-height: 95vh !important;
        object-fit: contain !important;
    }


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 576px) {
    .single__product--preview {
        height: 340px;
    }
}