/* CLS Fix - Reservar espaço para imagens */

/* Banner principal */
.top-bar-container img,
.header-container img {
    aspect-ratio: auto;
}

/* Slider principal - reservar altura */
.hcg-slider,
.hcg-slider-body {
    min-height: 400px;
}

/* Imagens de produto - reservar espaço */
.product-image img,
.product-image-container img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
}

/* Banners laterais */
.banner-menu img {
    aspect-ratio: 16 / 9;
}

/* Owl Carousel - prevenir saltos */
.owl-carousel .owl-item img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

/* Modal banner */
.fancybox-wrap img {
    max-width: 100%;
    height: auto;
}

/* Posts do blog */
.post-item .post-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}