/* Product Details Page - Reduced Image Size */

/* Reduce product image container width on larger screens */
@media (min-width: 768px) {
    .tf-main-product .row>.col-md-6:first-child {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .tf-main-product .row>.col-md-6:last-child {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

/* Limit maximum image width */
.tf-product-media-wrap {
    max-width: 450px;
    margin: 0 auto;
}

/* Adjust image container height */
.tf-product-media-main .swiper-slide {
    max-height: 500px;
}

.tf-product-media-main .swiper-slide img {
    max-height: 500px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

/* Thumbnail images */
.tf-product-media-thumbs .swiper-slide {
    max-height: 100px;
}

.tf-product-media-thumbs .swiper-slide img {
    max-height: 100px;
    object-fit: contain;
}

/* Tablet responsive */
@media (max-width: 991px) {
    .tf-product-media-wrap {
        max-width: 400px;
    }

    .tf-product-media-main .swiper-slide {
        max-height: 450px;
    }

    .tf-product-media-main .swiper-slide img {
        max-height: 450px;
    }
}

/* Mobile responsive */
@media (max-width: 767px) {

    .tf-main-product .row>.col-md-6:first-child,
    .tf-main-product .row>.col-md-6:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tf-product-media-wrap {
        max-width: 100%;
        /* Full width on mobile */
        margin-bottom: 30px;
        padding: 0 15px;
        /* Add padding for spacing */
    }

    .tf-product-media-main .swiper-slide {
        max-height: 550px;
        /* Increased from 400px */
    }

    .tf-product-media-main .swiper-slide img {
        max-height: 550px;
        /* Increased from 400px */
    }
}

/* Small mobile */
@media (max-width: 575px) {
    .tf-product-media-wrap {
        max-width: 100%;
        /* Full width on small mobile */
        padding: 0 10px;
        /* Slightly less padding */
    }

    .tf-product-media-main .swiper-slide {
        max-height: 500px;
        /* Increased from 350px */
    }

    .tf-product-media-main .swiper-slide img {
        max-height: 500px;
        /* Increased from 350px */
    }

    .tf-product-media-thumbs .swiper-slide {
        max-height: 80px;
    }

    .tf-product-media-thumbs .swiper-slide img {
        max-height: 80px;
    }
}