{"product_id":"clarins-double-serum-complete-age-control-1","title":"Unlock Youthful Skin Now – Clarins Paris 100 mg Double Serum©","description":"\u003cp\u003e\u003ca data-encoded-tag-name=\"meta\" data-encoded-tag-value=\"\" data-encoded-attr-charset=\"VVRGLTg=\"\u003e\u003c\/a\u003e \u003ca data-encoded-tag-name=\"meta\" data-encoded-tag-value=\"\" data-encoded-attr-name=\"dmlld3BvcnQ=\" data-encoded-attr-content=\"d2lkdGglM0RkZXZpY2Utd2lkdGglMkMlMjBpbml0aWFsLXNjYWxlJTNEMS4w\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html, body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #ffffff;\n            color: #111111;\n            line-height: 1.6;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n            width: 100%;\n        }\n\n        \/* ===== COLOR SCHEME ===== *\/\n        :root {\n            --primary-blue: #007bff;\n            --dark-blue: #0056b3;\n            --light-blue: #e6f0ff;\n            --black: #111111;\n            --dark-gray: #333333;\n            --light-gray: #f8f9fa;\n            --white: #ffffff;\n            --accent-red: #dc3545;\n        }\n\n        \/* ===== HERO SECTION ===== *\/\n        .hero-section {\n            position: relative;\n            height: 500px;\n            background: linear-gradient(135deg, var(--black) 0%, var(--dark-blue) 100%);\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            border-radius: 16px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        .hero-video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.6;\n        }\n\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.4);\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            color: var(--white) !important;\n            animation: fadeInUp 0.8s ease-out;\n            padding: 40px 20px;\n        }\n\n        .hero-content h1 {\n            font-size: clamp(2.5rem, 8vw, 4rem);\n            font-weight: 900;\n            color: var(--white) !important;\n            margin-bottom: 15px;\n            letter-spacing: -1px;\n            line-height: 1.1;\n            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);\n        }\n\n        .hero-content p {\n            font-size: clamp(1.1rem, 3vw, 1.5rem);\n            font-weight: 400;\n            color: var(--light-blue) !important;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        \/* ===== SECTION TITLES ===== *\/\n        .section-title {\n            font-size: clamp(1.8rem, 5vw, 2.8rem);\n            font-weight: 800;\n            margin-bottom: 5px;\n            color: var(--black) !important;\n            position: relative;\n            padding-bottom: 10px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 80px;\n            height: 4px;\n            background: var(--primary-blue);\n            border-radius: 2px;\n        }\n\n        .video-carousel-section .section-title,\n        .innovation-section .section-title {\n            color: var(--white) !important;\n        }\n\n        .video-carousel-section .section-title::after,\n        .innovation-section .section-title::after {\n            background: var(--primary-blue);\n        }\n\n        \/* ===== KILLER HOOKS SECTION ===== *\/\n        .hooks-section {\n            padding: 40px 20px;\n            background: var(--light-gray);\n            margin-bottom: 20px;\n            border-radius: 16px;\n            border-left: 6px solid var(--primary-blue);\n        }\n\n        .hooks-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .hook-item {\n            background: var(--white);\n            padding: 25px;\n            border-radius: 12px;\n            border-top: 4px solid var(--black);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n\n        .hook-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 123, 255, 0.2);\n            border-top-color: var(--primary-blue);\n        }\n\n        .hook-icon {\n            font-size: 3rem;\n            margin-bottom: 10px;\n            display: inline-block;\n            color: var(--primary-blue);\n        }\n\n        .hook-item h3 {\n            font-size: 1.3rem;\n            margin-bottom: 8px;\n            color: var(--black);\n            font-weight: 800;\n            text-transform: uppercase;\n        }\n\n        .hook-item p {\n            font-size: 1rem;\n            color: var(--dark-gray);\n            line-height: 1.6;\n        }\n\n        \/* ===== WHAT IT IS SECTION ===== *\/\n        .what-it-is {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .what-it-is-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            align-items: center;\n        }\n\n        .what-it-is-content h3 {\n            font-size: 1.5rem;\n            margin-bottom: 8px;\n            color: var(--primary-blue);\n            font-weight: 700;\n        }\n\n        .what-it-is-content p {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: var(--dark-gray);\n            margin-bottom: 12px;\n        }\n\n        .product-specs {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n            margin-top: 15px;\n        }\n\n        .spec-item {\n            background: var(--light-gray);\n            padding: 15px;\n            border-radius: 8px;\n            border-left: 4px solid var(--black);\n        }\n\n        .spec-label {\n            font-size: 0.75rem;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 4px;\n            font-weight: 700;\n        }\n\n        .spec-value {\n            font-size: 1.1rem;\n            font-weight: 800;\n            color: var(--black);\n        }\n\n        .what-it-is-image {\n            text-align: center;\n        }\n\n        .what-it-is-image img {\n            width: 100%;\n            max-width: 450px;\n            border-radius: 16px;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n            transition: transform 0.3s ease;\n        }\n\n        .what-it-is-image img:hover {\n            transform: scale(1.03);\n        }\n\n        \/* ===== VIDEO CAROUSEL SECTION - FIXED STYLES ===== *\/\n        .video-carousel-section {\n            padding: 40px 20px;\n            background: var(--black);\n            margin-bottom: 20px;\n            border-radius: 16px;\n            color: var(--white);\n        }\n\n        .carousel-container {\n            position: relative;\n            margin-top: 15px;\n            background: #000;\n            border-radius: 12px;\n            overflow: hidden;\n        }\n\n        .carousel-wrapper {\n            display: flex;\n            width: 100%;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            background: #000;\n            border-radius: 12px;\n            scroll-behavior: smooth;\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n            gap: 10px;\n            padding: 10px;\n        }\n\n        .carousel-wrapper::-webkit-scrollbar {\n            display: none;\n        }\n\n        \/* TikTok Size (9:16 Aspect Ratio) and Layout Optimization *\/\n        .carousel-video {\n            flex: 0 0 25%; \/* 4 videos in a row on desktop *\/\n            max-width: 25%;\n            min-width: 150px;\n            scroll-snap-align: start;\n            position: relative;\n            margin: 0;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\n            background: #111;\n            aspect-ratio: 9\/16; \/* Force 9:16 aspect ratio (TikTok size) *\/\n        }\n\n        .carousel-video video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            background: #000;\n            border-radius: 12px;\n            display: block;\n        }\n\n        \/* Play Button Overlay *\/\n        .carousel-video .play-button {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 70px;\n            height: 70px;\n            background: rgba(255, 255, 255, 0.9);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 10;\n            cursor: pointer;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);\n            transition: all 0.3s ease;\n            border: none;\n            padding: 0;\n        }\n\n        .carousel-video .play-button:hover {\n            background: rgba(255, 255, 255, 1);\n            transform: translate(-50%, -50%) scale(1.1);\n        }\n\n        .carousel-video .play-button svg {\n            width: 28px;\n            height: 28px;\n            fill: var(--primary-blue);\n            margin-left: 3px;\n        }\n\n        .carousel-video.playing .play-button {\n            display: none;\n        }\n\n        \/* Video Controls *\/\n        .video-controls {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: rgba(0, 0, 0, 0.7);\n            padding: 5px 10px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            pointer-events: none;\n            z-index: 10;\n        }\n\n        .carousel-video:hover .video-controls,\n        .carousel-video.playing .video-controls {\n            opacity: 1;\n            pointer-events: auto;\n        }\n\n        .control-bar {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .progress-bar-container {\n            height: 5px;\n            background: rgba(255, 255, 255, 0.3);\n            margin-bottom: 5px;\n            cursor: pointer;\n            border-radius: 2px;\n        }\n\n        .progress-bar {\n            height: 100%;\n            width: 0%;\n            background: var(--primary-blue);\n            border-radius: 2px;\n        }\n\n        .controls-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .controls-row button {\n            background: none;\n            border: none;\n            color: #fff;\n            font-size: 16px;\n            cursor: pointer;\n            padding: 0 5px;\n            outline: none;\n            line-height: 1;\n        }\n\n        .time-display {\n            color: #fff;\n            font-size: 12px;\n            margin: 0 10px;\n        }\n        \/* ===== BENEFITS SECTION ===== *\/\n        .benefits-section {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .benefit-card {\n            background: var(--light-gray);\n            padding: 25px;\n            border-radius: 12px;\n            border-top: 4px solid var(--primary-blue);\n            text-align: center;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n        }\n\n        .benefit-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 123, 255, 0.1);\n        }\n\n        .benefit-icon {\n            font-size: 3rem;\n            margin-bottom: 10px;\n            color: var(--primary-blue);\n        }\n\n        .benefit-card h4 {\n            font-size: 1.3rem;\n            margin-bottom: 8px;\n            color: var(--black);\n            font-weight: 800;\n        }\n\n        .benefit-card p {\n            font-size: 1rem;\n            color: var(--dark-gray);\n            line-height: 1.6;\n        }\n\n        \/* ===== RESULTS SECTION ===== *\/\n        .results-section {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .results-section .section-title {\n            text-align: center;\n        }\n\n        .results-section .section-title::after {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .results-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n\n        .result-item {\n            background: var(--light-gray);\n            padding: 30px;\n            border-radius: 16px;\n            text-align: center;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);\n            border-top: 6px solid var(--accent-red);\n        }\n\n        .result-percentage {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: var(--accent-red);\n            line-height: 1;\n            margin-bottom: 10px;\n        }\n\n        .result-description {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--black);\n            margin-bottom: 15px;\n        }\n\n        .result-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            text-align: left;\n        }\n\n        .result-list li {\n            font-size: 0.95rem;\n            color: var(--dark-gray);\n            margin-bottom: 5px;\n            padding-left: 20px;\n            position: relative;\n        }\n\n        .result-list li::before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: var(--primary-blue);\n            font-weight: 800;\n        }\n\n        \/* ===== IMAGE GALLERY ===== *\/\n        .image-gallery {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .image-gallery .section-title {\n            text-align: center;\n        }\n\n        .image-gallery .section-title::after {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .image-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        .image-item img {\n            width: 100%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .image-item img:hover {\n            transform: scale(1.02);\n        }\n\n        \/* ===== INNOVATION SECTION ===== *\/\n        .innovation-section {\n            padding: 40px 20px;\n            background: var(--black);\n            margin-bottom: 20px;\n            border-radius: 16px;\n            color: var(--white);\n        }\n\n        .innovation-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .innovation-item {\n            padding: 25px;\n            background: rgba(255, 255, 255, 0.05);\n            border-left: 4px solid var(--primary-blue);\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n\n        .innovation-item:hover {\n            background: rgba(255, 255, 255, 0.1);\n            transform: translateY(-5px);\n        }\n\n        .innovation-item h4 {\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n            color: var(--primary-blue);\n            font-weight: 800;\n        }\n\n        .innovation-item p {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #ccc;\n        }\n\n        \/* ===== INGREDIENTS SECTION ===== *\/\n        .ingredients-section {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .ingredients-highlight {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .ingredient-card {\n            background: var(--light-gray);\n            padding: 25px;\n            border-radius: 12px;\n            border-top: 4px solid var(--black);\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n            border-top-color: var(--primary-blue);\n        }\n\n        .ingredient-name {\n            font-size: 1.1rem;\n            font-weight: 800;\n            color: var(--black);\n            margin-bottom: 5px;\n        }\n\n        .ingredient-benefit {\n            font-size: 1rem;\n            color: var(--dark-gray);\n            line-height: 1.5;\n        }\n\n        \/* ===== SUSTAINABILITY SECTION ===== *\/\n        .sustainability-section {\n            padding: 40px 20px;\n            background: var(--light-blue);\n            margin-bottom: 20px;\n            border-radius: 16px;\n            border-left: 6px solid var(--primary-blue);\n        }\n\n        .sustainability-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .sustainability-badge {\n            background: var(--white);\n            padding: 25px 20px;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n            border-top: 4px solid var(--black);\n        }\n\n        .sustainability-badge:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(0, 123, 255, 0.1);\n            border-top-color: var(--primary-blue);\n        }\n\n        .badge-icon {\n            font-size: 2.5rem;\n            margin-bottom: 10px;\n            color: var(--primary-blue);\n        }\n\n        .badge-title {\n            font-size: 1rem;\n            font-weight: 800;\n            color: var(--black);\n            margin-bottom: 6px;\n        }\n\n        .badge-description {\n            font-size: 0.95rem;\n            color: var(--dark-gray);\n            line-height: 1.5;\n        }\n\n        \/* ===== HOW TO USE SECTION ===== *\/\n        .how-to-use {\n            padding: 40px 20px;\n            background: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .usage-steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-top: 15px;\n        }\n\n        .step {\n            text-align: center;\n            position: relative;\n        }\n\n        .step-number {\n            width: 60px;\n            height: 60px;\n            background: var(--black);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.6rem;\n            font-weight: 900;\n            margin: 0 auto 12px auto;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n            border: 3px solid var(--primary-blue);\n        }\n\n        .step h4 {\n            font-size: 1.2rem;\n            font-weight: 800;\n            margin-bottom: 8px;\n            color: var(--black);\n        }\n\n        .step p {\n            font-size: 1rem;\n            color: var(--dark-gray);\n            line-height: 1.6;\n        }\n\n        \/* ===== TRUST SECTION ===== *\/\n        .trust-section {\n            padding: 40px 20px;\n            background: var(--light-gray);\n            margin-bottom: 20px;\n            border-radius: 16px;\n            text-align: center;\n            border-left: 6px solid var(--black);\n        }\n\n        .trust-content {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .trust-content p {\n            font-size: 1.05rem;\n            color: var(--dark-gray);\n            line-height: 1.7;\n            margin-bottom: 15px;\n        }\n\n        .trust-badges {\n            display: flex;\n            justify-content: center;\n            gap: 12px;\n            margin-top: 10px;\n            flex-wrap: wrap;\n        }\n\n        .trust-badge {\n            background: var(--white);\n            padding: 10px 18px;\n            border-radius: 8px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--primary-blue);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            border: 1px solid var(--light-blue);\n        }\n\n        .trust-badge:hover {\n            transform: scale(1.05);\n            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.15);\n        }\n\n        \/* ===== CTA SECTION ===== *\/\n        .cta-section {\n            padding: 40px 20px;\n            background: linear-gradient(135deg, var(--black) 0%, var(--dark-blue) 100%);\n            text-align: center;\n            border-radius: 16px;\n            color: var(--white);\n            margin-bottom: 20px;\n        }\n\n        .cta-content h2 {\n            font-size: clamp(2rem, 6vw, 3.5rem);\n            font-weight: 900;\n            margin-bottom: 12px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--white) !important;\n        }\n\n        .cta-content p {\n            font-size: clamp(1rem, 3vw, 1.2rem);\n            color: var(--light-blue);\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n            margin-bottom: 15px;\n        }\n\n        .cta-button {\n            display: inline-block;\n            padding: 14px 32px;\n            background: var(--accent-red);\n            color: var(--white);\n            font-size: 1.2rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            border-radius: 50px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            background: #c82333;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(220, 53, 69, 0.6);\n        }\n\n        \/* ===== ANIMATIONS ===== *\/\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* ===== RESPONSIVE DESIGN ===== *\/\n        @media (max-width: 992px) {\n            .what-it-is-grid { \n                grid-template-columns: 1fr; \n                gap: 30px; \n            }\n            .what-it-is-image {\n                order: -1;\n            }\n            .product-specs {\n                grid-template-columns: 1fr;\n            }\n            .carousel-video {\n                flex: 0 0 33.33%; \/* 3 videos in a row on tablet *\/\n                max-width: 33.33%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .hero-section { \n                height: 380px; \n            }\n            .carousel-video {\n                flex: 0 0 50%; \/* 2 videos in a row on mobile landscape *\/\n                max-width: 50%;\n                min-width: 50%;\n            }\n            .carousel-wrapper {\n                gap: 8px;\n                padding: 8px;\n            }\n            .section-title::after {\n                left: 50%;\n                transform: translateX(-50%);\n            }\n            .hooks-section .section-title,\n            .results-section .section-title,\n            .ingredients-section .section-title,\n            .sustainability-section .section-title,\n            .how-to-use .section-title,\n            .trust-section .section-title {\n                text-align: center;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero-section { \n                height: 300px; \n            }\n            .hero-content h1 {\n                font-size: 1.8rem;\n            }\n            .hero-content p {\n                font-size: 1rem;\n            }\n            .section-title { \n                font-size: 1.4rem; \n            }\n            .cta-button {\n                font-size: 1rem;\n                padding: 10px 20px;\n            }\n            .result-percentage {\n                font-size: 2.5rem;\n            }\n            .carousel-video {\n                flex: 0 0 90%; \/* 1 video in a row on mobile portrait, with a peek of the next one *\/\n                max-width: 90%;\n                min-width: 90%;\n            }\n            .carousel-video .play-button {\n                width: 60px;\n                height: 60px;\n            }\n            .carousel-video .play-button svg {\n                width: 24px;\n                height: 24px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n    \u003c!-- HERO SECTION --\u003e\n    \u003csection class=\"hero-section\"\u003e\n        \u003cvideo class=\"hero-video\" autoplay muted loop playsinline\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dfb68a8ecb8744c996c81ba4b74cae5e.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1\u003eCLARINS DOUBLE SERUM\u003c\/h1\u003e\n            \u003cp\u003eThe Complete Age-Defying Concentrate. Experience the Power of 5 Vital Skin Functions. Clinically Proven Results in 4 Weeks.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- KILLER HOOKS --\u003e\n    \u003csection class=\"hooks-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eWhy Customers Choose Double Serum\u003c\/h2\u003e\n        \u003cdiv class=\"hooks-grid\"\u003e\n            \u003cdiv class=\"hook-item\"\u003e\n                \u003cdiv class=\"hook-icon\"\u003e⚡\u003c\/div\u003e\n                \u003ch3\u003eInstant Radiance\u003c\/h3\u003e\n                \u003cp\u003eSee a noticeable glow and smoother texture immediately. Our dual-phase formula absorbs instantly, leaving zero greasy residue.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hook-item\"\u003e\n                \u003cdiv class=\"hook-icon\"\u003e🎯\u003c\/div\u003e\n                \u003ch3\u003eTargets All 5 Signs\u003c\/h3\u003e\n                \u003cp\u003eDon't settle for single-benefit serums. We target Hydration, Nutrition, Oxygenation, Regeneration, and Protection simultaneously.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hook-item\"\u003e\n                \u003cdiv class=\"hook-icon\"\u003e🔒\u003c\/div\u003e\n                \u003ch3\u003ePremium Quality\u003c\/h3\u003e\n                \u003cp\u003e95% natural ingredients with 22 powerful plant extracts. Dermatologist tested and proven effective for all skin types.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hook-item\"\u003e\n                \u003cdiv class=\"hook-icon\"\u003e🔬\u003c\/div\u003e\n                \u003ch3\u003eEpigenetics-Powered\u003c\/h3\u003e\n                \u003cp\u003eThe only serum with Epi-Ageing Defence technology, neutralizing 100% of lifestyle-induced aging factors like stress and pollution.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- WHAT IT IS --\u003e\n    \u003csection class=\"what-it-is\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe Complete Age-Defying Concentrate\u003c\/h2\u003e\n        \u003cdiv class=\"what-it-is-grid\"\u003e\n            \u003cdiv class=\"what-it-is-content\"\u003e\n                \u003ch3\u003eA Bio-Inspired Breakthrough: Water Meets Oil\u003c\/h3\u003e\n                \u003cp\u003eDouble Serum is the world's only anti-aging treatment with a unique 2:1 dual-phase formula that perfectly mimics your skin's natural hydrolipidic film. This bio-inspired ratio ensures maximum absorption and zero waste, delivering 22 potent plant extracts deep into the skin.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eThe Proof:\u003c\/strong\u003e Unlike single-phase serums that sit on the surface, our formula penetrates to reawaken your skin's 5 vital functions, giving you a complete, age-defying transformation.\u003c\/p\u003e\n                \u003cdiv class=\"product-specs\"\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cdiv class=\"spec-label\"\u003eKey Ingredient\u003c\/div\u003e\n                        \u003cdiv class=\"spec-value\"\u003eOrganic Turmeric\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cdiv class=\"spec-label\"\u003eInnovation\u003c\/div\u003e\n                        \u003cdiv class=\"spec-value\"\u003eEpi-Ageing Defence\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cdiv class=\"spec-label\"\u003eTexture\u003c\/div\u003e\n                        \u003cdiv class=\"spec-value\"\u003eNon-Greasy, Rapid-Absorb\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cdiv class=\"spec-label\"\u003eFormula\u003c\/div\u003e\n                        \u003cdiv class=\"spec-value\"\u003e95% Natural Origin\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"what-it-is-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0924\/8620\/5747\/files\/PinkSimpleNewProductAmazonproductimage_16.png?v=1761699617\" alt=\"Clarins Double Serum Product Shot\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- VIDEO CAROUSEL - FIXED WITH FULL CONTROLS AND TIKTOK SIZE --\u003e\n    \u003csection class=\"video-carousel-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eSee The Transformation\u003c\/h2\u003e\n        \u003cdiv class=\"carousel-container\"\u003e\n            \u003cdiv class=\"carousel-wrapper\" id=\"videoCarouselWrapper\"\u003e\n\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/90441d0908db41298b3ab643e99e8c04.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dfb68a8ecb8744c996c81ba4b74cae5e.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f3da7b251c6b4b589d55126e99b3512c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/87b0554b5b7e4e808e079a6a6ea8b33b.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/94b0c0b6a2744d01b404959b556135e5.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d3d13b29d004464595c30cebc9c9cb52.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5fd141fe4e514ef880c42dce9734a9cc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"carousel-video\"\u003e\n                    \u003cvideo playsinline preload=\"metadata\" muted\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/02a33edc46634c528ac536058fcf63c5.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cbutton class=\"play-button\" aria-label=\"Play video\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"video-controls\"\u003e\n                        \u003cdiv class=\"control-bar\"\u003e\n                            \u003cdiv class=\"progress-bar-container\"\u003e\n                                \u003cdiv class=\"progress-bar\"\u003e\u003c\/div\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv class=\"controls-row\"\u003e\n                                \u003cbutton class=\"control-play-btn\"\u003e▶\u003c\/button\u003e\n                                \u003cbutton class=\"control-mute-btn\"\u003e🔇\u003c\/button\u003e\n                                \u003cdiv class=\"time-display\"\u003e\n                                    \u003cspan class=\"current-time\"\u003e0:00\u003c\/span\u003e \/ \u003cspan class=\"duration\"\u003e0:00\u003c\/span\u003e\n                                \u003c\/div\u003e\n                                \u003cbutton class=\"control-fullscreen-btn\"\u003e⛶\u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003csection class=\"benefits-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe 5 Vital Skin Functions Reawakened\u003c\/h2\u003e\n        \u003cdiv class=\"benefits-grid\"\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n                \u003ch4\u003eDeep Hydration\u003c\/h4\u003e\n                \u003cp\u003eQuenches thirsty skin, leaving it plump and supple from the first application. Essential for a youthful glow.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🍎\u003c\/div\u003e\n                \u003ch4\u003eIntense Nutrition\u003c\/h4\u003e\n                \u003cp\u003eDelivers vital nutrients to strengthen the skin's barrier and boost overall health and resilience.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🌬️\u003c\/div\u003e\n                \u003ch4\u003eOptimal Oxygenation\u003c\/h4\u003e\n                \u003cp\u003eHelps skin breathe better, restoring a healthy, vibrant complexion and natural radiance.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n                \u003ch4\u003eAccelerated Regeneration\u003c\/h4\u003e\n                \u003cp\u003eBoosts the skin's natural renewal process, smoothing texture and minimizing the appearance of pores.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n                \u003ch4\u003eAdvanced Protection\u003c\/h4\u003e\n                \u003cp\u003eShields the skin from environmental stressors and neutralizes lifestyle-induced aging factors.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- RESULTS --\u003e\n    \u003csection class=\"results-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eClinically Proven Transformation in 4 Weeks\u003c\/h2\u003e\n        \u003cdiv class=\"results-grid\"\u003e\n            \u003cdiv class=\"result-item\"\u003e\n                \u003cdiv class=\"result-percentage\"\u003e94%\u003c\/div\u003e\n                \u003cp class=\"result-description\"\u003eof women said their skin looked younger and more radiant.\u003c\/p\u003e\n                \u003cul class=\"result-list\"\u003e\n                    \u003cli\u003eVisible transformation in just 4 weeks\u003c\/li\u003e\n                    \u003cli\u003eTested on 353 women worldwide\u003c\/li\u003e\n                    \u003cli\u003eMulti-ethnic panel validation\u003c\/li\u003e\n                    \u003cli\u003eDermatologist approved\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"result-item\"\u003e\n                \u003cdiv class=\"result-percentage\"\u003e-21%\u003c\/div\u003e\n                \u003cp class=\"result-description\"\u003ereduction in the appearance of fine lines and wrinkles.\u003c\/p\u003e\n                \u003cul class=\"result-list\"\u003e\n                    \u003cli\u003eFirmness increased by +32%\u003c\/li\u003e\n                    \u003cli\u003eRadiance boosted by +54%\u003c\/li\u003e\n                    \u003cli\u003ePore visibility reduced by -25%\u003c\/li\u003e\n                    \u003cli\u003eProven in 4 weeks\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"result-item\"\u003e\n                \u003cdiv class=\"result-percentage\"\u003e100%\u003c\/div\u003e\n                \u003cp class=\"result-description\"\u003eneutralization of lifestyle-induced aging factors.\u003c\/p\u003e\n                \u003cul class=\"result-list\"\u003e\n                    \u003cli\u003ePowered by Epi-Ageing Defence technology\u003c\/li\u003e\n                    \u003cli\u003eExclusive Provence tall reed extract\u003c\/li\u003e\n                    \u003cli\u003e100% made in France\u003c\/li\u003e\n                    \u003cli\u003eGroundbreaking innovation\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- IMAGE GALLERY --\u003e\n    \u003csection class=\"image-gallery\"\u003e\n        \u003ch2 class=\"section-title\"\u003eSee The Difference: Before \u0026amp; After\u003c\/h2\u003e\n        \u003cdiv class=\"image-grid\"\u003e\n            \u003cdiv class=\"image-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0924\/8620\/5747\/files\/PinkSimpleNewProductAmazonproductimage_14.png?v=1761699617\" alt=\"Before \u0026amp; After 1\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"image-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0924\/8620\/5747\/files\/PinkSimpleNewProductAmazonproductimage_12_650c1f7e-a721-47b1-ad25-faafde88ade9.png?v=1761699617\" alt=\"Before \u0026amp; After 2\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"image-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0924\/8620\/5747\/files\/PinkSimpleNewProductAmazonproductimage_13.png?v=1761699617\" alt=\"Before \u0026amp; After 3\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"image-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0924\/8620\/5747\/files\/PinkSimpleNewProductAmazonproductimage_16.png?v=1761699617\" alt=\"Product in hand\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- INNOVATION --\u003e\n    \u003csection class=\"innovation-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eScientific Innovation \u0026amp; Plant Expertise\u003c\/h2\u003e\n        \u003cdiv class=\"innovation-grid\"\u003e\n            \u003cdiv class=\"innovation-item\"\u003e\n                \u003ch4\u003eEpi-Ageing Defence Technology\u003c\/h4\u003e\n                \u003cp\u003eA breakthrough inspired by epigenetics, specifically designed to counter the signs of aging caused by stress, pollution, and an unbalanced lifestyle.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"innovation-item\"\u003e\n                \u003ch4\u003eExclusive Provence Tall Reed\u003c\/h4\u003e\n                \u003cp\u003eA rare, exclusive extract sourced from the Clarins Domaine in Provence, proven to help strengthen the skin's resistance to environmental factors.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"innovation-item\"\u003e\n                \u003ch4\u003eDual-Phase Bio-Inspiration\u003c\/h4\u003e\n                \u003cp\u003eThe perfect 2:1 ratio of water and oil phases, mirroring the skin's natural balance for optimal delivery and a non-greasy, comfortable finish.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- INGREDIENTS --\u003e\n    \u003csection class=\"ingredients-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eStar Plant Extracts\u003c\/h2\u003e\n        \u003cdiv class=\"ingredients-highlight\"\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003eOrganic Turmeric\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-benefit\"\u003eRevitalizes and protects the skin's cellular communication.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003eOrganic Banana\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-benefit\"\u003ePromotes skin firmness and supports regeneration.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003eOrganic Oat\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-benefit\"\u003eSoothes and protects the skin.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ingredient-card\"\u003e\n                \u003cdiv class=\"ingredient-name\"\u003eOrganic Quinoa\u003c\/div\u003e\n                \u003cdiv class=\"ingredient-benefit\"\u003eHelps reinforce the skin's natural barrier function.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SUSTAINABILITY --\u003e\n    \u003csection class=\"sustainability-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eEco-Conscious \u0026amp; Responsible\u003c\/h2\u003e\n        \u003cdiv class=\"sustainability-grid\"\u003e\n            \u003cdiv class=\"sustainability-badge\"\u003e\n                \u003cdiv class=\"badge-icon\"\u003e🌱\u003c\/div\u003e\n                \u003cdiv class=\"badge-title\"\u003e95% Natural\u003c\/div\u003e\n                \u003cdiv class=\"badge-description\"\u003eSourced from nature with the highest standards of purity.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sustainability-badge\"\u003e\n                \u003cdiv class=\"badge-icon\"\u003e♻️\u003c\/div\u003e\n                \u003cdiv class=\"badge-title\"\u003eRecyclable Packaging\u003c\/div\u003e\n                \u003cdiv class=\"badge-description\"\u003eCommitment to a more sustainable future with eco-friendly design.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sustainability-badge\"\u003e\n                \u003cdiv class=\"badge-icon\"\u003e🇫🇷\u003c\/div\u003e\n                \u003cdiv class=\"badge-title\"\u003eMade in France\u003c\/div\u003e\n                \u003cdiv class=\"badge-description\"\u003e100% French production, ensuring quality and traceability.\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- HOW TO USE --\u003e\n    \u003csection class=\"how-to-use\"\u003e\n        \u003ch2 class=\"section-title\"\u003eYour Daily Youth Ritual\u003c\/h2\u003e\n        \u003cdiv class=\"usage-steps\"\u003e\n            \u003cdiv class=\"step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n                \u003ch4\u003eDispense \u0026amp; Warm\u003c\/h4\u003e\n                \u003cp\u003eTake a small amount and warm it between your palms to activate the dual phases.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n                \u003ch4\u003ePress \u0026amp; Apply\u003c\/h4\u003e\n                \u003cp\u003eGently press onto your clean face and neck, working from the center outwards.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"step\"\u003e\n                \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n                \u003ch4\u003eMorning \u0026amp; Night\u003c\/h4\u003e\n                \u003cp\u003eUse twice daily before your moisturizer for optimal and accelerated results.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- TRUST --\u003e\n    \u003csection class=\"trust-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eTrusted by Experts \u0026amp; Millions of Users\u003c\/h2\u003e\n        \u003cdiv class=\"trust-content\"\u003e\n            \u003cp\u003eDouble Serum is a global phenomenon, celebrated by dermatologists, beauty editors, and millions of satisfied customers for its proven efficacy and luxurious experience.\u003c\/p\u003e\n            \u003cdiv class=\"trust-badges\"\u003e\n                \u003cdiv class=\"trust-badge\"\u003eVogue\u003c\/div\u003e\n                \u003cdiv class=\"trust-badge\"\u003eAllure\u003c\/div\u003e\n                \u003cdiv class=\"trust-badge\"\u003eHarper's Bazaar\u003c\/div\u003e\n                \u003cdiv class=\"trust-badge\"\u003eDermatologist Tested\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003csection class=\"cta-section\"\u003e\n        \u003cdiv class=\"cta-content\"\u003e\n            \u003ch2\u003eUnlock Your Skin's Youth Potential\u003c\/h2\u003e\n            \u003cp\u003eStop fighting the signs of aging and start reawakening your skin's vital functions. Experience the complete age-defying power of Clarins Double Serum today.\u003c\/p\u003e\n            \u003ca href=\"#\" class=\"cta-button\"\u003eShop Now\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c!-- VIDEO CAROUSEL JAVASCRIPT - FIXED WITH FULL CONTROLS --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const videoCards = document.querySelectorAll('.carousel-video');\n    let currentPlayingVideo = null;\n\n    function formatTime(seconds) {\n        const minutes = Math.floor(seconds \/ 60);\n        const remainingSeconds = Math.floor(seconds % 60);\n        return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n    }\n\n    videoCards.forEach(card =\u003e {\n        const video = card.querySelector('video');\n        const playButtonOverlay = card.querySelector('.play-button');\n        const controlPlayBtn = card.querySelector('.control-play-btn');\n        const controlMuteBtn = card.querySelector('.control-mute-btn');\n        const controlFullscreenBtn = card.querySelector('.control-fullscreen-btn');\n        const progressBarContainer = card.querySelector('.progress-bar-container');\n        const progressBar = card.querySelector('.progress-bar');\n        const currentTimeSpan = card.querySelector('.current-time');\n        const durationSpan = card.querySelector('.duration');\n\n        \/\/ Initial state\n        video.muted = true;\n        controlMuteBtn.textContent = '🔇';\n\n        \/\/ 1. Handle Play Button Overlay Click\n        playButtonOverlay.addEventListener('click', function() {\n            if (video.paused) {\n                \/\/ Pause the currently playing video if there is one\n                if (currentPlayingVideo \u0026\u0026 currentPlayingVideo !== video) {\n                    currentPlayingVideo.pause();\n                    const prevCard = currentPlayingVideo.closest('.carousel-video');\n                    prevCard.classList.remove('playing');\n                    prevCard.querySelector('.control-play-btn').textContent = '▶';\n                }\n\n                \/\/ Play the clicked video\n                video.play().then(() =\u003e {\n                    card.classList.add('playing');\n                    controlPlayBtn.textContent = '❚❚';\n                    currentPlayingVideo = video;\n                }).catch(error =\u003e {\n                    console.error(\"Video playback failed:\", error);\n                });\n            }\n        });\n\n        \/\/ 2. Handle Control Play\/Pause Button\n        controlPlayBtn.addEventListener('click', function(e) {\n            e.stopPropagation(); \/\/ Prevent event from bubbling up\n            if (video.paused) {\n                \/\/ Pause the currently playing video if there is one\n                if (currentPlayingVideo \u0026\u0026 currentPlayingVideo !== video) {\n                    currentPlayingVideo.pause();\n                    const prevCard = currentPlayingVideo.closest('.carousel-video');\n                    prevCard.classList.remove('playing');\n                    prevCard.querySelector('.control-play-btn').textContent = '▶';\n                }\n\n                video.play();\n                card.classList.add('playing');\n                controlPlayBtn.textContent = '❚❚';\n                currentPlayingVideo = video;\n            } else {\n                video.pause();\n                card.classList.remove('playing');\n                controlPlayBtn.textContent = '▶';\n                currentPlayingVideo = null;\n            }\n        });\n\n        \/\/ 3. Handle Mute\/Unmute Button\n        controlMuteBtn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            video.muted = !video.muted;\n            controlMuteBtn.textContent = video.muted ? '🔇' : '🔊';\n        });\n\n        \/\/ 4. Handle Fullscreen Button\n        controlFullscreenBtn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            if (video.requestFullscreen) {\n                video.requestFullscreen();\n            } else if (video.webkitRequestFullscreen) { \/* Safari *\/\n                video.webkitRequestFullscreen();\n            } else if (video.msRequestFullscreen) { \/* IE11 *\/\n                video.msRequestFullscreen();\n            }\n        });\n\n        \/\/ 5. Update Time and Progress Bar\n        video.addEventListener('loadedmetadata', function() {\n            durationSpan.textContent = formatTime(video.duration);\n        });\n\n        video.addEventListener('timeupdate', function() {\n            const percentage = (video.currentTime \/ video.duration) * 100;\n            progressBar.style.width = percentage + '%';\n            currentTimeSpan.textContent = formatTime(video.currentTime);\n        });\n\n        \/\/ 6. Handle Progress Bar Click (Seek)\n        progressBarContainer.addEventListener('click', function(e) {\n            e.stopPropagation();\n            const rect = progressBarContainer.getBoundingClientRect();\n            const clickPosition = e.clientX - rect.left;\n            const percentage = clickPosition \/ rect.width;\n            video.currentTime = video.duration * percentage;\n        });\n\n        \/\/ 7. Reset card state when video ends\n        video.addEventListener('ended', function() {\n            card.classList.remove('playing');\n            controlPlayBtn.textContent = '▶';\n            currentPlayingVideo = null;\n            \/\/ Reset progress bar and time\n            progressBar.style.width = '0%';\n            currentTimeSpan.textContent = '0:00';\n        });\n    });\n});\n\u003c\/script\u003e\n","brand":"lumasouq","offers":[{"title":"Default Title","offer_id":48175920873726,"sku":"CADD-N-GF-ZAM","price":199.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/6945\/8174\/files\/PinkSimpleNewProductAmazonproductimage_16.webp?v=1778537371","url":"https:\/\/wildora.store\/products\/clarins-double-serum-complete-age-control-1","provider":"Wildora","version":"1.0","type":"link"}