/* Optimisations pour le chargement des images */
.logo img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Utilisation de srcset pour les images responsives */
@media (max-width: 768px) {
    .logo img {
        content: url('images/logo-meat-first-150x150.png');
    }
}

@media (max-width: 480px) {
    .logo img {
        content: url('images/logo-meat-first-100x100.png');
    }
}

/* Préchargement du logo */
head::before {
    content: url('images/logo-meat-first.png') url('images/logo-meat-first-150x150.png') url('images/logo-meat-first-100x100.png');
    display: none;
}

/* Optimisations pour les images d'arrière-plan */
.hero-section, .cta-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Amélioration du rendu des images */
img {
    image-rendering: auto;
}

/* Lazy loading pour les images non critiques */
.category-image img, .about-image img {
    loading: lazy;
}

/* Espace réservé pour les images pendant le chargement */
.logo img, .category-image img, .about-image img {
    min-height: 1px;
}