.sadisflix-genres-container {
        padding: 1rem 0 2rem 0;
        overflow: hidden;
        width: 100%;
    }
    .sadisflix-genres-grid {
        display: flex;
        gap: 15px;
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 5px;
        scrollbar-width: none; /* Firefox */
    }
    .sadisflix-genres-grid::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }
    
    @media (min-width: 992px) {
        .sadisflix-genres-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
            overflow-x: visible;
        }
    }
    
    .sadisflix-genre-card {
        flex: 0 0 90%;
        scroll-snap-align: center;
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .sadisflix-genre-card {
            flex: 0 0 45%;
        }
    }
    
    @media (min-width: 992px) {
        .sadisflix-genre-card {
            width: 100%;
        }
    }
    
    .sadisflix-genre-link {
        display: flex;
        padding: 0 1.5rem;
        border-radius: 0.75rem;
        overflow: hidden;
        align-items: center;
        color: white;
        position: relative;
        background-color: rgba(31, 41, 55, 0.7);
        transition: all 0.3s ease;
        height: 120px;
        text-decoration: none;
        width: 100%;
    }
    .sadisflix-genre-link:hover {
        background-color: #e53637;
        color: white;
        text-decoration: none;
    }
    .sadisflix-genre-info {
        flex: 1;
        padding: 1rem 0;
        z-index: 2;
    }
    .sadisflix-genre-title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 0.4rem;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    }
    .sadisflix-genre-count {
        font-size: 1.1rem;
        opacity: 0.8;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    }
    .sadisflix-genre-image-container {
        position: relative;
        margin-left: auto;
        margin-top: 0.75rem;
        margin-bottom: -0.75rem;
    }
    .sadisflix-genre-image-shadow {
        position: absolute;
        width: 6.5rem;
        aspect-ratio: 1;
        border-radius: 0.75rem;
        background-color: rgba(0, 0, 0, 0.2);
        top: 0.5rem;
        left: -2rem;
        transform: rotate(-8deg);
    }
    .sadisflix-genre-image-wrapper {
        width: 6.5rem;
        aspect-ratio: 1;
        border-radius: 0.75rem;
        position: relative;
        transform: rotate(9deg);
        transition: all 0.4s ease;
    }
    .sadisflix-genre-link:hover .sadisflix-genre-image-wrapper {
        transform: rotate(2deg) translate(-7px, -10px);
    }
    .sadisflix-genre-image {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 0.75rem;
    }
    
    /* Indicateurs de navigation pour mobile */
    .sadisflix-genre-indicators {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        gap: 8px;
    }
    
    @media (min-width: 992px) {
        .sadisflix-genre-indicators {
            display: none;
        }
    }
    
    .sadisflix-genre-indicator {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #ccc;
        cursor: pointer;
        transition: background-color 0.3s;
    }
    
    .sadisflix-genre-indicator.active {
        background-color: #e53637;
    }