/* Velaro Home hero image correction */
.hero {
    position: relative !important;
    background-image: url("../images/hero.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Elimina eventuali coperture bianche create dal CSS precedente */
.hero::before,
.hero::after {
    opacity: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
}

/* Mantiene leggibili i testi ma lascia visibili gli pneumatici */
.hero .hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.90) 0%,
        rgba(255, 255, 255, 0.72) 38%,
        rgba(255, 255, 255, 0.32) 68%,
        rgba(255, 255, 255, 0.08) 100%
    ) !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

.hero .hero-grid {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 768px) {
    .hero {
        background-position: 55% center !important;
    }

    .hero .hero-overlay {
        background: rgba(255, 255, 255, 0.78) !important;
    }
}