/* Reset et variables CSS pour faciliter l'intégration */
        .stands-container * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-gold: #FFD700;
            --secondary-gold: #FFA500;
            --dark-bg: #1a1a1a;
            --medium-bg: #2c2c2c;
            --text-white: #ffffff;
            --shadow-dark: rgba(0,0,0,0.8);
            --shadow-medium: rgba(0,0,0,0.5);
            --shadow-light: rgba(0,0,0,0.3);
        }

        /* Container principal - peut être intégré dans n'importe quelle page */
        .stands-container {
            font-family: 'Arial Black', Arial, sans-serif;
            background: var(--dark-bg);
            background-image: 
               linear-gradient(135deg, #1b1b1b 0%, var(--dark-bg) 100%), radial-gradient(circle at 30% 40%, rgba(120, 120, 120, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(80, 80, 80, 0.15) 0%, transparent 50%);
            min-height: 100vh;
            padding: 60px 20px;
            position: relative;
            overflow-x: hidden;
        }

        .stands-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                repeating-linear-gradient(
                    45deg,
                    transparent,
                    transparent 2px,
                    rgba(255,255,255,0.01) 2px,
                    rgba(255,255,255,0.01) 4px
                ),
                repeating-linear-gradient(
                    -45deg,
                    transparent,
                    transparent 2px,
                    rgba(0,0,0,0.02) 2px,
                    rgba(0,0,0,0.02) 4px
                );
            pointer-events: none;
        }

        .stands-wrapper {
            max-width: 1600px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .stands-title {
            text-align: center;
            font-size: 4.5em;
            font-weight: 900;
            color: var(--primary-gold);
            margin-bottom: 80px;
            text-shadow: 
                3px 3px 0px var(--shadow-dark),
                6px 6px 10px var(--shadow-medium);
            letter-spacing: 4px;
            transform: perspective(500px) rotateX(5deg);
        }

        .stands-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 80px;
            margin-bottom: 80px;
        }

        .stand-section {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        /* Alternance des sections */
        .stand-section:nth-child(odd) {
            flex-direction: row;
        }

        .stand-section:nth-child(even) {
            flex-direction: row-reverse;
        }

        .stand-image-container {
            width: 280px;
            height: 320px;
            flex-shrink: 0;
            perspective: 1000px;
        }

        .stand-image {
            width: 100%;
            height: 100%;
            background: linear-gradient(145deg, #f0f0f0, #e0e0e0);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 
                0 20px 40px var(--shadow-light),
                inset 0 1px 0 rgba(255,255,255,0.2);
            transform: rotateY(-10deg) rotateX(5deg);
            transition: transform 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .stand-section:nth-child(odd) .stand-image {
            transform: rotateY(10deg) rotateX(5deg);
        }

        .stand-image:hover {
            transform: rotateY(0deg) rotateX(0deg) scale(1.02);
        }

        .stand-3d {
            width: 180px;
            height: 220px;
            position: relative;
            margin: auto;
        }

        .stand-face {
            position: absolute;
            background: #f5f5f5;
            border: 2px solid #ddd;
        }

        .stand-front {
            width: 180px;
            height: 220px;
            background: linear-gradient(to bottom, #f8f8f8, #e8e8e8);
            border-radius: 4px;
            box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
        }

        .shelf {
            position: absolute;
            width: 160px;
            height: 6px;
            background: linear-gradient(to bottom, #ddd, #ccc);
            left: 10px;
            border-radius: 2px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .shelf1 { top: 50px; }
        .shelf2 { top: 100px; }
        .shelf3 { top: 150px; }
        .shelf4 { top: 200px; }

        .hanging-bar {
            position: absolute;
            width: 140px;
            height: 4px;
            background: linear-gradient(to bottom, #888, #666);
            left: 20px;
            top: 40px;
            border-radius: 2px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        .hanging-bar::after,
        .hanging-bar::before {
            content: '';
            position: absolute;
            width: 2px;
            height: 15px;
            background: #555;
            top: 4px;
            border-radius: 1px;
        }

        .hanging-bar::after { left: 20px; }
        .hanging-bar::before { right: 20px; }

        .metal-shelf {
            background: linear-gradient(to bottom, #b8b8b8, #999);
            border: 1px solid #777;
            box-shadow: 0 2px 4px rgba(0,0,0,0.4);
        }

        .stand-content {
            flex: 1;
            padding-top: 20px;
        }

        .stand-title {
            font-size: 2.2em;
            font-weight: 900;
            color: var(--text-white);
            margin-bottom: 30px;
            text-shadow: 
                2px 2px 0px var(--shadow-dark),
                4px 4px 8px var(--shadow-light);
            line-height: 1.1;
            letter-spacing: 1px;
        }

        .stand-subtitle {
            font-size: 1.1em;
            color: var(--primary-gold);
            margin-bottom: 25px;
            font-weight: 600;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            font-style: italic;
        }

        .features-container {
            position: relative;
        }

        .connecting-line {
            position: absolute;
            width: 3px;
            background: linear-gradient(to bottom, #dca54a 0%, #dca54a 50%, rgb(220 165 74) 100%);

            border-radius: 2px;
            box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
            top: 15px;
        }

        /* Positionnement spécifique des lignes de connexion */
        .stand-section:nth-child(1) .connecting-line { left: 7px; bottom: 62px; }
        .stand-section:nth-child(2) .connecting-line { right: 7px; bottom: 26px; }
        .stand-section:nth-child(3) .connecting-line { left: 7px; bottom: 25px; }
        .stand-section:nth-child(4) .connecting-line { right: 7px; bottom: 62px; }

        .features-list {
            list-style: none;
            position: relative;
            z-index: 2;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
            position: relative;
        }

        .feature-bullet {
            width: 16px;
            height: 16px;
            background: linear-gradient(135deg, #dca54a, #dca54a);
            transform: rotate(45deg);
            margin-right: 25px;
            margin-top: 5px;
            flex-shrink: 0;
            position: relative;
            z-index: 3;
            box-shadow: 
                0 0 10px rgba(255, 215, 0, 0.5),
                inset 0 1px 0 rgba(255,255,255,0.3);
            border: 1px solid rgba(255,215,0,0.8);
            animation: pulse 2s infinite;
        }

        .feature-text {
            color: var(--text-white);
            font-size: 1.05em;
            line-height: 1.4;
            font-weight: 500;
            margin-top: 0;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
        }

        .feature-text strong {
            color: var(--primary-gold);
            font-weight: 700;
        }

        /* Styles pour les sections paires (droite) */
        .stand-section:nth-child(even) .stand-content {
            text-align: right;
        }

        .stand-section:nth-child(even) .feature-item {
            flex-direction: row-reverse;
        }

        .stand-section:nth-child(even) .feature-bullet {
            margin-left: 25px;
            margin-right: 0;
        }

        @keyframes pulse {
            0%, 100% { 
                box-shadow: 
                    0 0 10px rgba(255, 215, 0, 0.5),
                    inset 0 1px 0 rgba(255,255,255,0.3);
            }
            50% { 
                box-shadow: 
                    0 0 20px rgba(255, 215, 0, 0.8),
                    inset 0 1px 0 rgba(255,255,255,0.3);
            }
        }

        /* Media queries responsives */
        @media (max-width: 1400px) {
            .stands-grid { gap: 60px; }
            .stand-section { gap: 30px; }
            .stand-image-container { width: 240px; height: 280px; }
        }

        @media (max-width: 1200px) {
            .stands-grid {
                grid-template-columns: 1fr;
                gap: 70px;
                max-width: 800px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .stands-title {
                font-size: 3em;
                margin-bottom: 50px;
            }
            
            .stand-section:nth-child(odd) {
                flex-direction: column;
                align-items: flex-start;
                gap: 30px;
            }
            
            .stand-section:nth-child(even) {
                flex-direction: column;
                align-items: flex-end;
                gap: 30px;
            }
            
            .stand-image-container {
                width: 100%;
                max-width: 280px;
                height: 250px;
            }
            
            .stand-title { font-size: 1.8em; }

            /* Ajustements spécifiques pour mobile */
            .stand-section:nth-child(1) .connecting-line { bottom: 71px; }
            .stand-section:nth-child(2) .connecting-line { bottom: 28px; }
            .stand-section:nth-child(3) .connecting-line { bottom: 30px; }
            .stand-section:nth-child(4) .connecting-line { bottom: 77px; }
        }

        /* Classes utilitaires pour l'intégration */
        .stands-compact {
            padding: 40px 20px;
            min-height: auto;
        }

        .stands-compact .stands-title {
            font-size: 3em;
            margin-bottom: 50px;
        }

        .stands-light-bg {
            background: #f8f9fa;
            color: #333;
        }

        .stands-light-bg .stand-title,
        .stands-light-bg .feature-text {
            color: #333;
        }