/* Page-specific hero overlay for index */
/* Alpine.js x-cloak - скрыть до инициализации */
[x-cloak] {
    display: none !important;
}
.hero-overlay {
    background: linear-gradient(to right, rgba(10, 10, 15, 0.95) 0%, rgba(10, 10, 15, 0.7) 50%, rgba(10, 10, 15, 0.3) 100%);
}

@media (max-width: 768px) {
    .hero-overlay {
        background: linear-gradient(to bottom, rgba(10, 10, 15, 0.8) 0%, rgba(10, 10, 15, 0.9) 100%);
    }
}