@media (max-width: 1024px) {
			.clip-path {
			clip-path: inset(0);
			}
			}
			
			@media (min-width: 1024px) {
			/* Style de base pour tous les dropdowns */
			.hs-dropdown-hover .hs-dropdown-menu {
			opacity: 0 !important;
			visibility: hidden !important;
			transform: translateY(10px) !important;
			transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease !important;
			}
			
			/* Afficher au hover */
			.hs-dropdown-hover:hover .hs-dropdown-menu,
			.hs-dropdown-hover .hs-dropdown-menu:hover {
			opacity: 1 !important;
			visibility: visible !important;
			transform: translateY(0) !important;
			display: block !important;
			}
			
			/* Animation de la flèche */
			.hs-dropdown-hover .hs-dropdown-toggle svg {
			transition: transform 0.3s ease;
			}
			
			.hs-dropdown-hover:hover .hs-dropdown-toggle svg,
			.hs-dropdown-hover .hs-dropdown-toggle[aria-expanded="true"] svg {
			transform: rotate(180deg) !important;
			}
			
			/* Rendre le bouton interactif */
			.hs-dropdown-hover .hs-dropdown-toggle {
			pointer-events: auto !important;
			cursor: pointer;
			}
			
			/* Correction spécifique pour le mega menu (un par item de menu
			   avec enfants, d'où les classes plutôt que des ids fixes) */
			.mega-menu-toggle {
			pointer-events: auto !important;
			}

			/* Style pour le contenu du mega menu */
			.hs-dropdown-hover:hover .mega-menu-content,
			.mega-menu-content:hover {
			transform: translateX(0) !important;
			opacity: 1 !important;
			visibility: visible !important;
			display: block !important;
			}

			/* Assurer que le mega menu reste ouvert quand on hover dessus */
			.mega-menu-content {
			pointer-events: auto !important;
			}
			
			/* Menu fixe au scroll sur grands écrans */
			.menu-container.fixed-menu {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 1000;
			animation: slideDown 0.3s ease-out;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			}
			
			@keyframes slideDown {
			from {
			transform: translateY(-100%);
			}
			to {
			transform: translateY(0);
			}
			}
			
			/* Animation du logo */
			.logo-container {
			transition: all 0.3s ease-out;
			}
			
			.logo-image {
			
			transition: all 0.3s ease-out;
			}
			
			.menu-container.fixed-menu .logo-image {
			height: 8rem; /* h-8 = 32px */
			}
			
			.menu-container.fixed-menu .logo-container {
			transform: scale(0.85);
			}
			}
			
			
			
			
			
			/* Animation pour les transitions */
			.slides-transition {
            transition: transform 0.5s ease-in-out;
			}
			
			/* Masquer la scrollbar */
			.no-scrollbar::-webkit-scrollbar {
            display: none;
			}
			
			.no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
			}			
			
			
			/* NOUVEAUX STYLES POUR LE LOGO */
			.logo-container {
			
			z-index: 1000 !important; /* Augmenté de 9999999999999999 à 1000 */
			}
			
			/* Assurer que le menu soit au-dessus du carrousel */
			.menu-container {
			position: relative;
			z-index: 1001 !important;
			}
			
			/* Carrousel avec z-index plus bas */
			#carousel {
			position: relative;
			z-index: 1 !important;
			
			}
			
			@font-face {font-family:'BazarMedium';src:url('../fonts/bazar.woff') format('woff');font-weight: normal;font-style: normal;}
			.bazar {
			
			font-weight: 200;
			font-family: BazarMedium, sans-serif;
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
			text-transform: uppercase;
			letter-spacing: 0px;
			line-height: 1.2;
			}