/* Touch-Optimized Carousel - FIXED VERSION */
        .carousel-container {
            position: relative;
            margin: 1.5rem 0;
            overflow: hidden;
            width: 100%;
            padding: 0.5rem 0;
        }

        .carousel-track {
            display: flex;
            gap: 1rem;
            overflow-x: auto;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding: 1rem 0.5rem;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            width: 100%;
            cursor: grab;
        }

        .carousel-track::-webkit-scrollbar {
            display: none;
        }

        .carousel-track:active {
            cursor: grabbing;
        }

        .carousel-card {
            flex: 0 0 auto;
            min-width: 85vw;
            max-width: 85vw;
            background: linear-gradient(135deg, rgba(26, 26, 38, 0.7) 0%, rgba(18, 18, 26, 0.9) 100%);
            border-radius: 16px;
            padding: 1.5rem;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(212, 175, 55, 0.15);
            scroll-snap-align: center;
            box-sizing: border-box;
            user-select: none;
        }

        .carousel-card::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--accent-gold), var(--accent-red), transparent);
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.4s ease;
        }

        @media (hover: hover) and (pointer: fine) {
            .carousel-card:hover::before {
                transform: scaleX(1);
            }

            .carousel-card:hover {
                border-color: rgba(212, 175, 55, 0.5);
                box-shadow: 0 10px 40px rgba(212, 175, 55, 0.25);
                transform: translateY(-3px);
            }
        }

        .carousel-card:active {
            transform: translateY(-1px);
        }