/* Modern vertical product gallery */
.custom-gallery-wrapper {
    display: flex;
    gap: 20px;
    align-items: stretch;
}
/* Thumbnails container */
.custom-thumbs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 90px;
    align-items: flex-start;
}


/* Each thumbnail */
.custom-thumb {
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #2D3F59;
    padding: 2px;
    flex: 0 0 auto;
    
}

.custom-thumb img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: #fff;
    padding: 5px;
    border-radius: 6px;

}
.woocommerce-product-gallery__wrapper {
    flex: 1;
}

.woocommerce-product-gallery__wrapper img {
    width: 100%;
    height: 100%;
    max-height: 500px; /* controls total height */
    object-fit: contain;
    background-color: #fff;
}


.custom-thumb img:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Main product image */
.custom-main-image {
    flex: 1;
}


.custom-main-image img {
    width: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.custom-main-image:hover img {
    transform: scale(1.02);
}

.custom-thumb.is-active {
   
    border-color: #BF435F;
}
.woocommerce-product-gallery .flex-control-thumbs {
    display: none !important;
}


/* Responsive */
/* Responsive */
@media (max-width: 768px) {
    .custom-gallery-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .custom-thumbs {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start; /* start aligned */
        max-width: 100%;
        overflow-x: auto; /* enable horizontal scroll */
        overflow-y: hidden;
        gap: 10px;
        padding-bottom: 10px;

        /* hide ugly scrollbar in WebKit */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin; /* Firefox */
    }
    .custom-thumbs::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    .custom-thumb {
        flex: 0 0 auto; /* keep thumbs from shrinking */
    }

    .custom-thumb img {
        width: 80px !important;   /* mobile thumb size */
        height: 80px !important;
    }

    .woocommerce-product-gallery__wrapper img {
        max-height: 320px; /* mobile main image height */
    }
}