/* Correction des couleurs des en-têtes de tableau dans le panier */
		.cart-panel table th {
			color: white !important;
		}
		
		.cart-panel__order-total th {
			color: white !important;
		}
		
		/* Classe pour l'article vide avec catégories - sans contraintes de largeur */
		.product__body--full-width {
			width: 100% !important;
			max-width: none !important;
			padding: 20px !important;
			display: flex !important;
			flex-direction: column !important;
			align-items: center !important;
			justify-content: center !important;
			text-align: center !important;
			min-height: 200px !important;
		}
		
		/* Style simplifié pour les catégories dans l'article vide */
		.categories-grid {
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
			justify-content: center;
		}
		
		.category-item-simple {
			width: 80px;
			height: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease;
			border-radius: 8px;
		}
		
		.category-item-simple:hover {
			transform: scale(1.1);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		}
		
		.category-item-simple img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
			transition: all 0.3s ease;
		}
		
		/* Forcer l'affichage de la pagination sur mobile */
		@media (max-width: 991.98px) {
			.header-pagination {
				display: flex !important;
				margin-right: 10px;
			}
			
			.header-pagination--list {
				font-size: 12px;
			}
			
			.header-pagination--list > li {
				font-size: 12px;
			}
			
			/* Ajuster l'espacement pour mobile */
			.header-actions {
				flex-wrap: wrap;
				gap: 5px;
			}
		}
		
		/* Styles pour les produits en stock zéro */
		.product--out-of-stock {
			/* opacity: 0.7; */
			position: relative;
		}
		
		.product--out-of-stock .product__thumbnail img {
			/* filter: grayscale(50%); */
		}
		
		.product__thumbnail {
			position: relative;
		}
		
		.product__stock-badge {
			position: absolute;
			top: 8px;
			right: 8px;
			background: #dc3545;
			color: white;
			padding: 4px 8px;
			border-radius: 4px;
			font-size: 12px;
			font-weight: bold;
			z-index: 10;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		}
		
		.product__stock-badge::before {
			content: "⚠️ ";
		}
		
		.product__stock-badge--coming-soon {
			background: #17a2b8 !important;
			color: white !important;
		}
		
		.product__stock-badge--coming-soon::before {
			content: "⏰ ";
		}
		
		.product__stock-badge--supplier-order {
			background-color: #ff8c00;
			opacity: 0.85;
			color: white;
		}
		
		.product__stock-badge--supplier-order::before {
			content: "🏯 ";
		}
		
		.product--coming-soon {
			opacity: 0.8;
			position: relative;
		}
		
		.product--coming-soon .product__thumbnail img {
			 /* filter: sepia(20%); */
		}
		
		/* Styles pour les produits en commande fournisseur */
		.product--supplier-order {
			opacity: 0.9;
			position: relative;
		}
		
		.product--supplier-order .product__thumbnail img {
			/* filter: hue-rotate(30deg) saturate(1.2); */
		}
		
		/* Styles pour les informations d'expédition dans le panier */
		.shipping-info {
			background-color: #f8f9fa;
			border: 1px solid #dee2e6;
			border-radius: 8px;
			padding: 15px;
			margin-bottom: 20px;
		}
		
		.shipping-info__header h6 {
			margin: 0 0 10px 0;
			color: #495057;
			font-weight: 600;
		}
		
		.shipping-info__details {
			font-size: 14px;
		}
		
		.shipping-group {
			margin-bottom: 8px;
			padding: 5px 0;
		}
		
		.shipping-group:last-child {
			margin-bottom: 0;
		}
		
		.product__delivery-info {
			display: block;
			font-size: 12px;
			color: #ff8c00;
			font-weight: 500;
			margin-top: 5px;
		}
		
		
		.product--out-of-stock .btn:disabled {
			background-color: #6c757d;
			border-color: #6c757d;
			cursor: not-allowed;
		}
		
		.product--coming-soon .btn:disabled {
			background-color: #17a2b8;
			border-color: #17a2b8;
			cursor: not-allowed;
		}
		
		.product__meta-item.product__stock {
			font-size: 14px;
			font-weight: bold;
		}
		
		/* Styles Gaming pour la Modal d'Alertes */
		.gaming-modal {
			background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
			border: 2px solid #00ff88;
			border-radius: 15px;
			box-shadow: 0 0 30px rgba(0, 255, 136, 0.3), 0 0 60px rgba(0, 255, 136, 0.1);
			overflow: hidden;
		}
		
		.gaming-modal-header {
			background: linear-gradient(90deg, #ff4757 0%, #ffa502 50%, #00ff88 100%);
			border-bottom: 2px solid #00ff88;
			padding: 20px;
		}
		
		.gaming-modal-title {
			color: #ffffff;
			font-weight: bold;
			font-size: 1.2rem;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
			margin: 0;
		}
		
		.gaming-icon {
			font-size: 1.5rem;
			margin-right: 10px;
			animation: gaming-pulse 2s infinite;
		}
		
		.gaming-close {
			background: rgba(255, 71, 87, 0.8);
			border: 2px solid #ff4757;
			border-radius: 50%;
			width: 35px;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease;
		}
		
		.gaming-close:hover {
			background: #ff4757;
			transform: scale(1.1);
			box-shadow: 0 0 15px rgba(255, 71, 87, 0.5);
		}
		
		.gaming-close-icon {
			color: white;
			font-weight: bold;
			font-size: 1.2rem;
		}
		
		.gaming-modal-body {
			background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
			padding: 30px;
		}
		
		.gaming-alert-container {
			text-align: center;
			margin-bottom: 30px;
		}
		
		.gaming-alert-icon {
			position: relative;
			display: inline-block;
			margin-bottom: 20px;
		}
		
		.gaming-pulse-ring {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			border: 3px solid #00ff88;
			border-radius: 50%;
			animation: gaming-pulse-ring 2s infinite;
		}
		
		.gaming-pulse-ring:nth-child(1) {
			width: 60px;
			height: 60px;
			animation-delay: 0s;
		}
		
		.gaming-pulse-ring:nth-child(2) {
			width: 80px;
			height: 80px;
			animation-delay: 0.5s;
		}
		
		.gaming-pulse-ring:nth-child(3) {
			width: 100px;
			height: 100px;
			animation-delay: 1s;
		}
		
		.gaming-alert-emoji {
			font-size: 3rem;
			position: relative;
			z-index: 10;
			animation: gaming-bounce 1s infinite alternate;
		}
		
		.gaming-alert-title {
			color: #ff4757;
			font-weight: bold;
			font-size: 1.5rem;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
			margin-bottom: 10px;
		}
		
		.gaming-alert-subtitle {
			color: #ffa502;
			font-size: 1.1rem;
			margin-bottom: 10px;
		}
		
		.gaming-alert-description {
			color: #ffffff;
			font-size: 1rem;
			opacity: 0.9;
		}
		
		.gaming-form {
			margin-top: 20px;
		}
		
		.gaming-input-group {
			margin-bottom: 25px;
		}
		
		.gaming-label {
			display: block;
			color: #00ff88;
			font-weight: bold;
			margin-bottom: 10px;
			font-size: 1.1rem;
		}
		
		.gaming-label-icon {
			margin-right: 8px;
			font-size: 1.2rem;
		}
		
		.gaming-input {
			width: 100%;
			padding: 15px 20px;
			background: rgba(0, 0, 0, 0.3);
			border: 2px solid #3742fa;
			border-radius: 10px;
			color: #ffffff;
			font-size: 1rem;
			transition: all 0.3s ease;
		}
		
		.gaming-input:focus {
			outline: none;
			border-color: #00ff88;
			box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);
			background: rgba(0, 0, 0, 0.5);
		}
		
		.gaming-input::placeholder {
			color: rgba(255, 255, 255, 0.6);
		}
		
		.gaming-input-hint {
			margin-top: 8px;
			color: rgba(255, 255, 255, 0.7);
			font-size: 0.9rem;
		}
		
		.gaming-hint-icon {
			margin-right: 5px;
		}
		
		.gaming-info-box {
			background: rgba(0, 255, 136, 0.1);
			border: 2px solid #00ff88;
			border-radius: 10px;
			padding: 20px;
			margin-top: 20px;
		}
		
		.gaming-info-header {
			color: #00ff88;
			font-weight: bold;
			margin-bottom: 15px;
			font-size: 1.1rem;
		}
		
		.gaming-info-icon {
			margin-right: 8px;
		}
		
		.gaming-info-content {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		
		.gaming-info-item {
			display: flex;
			align-items: center;
			color: #ffffff;
			font-size: 0.95rem;
		}
		
		.gaming-info-bullet {
			margin-right: 10px;
			font-size: 1.1rem;
		}
		
		/* Styles pour la modale d'alertes de stock */
		.modal-avatar {
			max-width: 600px;
			width: 95%;
			border-radius: 15px;
			overflow: hidden;
		}
		
		.modal-avatar-header {
			text-align: center;
			padding: 24px 24px 16px;
			border-bottom: 1px solid #e9ecef;
			background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
			color: white;
		}
		
		.modal-avatar-icon {
			width: 64px;
			height: 64px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.2);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32px;
			color: white;
			margin: 0 auto 16px;
			border: 2px solid rgba(255, 255, 255, 0.3);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
			animation: bellShake 2s ease-in-out infinite;
		}
		
		@keyframes bellShake {
			0%, 100% { transform: rotate(0deg); }
			10% { transform: rotate(-10deg); }
			20% { transform: rotate(10deg); }
			30% { transform: rotate(-10deg); }
			40% { transform: rotate(10deg); }
			50% { transform: rotate(-5deg); }
			60% { transform: rotate(5deg); }
			70% { transform: rotate(-5deg); }
			80% { transform: rotate(5deg); }
			90% { transform: rotate(-2deg); }
		}
		
		.modal-avatar-title {
			font-size: 20px;
			font-weight: 600;
			color: white;
			margin: 0 0 8px;
			line-height: 1.3;
		}
		
		.modal-avatar-subtitle {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.9);
			margin: 0;
			line-height: 1.4;
		}
		
		.modal-avatar-body {
			padding: 24px;
		}
		
		.avatar-form-group {
			margin-bottom: 20px;
		}
		
		.avatar-form-label {
			display: block;
			font-size: 14px;
			font-weight: 500;
			color: #495057;
			margin-bottom: 8px;
		}
		
		.avatar-form-input {
			width: 100%;
			padding: 12px 16px;
			border: 1px solid #ced4da;
			border-radius: 8px;
			font-size: 14px;
			transition: border-color 0.3s ease;
			box-sizing: border-box;
		}
		
		.avatar-form-input:focus {
			outline: none;
			border-color: #007bff;
			box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
		}
		
		.avatar-form-hint {
			font-size: 12px;
			color: #6c757d;
			margin-top: 4px;
		}
		
		.avatar-info-box {
			background: #f8f9fa;
			border: 1px solid #e9ecef;
			border-radius: 8px;
			padding: 16px;
			margin-top: 20px;
		}
		
		.avatar-info-header {
			display: flex;
			align-items: center;
			margin-bottom: 12px;
			font-weight: 600;
			color: #495057;
		}
		
		.avatar-info-icon {
			margin-right: 8px;
			font-size: 16px;
		}
		
		.avatar-info-content {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
		
		.avatar-info-item {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #6c757d;
		}
		
		.avatar-info-bullet {
			margin-right: 8px;
			font-size: 14px;
		}
		
		.modal-avatar-footer {
			display: flex;
			justify-content: center;
			padding: 16px 24px;
			border-top: 1px solid #e9ecef;
			background: #fff;
		}
		
		.gaming-modal-footer {
			background: linear-gradient(90deg, #1a1a2e 0%, #16213e 100%);
			border-top: 2px solid #00ff88;
			padding: 20px;
			display: flex;
			gap: 15px;
			justify-content: flex-end;
		}
		
		.gaming-btn {
			padding: 12px 25px;
			border: none;
			border-radius: 8px;
			font-weight: bold;
			font-size: 1rem;
			cursor: pointer;
			transition: all 0.3s ease;
			display: flex;
			align-items: center;
			gap: 8px;
		}
		
		.gaming-btn-secondary {
			background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
			color: white;
			border: 2px solid #6c757d;
		}
		
		.gaming-btn-secondary:hover {
			background: linear-gradient(135deg, #495057 0%, #343a40 100%);
			transform: translateY(-2px);
			box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
		}
		
		.gaming-btn-primary {
			background: linear-gradient(135deg, #00ff88 0%, #00d4aa 100%);
			color: #1a1a2e;
			border: 2px solid #00ff88;
		}
		
		.gaming-btn-primary:hover {
			background: linear-gradient(135deg, #00d4aa 0%, #00b894 100%);
			transform: translateY(-2px);
			box-shadow: 0 5px 15px rgba(0, 255, 136, 0.3);
		}
		
		.gaming-btn:disabled {
			opacity: 0.6;
			cursor: not-allowed;
			transform: none !important;
		}
		
		.gaming-btn-icon {
			font-size: 1.1rem;
		}
		
		/* Animations Gaming */
		@keyframes gaming-pulse {
			0%, 100% { transform: scale(1); }
			50% { transform: scale(1.1); }
		}
		
		@keyframes gaming-pulse-ring {
			0% {
				opacity: 1;
				transform: translate(-50%, -50%) scale(0.8);
			}
			100% {
				opacity: 0;
				transform: translate(-50%, -50%) scale(1.2);
			}
		}
		
		@keyframes gaming-bounce {
			0% { transform: translateY(0); }
			100% { transform: translateY(-10px); }
		}
		
		/* Pagination mobile responsive */
		@media (max-width: 575.98px) {
			.header-pagination--list {
				font-size: 11px;
			}
			
			.header-pagination--list > li {
				font-size: 11px;
			}
			
			.header-pagination--list > li > a,
			.header-pagination--list > li > span {
				padding-right: 0.3em;
				padding-left: 0.3em;
			}
		}
		
		/* Style du spinner gaming pour le chargement automatique */
		/* Note: Sur mobile (≤768px), l'auto-load est toujours activé indépendamment des paramètres de pagination */
		#infinite-scroll-loader {
			margin-top: 3rem;
			margin-bottom: 2rem;
		}
		
		.gaming-spinner {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
		}
		
		.spinner-container {
			position: relative;
			width: 80px;
			height: 80px;
		}
		
		.spinner-ring {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 3px solid transparent;
			border-radius: 50%;
			animation: spin-ring 2s linear infinite;
		}
		
		.spinner-ring:nth-child(1) {
			border-top-color: #00ff88;
			animation-delay: 0s;
		}
		
		.spinner-ring:nth-child(2) {
			border-right-color: #ff4757;
			animation-delay: 0.5s;
		}
		
		.spinner-ring:nth-child(3) {
			border-bottom-color: #ffa502;
			animation-delay: 1s;
		}
		
		.spinner-ring:nth-child(4) {
			border-left-color: #3742fa;
			animation-delay: 1.5s;
		}
		
		@keyframes spin-ring {
			0% {
				transform: rotate(0deg);
				opacity: 1;
			}
			50% {
				opacity: 0.5;
			}
			100% {
				transform: rotate(360deg);
				opacity: 1;
			}
		}
		
		.spinner-text {
			color: #ffffff;
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin: 0;
			animation: pulse-text 2s ease-in-out infinite;
		}
		
		@keyframes pulse-text {
			0%, 100% {
				opacity: 0.7;
			}
			50% {
				opacity: 1;
			}
		}
		
		/* Animation d'apparition du spinner */
		#infinite-scroll-loader {
			animation: fadeInUp 0.6s ease-out;
		}
		
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(30px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		
		/* Style de l'indicateur de fin de liste */
		#end-of-list-indicator {
			margin-top: 4rem;
			margin-bottom: 3rem;
		}
		
		.end-of-list-message {
			background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
			border-radius: 20px;
			padding: 40px 30px;
			border: 2px solid #00ff88;
			box-shadow: 0 10px 30px rgba(0, 255, 136, 0.2);
			animation: fadeInUp 0.8s ease-out;
		}
		
		.end-icon {
			font-size: 4rem;
			margin-bottom: 20px;
			animation: bounce 2s ease-in-out infinite;
		}
		
		.end-title {
			color: #00ff88;
			font-size: 1.8rem;
			font-weight: 700;
			margin-bottom: 15px;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
		.end-text {
			color: #ffffff;
			font-size: 1.1rem;
			margin: 0;
			opacity: 0.9;
		}
		
		@keyframes bounce {
			0%, 20%, 50%, 80%, 100% {
				transform: translateY(0);
			}
			40% {
				transform: translateY(-10px);
			}
			60% {
				transform: translateY(-5px);
			}
		}
	
		.search-form__input-group {
			position: relative;
			display: flex;
			align-items: center;
		}
		
		.search-form__clear-btn {
			position: absolute;
			right: 10px;
			background: none;
			border: none;
			cursor: pointer;
			padding: 5px;
			color: #999;
			transition: color 0.3s ease;
		}
		
		.search-form__clear-btn:hover {
			color: #333;
		}
		
		.search-form__clear-btn .df-icon {
			width: 16px;
			height: 16px;
		}
		
		/* Optimisation du menu principal */
		.main-nav__list {
			display: flex !important;
			flex-wrap: nowrap !important;
			white-space: nowrap !important;
		}
		
		.main-nav__list > li {
			display: inline-block !important;
			white-space: nowrap !important;
			flex-shrink: 0 !important;
		}
		
		.main-nav__list > li > a {
			white-space: nowrap !important;
		}
		
		/* Donner plus d'espace au menu */
		.main-nav {
			flex: 1 !important;
			min-width: 0 !important;
		}
		
		.main-nav__list > li {
			padding-left: 1.5rem !important;
			padding-right: 1.5rem !important;
		}
		
		.main-nav__list > li:first-child {
			padding-left: 0 !important;
		}
		
		/* Corriger la visibilité du texte dans le megamenu */
		.main-nav__megamenu {
			background-color: #151720 !important;
		}
		
		.main-nav__megamenu .main-nav__submenu-title {
			color: #fff !important;
			font-weight: bold !important;
			margin-bottom: 10px !important;
		}
		
		.main-nav__megamenu .main-nav__submenu-list a {
			color: #ccc !important;
			text-decoration: none !important;
			display: block !important;
			padding: 5px 0 !important;
			font-size: 13px !important;
			transition: color 0.3s ease !important;
		}
		
		.main-nav__megamenu .main-nav__submenu-list a:hover {
			color: #fff !important;
		}
		
		.main-nav__megamenu .main-nav__submenu-list {
			list-style: none !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		
		.main-nav__megamenu .main-nav__submenu-list li {
			margin-bottom: 5px !important;
		}
		
		/* Styles pour le méga-menu avec images de catégories */
		.megamenu-category-item {
			text-align: center;
			margin-bottom: 20px;
		}
		
		.megamenu-category-link {
			display: block;
			text-decoration: none;
			color: inherit;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}
		
		.megamenu-category-link:hover {
			transform: translateY(-5px);
			text-decoration: none;
			color: inherit;
		}
		
		.megamenu-category-image {
			width: 60px;
			height: 60px;
			margin: 0 auto 10px;
			border-radius: 50%;
			overflow: hidden;
			box-shadow: 0 4px 8px rgba(0,0,0,0.1);
			transition: box-shadow 0.3s ease;
		}
		
		.megamenu-category-image:hover {
			box-shadow: 0 6px 12px rgba(0,0,0,0.2);
		}
		
		.megamenu-category-image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		.megamenu-category-name {
			font-size: 12px;
			font-weight: 500;
			color: #333;
			line-height: 1.2;
		}
		
		.megamenu-category-name span {
			display: block;
			word-wrap: break-word;
		}
		
		/* Responsive */
		@media (max-width: 768px) {
			.megamenu-category-image {
				width: 45px;
				height: 45px;
			}
			
			.megamenu-category-name {
				font-size: 11px;
			}
		}
		
		/* Styles pour le bouton "Charger plus" - Style article produit */
		.load-more-btn {
			width: 100%;
			height: 100%;
			background: transparent;
			border: none;
			padding: 0;
			font-size: 24px;
			font-weight: bold;
			color: #333333;
			transition: all 0.3s ease;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.load-more-btn:hover:not(:disabled) {
			color: #007bff;
		}
		
		.load-more-btn:active:not(:disabled) {
			transform: scale(0.95);
		}
		
		.load-more-btn:disabled {
			opacity: 0.6;
			cursor: not-allowed;
			color: #6c757d;
		}
		
		.load-more-btn i {
			font-size: 28px;
			font-weight: bold;
		}
		
		.btn-loading {
			display: none;
		}
		
		/* Responsive pour mobile */
		@media (max-width: 768px) {
			.load-more-btn i {
				font-size: 24px;
			}
		}
		
		/* Style pour la page active dans la pagination */
		.header-pagination--list li.active a {
			background-color: #88df00 !important;
			color: #ffffff !important;
			font-weight: bold !important;
			border-radius: 4px;
		}
		
		.header-pagination--list li.active span {
			background-color: #88df00 !important;
			color: #ffffff !important;
			font-weight: bold !important;
			border-radius: 4px;
		}