/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 10 2026 | 12:51:44 */
/* Bắt đầu Ép ảnh sản phẩm WooCommerce về tỷ lệ 16:9 trên mọi thiết bị */
/* Khung slider vẫn giữ 16:9 */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce-product-gallery .zoomtoo-container {
    aspect-ratio: 16 / 9;   /* giữ khung 16:9 */
    overflow: hidden;       /* để không vượt khung */
    background-color: #ffffff; /* nền trắng */
}

/* Ảnh chính hiển thị vừa khung, không crop */
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.woocommerce-product-gallery .zoomtoo-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;       /* không crop, co giãn vừa khung */
    object-position: center;   /* căn giữa ảnh */
}

/* Ngăn thumbnail bị ảnh hưởng */
.woocommerce-product-gallery .flex-control-thumbs img,
.wpgs-nav img {
    object-fit: contain !important;
    height: auto !important;
}
/* Kết thúc Ép ảnh sản phẩm WooCommerce về tỷ lệ 16:9 trên mọi thiết bị */