{"id":102,"date":"2026-01-31T00:51:10","date_gmt":"2026-01-30T23:51:10","guid":{"rendered":"https:\/\/demo.costaplugin.com\/woo\/decouvrez-nos-reels\/"},"modified":"2026-01-31T00:51:10","modified_gmt":"2026-01-30T23:51:10","slug":"decouvrez-nos-reels","status":"publish","type":"page","link":"https:\/\/demo.costaplugin.com\/woo\/decouvrez-nos-reels\/","title":{"rendered":"D\u00e9couvrez nos Reels"},"content":{"rendered":"        <style id=\"rvl-fullscreen-player-css\">\n        \/* === FULLSCREEN PLAYER === *\/\n        .rvl-fullscreen-player {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            z-index: 999999;\n        }\n        .rvl-fullscreen-player.active {\n            display: flex;\n        }\n        body:has(.rvl-fullscreen-player.active) .listeo-floating-chat-widget {\n            display: none !important;\n        }\n        .rvl-player-backdrop {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(15, 15, 15, 0.98);\n            transition: background 0.3s;\n        }\n        \n        \/* MODE CLAIR *\/\n        .rvl-fullscreen-player.light-mode .rvl-player-backdrop {\n            background: rgba(248, 250, 252, 0.98);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-title,\n        .rvl-fullscreen-player.light-mode .rvl-listing-name {\n            color: #1e293b !important;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-external,\n        .rvl-fullscreen-player.light-mode .rvl-listing-desc,\n        .rvl-fullscreen-player.light-mode .rvl-listing-address,\n        .rvl-fullscreen-player.light-mode .rvl-stat-item {\n            color: #475569 !important;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-listing-info {\n            background: white;\n            border: 1px solid #e2e8f0;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-divider {\n            background: linear-gradient(90deg, transparent, #e2e8f0, transparent);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-listing-stats {\n            border-color: #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-nav {\n            background: white;\n            color: #1e293b;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-nav:hover {\n            background: #6366f1;\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-btn-share {\n            background: #f1f5f9;\n            border-color: #e2e8f0;\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-section {\n            background: rgba(248, 250, 252, 0.98);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-header h3 {\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-back {\n            background: #f1f5f9;\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-like-btn {\n            background: rgba(34, 197, 94, 0.1);\n            color: #16a34a;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-dislike-btn {\n            background: rgba(239, 68, 68, 0.1);\n            color: #dc2626;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-like-btn:hover,\n        .rvl-fullscreen-player.light-mode .rvl-like-btn.active {\n            background: #22c55e;\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-dislike-btn:hover,\n        .rvl-fullscreen-player.light-mode .rvl-dislike-btn.active {\n            background: #ef4444;\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-list {\n            background: transparent;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-loading,\n        .rvl-fullscreen-player.light-mode .rvl-comments-empty {\n            color: #64748b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-item {\n            background: white;\n            border: 1px solid #e2e8f0;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-author {\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-time {\n            color: #94a3b8;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-content {\n            color: #334155;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-action {\n            color: #64748b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-action:hover {\n            color: #ec4899;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-replies {\n            border-left: 2px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-replies .rvl-comment-item {\n            background: #f8fafc;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-form,\n        .rvl-fullscreen-player.light-mode .rvl-reply-form {\n            background: #f1f5f9;\n            border-top: 1px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-input-wrap {\n            background: white;\n            border: 1px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-input,\n        .rvl-fullscreen-player.light-mode .rvl-reply-input {\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comment-input::placeholder,\n        .rvl-fullscreen-player.light-mode .rvl-reply-input::placeholder {\n            color: #94a3b8;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-btn {\n            background: #f1f5f9;\n            color: #64748b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-btn:hover {\n            background: #e2e8f0;\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-load-more-comments {\n            background: #e2e8f0;\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-load-more-comments:hover {\n            background: #cbd5e1;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-picker {\n            background: white;\n            border: 1px solid #e2e8f0;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.15);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-picker-header {\n            border-bottom: 1px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-category-btn {\n            background: #f1f5f9;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-emoji-category-btn.active {\n            background: #6366f1;\n        }\n        \/* Les boutons d'action restent sombres m\u00eame en mode clair (sur la vid\u00e9o) *\/\n        .rvl-fullscreen-player.light-mode .rvl-action-btn {\n            background: rgba(0,0,0,0.6);\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-engagement-actions {\n            border-bottom: 1px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-header {\n            border-bottom: 1px solid #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-back {\n            background: #f1f5f9;\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-comments-back:hover {\n            background: #e2e8f0;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-theme-toggle,\n        .rvl-fullscreen-player.light-mode .rvl-player-close {\n            background: white;\n            color: #1e293b;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-theme-toggle:hover {\n            background: #6366f1;\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-close:hover {\n            background: #ef4444;\n            color: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-dot {\n            background: rgba(0,0,0,0.2);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-dot.active {\n            background: #ec4899;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-counter {\n            background: rgba(255,255,255,0.9);\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-counter-sep,\n        .rvl-fullscreen-player.light-mode .rvl-counter-total {\n            color: #64748b;\n        }\n        \n        \/* === LIGHT MODE POUR \u00c9L\u00c9MENTS MOBILES === *\/\n        .rvl-fullscreen-player.light-mode .rvl-mobile-bottom-bar {\n            background: linear-gradient(to top, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 100%);\n            border-top: 1px solid rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-name {\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-category {\n            color: #64748b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-toggle {\n            background: rgba(0,0,0,0.08);\n            color: #1e293b;\n            border-color: rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-toggle:hover {\n            background: rgba(0,0,0,0.12);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-thumb {\n            border-color: rgba(0,0,0,0.15);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-bar-thumb-placeholder {\n            background: rgba(0,0,0,0.08);\n            color: #64748b;\n        }\n        \/* Panel info en mode light sur mobile *\/\n        .rvl-fullscreen-player.light-mode .rvl-player-info-col {\n            background: rgba(255,255,255,0.98);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-info-col::before {\n            background: rgba(0,0,0,0.2);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-nav-btn {\n            background: rgba(255,255,255,0.9);\n            color: #1e293b;\n            border-color: rgba(0,0,0,0.15);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-nav-btn:hover {\n            background: white;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-dot {\n            background: rgba(0,0,0,0.2);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-dot.active {\n            background: #ec4899;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-dot.near {\n            background: rgba(0,0,0,0.15);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-mobile-dot.far {\n            background: rgba(0,0,0,0.08);\n        }\n        \n        \/* Boutons en haut \u00e0 droite - BIEN POSITIONN\u00c9S *\/\n        .rvl-player-top-buttons {\n            position: fixed;\n            top: 25px;\n            right: 30px;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 15px;\n            z-index: 10000;\n        }\n        .rvl-player-theme-toggle,\n        .rvl-player-close {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            border: none;\n            background: rgba(255,255,255,0.15);\n            color: white;\n            font-size: 18px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        }\n        .rvl-player-theme-toggle:hover {\n            background: #6366f1;\n            transform: scale(1.1);\n        }\n        .rvl-player-close:hover {\n            background: #ef4444;\n            transform: scale(1.1);\n        }\n        \n        \/* Layout principal - PLEINE HAUTEUR - D\u00c9CAL\u00c9 \u00c0 GAUCHE *\/\n        .rvl-player-main {\n            position: relative;\n            z-index: 10;\n            display: flex;\n            width: 100%;\n            height: 100vh;\n            max-width: 1400px;\n            margin: 0 auto;\n            margin-left: auto;\n            margin-right: 5%;\n            padding: 0 15px 0 200px;\n            gap: 30px;\n            align-items: stretch;\n            justify-content: flex-end;\n        }\n        \n        \/* Responsive player - Tablet *\/\n        @media (max-width: 1024px) {\n            .rvl-player-main {\n                gap: 30px;\n                padding: 20px 15px 20px 120px;\n            }\n            .rvl-player-info-col {\n                max-width: 420px;\n            }\n        }\n        \n        \/* Navigation \u00e0 GAUCHE *\/\n        .rvl-player-left-nav {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            padding: 20px 10px;\n            height: 100vh;\n        }\n        .rvl-player-nav {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            border: none;\n            background: rgba(255,255,255,0.15);\n            color: white;\n            font-size: 18px;\n            cursor: pointer;\n            transition: all 0.2s;\n            flex-shrink: 0;\n        }\n        .rvl-player-nav:hover {\n            background: rgba(255,255,255,0.3);\n            transform: scale(1.1);\n        }\n        .rvl-player-nav:disabled,\n        .rvl-player-nav.disabled {\n            opacity: 0.2;\n            cursor: not-allowed;\n        }\n        \n        \/* Colonne vid\u00e9o *\/\n        .rvl-player-video-col {\n            flex: 0 0 auto;\n            width: calc(100vh * 9 \/ 16);\n            max-width: 500px;\n            min-width: 300px;\n            display: flex;\n            align-items: stretch;\n            height: 100vh;\n        }\n        .rvl-player-content {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }\n        .rvl-player-video {\n            width: 100%;\n            height: 100vh;\n            background: #000;\n            border-radius: 0;\n            overflow: hidden;\n        }\n        .rvl-player-video iframe,\n        .rvl-player-video video,\n        .rvl-player-video img {\n            width: 100%;\n            height: 100%;\n            border: none;\n            object-fit: contain;\n        }\n        \n        \/* Vid\u00e9os locales RVLL - s'assurer que les contr\u00f4les sont accessibles *\/\n        .rvl-local-video-wrapper {\n            position: relative;\n            width: 100%;\n            height: 100%;\n        }\n        .rvl-local-video-wrapper video {\n            position: relative;\n            z-index: 10;\n        }\n        \/* Badges et watermarks - au-dessus de la vid\u00e9o mais positionn\u00e9s plus haut *\/\n        .rvl-local-video-wrapper .rvl-watermark-overlay,\n        .rvl-local-video-wrapper .rvl-video-badge {\n            z-index: 20;\n            pointer-events: none;\n        }\n        \n        \/* Contr\u00f4les vid\u00e9o natifs - laisser le navigateur g\u00e9rer l'apparition\/disparition *\/\n        @media (max-width: 768px) {\n            .rvl-player-video video {\n                z-index: 160;\n                position: relative;\n            }\n            .rvl-local-video-wrapper {\n                z-index: 100 !important;\n            }\n            .rvl-local-video-wrapper video {\n                z-index: 160 !important;\n                position: relative !important;\n            }\n            \/* Badges positionn\u00e9s plus haut - AU-DESSUS de la vid\u00e9o (z-index > 160) *\/\n            .rvl-local-video-wrapper .rvl-watermark-overlay,\n            .rvl-local-video-wrapper .rvl-video-badge {\n                bottom: 120px !important;\n                z-index: 170 !important;\n                pointer-events: none !important;\n            }\n            \/* Wrapper vid\u00e9o locale - REMPLIR tout l'espace *\/\n            .rvl-local-video-wrapper {\n                position: relative !important;\n                width: 100% !important;\n                height: 100% !important;\n                background: #000 !important;\n            }\n            .rvl-local-video-wrapper video,\n            .rvl-local-video-wrapper img {\n                width: 100% !important;\n                height: 100% !important;\n                object-fit: cover !important;\n            }\n        }\n        \n        \/* Zones de swipe sur les BORDS pour mobile *\/\n        .rvl-edge-swipe {\n            display: none;\n        }\n        \/* Boutons navigation mobile HAUT\/BAS *\/\n        .rvl-mobile-nav-btn {\n            display: none;\n        }\n        @media (max-width: 768px) {\n            \/* Zones de swipe sur les bords extr\u00eames - r\u00e9duites pour ne pas bloquer les contr\u00f4les *\/\n            .rvl-edge-swipe {\n                display: block;\n                position: absolute;\n                top: 0;\n                width: 30px;\n                height: calc(100% - 80px); \/* Ne pas couvrir la zone des contr\u00f4les vid\u00e9o en bas *\/\n                z-index: 90; \/* Sous les contr\u00f4les vid\u00e9o *\/\n                background: transparent;\n                pointer-events: auto;\n            }\n            .rvl-edge-swipe-left { left: 0; }\n            .rvl-edge-swipe-right { right: 0; }\n            \n            \/* Boutons de navigation HAUT\/BAS visibles sur mobile *\/\n            .rvl-mobile-nav-btn {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n                position: fixed;\n                left: 50%;\n                transform: translateX(-50%);\n                width: 56px;\n                height: 56px;\n                border-radius: 50%;\n                border: 2px solid rgba(255,255,255,0.5);\n                background: rgba(0, 0, 0, 0.5);\n            backdrop-filter: blur(10px);\n            color: white;\n                font-size: 22px;\n                cursor: pointer;\n                z-index: 500;\n                transition: all 0.2s ease;\n                box-shadow: 0 4px 15px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.1);\n                text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n            }\n            .rvl-mobile-nav-btn:hover,\n            .rvl-mobile-nav-btn:active {\n                background: rgba(0, 0, 0, 0.7);\n                transform: translateX(-50%) scale(1.1);\n                border-color: rgba(255,255,255,0.8);\n            }\n            .rvl-mobile-nav-btn:disabled {\n                opacity: 0.3;\n                pointer-events: none;\n            }\n            .rvl-mobile-nav-up {\n                top: 10px;\n            }\n            .rvl-mobile-nav-down {\n                bottom: 85px;\n            }\n        }\n        .rvl-player-video iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n        \n        \/* Dots indicateurs dynamiques - Style TikTok\/Reels *\/\n        .rvl-player-dots {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 0;\n            max-height: 200px;\n            overflow: hidden;\n        }\n        .rvl-player-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.25);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n        }\n        .rvl-player-dot.active {\n            width: 12px;\n            height: 12px;\n            background: #ec4899;\n            box-shadow: 0 0 12px #ec4899;\n        }\n        .rvl-player-dot.near {\n            width: 10px;\n            height: 10px;\n            background: rgba(255,255,255,0.4);\n        }\n        .rvl-player-dot.far {\n            width: 6px;\n            height: 6px;\n            background: rgba(255,255,255,0.15);\n        }\n        .rvl-player-dot:hover {\n            background: rgba(255,255,255,0.6);\n        }\n        \n        \/* Compteur de position *\/\n        .rvl-player-counter {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 3px;\n            padding: 8px 12px;\n            background: rgba(0,0,0,0.5);\n            border-radius: 15px;\n            font-size: 13px;\n            font-weight: 600;\n            color: white;\n            margin-top: 8px;\n        }\n        .rvl-counter-current {\n            color: #ec4899;\n        }\n        .rvl-counter-sep {\n            color: rgba(255,255,255,0.5);\n        }\n        .rvl-counter-total {\n            color: rgba(255,255,255,0.8);\n        }\n        \n        \/* Colonne infos listing - D\u00c9CAL\u00c9E VERS LA GAUCHE *\/\n        .rvl-player-info-col {\n            position: relative;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            color: white;\n            max-width: 520px;\n            margin-left: 30px;\n            margin-right: 120px;\n            overflow: hidden;\n        }\n        \n        \/* Infos vid\u00e9o *\/\n        .rvl-player-video-info {\n            margin-bottom: 25px;\n        }\n        .rvl-player-platform {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 18px;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 500;\n        }\n        .rvl-player-title {\n            font-size: 14px;\n            font-weight: 600;\n            margin: 0 0 10px 0;\n            color: white;\n            line-height: 1.3;\n            \/* Limiter \u00e0 2 lignes max avec ellipsis *\/\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-height: calc(14px * 1.3 * 2); \/* font-size * line-height * 2 lignes *\/\n        }\n        .rvl-player-external {\n            color: rgba(255,255,255,0.6);\n            text-decoration: none;\n            font-size: 14px;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.2s;\n        }\n        .rvl-player-external:hover {\n            color: #ec4899;\n        }\n        \n        \/* Badges row *\/\n        .rvl-player-badges-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 15px;\n            flex-wrap: wrap;\n        }\n        \n        \/* Badge commentaires *\/\n        .rvl-player-comments-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 18px;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 500;\n            background: linear-gradient(135deg, #6366f1, #8b5cf6);\n            color: white;\n            border: none;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .rvl-player-comments-badge:hover {\n            transform: scale(1.05);\n            box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);\n        }\n        .rvl-player-comment-count {\n            background: rgba(255,255,255,0.25);\n            padding: 2px 8px;\n            border-radius: 12px;\n            font-size: 12px;\n            min-width: 20px;\n            text-align: center;\n        }\n        \n        \/* Boutons like\/dislike *\/\n        .rvl-player-like-btn,\n        .rvl-player-dislike-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 8px 16px;\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 500;\n            border: none;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .rvl-player-like-btn {\n            background: rgba(34, 197, 94, 0.2);\n            color: #22c55e;\n        }\n        .rvl-player-like-btn:hover,\n        .rvl-player-like-btn.active {\n            background: #22c55e;\n            color: white;\n        }\n        .rvl-player-dislike-btn {\n            background: rgba(239, 68, 68, 0.2);\n            color: #ef4444;\n        }\n        .rvl-player-dislike-btn:hover,\n        .rvl-player-dislike-btn.active {\n            background: #ef4444;\n            color: white;\n        }\n        .rvl-player-likes-count,\n        .rvl-player-dislikes-count {\n            font-weight: 600;\n        }\n        \n        \/* Section commentaires *\/\n        .rvl-comments-section {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            min-height: 500px;\n            background: rgba(15, 23, 42, 0.98);\n            backdrop-filter: blur(10px);\n            z-index: 50;\n            display: flex;\n            flex-direction: column;\n            animation: fadeIn 0.2s ease;\n            overflow: visible;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        .rvl-player-info-col.comments-open .rvl-player-listing-info,\n        .rvl-player-info-col.comments-open .rvl-player-divider,\n        .rvl-player-info-col.comments-open .rvl-player-video-info {\n            display: none;\n        }\n        .rvl-comments-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            padding: 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-comments-back {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.1);\n            border: none;\n            color: white;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s;\n        }\n        .rvl-comments-back:hover {\n            background: rgba(255,255,255,0.2);\n        }\n        .rvl-comments-header h3 {\n            margin: 0;\n            font-size: 18px;\n            color: white;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        .rvl-comments-total-count {\n            background: linear-gradient(135deg, #6366f1, #8b5cf6);\n            padding: 4px 12px;\n            border-radius: 15px;\n            font-size: 13px;\n        }\n        \n        \/* Actions like\/dislike *\/\n        .rvl-engagement-actions {\n            display: flex;\n            gap: 15px;\n            padding: 15px 20px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-like-btn, .rvl-dislike-btn {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 20px;\n            border-radius: 25px;\n            border: none;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .rvl-like-btn {\n            background: rgba(34, 197, 94, 0.2);\n            color: #22c55e;\n        }\n        .rvl-like-btn:hover, .rvl-like-btn.active {\n            background: #22c55e;\n            color: white;\n        }\n        .rvl-dislike-btn {\n            background: rgba(239, 68, 68, 0.2);\n            color: #ef4444;\n        }\n        .rvl-dislike-btn:hover, .rvl-dislike-btn.active {\n            background: #ef4444;\n            color: white;\n        }\n        \n        \/* Liste des commentaires *\/\n        .rvl-comments-list {\n            flex: 1;\n            overflow-y: auto;\n            padding: 15px 20px;\n        }\n        .rvl-comments-loading,\n        .rvl-comments-empty {\n            text-align: center;\n            padding: 40px 20px;\n            color: rgba(255,255,255,0.5);\n        }\n        .rvl-comments-loading i,\n        .rvl-comments-empty i {\n            font-size: 40px;\n            margin-bottom: 15px;\n            display: block;\n        }\n        .rvl-comments-container {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n        \n        \/* Un commentaire *\/\n        .rvl-comment-item {\n            background: rgba(255,255,255,0.05);\n            border-radius: 15px;\n            padding: 15px;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-comment-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 10px;\n        }\n        .rvl-comment-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            object-fit: cover;\n        }\n        .rvl-comment-meta {\n            flex: 1;\n        }\n        .rvl-comment-author {\n            font-weight: 600;\n            color: white;\n            font-size: 14px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .rvl-vendor-badge {\n            background: linear-gradient(135deg, #f59e0b, #f97316);\n            color: white;\n            font-size: 10px;\n            padding: 2px 8px;\n            border-radius: 10px;\n            font-weight: 600;\n        }\n        .rvl-comment-time {\n            font-size: 12px;\n            color: rgba(255,255,255,0.4);\n        }\n        .rvl-comment-content {\n            color: rgba(255,255,255,0.9);\n            font-size: 14px;\n            line-height: 1.6;\n            margin-bottom: 10px;\n        }\n        .rvl-comment-actions {\n            display: flex;\n            gap: 15px;\n        }\n        .rvl-comment-action {\n            background: none;\n            border: none;\n            color: rgba(255,255,255,0.5);\n            font-size: 13px;\n            cursor: pointer;\n            padding: 0;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            transition: color 0.2s;\n        }\n        .rvl-comment-action:hover {\n            color: #ec4899;\n        }\n        .rvl-comment-action.delete:hover {\n            color: #ef4444;\n        }\n        \n        \/* R\u00e9ponses *\/\n        .rvl-comment-replies {\n            margin-left: 30px;\n            margin-top: 15px;\n            padding-left: 15px;\n            border-left: 2px solid rgba(255,255,255,0.1);\n        }\n        .rvl-comment-replies .rvl-comment-item {\n            background: rgba(255,255,255,0.03);\n        }\n        \n        \/* Formulaire commentaire *\/\n        .rvl-comment-form, .rvl-reply-form {\n            padding: 15px 15px 15px 15px;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            display: flex;\n            gap: 10px;\n            align-items: center;\n            background: rgba(0,0,0,0.3);\n            position: relative;\n        }\n        .rvl-comment-form .rvl-comment-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            flex-shrink: 0;\n            object-fit: cover;\n        }\n        .rvl-comment-input-wrap {\n            flex: 1;\n            display: flex;\n            gap: 6px;\n            align-items: center;\n            background: rgba(255,255,255,0.1);\n            border-radius: 30px;\n            padding: 6px 8px 6px 14px;\n            min-height: 44px;\n            min-width: 0;\n            overflow: visible;\n        }\n        .rvl-comment-input, .rvl-reply-input {\n            flex: 1;\n            background: none;\n            border: none;\n            color: white;\n            font-size: 14px;\n            resize: none;\n            min-height: 24px;\n            max-height: 100px;\n            outline: none;\n            font-family: inherit;\n            line-height: 1.4;\n            min-width: 0;\n        }\n        .rvl-comment-input::placeholder, .rvl-reply-input::placeholder {\n            color: rgba(255,255,255,0.5);\n        }\n        \/* Bouton emoji *\/\n        .rvl-emoji-btn {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            border: none;\n            background: rgba(255,255,255,0.1);\n            color: rgba(255,255,255,0.7);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.2s;\n            flex-shrink: 0;\n            font-size: 14px;\n        }\n        .rvl-emoji-btn:hover {\n            background: rgba(255,255,255,0.2);\n            color: white;\n        }\n        \/* Bouton submit *\/\n        .rvl-comment-submit, .rvl-reply-submit {\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            border: none;\n            background: linear-gradient(135deg, #6366f1, #ec4899);\n            color: white;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            transition: all 0.2s;\n            font-size: 13px;\n        }\n        .rvl-comment-submit:disabled, .rvl-reply-submit:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n        .rvl-comment-submit:not(:disabled):hover, .rvl-reply-submit:not(:disabled):hover {\n            transform: scale(1.1);\n        }\n        \/* Emoji picker *\/\n        .rvl-emoji-picker {\n            position: absolute;\n            bottom: 100%;\n            right: 10px;\n            background: rgba(30, 41, 59, 0.98);\n            border: 1px solid rgba(255,255,255,0.15);\n            border-radius: 12px;\n            padding: 10px;\n            display: none;\n            z-index: 100;\n            box-shadow: 0 -5px 25px rgba(0,0,0,0.4);\n            width: 280px;\n            margin-bottom: 10px;\n        }\n        .rvl-emoji-picker.active {\n            display: block;\n            animation: fadeInUp 0.2s ease;\n        }\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .rvl-emoji-picker-header {\n            display: flex;\n            gap: 5px;\n            margin-bottom: 10px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            padding-bottom: 8px;\n            overflow-x: auto;\n        }\n        .rvl-emoji-category-btn {\n            padding: 5px 8px;\n            border-radius: 8px;\n            background: none;\n            border: none;\n            color: rgba(255,255,255,0.5);\n            cursor: pointer;\n            font-size: 16px;\n            transition: all 0.2s;\n            flex-shrink: 0;\n        }\n        .rvl-emoji-category-btn:hover,\n        .rvl-emoji-category-btn.active {\n            background: rgba(255,255,255,0.1);\n            color: white;\n        }\n        .rvl-emoji-grid {\n            display: grid;\n            grid-template-columns: repeat(7, 1fr);\n            gap: 4px;\n            max-height: 180px;\n            overflow-y: auto;\n        }\n        .rvl-emoji-grid::-webkit-scrollbar {\n            width: 4px;\n        }\n        .rvl-emoji-grid::-webkit-scrollbar-thumb {\n            background: rgba(255,255,255,0.2);\n            border-radius: 2px;\n        }\n        .rvl-emoji-item {\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 20px;\n            cursor: pointer;\n            border-radius: 6px;\n            transition: all 0.15s;\n            border: none;\n            background: none;\n        }\n        .rvl-emoji-item:hover {\n            background: rgba(255,255,255,0.15);\n            transform: scale(1.2);\n        }\n        \n        \/* Reply form *\/\n        .rvl-reply-form {\n            flex-direction: column;\n        }\n        .rvl-reply-to {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 13px;\n            color: rgba(255,255,255,0.6);\n            margin-bottom: 10px;\n        }\n        .rvl-reply-to strong {\n            color: #ec4899;\n        }\n        .rvl-cancel-reply {\n            background: none;\n            border: none;\n            color: rgba(255,255,255,0.5);\n            cursor: pointer;\n            padding: 0;\n            margin-left: auto;\n        }\n        .rvl-cancel-reply:hover {\n            color: #ef4444;\n        }\n        \n        \/* Login required \/ Comments disabled *\/\n        .rvl-comment-login-required,\n        .rvl-comments-disabled-notice {\n            padding: 25px 20px;\n            text-align: center;\n            color: rgba(255,255,255,0.6);\n            background: rgba(0,0,0,0.3);\n        }\n        .rvl-comment-login-required i,\n        .rvl-comments-disabled-notice i {\n            font-size: 32px;\n            margin-bottom: 10px;\n            display: block;\n        }\n        .rvl-login-btn {\n            display: inline-block;\n            background: linear-gradient(135deg, #6366f1, #ec4899);\n            color: white;\n            padding: 10px 25px;\n            border-radius: 25px;\n            text-decoration: none;\n            margin-top: 10px;\n            font-weight: 500;\n        }\n        .rvl-login-btn:hover {\n            transform: scale(1.05);\n        }\n        \n        \/* Load more *\/\n        .rvl-load-more-comments {\n            width: 100%;\n            padding: 12px;\n            background: rgba(255,255,255,0.1);\n            border: none;\n            color: white;\n            border-radius: 10px;\n            cursor: pointer;\n            margin-top: 15px;\n            transition: background 0.2s;\n        }\n        .rvl-load-more-comments:hover {\n            background: rgba(255,255,255,0.2);\n        }\n        \n        \/* S\u00e9parateur *\/\n        .rvl-player-divider {\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            margin: 20px 0;\n        }\n        \n        \/* Infos du listing *\/\n        .rvl-player-listing-info {\n            background: rgba(255,255,255,0.05);\n            border-radius: 20px;\n            padding: 25px;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-listing-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 15px;\n        }\n        .rvl-listing-thumb {\n            width: 70px;\n            height: 70px;\n            border-radius: 15px;\n            object-fit: cover;\n            border: 2px solid rgba(255,255,255,0.2);\n        }\n        .rvl-listing-thumb-placeholder {\n            width: 70px;\n            height: 70px;\n            border-radius: 15px;\n            background: rgba(255,255,255,0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: rgba(255,255,255,0.5);\n        }\n        .rvl-listing-meta {\n            flex: 1;\n        }\n        .rvl-listing-name {\n            font-size: 18px;\n            font-weight: 700;\n            margin: 0 0 6px 0;\n            color: white;\n        }\n        .rvl-listing-category {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 13px;\n            color: #ec4899;\n            background: rgba(236,72,153,0.15);\n            padding: 4px 12px;\n            border-radius: 20px;\n        }\n        \n        \/* Vendeur link dans le player *\/\n        .rvl-player-vendor-link {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 15px;\n            margin: 15px 0;\n            background: rgba(255,255,255,0.08);\n            border-radius: 12px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-player-vendor-link:hover {\n            background: rgba(236,72,153,0.15);\n            border-color: rgba(236,72,153,0.3);\n            transform: translateX(5px);\n        }\n        .rvl-player-vendor-avatar {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            object-fit: cover;\n            border: 2px solid rgba(236,72,153,0.5);\n        }\n        .rvl-player-vendor-info {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n        .rvl-player-vendor-name {\n            font-size: 14px;\n            font-weight: 600;\n            color: white;\n        }\n        .rvl-player-vendor-label {\n            font-size: 12px;\n            color: rgba(255,255,255,0.6);\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n        .rvl-player-vendor-label i {\n            color: #ec4899;\n        }\n        .rvl-player-vendor-arrow {\n            color: rgba(255,255,255,0.4);\n            font-size: 12px;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-vendor-link {\n            background: rgba(0,0,0,0.05);\n            border-color: rgba(0,0,0,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-vendor-link:hover {\n            background: rgba(236,72,153,0.1);\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-vendor-name {\n            color: #1e293b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-vendor-label {\n            color: #64748b;\n        }\n        .rvl-fullscreen-player.light-mode .rvl-player-vendor-arrow {\n            color: #94a3b8;\n        }\n        \n        .rvl-listing-desc {\n            font-size: 14px;\n            color: rgba(255,255,255,0.7);\n            line-height: 1.6;\n            margin: 0 0 15px 0;\n        }\n        .rvl-listing-address {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 13px;\n            color: rgba(255,255,255,0.5);\n            margin-bottom: 20px;\n        }\n        .rvl-listing-address i {\n            color: #10b981;\n        }\n        \n        \/* Stats listing *\/\n        .rvl-listing-stats {\n            display: flex;\n            gap: 20px;\n            margin-bottom: 20px;\n            padding: 15px 0;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n        .rvl-stat-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 14px;\n            color: rgba(255,255,255,0.8);\n        }\n        .rvl-stat-item i {\n            font-size: 16px;\n        }\n        .rvl-rating i { color: #fbbf24; }\n        .rvl-reviews i { color: #60a5fa; }\n        .rvl-videos i { color: #ec4899; }\n        \n        \/* Boutons actions listing *\/\n        .rvl-listing-actions {\n            display: flex;\n            gap: 12px;\n        }\n        .rvl-btn-view-listing {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            padding: 14px 20px;\n            background: linear-gradient(135deg, #6366f1, #ec4899);\n            color: white;\n            border: none;\n            border-radius: 12px;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            text-decoration: none;\n            transition: all 0.2s;\n        }\n        .rvl-btn-view-listing:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 30px rgba(99,102,241,0.4);\n            color: white;\n        }\n        .rvl-btn-share {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            padding: 14px 20px;\n            background: rgba(255,255,255,0.1);\n            color: white;\n            border: 1px solid rgba(255,255,255,0.2);\n            border-radius: 12px;\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .rvl-btn-share:hover {\n            background: rgba(255,255,255,0.2);\n        }\n        \n        \/* Barre mobile en bas *\/\n        .rvl-mobile-bottom-bar {\n            display: none;\n        }\n        \n        \/* Loading overlay *\/\n        .rvl-loading-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(0,0,0,0.9);\n            z-index: 999999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 18px;\n        }\n        \n        \/* MOBILE *\/\n        @media (max-width: 768px) {\n            .rvl-fullscreen-player {\n                background: #000;\n            }\n            .rvl-player-backdrop {\n                background: #000 !important;\n            }\n            .rvl-player-main {\n                flex-direction: column;\n                padding: 0;\n                gap: 0;\n                height: calc(100vh - 70px); \/* Exclure la barre du bas *\/\n                height: calc(100dvh - 70px); \/* Dynamic viewport height pour iOS *\/\n                max-width: 100%;\n                margin: 0;\n                overflow: hidden;\n            }\n            .rvl-player-left-nav {\n                display: none;\n            }\n            .rvl-player-video-col {\n                position: fixed;\n                top: 0;\n                left: 0;\n                width: 100vw;\n                height: calc(100vh - 70px);\n                height: calc(100dvh - 70px); \/* Dynamic viewport height pour iOS *\/\n                max-width: none;\n                min-width: auto;\n                z-index: 1;\n            }\n            .rvl-player-content {\n                width: 100%;\n                height: 100%;\n            }\n            .rvl-player-video {\n                width: 100%;\n                height: 100%;\n                border-radius: 0;\n            }\n            \/* Vid\u00e9os et images - REMPLIR tout l'espace style Reels *\/\n            .rvl-player-video video,\n            .rvl-player-video img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover !important;\n            }\n            .rvl-player-video iframe {\n                width: 100%;\n                height: 100%;\n            }\n            .rvl-player-top-buttons {\n                position: fixed;\n                top: 15px;\n                right: 15px;\n                z-index: 1000;\n            }\n            .rvl-player-theme-toggle,\n            .rvl-player-close {\n                width: 44px;\n                height: 44px;\n                font-size: 18px;\n                background: rgba(0,0,0,0.5);\n            }\n            .rvl-player-info-col {\n                position: fixed;\n                bottom: 70px;\n                left: 0;\n                right: 0;\n                max-width: 100%;\n                max-height: calc(100vh - 100px);\n                min-height: 70vh;\n                margin: 0;\n                padding: 0;\n                z-index: 100;\n                background: rgba(0,0,0,0.95);\n                backdrop-filter: blur(20px);\n                overflow-y: auto;\n                border-radius: 20px 20px 0 0;\n                transform: translateY(100%);\n                transition: transform 0.3s ease;\n                opacity: 0;\n                pointer-events: none;\n            }\n            .rvl-player-info-col.expanded {\n                transform: translateY(0);\n                opacity: 1;\n                pointer-events: auto;\n                z-index: 300; \/* AU-DESSUS des points de navigation (z-index: 200) *\/\n            }\n            \/* Cacher les dots et boutons de nav quand le menu est ouvert *\/\n            .rvl-player-info-col.expanded ~ .rvl-mobile-nav,\n            .rvl-fullscreen-player:has(.rvl-player-info-col.expanded) .rvl-mobile-nav,\n            .rvl-fullscreen-player:has(.rvl-player-info-col.expanded) .rvl-mobile-nav-btn {\n                opacity: 0;\n                pointer-events: none;\n            }\n            .rvl-player-info-col::before {\n                content: '';\n                display: block;\n                width: 40px;\n                height: 4px;\n                background: rgba(255,255,255,0.4);\n                border-radius: 2px;\n                margin: 12px auto 15px;\n            }\n            \/* Section commentaires sur mobile - prend tout le panneau *\/\n            .rvl-player-info-col .rvl-comments-section {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 100%;\n                background: rgba(15, 23, 42, 0.98);\n                z-index: 60;\n                border-radius: 20px 20px 0 0;\n            }\n            .rvl-player-info-col.comments-open {\n                transform: translateY(0);\n                opacity: 1;\n                pointer-events: auto;\n                z-index: 9999999;\n                min-height: 100vh;\n                max-height: 100vh;\n                top: 0;\n                bottom: 0 !important;\n                border-radius: 0;\n                overflow: visible;\n            }\n            .rvl-player-info-col.comments-open::before {\n                display: none;\n            }\n            \/* Cacher les boutons fermer\/th\u00e8me quand commentaires ouverts *\/\n            .rvl-player-info-col.comments-open ~ .rvl-player-top-buttons,\n            .rvl-fullscreen-player:has(.rvl-player-info-col.comments-open) .rvl-player-top-buttons {\n                display: none !important;\n                opacity: 0 !important;\n                pointer-events: none !important;\n            }\n            \/* Cacher la barre mobile quand commentaires ouverts *\/\n            .rvl-fullscreen-player:has(.rvl-player-info-col.comments-open) .rvl-mobile-bottom-bar {\n                display: none !important;\n            }\n            .rvl-player-info-col.comments-open .rvl-comments-section {\n                border-radius: 0;\n                height: 100vh;\n                max-height: 100vh;\n                display: flex;\n                flex-direction: column;\n                overflow: visible;\n            }\n            .rvl-player-info-col.comments-open .rvl-comment-form,\n            .rvl-player-info-col.comments-open .rvl-comment-login-required,\n            .rvl-player-info-col.comments-open .rvl-comments-disabled-notice {\n                position: fixed !important;\n                bottom: 90px !important;\n                left: 10px !important;\n                right: 10px !important;\n                z-index: 99999999 !important;\n                padding: 12px 15px !important;\n                background: rgba(15, 23, 42, 0.98) !important;\n                border: 1px solid rgba(255,255,255,0.15) !important;\n                border-radius: 25px !important;\n                display: flex !important;\n                box-shadow: 0 -5px 30px rgba(0,0,0,0.5) !important;\n            }\n            .rvl-player-info-col.comments-open .rvl-comments-list {\n                padding-bottom: 160px;\n                flex: 1;\n                overflow-y: auto;\n            }\n            .rvl-mobile-bottom-bar {\n                display: flex;\n                position: fixed;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                height: 70px;\n                background: linear-gradient(to top, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.9) 100%);\n                backdrop-filter: blur(15px);\n                z-index: 99999;\n                padding: 10px 15px;\n                align-items: center;\n                gap: 12px;\n                border-top: 1px solid rgba(255,255,255,0.1);\n                cursor: pointer;\n                touch-action: manipulation;\n                -webkit-tap-highlight-color: transparent;\n                user-select: none;\n                -webkit-user-select: none;\n            }\n            .rvl-bar-thumb {\n                width: 50px;\n                height: 50px;\n                border-radius: 12px;\n                object-fit: cover;\n                flex-shrink: 0;\n                border: 2px solid rgba(255,255,255,0.2);\n            }\n            .rvl-bar-thumb-placeholder {\n                width: 50px;\n                height: 50px;\n                border-radius: 12px;\n                background: rgba(255,255,255,0.1);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: rgba(255,255,255,0.5);\n                flex-shrink: 0;\n            }\n            .rvl-bar-info {\n                flex: 1;\n                min-width: 0;\n            }\n            .rvl-bar-name {\n                color: white;\n                font-size: 14px;\n                font-weight: 600;\n                margin: 0 0 4px 0;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n            .rvl-bar-category {\n                color: rgba(255,255,255,0.6);\n                font-size: 12px;\n                display: flex;\n                align-items: center;\n                gap: 5px;\n            }\n            .rvl-bar-toggle {\n                width: 44px;\n                height: 44px;\n                border-radius: 50%;\n                background: linear-gradient(135deg, #6366f1, #ec4899);\n                border: none;\n                color: white;\n                font-size: 18px;\n                cursor: pointer;\n                flex-shrink: 0;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                transition: transform 0.3s;\n                touch-action: manipulation;\n                -webkit-tap-highlight-color: transparent;\n                pointer-events: auto !important;\n                position: relative;\n                z-index: 10;\n            }\n            .rvl-bar-toggle.open {\n                transform: rotate(180deg);\n            }\n            \/* Assurer que tous les \u00e9l\u00e9ments de la barre sont cliquables *\/\n            .rvl-mobile-bottom-bar * {\n                pointer-events: auto;\n            }\n            .rvl-player-listing-info {\n                background: transparent;\n                border: none;\n                padding: 0 20px 15px;\n                border-radius: 0;\n                backdrop-filter: none;\n            }\n            .rvl-listing-header {\n                margin-bottom: 12px;\n            }\n            .rvl-listing-thumb {\n                width: 50px;\n                height: 50px;\n                border-radius: 12px;\n            }\n            .rvl-listing-name {\n                font-size: 16px;\n            }\n            .rvl-listing-category {\n                font-size: 11px;\n            }\n            .rvl-listing-desc {\n                display: none;\n            }\n            .rvl-listing-address {\n                font-size: 12px;\n                margin-bottom: 10px;\n            }\n            .rvl-listing-stats {\n                padding: 10px 0;\n                margin-bottom: 10px;\n            }\n            .rvl-btn-view-listing,\n            .rvl-btn-share {\n                padding: 12px 16px;\n                font-size: 13px;\n                border-radius: 10px;\n            }\n            .rvl-player-divider {\n                margin: 10px 20px;\n            }\n            .rvl-player-video-info {\n                padding: 0 20px 20px;\n                margin-bottom: 0;\n            }\n            .rvl-player-platform {\n                font-size: 12px;\n                padding: 6px 14px;\n            }\n            .rvl-player-badges-row {\n                gap: 6px;\n                margin-bottom: 10px;\n            }\n            .rvl-player-comments-badge {\n                font-size: 11px;\n                padding: 6px 12px;\n            }\n            .rvl-player-like-btn,\n            .rvl-player-dislike-btn {\n                font-size: 11px;\n                padding: 6px 10px;\n            }\n            .rvl-player-title {\n                font-size: 14px;\n                margin-bottom: 8px;\n                \/* Limiter \u00e0 2 lignes max sur mobile *\/\n                -webkit-line-clamp: 2;\n                max-height: calc(14px * 1.4 * 2);\n            }\n            .rvl-player-external {\n                font-size: 13px;\n            }\n            \/* Zones de swipe r\u00e9duites pour ne pas bloquer les contr\u00f4les vid\u00e9o *\/\n            .rvl-edge-swipe {\n                display: block;\n                position: absolute;\n                top: 0;\n                width: 30px;\n                height: calc(100% - 80px); \/* Laisser l'acc\u00e8s aux contr\u00f4les vid\u00e9o en bas *\/\n                z-index: 90;\n                background: transparent;\n            }\n            .rvl-edge-swipe-left { left: 0; }\n            .rvl-edge-swipe-right { right: 0; }\n            .rvl-mobile-nav-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                position: fixed;\n                left: 50%;\n                transform: translateX(-50%);\n                width: 56px;\n                height: 56px;\n                border-radius: 50%;\n                border: 2px solid rgba(255,255,255,0.5);\n                background: rgba(0, 0, 0, 0.5);\n                backdrop-filter: blur(10px);\n                color: white;\n                font-size: 22px;\n                cursor: pointer;\n                z-index: 500;\n                transition: all 0.2s ease;\n            }\n            .rvl-mobile-nav-btn:disabled {\n                opacity: 0.3;\n                pointer-events: none;\n            }\n            .rvl-mobile-nav-up {\n                top: 10px;\n            }\n            .rvl-mobile-nav-down {\n                bottom: 85px;\n            }\n            .rvl-mobile-nav {\n                position: fixed;\n                left: 15px;\n                top: 50%;\n                transform: translateY(-50%);\n                display: flex;\n                flex-direction: column;\n                gap: 8px;\n                z-index: 200;\n            }\n            .rvl-mobile-dot {\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                background: rgba(255,255,255,0.4);\n                transition: all 0.3s ease;\n            }\n            .rvl-mobile-dot.active {\n                width: 10px;\n                height: 10px;\n                background: #ec4899;\n                box-shadow: 0 0 8px #ec4899;\n            }\n            .rvl-mobile-dot.near {\n                width: 8px;\n                height: 8px;\n                background: rgba(255,255,255,0.5);\n            }\n            .rvl-mobile-dot.far {\n                width: 5px;\n                height: 5px;\n                background: rgba(255,255,255,0.25);\n            }\n        }\n        \n        \/* Extra petit \u00e9cran *\/\n        @media (max-width: 400px) {\n            .rvl-listing-stats {\n                flex-wrap: wrap;\n                gap: 8px;\n            }\n            .rvl-stat-item {\n                font-size: 12px;\n            }\n            .rvl-btn-view-listing,\n            .rvl-btn-share {\n                padding: 10px 12px;\n                font-size: 12px;\n            }\n        }\n        <\/style>\n                        <style id=\"rvl-hide-woo-critical\">\n            \/* === RESET VARIABLES CSS WORDPRESS === *\/\n            :root {\n                --wp--style--root--padding-top: 0px !important;\n                --wp--style--root--padding-bottom: 0px !important;\n                --wp--preset--spacing--60: 0px !important;\n                --wp--preset--spacing--50: 0px !important;\n            }\n            \/* === WORDPRESS FSE (Full Site Editing) - Cache imm\u00e9diat === *\/\n            header.wp-block-template-part,\n            footer.wp-block-template-part,\n            .wp-site-blocks > header,\n            .wp-site-blocks > footer,\n            .wp-block-template-part header,\n            .wp-block-template-part footer,\n            nav.wp-block-navigation,\n            .wp-block-navigation,\n            .wp-block-site-title,\n            .wp-block-post-title,\n            h1.wp-block-post-title,\n            h1.entry-title,\n            h1.page-title,\n            .entry-title,\n            .page-title,\n            .entry-header,\n            .page-header,\n            \/* Th\u00e8mes classiques *\/\n            header.site-header,\n            header#masthead,\n            #masthead,\n            .site-header,\n            .main-header,\n            footer.site-footer,\n            footer#colophon,\n            #colophon,\n            .site-footer,\n            .woocommerce-breadcrumb,\n            .site-info,\n            .footer-bottom {\n                display: none !important;\n                visibility: hidden !important;\n                height: 0 !important;\n                max-height: 0 !important;\n                min-height: 0 !important;\n                padding: 0 !important;\n                margin: 0 !important;\n                overflow: hidden !important;\n                opacity: 0 !important;\n            }\n            \/* Supprimer les espaces - cibler les variables et styles inline *\/\n            body,\n            .wp-site-blocks,\n            .wp-site-blocks > *,\n            .wp-site-blocks > *:first-child,\n            #content,\n            .site-content,\n            #primary,\n            .site-main,\n            main,\n            main.wp-block-group,\n            article {\n                padding-top: 0 !important;\n                margin-top: 0 !important;\n                padding-block-start: 0 !important;\n                margin-block-start: 0 !important;\n            }\n            .wp-site-blocks {\n                padding-block-start: 0 !important;\n                padding-top: 0 !important;\n            }\n            \/* Forcer le main qui a un style inline *\/\n            main[style*=\"margin-top\"] {\n                margin-top: 0 !important;\n            }\n            \/* Supprimer la r\u00e8gle WordPress margin-block-start sur les enfants *\/\n            :where(.wp-site-blocks) > * {\n                margin-block-start: 0 !important;\n            }\n        <\/style>\n        \n                <div id=\"rvl-reels-6ae1a2af519dd\" class=\"rvl-reels-page-tiktok rvl-woocommerce-mode\">\n            <style>\n                \/* Reset pour pleine largeur - Garder le header Listeo *\/\n                body:has(#rvl-reels-6ae1a2af519dd) #wrapper > .container,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-content > .container,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-content,\n                body:has(#rvl-reels-6ae1a2af519dd) .container:has(#rvl-reels-6ae1a2af519dd),\n                body:has(#rvl-reels-6ae1a2af519dd) .content-area,\n                body:has(#rvl-reels-6ae1a2af519dd) main,\n                body:has(#rvl-reels-6ae1a2af519dd) .type-page,\n                body:has(#rvl-reels-6ae1a2af519dd) article.page {\n                    max-width: 100% !important;\n                    padding: 0 !important;\n                    margin: 0 !important;\n                    width: 100% !important;\n                }\n                \n                                \/* === WOOCOMMERCE PLEINE LARGEUR === *\/\n                body:has(#rvl-reels-6ae1a2af519dd) .site-main,\n                body:has(#rvl-reels-6ae1a2af519dd) .woocommerce-page .site-content,\n                body:has(#rvl-reels-6ae1a2af519dd) .woocommerce .woocommerce-content,\n                body:has(#rvl-reels-6ae1a2af519dd) .entry-content,\n                body:has(#rvl-reels-6ae1a2af519dd) .page-content,\n                body:has(#rvl-reels-6ae1a2af519dd) .elementor-section,\n                body:has(#rvl-reels-6ae1a2af519dd) .elementor-container,\n                body:has(#rvl-reels-6ae1a2af519dd) .elementor-widget-container,\n                body:has(#rvl-reels-6ae1a2af519dd) .wp-block-group,\n                body:has(#rvl-reels-6ae1a2af519dd) .alignwide,\n                body:has(#rvl-reels-6ae1a2af519dd) .alignfull,\n                body:has(#rvl-reels-6ae1a2af519dd) .ast-container,\n                body:has(#rvl-reels-6ae1a2af519dd) .starter-template-container,\n                body:has(#rvl-reels-6ae1a2af519dd) .starter-template-content {\n                    max-width: 100% !important;\n                    padding-left: 0 !important;\n                    padding-right: 0 !important;\n                    margin-left: 0 !important;\n                    margin-right: 0 !important;\n                    width: 100% !important;\n                }\n                \/* WooCommerce: Forcer pleine largeur du conteneur principal *\/\n                #rvl-reels-6ae1a2af519dd.rvl-woocommerce-mode {\n                    width: 100vw !important;\n                    max-width: 100vw !important;\n                    margin-left: calc(-50vw + 50%) !important;\n                    margin-right: calc(-50vw + 50%) !important;\n                    position: relative;\n                    left: 0;\n                    right: 0;\n                }\n                \/* === CACHER LE HEADER ET FOOTER WOOCOMMERCE === *\/\n                body:has(#rvl-reels-6ae1a2af519dd) header.site-header,\n                body:has(#rvl-reels-6ae1a2af519dd) header#masthead,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-header,\n                body:has(#rvl-reels-6ae1a2af519dd) .main-header,\n                body:has(#rvl-reels-6ae1a2af519dd) #masthead,\n                body:has(#rvl-reels-6ae1a2af519dd) .ast-header,\n                body:has(#rvl-reels-6ae1a2af519dd) .starter-template-header,\n                body:has(#rvl-reels-6ae1a2af519dd) nav.main-navigation,\n                body:has(#rvl-reels-6ae1a2af519dd) .storefront-primary-navigation,\n                body:has(#rvl-reels-6ae1a2af519dd) .woocommerce-breadcrumb,\n                body:has(#rvl-reels-6ae1a2af519dd) footer.site-footer,\n                body:has(#rvl-reels-6ae1a2af519dd) footer#colophon,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-footer,\n                body:has(#rvl-reels-6ae1a2af519dd) .footer-widgets,\n                body:has(#rvl-reels-6ae1a2af519dd) .ast-footer,\n                body:has(#rvl-reels-6ae1a2af519dd) .starter-template-footer,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-info,\n                body:has(#rvl-reels-6ae1a2af519dd) .footer-bottom,\n                body:has(#rvl-reels-6ae1a2af519dd) .storefront-footer {\n                    display: none !important;\n                }\n                \/* Supprimer tout espace en haut apr\u00e8s avoir cach\u00e9 le header *\/\n                body:has(#rvl-reels-6ae1a2af519dd) {\n                    padding-top: 0 !important;\n                    margin-top: 0 !important;\n                }\n                body:has(#rvl-reels-6ae1a2af519dd) .site-content,\n                body:has(#rvl-reels-6ae1a2af519dd) #content,\n                body:has(#rvl-reels-6ae1a2af519dd) #main,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-main {\n                    padding-top: 0 !important;\n                    margin-top: 0 !important;\n                }\n                \/* Ajuster la sidebar quand le header WooCommerce est cach\u00e9 *\/\n                #rvl-reels-6ae1a2af519dd.rvl-woocommerce-mode .rvl-tiktok-sidebar {\n                    top: 32px !important;\n                }\n                body:not(.admin-bar) #rvl-reels-6ae1a2af519dd.rvl-woocommerce-mode .rvl-tiktok-sidebar {\n                    top: 0 !important;\n                }\n                #rvl-reels-6ae1a2af519dd.rvl-woocommerce-mode .rvl-tiktok-main {\n                    padding-top: 0 !important;\n                    margin-top: 0 !important;\n                }\n                #rvl-reels-6ae1a2af519dd.rvl-woocommerce-mode {\n                    margin-top: 0 !important;\n                    padding-top: 0 !important;\n                }\n                \/* Supprimer espace du conteneur parent *\/\n                .entry-content,\n                .wp-block-post-content,\n                .alignfull,\n                .has-global-padding {\n                    padding-top: 0 !important;\n                    margin-top: 0 !important;\n                }\n                                \n                \/* === Style du bouton Accueil === *\/\n                #rvl-reels-6ae1a2af519dd .rvl-nav-home {\n                    text-decoration: none !important;\n                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n                    color: white !important;\n                    border-radius: 12px !important;\n                    margin: 0 10px 5px 10px !important;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-nav-home:hover {\n                    transform: translateX(5px);\n                    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-nav-home i {\n                    color: white !important;\n                }\n                \n                \/* Cacher tous les titres de page *\/\n                body:has(#rvl-reels-6ae1a2af519dd) .page-header,\n                body:has(#rvl-reels-6ae1a2af519dd) .breadcrumbs,\n                body:has(#rvl-reels-6ae1a2af519dd) #breadcrumbs,\n                body:has(#rvl-reels-6ae1a2af519dd) .entry-header,\n                body:has(#rvl-reels-6ae1a2af519dd) .entry-title,\n                body:has(#rvl-reels-6ae1a2af519dd) #titlebar,\n                body:has(#rvl-reels-6ae1a2af519dd) .titlebar,\n                body:has(#rvl-reels-6ae1a2af519dd) h1.page-title,\n                body:has(#rvl-reels-6ae1a2af519dd) article.page > h1,\n                body:has(#rvl-reels-6ae1a2af519dd) article.page > h2,\n                body:has(#rvl-reels-6ae1a2af519dd) .type-page > header,\n                body:has(#rvl-reels-6ae1a2af519dd) .page-title {\n                    display: none !important;\n                }\n                \/* Cacher le footer et le chat Listeo *\/\n                body:has(#rvl-reels-6ae1a2af519dd) #footer,\n                body:has(#rvl-reels-6ae1a2af519dd) footer#footer,\n                body:has(#rvl-reels-6ae1a2af519dd) .site-footer,\n                body:has(#rvl-reels-6ae1a2af519dd) footer.footer,\n                body:has(#rvl-reels-6ae1a2af519dd) #colophon,\n                body:has(#rvl-reels-6ae1a2af519dd) .listeo-floating-chat-widget {\n                    display: none !important;\n                }\n                \/* Loader fullscreen pour le player *\/\n                .rvl-loading-overlay {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    background: rgba(0, 0, 0, 0.95);\n                    z-index: 999999;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    justify-content: center;\n                    color: white;\n                    font-size: 16px;\n                    gap: 20px;\n                }\n                .rvl-loading-overlay i {\n                    font-size: 48px;\n                    color: #ec4899;\n                    animation: rvl-spin 1s linear infinite;\n                }\n                .rvl-loading-overlay .rvl-loading-text {\n                    font-size: 14px;\n                    color: rgba(255,255,255,0.7);\n                }\n                @keyframes rvl-spin {\n                    from { transform: rotate(0deg); }\n                    to { transform: rotate(360deg); }\n                }\n                \/* Supprimer l'espace entre le header et le contenu *\/\n                body:has(#rvl-reels-6ae1a2af519dd) #wrapper {\n                    padding-top: 0 !important;\n                    margin-top: 0 !important;\n                }\n                body:has(#rvl-reels-6ae1a2af519dd) #wrapper > .container,\n                body:has(#rvl-reels-6ae1a2af519dd) #wrapper > section {\n                    margin-top: 0 !important;\n                    padding-top: 0 !important;\n                }\n                \n                #rvl-reels-6ae1a2af519dd {\n                    background: #0f172a;\n                    min-height: 100vh;\n                    padding: 0;\n                    margin: 0;\n                    margin-top: -1px; \/* Coller au header *\/\n                    width: 100%;\n                    overflow-x: hidden;\n                    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                    position: relative;\n                }\n                \n                \/* === SIDEBAR GAUCHE Style TikTok === *\/\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar {\n                    position: fixed;\n                    left: 0;\n                    top: 112px; \/* SOUS le header Listeo + admin bar *\/\n                    bottom: 0;\n                    width: 220px;\n                    background: #121212;\n                    border-right: 1px solid #2f2f2f;\n                    padding: 20px 0;\n                    z-index: 99; \/* Sous le header Listeo *\/\n                    display: flex;\n                    flex-direction: column;\n                    overflow-y: auto;\n                    \/* Cacher la scrollbar *\/\n                    scrollbar-width: none; \/* Firefox *\/\n                    -ms-overflow-style: none; \/* IE\/Edge *\/\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar::-webkit-scrollbar {\n                    display: none; \/* Chrome\/Safari *\/\n                }\n                \/* Sans admin bar *\/\n                body:not(.admin-bar) #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar {\n                    top: 90px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-logo {\n                    padding: 15px 20px 30px;\n                    font-size: 28px;\n                    font-weight: 800;\n                    color: #ffffff;\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-logo span {\n                    background: linear-gradient(135deg, #fe2c55, #25f4ee);\n                    -webkit-background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav {\n                    flex: 1;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item {\n                    display: flex;\n                    align-items: center;\n                    gap: 12px;\n                    padding: 12px 20px;\n                    color: rgba(255,255,255,0.7);\n                    font-size: 16px;\n                    font-weight: 500;\n                    cursor: pointer;\n                    transition: all 0.2s;\n                    border: none;\n                    background: none;\n                    width: 100%;\n                    text-align: left;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item:hover,\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item.active {\n                    color: #ffffff;\n                    background: rgba(255,255,255,0.05);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item.active {\n                    color: #fe2c55;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item i {\n                    width: 32px;\n                    font-size: 24px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-divider {\n                    height: 1px;\n                    background: #2f2f2f;\n                    margin: 15px 20px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-section-title {\n                    padding: 10px 20px 5px !important;\n                    font-size: 11px !important;\n                    font-weight: 600 !important;\n                    color: rgba(255,255,255,0.4) !important;\n                    text-transform: uppercase !important;\n                    letter-spacing: 0.5px !important;\n                    margin: 0 !important;\n                }\n                \n                \/* === CONTENU PRINCIPAL === *\/\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-main {\n                    margin-left: 220px;\n                    padding: 0;\n                    min-height: 100vh;\n                    overflow-x: hidden;\n                }\n                \n                \/* === BARRE DE FILTRES HORIZONTALE === *\/\n                #rvl-reels-6ae1a2af519dd .rvl-filters-wrapper {\n                    position: sticky;\n                    top: 0;\n                    z-index: 98;\n                    background: #0f172a;\n                    border-bottom: 1px solid #2f2f2f;\n                    padding: 15px 20px;\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filters-nav-btn {\n                    width: 40px;\n                    height: 40px;\n                    min-width: 40px;\n                    border-radius: 50%;\n                    border: 1px solid #3f3f3f;\n                    background: rgba(255,255,255,0.1);\n                    color: #ffffff;\n                    font-size: 16px;\n                    cursor: pointer;\n                    transition: all 0.2s;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    flex-shrink: 0;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filters-nav-btn:hover {\n                    background: rgba(255,255,255,0.2);\n                    transform: scale(1.1);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filters-nav-btn:disabled {\n                    opacity: 0.3;\n                    cursor: not-allowed;\n                    transform: none;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-filters {\n                    display: flex;\n                    align-items: center;\n                    gap: 12px;\n                    overflow-x: auto;\n                    flex: 1;\n                    padding: 5px 0;\n                    \/* Cacher la scrollbar *\/\n                    scrollbar-width: none; \/* Firefox *\/\n                    -ms-overflow-style: none; \/* IE\/Edge *\/\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-filters::-webkit-scrollbar {\n                    display: none; \/* Chrome\/Safari *\/\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filter-btn {\n                    padding: 10px 20px;\n                    border-radius: 30px;\n                    border: 1px solid #3f3f3f;\n                    background: transparent;\n                    color: #ffffff;\n                    font-size: 15px;\n                    font-weight: 600;\n                    cursor: pointer;\n                    transition: all 0.2s;\n                    white-space: nowrap;\n                    display: flex;\n                    align-items: center;\n                    gap: 8px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filter-btn:hover {\n                    background: rgba(255,255,255,0.1);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filter-btn.active {\n                    background: #ffffff;\n                    color: #000;\n                    border-color: transparent;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filter-btn .rvl-count {\n                    background: rgba(255,255,255,0.2);\n                    padding: 2px 8px;\n                    border-radius: 12px;\n                    font-size: 12px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filter-btn.active .rvl-count {\n                    background: rgba(0,0,0,0.3);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-filters-divider {\n                    width: 1px;\n                    height: 30px;\n                    background: #3f3f3f;\n                }\n                \n                \/* === GRILLE DE CONTENU === *\/\n                #rvl-reels-6ae1a2af519dd .rvl-tiktok-grid {\n                    display: grid;\n                    grid-template-columns: repeat(4, 1fr);\n                    gap: 12px;\n                    padding: 20px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-item {\n                    position: relative;\n                    border-radius: 8px;\n                    overflow: hidden;\n                    cursor: pointer;\n                    transition: transform 0.3s ease;\n                    background: #1a1a1a;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-item:hover {\n                    transform: scale(1.02);\n                    z-index: 5;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb {\n                    position: relative;\n                    padding-top: 177.78%;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb img {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                    z-index: 1;\n                    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-badge {\n                    position: absolute;\n                    top: 10px;\n                    left: 10px;\n                    width: 28px;\n                    height: 28px;\n                    border-radius: 6px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    color: white;\n                    font-size: 12px;\n                    z-index: 5;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-type-badge {\n                    position: absolute;\n                    top: 10px;\n                    right: 10px;\n                    padding: 4px 8px;\n                    border-radius: 4px;\n                    background: rgba(0,0,0,0.7);\n                    color: white;\n                    font-size: 11px;\n                    font-weight: 600;\n                    z-index: 5;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-overlay {\n                    position: absolute;\n                    bottom: 0;\n                    left: 0;\n                    right: 0;\n                    padding: 50px 10px 10px;\n                    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);\n                    color: white;\n                    opacity: 0;\n                    transition: opacity 0.3s;\n                    z-index: 10;\n                    pointer-events: none;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-item:hover .rvl-media-overlay {\n                    opacity: 1;\n                }\n                \/* Host info *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-host-info {\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n                    margin-bottom: 10px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-host-avatar {\n                    width: 40px;\n                    height: 40px;\n                    border-radius: 50%;\n                    object-fit: cover;\n                    border: 2px solid white;\n                    flex-shrink: 0;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-host-details {\n                    display: flex;\n                    flex-direction: column;\n                    min-width: 0;\n                    flex: 1;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-host-name {\n                    font-size: 15px;\n                    font-weight: 700;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-listing-title {\n                    font-size: 12px;\n                    opacity: 0.9;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                    margin-top: 2px;\n                }\n                \/* Stats *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-stats {\n                    display: flex;\n                    gap: 16px;\n                    font-size: 13px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-stat {\n                    display: flex;\n                    align-items: center;\n                    gap: 5px;\n                    opacity: 0.95;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-stat i {\n                    font-size: 14px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-stat-likes i {\n                    color: #22c55e;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-stat-dislikes i {\n                    color: #ef4444;\n                }\n                \n                \/* ============================================ *\/\n                \/* === STYLES DE GRILLE === *\/\n                \/* ============================================ *\/\n                \n                                \/* Style Modern - Design \u00e9pur\u00e9 avec ombres subtiles *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-item {\n                    border-radius: 16px;\n                    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n                    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-item:hover {\n                    transform: translateY(-8px) scale(1.02);\n                    box-shadow: 0 12px 40px rgba(0,0,0,0.4);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-badge {\n                    border-radius: 10px;\n                    backdrop-filter: blur(10px);\n                }\n                                \n                #rvl-reels-6ae1a2af519dd .rvl-stat-comments i {\n                    color: #3b82f6;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-play {\n                    position: absolute;\n                    top: 50%;\n                    left: 50%;\n                    transform: translate(-50%, -50%);\n                    width: 50px;\n                    height: 50px;\n                    background: rgba(255,255,255,0.9);\n                    border-radius: 50%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    font-size: 20px;\n                    color: #000;\n                    opacity: 0;\n                    transition: all 0.3s;\n                    z-index: 15;\n                    pointer-events: none;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-media-item:hover .rvl-media-play {\n                    opacity: 1;\n                }\n                \/* Forcer le hover visible sur desktop *\/\n                @media (hover: hover) {\n                    #rvl-reels-6ae1a2af519dd .rvl-media-item:hover .rvl-media-overlay,\n                    #rvl-reels-6ae1a2af519dd .rvl-media-item:hover .rvl-media-play {\n                        opacity: 1 !important;\n                    }\n                }\n                \n                \/* \u00c9tat vide *\/\n                #rvl-reels-6ae1a2af519dd .rvl-empty-state {\n                    text-align: center;\n                    padding: 100px 20px;\n                    color: rgba(255,255,255,0.5);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-empty-state i {\n                    font-size: 80px;\n                    margin-bottom: 20px;\n                    opacity: 0.3;\n                }\n                \n                \/* Load More Button *\/\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-wrapper {\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    padding: 40px 20px;\n                    gap: 12px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn {\n                    display: inline-flex;\n                    align-items: center;\n                    gap: 10px;\n                    padding: 14px 32px;\n                    background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\n                    border: none;\n                    border-radius: 50px;\n                    color: white;\n                    font-size: 15px;\n                    font-weight: 600;\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.3);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn:hover {\n                    transform: translateY(-2px);\n                    box-shadow: 0 6px 25px rgba(236, 72, 153, 0.4);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn:disabled {\n                    background: #333;\n                    cursor: not-allowed;\n                    transform: none;\n                    box-shadow: none;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn i {\n                    font-size: 18px;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn .rvl-load-more-count {\n                    font-size: 12px;\n                    opacity: 0.8;\n                    font-weight: 400;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-info {\n                    font-size: 13px;\n                    color: rgba(255,255,255,0.5);\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-load-more-btn.loading i {\n                    animation: rvl-spin 1s linear infinite;\n                }\n                \n                \/* Responsive *\/\n                @media (max-width: 1400px) {\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-grid { grid-template-columns: repeat(5, 1fr); }\n                }\n                @media (max-width: 1200px) {\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar { \n                        width: 70px; \n                        padding: 15px 0;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-logo { padding: 10px; justify-content: center; font-size: 20px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-logo span { display: none; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item { justify-content: center; padding: 14px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-item span { display: none; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-nav-section-title { display: none; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-main { margin-left: 70px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-grid { grid-template-columns: repeat(4, 1fr); }\n                }\n                @media (max-width: 992px) {\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar { \n                        top: 120px; \/* Header plus petit sur tablette + admin bar *\/\n                    }\n                    body:not(.admin-bar) #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar {\n                        top: 76px;\n                    }\n                }\n                @media (max-width: 900px) {\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-grid { grid-template-columns: repeat(3, 1fr); }\n                }\n                \/* Bouton hamburger mobile *\/\n                #rvl-reels-6ae1a2af519dd .rvl-mobile-menu-btn {\n                    display: none;\n                    align-items: center;\n                    justify-content: center;\n                    width: 44px;\n                    height: 44px;\n                    border-radius: 50%;\n                    border: 1px solid #3f3f3f;\n                    background: transparent;\n                    color: #ffffff;\n                    font-size: 18px;\n                    cursor: pointer;\n                    flex-shrink: 0;\n                }\n                #rvl-reels-6ae1a2af519dd .rvl-mobile-menu-btn:hover {\n                    background: rgba(255,255,255,0.1);\n                }\n                \n                \/* Bouton fermer mobile *\/\n                #rvl-reels-6ae1a2af519dd .rvl-mobile-close {\n                    display: none;\n                    position: absolute;\n                    top: 15px;\n                    right: 15px;\n                    width: 44px;\n                    height: 44px;\n                    border-radius: 50%;\n                    border: none;\n                    background: rgba(255,255,255,0.1);\n                    color: #ffffff;\n                    font-size: 20px;\n                    cursor: pointer;\n                    align-items: center;\n                    justify-content: center;\n                }\n                \n                @media (max-width: 768px) {\n                    #rvl-reels-6ae1a2af519dd .rvl-mobile-menu-btn { \n                        display: flex !important; \n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar { \n                        display: none;\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        right: 0;\n                        bottom: 0;\n                        width: 100% !important;\n                        z-index: 9999;\n                        padding: 80px 20px 20px 20px;\n                        background: #121212;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar.mobile-open {\n                        display: flex !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-mobile-close {\n                        display: flex !important;\n                        position: absolute;\n                        top: 20px;\n                        right: 20px;\n                        z-index: 10000;\n                    }\n                    \/* Afficher le texte sur mobile *\/\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-tiktok-nav-item span {\n                        display: inline !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-tiktok-nav-item {\n                        justify-content: flex-start !important;\n                        padding: 16px 20px !important;\n                        font-size: 18px !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-tiktok-logo {\n                        justify-content: flex-start !important;\n                        padding: 0 20px 20px 20px !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-tiktok-logo span {\n                        display: inline !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-sidebar .rvl-tiktok-nav-section-title {\n                        display: block !important;\n                        padding: 15px 20px 10px 20px !important;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-main { margin-left: 0; }\n                    #rvl-reels-6ae1a2af519dd .rvl-filters-wrapper { padding: 10px 10px; gap: 8px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-filters-nav-btn { width: 36px; height: 36px; min-width: 36px; font-size: 14px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-filters { gap: 8px; }\n                    #rvl-reels-6ae1a2af519dd .rvl-tiktok-grid { \n                        grid-template-columns: repeat(2, 1fr); \n                        gap: 4px;\n                        padding: 10px;\n                    }\n                    #rvl-reels-6ae1a2af519dd .rvl-media-item { border-radius: 4px; }\n                }\n                \n                \/* Fix pour les thumbnails vides *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb img[src=\"\"],\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb img:not([src]) {\n                    display: none;\n                }\n                \/* Background de fallback pour thumbnails *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb {\n                    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);\n                }\n                \/* Placeholder pour images manquantes *\/\n                #rvl-reels-6ae1a2af519dd .rvl-media-thumb .rvl-thumb-placeholder {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    color: rgba(255,255,255,0.3);\n                    font-size: 48px;\n                }\n            <\/style>\n            \n            <!-- Sidebar gauche style TikTok -->\n            <div class=\"rvl-tiktok-sidebar\" id=\"rvl-mobile-sidebar\">\n                <!-- Bouton fermer mobile -->\n                <button class=\"rvl-mobile-close\" id=\"rvl-mobile-close\">\n                    <i class=\"fa fa-times\"><\/i>\n                <\/button>\n                \n                <div class=\"rvl-tiktok-logo\">\n                    <i class=\"fa fa-fire\" style=\"color: #fe2c55;\"><\/i>\n                    <span>Reels<\/span>\n                <\/div>\n                \n                <nav class=\"rvl-tiktok-nav\">\n                                        <a href=\"https:\/\/demo.costaplugin.com\/woo\/\" class=\"rvl-tiktok-nav-item rvl-nav-home\">\n                        <i class=\"fa fa-arrow-left\"><\/i>\n                        <span>Home<\/span>\n                    <\/a>\n                    \n                    <div class=\"rvl-tiktok-nav-divider\"><\/div>\n                                        \n                    <button class=\"rvl-tiktok-nav-item active\" data-filter=\"all\">\n                        <i class=\"fa fa-home\"><\/i>\n                        <span>For you<\/span>\n                    <\/button>\n                    <button class=\"rvl-tiktok-nav-item\" data-type=\"video\">\n                        <i class=\"fa fa-play-circle\"><\/i>\n                        <span>Videos<\/span>\n                    <\/button>\n                    <button class=\"rvl-tiktok-nav-item\" data-type=\"photo\">\n                        <i class=\"fa fa-image\"><\/i>\n                        <span>Photos<\/span>\n                    <\/button>\n                    \n                    <div class=\"rvl-tiktok-nav-divider\"><\/div>\n                    <div class=\"rvl-tiktok-nav-section-title\">Platforms<\/div>\n                    \n                                                            <button class=\"rvl-tiktok-nav-item\" data-platform=\"tiktok\">\n                        <i class=\"fab fa-tiktok\"><\/i>\n                        <span>TikTok<\/span>\n                    <\/button>\n                                                                                <button class=\"rvl-tiktok-nav-item\" data-platform=\"rvl\">\n                        <i class=\"fa fa-video\" style=\"color: #8b5cf6;\"><\/i>\n                        <span>RVL<\/span>\n                    <\/button>\n                <\/nav>\n            <\/div>\n            \n            <!-- Contenu principal -->\n            <div class=\"rvl-tiktok-main\">\n                <!-- Barre de filtres horizontale avec navigation -->\n                <div class=\"rvl-filters-wrapper\">\n                    <!-- Bouton hamburger mobile -->\n                    <button class=\"rvl-mobile-menu-btn\" id=\"rvl-mobile-menu-btn\">\n                        <i class=\"fa fa-bars\"><\/i>\n                    <\/button>\n                    \n                    <!-- Bouton navigation gauche -->\n                    <button class=\"rvl-filters-nav-btn rvl-filters-nav-left\" aria-label=\"Scroll left\">\n                        <i class=\"fa fa-chevron-left\"><\/i>\n                    <\/button>\n                    \n                    <div class=\"rvl-tiktok-filters\">\n                    <button class=\"rvl-filter-btn active\" data-filter=\"all\">\n                        All                        <span class=\"rvl-count\">5<\/span>\n                    <\/button>\n                    \n                    <div class=\"rvl-filters-divider\"><\/div>\n                    \n                                        \n                                        <button class=\"rvl-filter-btn\" data-platform=\"tiktok\">\n                        <i class=\"fab fa-tiktok\"><\/i>\n                        TikTok\n                        <span class=\"rvl-count\">2<\/span>\n                    <\/button>\n                                        \n                                        \n                                        \n                                        <button class=\"rvl-filter-btn\" data-platform=\"rvl\">\n                        <i class=\"fa fa-video\" style=\"color: #8b5cf6;\"><\/i>\n                        RVL\n                        <span class=\"rvl-count\">3<\/span>\n                    <\/button>\n                                        \n                    <div class=\"rvl-filters-divider\"><\/div>\n                    \n                                        <button class=\"rvl-filter-btn\" data-type=\"video\">\n                        <i class=\"fa fa-play-circle\"><\/i>\n                        Videos                        <span class=\"rvl-count\">3<\/span>\n                    <\/button>\n                                        \n                                        <button class=\"rvl-filter-btn\" data-type=\"photo\">\n                        <i class=\"fa fa-image\"><\/i>\n                        Photos                        <span class=\"rvl-count\">2<\/span>\n                    <\/button>\n                                        <\/div>\n                    \n                    <!-- Bouton navigation droite -->\n                    <button class=\"rvl-filters-nav-btn rvl-filters-nav-right\" aria-label=\"Scroll right\">\n                        <i class=\"fa fa-chevron-right\"><\/i>\n                    <\/button>\n                <\/div>\n                \n                <!-- Grille de contenu -->\n                <div class=\"rvl-tiktok-grid\">\n                                                                                <div class=\"rvl-media-item\" data-platform=\"tiktok\" data-type=\"video\" data-url=\"https:\/\/www.tiktok.com\/@cuisine.facile86\/video\/7492789047060991254?utm_campaign=tt4d_open_api&amp;utm_source=sbawcqanfxe4q4irml\" data-video-id=\"7492789047060991254\" data-listing-id=\"0\" data-user-id=\"1\" data-is-demo=\"false\" data-embed-url=\"https:\/\/www.tiktok.com\/player\/v1\/7492789047060991254?music_info=0&amp;description=0&amp;autoplay=1&amp;loop=1&amp;utm_campaign=tt4d_open_api&amp;utm_source=sbawcqanfxe4q4irml&amp;native_context_menu=0&amp;closed_caption=0\" data-title=\"Comment faire du m\u00e9nage \u00e9cologique #menage #\u00e9cologique #tiktokfrance #cuisine\" data-thumbnail=\"https:\/\/demo.costaplugin.com\/woo\/wp-admin\/admin-ajax.php?action=rvl_proxy_thumbnail&amp;url=https%3A%2F%2Fp19-common-sign.tiktokcdn-eu.com%2Ftos-no1a-p-0037-no%2FokI8aBQAIrAX6Q3dnijeO98zJdMjLD8QJEfPe3%7Etplv-tiktokx-cropcenter-q%3A300%3A400%3Aq70.jpeg%3Fdr%3D9232%26refresh_token%3D2b20c64e%26x-expires%3D1793257200%26x-signature%3DzG9xCi88o2mEYMAMXT1qahHML1E%253D%26t%3Dbacd0480%26ps%3D933b5bde%26shp%3Dd05b14bd%26shcp%3D8aecc5ac%26idc%3Dno1a%26biz_tag%3Dtt_video%26s%3DTIKTOK_FOR_DEVELOPER%26sc%3Dcover\" data-index=\"0\">\n                        <div class=\"rvl-media-thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-admin\/admin-ajax.php?action=rvl_proxy_thumbnail&#038;url=https%3A%2F%2Fp19-common-sign.tiktokcdn-eu.com%2Ftos-no1a-p-0037-no%2FokI8aBQAIrAX6Q3dnijeO98zJdMjLD8QJEfPe3%7Etplv-tiktokx-cropcenter-q%3A300%3A400%3Aq70.jpeg%3Fdr%3D9232%26refresh_token%3D2b20c64e%26x-expires%3D1793257200%26x-signature%3DzG9xCi88o2mEYMAMXT1qahHML1E%253D%26t%3Dbacd0480%26ps%3D933b5bde%26shp%3Dd05b14bd%26shcp%3D8aecc5ac%26idc%3Dno1a%26biz_tag%3Dtt_video%26s%3DTIKTOK_FOR_DEVELOPER%26sc%3Dcover\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                            <div class=\"rvl-thumb-placeholder\" style=\"display: none;\"><i class=\"fa fa-video\"><\/i><\/div>\n                                                        \n                                                        <span class=\"rvl-media-badge\" style=\"background: #000000;\">\n                                <i class=\"fab fa-tiktok\"><\/i>\n                            <\/span>\n                                                        \n                            <span class=\"rvl-media-type-badge\">\n                                <i class=\"fa fa-play\"><\/i>\n                                Video                            <\/span>\n                            \n                                                        <div class=\"rvl-media-play\">\n                                <i class=\"fa fa-play\"><\/i>\n                            <\/div>\n                                                        \n                                                    <\/div>\n                                                <div class=\"rvl-media-overlay\">\n                            <div class=\"rvl-media-host-info\">\n                                                                <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/2026\/01\/Icone-1.png\" class=\"rvl-media-host-avatar\" alt=\"\">\n                                                                <div class=\"rvl-media-host-details\">\n                                    <span class=\"rvl-media-host-name\">democostaplugin<\/span>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"rvl-media-stats\">\n                                <span class=\"rvl-stat rvl-stat-likes\" title=\"Likes\">\n                                    <i class=\"fa fa-thumbs-up\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-dislikes\" title=\"Dislikes\">\n                                    <i class=\"fa fa-thumbs-down\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-comments\" title=\"Comments\">\n                                    <i class=\"fa fa-comment\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                                            <div class=\"rvl-media-item\" data-platform=\"tiktok\" data-type=\"video\" data-url=\"https:\/\/www.tiktok.com\/@cuisine.facile86\/video\/7492807368544242966?utm_campaign=tt4d_open_api&amp;utm_source=sbawcqanfxe4q4irml\" data-video-id=\"7492807368544242966\" data-listing-id=\"0\" data-user-id=\"1\" data-is-demo=\"false\" data-embed-url=\"https:\/\/www.tiktok.com\/player\/v1\/7492807368544242966?music_info=0&amp;description=0&amp;autoplay=1&amp;loop=1&amp;utm_campaign=tt4d_open_api&amp;utm_source=sbawcqanfxe4q4irml&amp;native_context_menu=0&amp;closed_caption=0\" data-title=\"Pr\u00eat \u00e0 cr\u00e9er le plat \u00e9quilibr\u00e9 parfait ? \ud83c\udf7d\ufe0f Quel est votre ingr\u00e9dient secret pour un repas r\u00e9ussi ? #cuisinesaine #healthyfood #recettefacile\" data-thumbnail=\"https:\/\/demo.costaplugin.com\/woo\/wp-admin\/admin-ajax.php?action=rvl_proxy_thumbnail&amp;url=https%3A%2F%2Fp16-common-sign.tiktokcdn-eu.com%2Ftos-no1a-p-0037-no%2FooEI7FP68DidLeDBIfhJxIBAECzDqe5w2zxAjK%7Etplv-tiktokx-cropcenter-q%3A300%3A400%3Aq70.jpeg%3Fdr%3D9232%26refresh_token%3D4b2b1556%26x-expires%3D1793257200%26x-signature%3D2lKdXAXca3p0kxv%252FAHM%252BEoX1E98%253D%26t%3Dbacd0480%26ps%3D933b5bde%26shp%3Dd05b14bd%26shcp%3D8aecc5ac%26idc%3Dno1a%26biz_tag%3Dtt_video%26s%3DTIKTOK_FOR_DEVELOPER%26sc%3Dcover\" data-index=\"1\">\n                        <div class=\"rvl-media-thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-admin\/admin-ajax.php?action=rvl_proxy_thumbnail&#038;url=https%3A%2F%2Fp16-common-sign.tiktokcdn-eu.com%2Ftos-no1a-p-0037-no%2FooEI7FP68DidLeDBIfhJxIBAECzDqe5w2zxAjK%7Etplv-tiktokx-cropcenter-q%3A300%3A400%3Aq70.jpeg%3Fdr%3D9232%26refresh_token%3D4b2b1556%26x-expires%3D1793257200%26x-signature%3D2lKdXAXca3p0kxv%252FAHM%252BEoX1E98%253D%26t%3Dbacd0480%26ps%3D933b5bde%26shp%3Dd05b14bd%26shcp%3D8aecc5ac%26idc%3Dno1a%26biz_tag%3Dtt_video%26s%3DTIKTOK_FOR_DEVELOPER%26sc%3Dcover\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                            <div class=\"rvl-thumb-placeholder\" style=\"display: none;\"><i class=\"fa fa-video\"><\/i><\/div>\n                                                        \n                                                        <span class=\"rvl-media-badge\" style=\"background: #000000;\">\n                                <i class=\"fab fa-tiktok\"><\/i>\n                            <\/span>\n                                                        \n                            <span class=\"rvl-media-type-badge\">\n                                <i class=\"fa fa-play\"><\/i>\n                                Video                            <\/span>\n                            \n                                                        <div class=\"rvl-media-play\">\n                                <i class=\"fa fa-play\"><\/i>\n                            <\/div>\n                                                        \n                                                    <\/div>\n                                                <div class=\"rvl-media-overlay\">\n                            <div class=\"rvl-media-host-info\">\n                                                                <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/2026\/01\/Icone-1.png\" class=\"rvl-media-host-avatar\" alt=\"\">\n                                                                <div class=\"rvl-media-host-details\">\n                                    <span class=\"rvl-media-host-name\">democostaplugin<\/span>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"rvl-media-stats\">\n                                <span class=\"rvl-stat rvl-stat-likes\" title=\"Likes\">\n                                    <i class=\"fa fa-thumbs-up\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-dislikes\" title=\"Dislikes\">\n                                    <i class=\"fa fa-thumbs-down\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-comments\" title=\"Comments\">\n                                    <i class=\"fa fa-comment\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                                            <div class=\"rvl-media-item\" data-platform=\"rvl\" data-type=\"video\" data-url=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/rvll_1_0_1769817237.mp4\" data-video-id=\"\" data-listing-id=\"0\" data-user-id=\"1\" data-is-demo=\"false\" data-embed-url=\"\" data-title=\"RVLL Video #2\" data-thumbnail=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/thumbs\/rvll_1_0_1769817237.jpg\" data-index=\"2\">\n                        <div class=\"rvl-media-thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/thumbs\/rvll_1_0_1769817237.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                            <div class=\"rvl-thumb-placeholder\" style=\"display: none;\"><i class=\"fa fa-video\"><\/i><\/div>\n                                                        \n                                                        <span class=\"rvl-media-badge\" style=\"background: #8b5cf6;\">\n                                <i class=\"fa fa-video\"><\/i>\n                            <\/span>\n                                                        \n                            <span class=\"rvl-media-type-badge\">\n                                <i class=\"fa fa-play\"><\/i>\n                                Video                            <\/span>\n                            \n                                                        <div class=\"rvl-media-play\">\n                                <i class=\"fa fa-play\"><\/i>\n                            <\/div>\n                                                        \n                                                    <\/div>\n                                                <div class=\"rvl-media-overlay\">\n                            <div class=\"rvl-media-host-info\">\n                                                                <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/2026\/01\/Icone-1.png\" class=\"rvl-media-host-avatar\" alt=\"\">\n                                                                <div class=\"rvl-media-host-details\">\n                                    <span class=\"rvl-media-host-name\">democostaplugin<\/span>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"rvl-media-stats\">\n                                <span class=\"rvl-stat rvl-stat-likes\" title=\"Likes\">\n                                    <i class=\"fa fa-thumbs-up\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-dislikes\" title=\"Dislikes\">\n                                    <i class=\"fa fa-thumbs-down\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-comments\" title=\"Comments\">\n                                    <i class=\"fa fa-comment\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                                            <div class=\"rvl-media-item\" data-platform=\"rvl\" data-type=\"photo\" data-url=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/photos\/rvll_photo_1_0_1769817211.jpg\" data-video-id=\"\" data-listing-id=\"0\" data-user-id=\"1\" data-is-demo=\"false\" data-embed-url=\"\" data-title=\"Photo RVLL #1\" data-thumbnail=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/photos\/rvll_photo_1_0_1769817211.jpg\" data-index=\"3\">\n                        <div class=\"rvl-media-thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/rvll-videos\/photos\/rvll_photo_1_0_1769817211.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                            <div class=\"rvl-thumb-placeholder\" style=\"display: none;\"><i class=\"fa fa-image\"><\/i><\/div>\n                                                        \n                                                        <span class=\"rvl-media-badge\" style=\"background: #f59e0b;\">\n                                <i class=\"fa fa-image\"><\/i>\n                            <\/span>\n                                                        \n                            <span class=\"rvl-media-type-badge\">\n                                <i class=\"fa fa-image\"><\/i>\n                                Photo                            <\/span>\n                            \n                                                        \n                                                    <\/div>\n                                                <div class=\"rvl-media-overlay\">\n                            <div class=\"rvl-media-host-info\">\n                                                                <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/woo\/wp-content\/uploads\/sites\/2\/2026\/01\/Icone-1.png\" class=\"rvl-media-host-avatar\" alt=\"\">\n                                                                <div class=\"rvl-media-host-details\">\n                                    <span class=\"rvl-media-host-name\">democostaplugin<\/span>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"rvl-media-stats\">\n                                <span class=\"rvl-stat rvl-stat-likes\" title=\"Likes\">\n                                    <i class=\"fa fa-thumbs-up\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-dislikes\" title=\"Dislikes\">\n                                    <i class=\"fa fa-thumbs-down\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-comments\" title=\"Comments\">\n                                    <i class=\"fa fa-comment\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                                            <div class=\"rvl-media-item\" data-platform=\"rvl\" data-type=\"photo\" data-url=\"https:\/\/demo.costaplugin.com\/wp-content\/uploads\/rvll-videos\/photos\/rvll_photo_2_172_1770140557.jpg\" data-video-id=\"rvll_6982338d58de1\" data-listing-id=\"0\" data-user-id=\"2\" data-is-demo=\"false\" data-embed-url=\"https:\/\/demo.costaplugin.com\/wp-content\/uploads\/rvll-videos\/photos\/rvll_photo_2_172_1770140557.jpg\" data-title=\"Photo RVLL #30\" data-thumbnail=\"https:\/\/demo.costaplugin.com\/wp-content\/uploads\/rvll-videos\/photos\/rvll_photo_2_172_1770140557.jpg\" data-index=\"4\">\n                        <div class=\"rvl-media-thumb\">\n                                                        <img decoding=\"async\" src=\"https:\/\/demo.costaplugin.com\/wp-content\/uploads\/rvll-videos\/photos\/rvll_photo_2_172_1770140557.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n                            <div class=\"rvl-thumb-placeholder\" style=\"display: none;\"><i class=\"fa fa-image\"><\/i><\/div>\n                                                        \n                                                        <span class=\"rvl-media-badge\" style=\"background: #f59e0b;\">\n                                <i class=\"fa fa-image\"><\/i>\n                            <\/span>\n                                                        \n                            <span class=\"rvl-media-type-badge\">\n                                <i class=\"fa fa-image\"><\/i>\n                                Photo                            <\/span>\n                            \n                                                        \n                                                    <\/div>\n                                                <div class=\"rvl-media-overlay\">\n                            <div class=\"rvl-media-host-info\">\n                                                                <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/1016d1115e723fe799f297905313aad666b02f3f70be8a4296c2cf20a46ca8ac?s=48&#038;d=mm&#038;r=g\" class=\"rvl-media-host-avatar\" alt=\"\">\n                                                                <div class=\"rvl-media-host-details\">\n                                    <span class=\"rvl-media-host-name\">Coste Plugin<\/span>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"rvl-media-stats\">\n                                <span class=\"rvl-stat rvl-stat-likes\" title=\"Likes\">\n                                    <i class=\"fa fa-thumbs-up\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-dislikes\" title=\"Dislikes\">\n                                    <i class=\"fa fa-thumbs-down\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                                <span class=\"rvl-stat rvl-stat-comments\" title=\"Comments\">\n                                    <i class=\"fa fa-comment\"><\/i>\n                                    <span>0<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                                        <\/div>\n                \n                            <\/div>\n        <\/div>\n        \n                \n        \n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/pages\/102\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.costaplugin.com\/woo\/wp-json\/wp\/v2\/media?parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}