/* Explain: Styles for unique UI components like text shadows and scrollbars. - */
.hero-title-shadow {
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.85), 0 8px 18px rgba(0, 0, 0, 0.7), 0 18px 42px rgba(45, 58, 58, 0.6);
}

.hero-subtitle-shadow {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.85), 0 7px 16px rgba(0, 0, 0, 0.68), 0 14px 32px rgba(45, 58, 58, 0.5);
}

.hero-cta-3d {
    box-shadow: 0 12px 28px rgba(45, 58, 58, 0.32);
    transform: none;
}

.hero-cta-3d:hover {
    box-shadow: 0 14px 32px rgba(45, 58, 58, 0.38);
    transform: none;
}

.hero-cta-3d:active {
    box-shadow: 0 8px 20px rgba(45, 58, 58, 0.28);
    transform: none;
}

/* Masquer la barre de défilement pour les éléments scrollables sur mobile (ex: filtres) */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}