/* ==========================================================================
   Zuki Custom CSS - Single Product Page (single-product)
   This CSS file will ONLY load on WooCommerce Single Product pages
   ========================================================================== */

.zuki-main-product-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 40px !important;
    padding: 40px 5% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.zuki-product-left-col {
    flex: 0 0 55% !important;
    width: 55% !important;
    max-width: 55% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}
.zuki-product-info-section {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}
.zuki-product-left-col .woocommerce-product-gallery {
    opacity: 1 !important;
    width: 100% !important;
}
.zuki-product-left-col .woocommerce-product-gallery__wrapper {
    display: grid !important;
    grid-template-columns: 38fr 62fr !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.zuki-product-left-col .woocommerce-product-gallery__image {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
.zuki-product-left-col .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
    display: block !important;
}
.zuki-product-left-col .woocommerce-product-gallery__image:nth-child(3n) {
    grid-column: 1 / -1 !important;
}
.zuki-product-left-col .woocommerce-product-gallery__image:nth-child(3n) img {
    height: 480px !important;
}
@media (max-width: 768px) {
    .zuki-main-product-container {
        flex-direction: column !important;
    }
    .zuki-product-left-col {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
    .zuki-product-info-section {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}