/* Hero spécifique Outils du Quotidien */
.hero-odq {
    background-image: linear-gradient(to top, rgba(16, 25, 34, 0.8) 0%, rgba(16, 25, 34, 0) 60%), url('../img/odq_accueil.webp');
}

@media (max-width: 768px) {
    .hero-odq {
        background-image: linear-gradient(to bottom, var(--primary-color) 0%, var(--bg-dark) 100%);
        background-size: 100% 100%;
    }
}