{"product_id":"her-loss","title":"HER LOSS COLONIA CON FEROMONAS 60ML","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e🔥 Her Loss – Fragancia de Alto Impacto | Zahariq Shop Ecuador\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Raleway:wght@300;400;600;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            width: 100%;\n            overflow-x: hidden;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: hidden;\n            font-family: 'Raleway', sans-serif;\n            line-height: 1.6;\n            color: #c9e8f5;\n            background: linear-gradient(135deg, #060a10, #0a1520, #060e18, #0d1828, #060a10);\n            margin: 0;\n            padding: 0;\n        }\n\n        section {\n            width: 100%;\n            max-width: 100%;\n            overflow-x: hidden;\n            position: relative;\n        }\n\n        img, video {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n        }\n\n        \/* ===== ANIMATIONS ===== *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(50px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n        .slide-in-left {\n            opacity: 0;\n            transform: translateX(-100px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide-in-left.visible { opacity: 1; transform: translateX(0); }\n\n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(100px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .slide-in-right.visible { opacity: 1; transform: translateX(0); }\n\n        .scale-in {\n            opacity: 0;\n            transform: scale(0.8);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .scale-in.visible { opacity: 1; transform: scale(1); }\n\n        @keyframes slideInTop {\n            0% { opacity: 0; transform: translateY(-50px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n        @keyframes logoReveal {\n            0% { opacity: 0; transform: scale(0) rotate(-180deg); }\n            100% { opacity: 1; transform: scale(1) rotate(0deg); }\n        }\n        @keyframes textReveal {\n            0% { opacity: 0; transform: translateX(50px); }\n            100% { opacity: 1; transform: translateX(0); }\n        }\n        @keyframes titleReveal {\n            0% { opacity: 0; transform: translateY(30px) scale(0.9); }\n            100% { opacity: 1; transform: translateY(0) scale(1); }\n        }\n        @keyframes subtitleReveal {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes paragraphReveal {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes buttonReveal {\n            0% { opacity: 0; transform: translateY(30px) scale(0.8); }\n            100% { opacity: 1; transform: translateY(0) scale(1); }\n        }\n        @keyframes shimmer {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        @keyframes glow {\n            from { filter: drop-shadow(0 0 8px rgba(0, 212, 255, 0.6)); }\n            to   { filter: drop-shadow(0 0 22px rgba(0, 212, 255, 0.9)); }\n        }\n        @keyframes highlightGlow {\n            0%, 100% { text-shadow: 0 0 8px rgba(0,212,255,0.4); }\n            50%       { text-shadow: 0 0 18px rgba(0,212,255,0.8); }\n        }\n        @keyframes pulseGlow {\n            0%, 100% { box-shadow: 0 0 20px rgba(0,212,255,0.5), 0 0 40px rgba(0,212,255,0.2), inset 0 0 10px rgba(0,212,255,0.05); }\n            50%       { box-shadow: 0 0 40px rgba(0,212,255,0.8), 0 0 80px rgba(0,212,255,0.3), inset 0 0 20px rgba(0,212,255,0.1); }\n        }\n        @keyframes alertPulse {\n            0%, 100% { transform: scale(1); }\n            50%       { transform: scale(1.05); }\n        }\n        @keyframes scanLine {\n            0%   { top: -5%; }\n            100% { top: 105%; }\n        }\n        @keyframes particleDrift {\n            0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0.7; }\n            100% { transform: translateY(-120vh) translateX(20px) scale(0); opacity: 0; }\n        }\n\n        \/* ===== SCROLL PROGRESS ===== *\/\n        .scroll-progress {\n            position: fixed;\n            top: 0; left: 0;\n            width: 0%;\n            height: 3px;\n            background: linear-gradient(90deg, #00d4ff, #00ffff, #0099cc, #00d4ff);\n            z-index: 1000;\n            transition: width 0.1s ease;\n            box-shadow: 0 0 8px rgba(0,212,255,0.7);\n            max-width: 100%;\n        }\n\n        \/* ===== HERO ===== *\/\n        .hero {\n            background:\n                radial-gradient(ellipse at 20% 50%, rgba(0,80,120,0.35) 0%, transparent 60%),\n                radial-gradient(ellipse at 80% 20%, rgba(0,50,80,0.25) 0%, transparent 50%),\n                linear-gradient(160deg, #060a10 0%, #0a1520 40%, #060e18 100%);\n            color: #ffffff;\n            padding: 80px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        \/* grid lines overlay *\/\n        .hero::before {\n            content: '';\n            position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background:\n                repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(0,212,255,0.025) 40px, rgba(0,212,255,0.025) 41px),\n                repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(0,212,255,0.025) 40px, rgba(0,212,255,0.025) 41px);\n            pointer-events: none;\n        }\n\n        .hero-scan {\n            position: absolute; left: 0; right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, rgba(0,212,255,0.4), transparent);\n            animation: scanLine 6s linear infinite;\n            pointer-events: none;\n        }\n\n        \/* particles *\/\n        .particles {\n            position: absolute; top: 0; left: 0;\n            width: 100%; height: 100%;\n            pointer-events: none; overflow: hidden;\n        }\n        .particle {\n            position: absolute;\n            width: 3px; height: 3px;\n            border-radius: 50%;\n            background: #00d4ff;\n            box-shadow: 0 0 6px #00d4ff;\n            animation: particleDrift linear infinite;\n        }\n\n        .price-banner {\n            background: linear-gradient(45deg, #00b4d8, #0096c7, #0077b6);\n            color: #fff;\n            padding: 15px 30px;\n            border-radius: 50px;\n            display: inline-block;\n            margin-bottom: 30px;\n            font-size: 1.2em;\n            font-weight: bold;\n            box-shadow: 0 8px 25px rgba(0,150,199,0.5), 0 0 20px rgba(0,212,255,0.3);\n            border: 1px solid rgba(0,212,255,0.5);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: pulse 2s infinite, slideInTop 1s ease-out;\n            max-width: 100%;\n            letter-spacing: 0.5px;\n        }\n\n        .hero-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        \/* ===== CIRCULAR LOGO — igual que el original ===== *\/\n        .hero-logo {\n            width: 380px;\n            height: 380px;\n            object-fit: cover;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #060a10, #0a1a30, #0d2040, #0a1a30);\n            padding: 12px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 40px rgba(0,212,255,0.6);\n            border: 4px solid rgba(0,212,255,0.85);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, pulseGlow 3s ease-in-out infinite;\n            max-width: 90%;\n        }\n\n        .hero-logo:hover {\n            transform: scale(1.1) rotate(5deg) translateY(-15px);\n            box-shadow: 0 25px 60px rgba(0,0,0,0.7), 0 0 60px rgba(0,212,255,0.9);\n        }\n\n        .hero-text {\n            flex: 1;\n            max-width: 600px;\n            animation: textReveal 1.2s ease-out 1s both;\n            width: 100%;\n            text-align: left;\n        }\n\n        .brand-eyebrow {\n            font-family: 'Raleway', sans-serif;\n            font-size: 0.8em;\n            font-weight: 700;\n            letter-spacing: 4px;\n            color: #00d4ff;\n            text-transform: uppercase;\n            margin-bottom: 8px;\n            text-shadow: 0 0 10px rgba(0,212,255,0.6);\n            animation: subtitleReveal 1s ease-out 1.3s both;\n        }\n\n        .hero h1 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 6em;\n            margin-bottom: 10px;\n            letter-spacing: 5px;\n            line-height: 0.92;\n            color: #ffffff;\n            animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n            word-wrap: break-word;\n        }\n\n        .hero .subtitle {\n            font-size: 1.1em;\n            margin-bottom: 18px;\n            color: #00d4ff;\n            font-weight: 700;\n            letter-spacing: 2px;\n            animation: subtitleReveal 1s ease-out 1.4s both;\n            word-wrap: break-word;\n            text-shadow: 0 0 12px rgba(0,212,255,0.6);\n        }\n\n        .hero p {\n            font-size: 1.25em;\n            margin-bottom: 25px;\n            color: #b0d8e8;\n            animation: paragraphReveal 1s ease-out 1.6s both;\n            word-wrap: break-word;\n            font-weight: 500;\n        }\n\n        .highlight-text {\n            color: #7fe8ff;\n            font-weight: bold;\n            font-style: italic;\n            position: relative;\n            animation: highlightGlow 3s ease-in-out infinite;\n        }\n\n        .cta-button {\n            background: linear-gradient(45deg, #00d4ff, #0099cc, #00ffff, #0077aa, #00d4ff);\n            background-size: 200% 200%;\n            color: #000;\n            padding: 20px 50px;\n            border: none;\n            border-radius: 50px;\n            font-size: 1.3em;\n            font-weight: 900;\n            font-family: 'Bebas Neue', sans-serif;\n            letter-spacing: 2px;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            box-shadow: 0 8px 25px rgba(0,212,255,0.5), 0 0 20px rgba(0,212,255,0.2);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both;\n            margin: 10px;\n            max-width: 90%;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-5px) scale(1.08);\n            box-shadow: 0 15px 45px rgba(0,212,255,0.8), 0 0 40px rgba(0,212,255,0.4);\n        }\n\n        \/* ===== VISUAL BANNER \/ GALLERY ===== *\/\n        .visual-banner {\n            background: linear-gradient(160deg, #080c14 0%, #0d1828 50%, #080c14 100%);\n            padding: 100px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .section-title {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 3em;\n            color: #00d4ff;\n            margin-bottom: 15px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            letter-spacing: 3px;\n            text-shadow: 0 0 20px rgba(0,212,255,0.5), 3px 3px 10px rgba(0,0,0,0.8);\n        }\n\n        .section-subtitle {\n            font-size: 1.1em;\n            color: #6bbfd8;\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 500;\n            letter-spacing: 1px;\n        }\n\n        .divider {\n            width: 80px; height: 2px;\n            background: linear-gradient(90deg, transparent, #00d4ff, transparent);\n            margin: 15px auto 30px;\n            box-shadow: 0 0 10px rgba(0,212,255,0.6);\n        }\n\n        .product-showcase {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .product-card {\n            background: linear-gradient(135deg, #0d1520, #0a1218);\n            border-radius: 25px;\n            padding: 35px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.5);\n            text-align: center;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1.5px solid rgba(0,212,255,0.25);\n            position: relative;\n            overflow: hidden;\n            transform: translateY(30px);\n            opacity: 0;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .product-card.visible {\n            transform: translateY(0);\n            opacity: 1;\n        }\n\n        .product-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(0,212,255,0.08), transparent);\n            transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .product-card:hover::before { left: 100%; }\n\n        .product-card:hover {\n            box-shadow: 0 0 30px rgba(0,212,255,0.5), 0 25px 70px rgba(0,0,0,0.6);\n            transform: translateY(-15px) scale(1.02);\n            border-color: rgba(0,212,255,0.7);\n        }\n\n        .product-card img, .product-card video {\n            width: 100%;\n            max-width: 100%;\n            max-height: 320px;\n            object-fit: cover;\n            border-radius: 18px;\n            margin-bottom: 22px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid rgba(0,212,255,0.2);\n        }\n\n        .product-card:hover img, .product-card:hover video {\n            transform: scale(1.08) rotate(1deg);\n            filter: brightness(1.1) saturate(1.2);\n            border-color: rgba(0,212,255,0.5);\n        }\n\n        .product-card h3 {\n            color: #00d4ff;\n            margin-bottom: 12px;\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.4em;\n            letter-spacing: 2px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 10px rgba(0,212,255,0.4);\n        }\n\n        .product-card:hover h3 {\n            transform: translateY(-3px);\n            text-shadow: 0 0 20px rgba(0,212,255,0.7);\n        }\n\n        .product-card p {\n            color: #7ab8cc;\n            line-height: 1.7;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n            font-size: 0.95em;\n        }\n\n        .product-card:hover p { color: #a0d4e8; }\n\n        \/* ===== BENEFITS (dark version) ===== *\/\n        .benefits {\n            background: linear-gradient(160deg, #060a10 0%, #0a1520 40%, #0d1828 70%, #080c14 100%);\n            color: #ffffff;\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .benefit-card {\n            background: linear-gradient(135deg, rgba(13,21,32,0.95), rgba(0,212,255,0.04));\n            padding: 50px 30px;\n            border-radius: 25px;\n            text-align: center;\n            border: 1.5px solid rgba(0,212,255,0.22);\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .benefit-card::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: radial-gradient(circle at center, rgba(0,212,255,0.08) 0%, transparent 70%);\n            opacity: 0;\n            transition: opacity 0.6s ease;\n        }\n\n        .benefit-card:hover::after { opacity: 1; }\n\n        .benefit-card:hover {\n            transform: scale(1.08) translateY(-10px);\n            border-color: rgba(0,212,255,0.65);\n            box-shadow: 0 0 30px rgba(0,212,255,0.3), 0 20px 60px rgba(0,0,0,0.5);\n        }\n\n        .benefit-icon {\n            font-size: 3.5em;\n            margin-bottom: 25px;\n            display: block;\n            filter: drop-shadow(0 0 10px rgba(0,212,255,0.6));\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .benefit-card:hover .benefit-icon {\n            transform: scale(1.2) rotateY(360deg);\n            filter: drop-shadow(0 0 20px rgba(0,212,255,0.9));\n        }\n\n        .benefit-card h3 {\n            margin-bottom: 18px;\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5em;\n            letter-spacing: 2px;\n            color: #00d4ff;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 8px rgba(0,212,255,0.4);\n        }\n\n        .benefit-card:hover h3 {\n            text-shadow: 0 0 18px rgba(0,212,255,0.8);\n            transform: translateY(-4px);\n        }\n\n        .benefit-card p {\n            color: #7ab8cc;\n            line-height: 1.7;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .benefit-card:hover p { color: #a0d4e8; }\n\n        \/* ===== SPECIFICATIONS ===== *\/\n        .specifications {\n            background: linear-gradient(135deg, #080c14 0%, #0d1828 100%);\n            padding: 100px 0;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin-top: 60px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .spec-item {\n            background: linear-gradient(135deg, #0d1520, #0a1218);\n            padding: 28px;\n            border-radius: 18px;\n            border-left: 4px solid #00d4ff;\n            border-top: 1px solid rgba(0,212,255,0.12);\n            border-right: 1px solid rgba(0,212,255,0.06);\n            border-bottom: 1px solid rgba(0,212,255,0.06);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .spec-item::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0;\n            width: 4px; height: 0;\n            background: linear-gradient(to bottom, #00ffff, #00d4ff, #0099cc);\n            transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .spec-item:hover::before { height: 100%; }\n\n        .spec-item:hover {\n            transform: translateX(12px) scale(1.01);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5), -8px 0 20px rgba(0,212,255,0.25);\n        }\n\n        .spec-item strong {\n            color: #00d4ff;\n            font-size: 0.85em;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            display: block;\n            margin-bottom: 8px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 8px rgba(0,212,255,0.4);\n        }\n\n        .spec-item:hover strong {\n            transform: translateX(8px);\n            text-shadow: 0 0 15px rgba(0,212,255,0.7);\n        }\n\n        .spec-item span {\n            font-size: 0.9em;\n            color: #7ab8cc;\n            line-height: 1.6;\n        }\n\n        \/* ===== TESTIMONIALS ===== *\/\n        .testimonials {\n            background: linear-gradient(160deg, #0a1520 0%, #0d1828 50%, #080c14 100%);\n            color: #fff;\n            padding: 100px 0;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .testimonial-card {\n            background: linear-gradient(135deg, #0d1520, #0a1218);\n            border-radius: 25px;\n            border: 1.5px solid rgba(0,212,255,0.22);\n            overflow: hidden;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .testimonial-card::before {\n            content: '';\n            position: absolute;\n            top: -50%; left: -50%;\n            width: 200%; height: 200%;\n            background: radial-gradient(circle, rgba(0,212,255,0.07) 0%, transparent 70%);\n            opacity: 0;\n            transition: all 0.8s ease;\n            transform: scale(0);\n        }\n\n        .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n\n        .testimonial-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 0 35px rgba(0,212,255,0.4), 0 25px 70px rgba(0,0,0,0.6);\n            border-color: rgba(0,212,255,0.6);\n        }\n\n        .testimonial-image {\n            width: 100%;\n            max-height: 320px;\n            object-fit: cover;\n            display: block;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .testimonial-card:hover .testimonial-image {\n            transform: scale(1.06);\n            filter: brightness(1.08) saturate(1.1);\n        }\n\n        .testimonial-body {\n            padding: 30px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .testimonial-rating {\n            color: #ffd700;\n            font-size: 1.6em;\n            margin-bottom: 16px;\n            filter: drop-shadow(0 0 6px rgba(255,215,0,0.6));\n            transition: all 0.3s ease;\n        }\n\n        .testimonial-card:hover .testimonial-rating {\n            transform: scale(1.1);\n            filter: drop-shadow(0 0 12px rgba(255,215,0,0.9));\n        }\n\n        .testimonial-text {\n            font-style: italic;\n            margin-bottom: 20px;\n            line-height: 1.8;\n            color: #7ab8cc;\n            transition: color 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            font-size: 0.95em;\n        }\n\n        .testimonial-card:hover .testimonial-text { color: #a0d4e8; }\n\n        .testimonial-author {\n            font-family: 'Bebas Neue', sans-serif;\n            letter-spacing: 2px;\n            color: #00d4ff;\n            font-size: 1.05em;\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            text-shadow: 0 0 8px rgba(0,212,255,0.4);\n        }\n\n        .testimonial-card:hover .testimonial-author {\n            transform: translateX(8px);\n            text-shadow: 0 0 15px rgba(0,212,255,0.7);\n        }\n\n        \/* ===== FINAL CTA ===== *\/\n        .final-cta {\n            background:\n                radial-gradient(ellipse at center, rgba(0,80,130,0.3) 0%, transparent 70%),\n                linear-gradient(160deg, #060a10, #0a1520, #060a10);\n            color: #ffffff;\n            padding: 100px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .final-cta::before {\n            content: '';\n            position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background:\n                repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(0,212,255,0.02) 40px, rgba(0,212,255,0.02) 41px),\n                repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(0,212,255,0.02) 40px, rgba(0,212,255,0.02) 41px);\n            pointer-events: none;\n        }\n\n        .final-cta h2 {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 3em;\n            letter-spacing: 4px;\n            margin-bottom: 20px;\n            color: #00d4ff;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            text-shadow: 0 0 25px rgba(0,212,255,0.5), 3px 3px 10px rgba(0,0,0,0.8);\n        }\n\n        .final-cta p {\n            font-size: 1.25em;\n            margin-bottom: 45px;\n            color: #7ab8cc;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            padding: 0 10px;\n            font-weight: 500;\n            font-style: italic;\n        }\n\n        .payment-info {\n            background: linear-gradient(135deg, rgba(0,212,255,0.05), rgba(0,60,100,0.15));\n            padding: 40px;\n            border-radius: 25px;\n            margin: 50px 0;\n            border: 1.5px solid rgba(0,212,255,0.3);\n            position: relative;\n            z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            width: 100%;\n            max-width: 100%;\n            overflow: hidden;\n        }\n\n        .payment-info::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%; width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(0,212,255,0.08), transparent);\n            transition: left 0.8s ease;\n        }\n\n        .payment-info:hover::before { left: 100%; }\n\n        .payment-info:hover {\n            transform: scale(1.02);\n            box-shadow: 0 0 30px rgba(0,212,255,0.2), 0 20px 50px rgba(0,0,0,0.4);\n            border-color: rgba(0,212,255,0.6);\n        }\n\n        .payment-info h3 {\n            margin-bottom: 25px;\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.8em;\n            letter-spacing: 3px;\n            color: #00d4ff;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 12px rgba(0,212,255,0.5);\n            position: relative;\n            z-index: 2;\n        }\n\n        .payment-info:hover h3 {\n            transform: translateY(-3px);\n            text-shadow: 0 0 20px rgba(0,212,255,0.8);\n        }\n\n        .payment-features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 25px;\n            width: 100%;\n            max-width: 100%;\n            position: relative;\n            z-index: 2;\n        }\n\n        .payment-feature {\n            display: flex;\n            align-items: center;\n            font-size: 1.1em;\n            color: #7ab8cc;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            padding: 10px 0;\n            word-wrap: break-word;\n            font-weight: 600;\n        }\n\n        .payment-feature:hover {\n            transform: translateX(10px);\n            color: #00d4ff;\n        }\n\n        .payment-feature::before {\n            content: '✓';\n            margin-right: 15px;\n            font-weight: bold;\n            color: #00d4ff;\n            font-size: 1.3em;\n            text-shadow: 0 0 8px rgba(0,212,255,0.6);\n            transition: all 0.3s ease;\n            flex-shrink: 0;\n        }\n\n        .payment-feature:hover::before {\n            transform: scale(1.2) rotate(360deg);\n            text-shadow: 0 0 15px rgba(0,212,255,0.9);\n        }\n\n        .price-comparison {\n            background: linear-gradient(135deg, rgba(0,212,255,0.05), rgba(0,80,120,0.15));\n            padding: 35px;\n            border-radius: 20px;\n            margin: 40px 0;\n            text-align: center;\n            border: 1.5px solid rgba(0,212,255,0.4);\n            position: relative;\n            z-index: 2;\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .price-comparison::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 100%; height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(0,212,255,0.12), transparent);\n            transition: left 0.8s ease;\n        }\n\n        .price-comparison:hover::before { left: 100%; }\n\n        .price-comparison:hover {\n            transform: scale(1.04);\n            box-shadow: 0 0 35px rgba(0,212,255,0.3), 0 20px 50px rgba(0,0,0,0.4);\n            border-color: rgba(0,212,255,0.7);\n        }\n\n        .old-price {\n            text-decoration: line-through;\n            color: #445566;\n            font-size: 1.8em;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            display: block;\n            margin-bottom: 10px;\n        }\n\n        .price-comparison:hover .old-price { color: #556677; }\n\n        .new-price {\n            color: #00d4ff;\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 3em;\n            letter-spacing: 3px;\n            text-shadow: 0 0 20px rgba(0,212,255,0.7);\n            transition: all 0.3s ease;\n            position: relative;\n            z-index: 2;\n            word-wrap: break-word;\n            display: block;\n        }\n\n        .price-comparison:hover .new-price {\n            transform: scale(1.08);\n            text-shadow: 0 0 35px rgba(0,212,255,0.9);\n        }\n\n        .savings {\n            color: #00ffff;\n            font-size: 1.3em;\n            font-weight: 700;\n            margin-top: 12px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 10px rgba(0,255,255,0.4);\n        }\n\n        .price-comparison:hover .savings {\n            transform: translateY(-3px) scale(1.08);\n            text-shadow: 0 0 18px rgba(0,255,255,0.7);\n        }\n\n        \/* ===== FOOTER ===== *\/\n        .footer {\n            background: linear-gradient(135deg, #040608, #070d14);\n            color: #7ab8cc;\n            padding: 80px 0;\n            text-align: center;\n            border-top: 1px solid rgba(0,212,255,0.15);\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .footer-content {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        \/* ===== CIRCULAR FOOTER LOGO — igual que el original ===== *\/\n        .footer-logo {\n            width: 220px;\n            height: 220px;\n            border-radius: 50%;\n            object-fit: cover;\n            background: linear-gradient(135deg, #060a10, #0a1a30, #0d2040);\n            padding: 12px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(0,212,255,0.5);\n            border: 3px solid rgba(0,212,255,0.7);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            max-width: 90%;\n            animation: pulseGlow 3s ease-in-out infinite, float 4s ease-in-out infinite;\n        }\n\n        .footer-logo:hover {\n            transform: scale(1.1) rotate(5deg);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 45px rgba(0,212,255,0.8);\n        }\n\n        .footer-text {\n            flex: 1;\n            max-width: 500px;\n            text-align: left;\n            position: relative;\n            z-index: 2;\n            width: 100%;\n        }\n\n        .footer-text .tagline {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.2em;\n            letter-spacing: 3px;\n            color: #00d4ff;\n            margin-bottom: 12px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n            text-shadow: 0 0 10px rgba(0,212,255,0.5);\n        }\n\n        .footer-text:hover .tagline {\n            transform: translateX(10px);\n            text-shadow: 0 0 18px rgba(0,212,255,0.8);\n        }\n\n        .footer-text .store-name {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 2em;\n            letter-spacing: 4px;\n            color: #00ffff;\n            margin-bottom: 15px;\n            transition: all 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .footer-text:hover .store-name {\n            transform: translateX(10px);\n            color: #fff;\n        }\n\n        .footer-text p {\n            font-size: 1em;\n            color: #4a7a8a;\n            line-height: 1.7;\n            transition: color 0.3s ease;\n            word-wrap: break-word;\n        }\n\n        .footer-text:hover p { color: #7ab8cc; }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 768px) {\n            body { overflow-x: hidden; width: 100vw; max-width: 100%; }\n            .hero h1 { font-size: 3.2em; }\n            .hero-content { flex-direction: column; gap: 30px; width: 100%; padding: 0 10px; text-align: center; }\n            .hero-text { text-align: center; }\n            .hero-logo { width: 220px; height: 220px; }\n            .section-title { font-size: 2.2em; }\n            .product-showcase { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .benefits-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .specs-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .testimonials-grid { grid-template-columns: 1fr; width: 100%; padding: 0 10px; }\n            .footer-content { flex-direction: column; gap: 30px; }\n            .footer-text { text-align: center; }\n            .footer-logo { width: 170px; height: 170px; }\n            .cta-button { font-size: 1.1em; padding: 18px 35px; }\n            .payment-features { grid-template-columns: 1fr; }\n            .container { padding: 0 15px; max-width: 100%; }\n            .hero { padding: 60px 0; }\n            .hero p { font-size: 1.1em; }\n            .price-banner { font-size: 1em; padding: 12px 22px; }\n            .old-price { font-size: 1.4em; }\n            .new-price { font-size: 2.2em; }\n        }\n\n        @media (max-width: 480px) {\n            .hero h1 { font-size: 2.5em; }\n            .section-title { font-size: 1.9em; }\n            .product-showcase, .benefits-grid, .specs-grid, .testimonials-grid { gap: 20px; }\n            .product-card, .benefit-card, .testimonial-card { padding: 28px 18px; }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- HERO                                                          --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"particles\" id=\"particles\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hero-scan\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"container\"\u003e\n            \u003c!-- Banner superior --\u003e\n            \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA  •  🚚 ENVÍO GRATIS A TODO ECUADOR\u003c\/div\u003e\n\n            \u003c!-- Logo circular + texto (misma estructura que ADM) --\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003cimg class=\"hero-logo\" alt=\"Her Loss – Fragancia Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_06_50_p.m.png?v=1771301507\"\u003e\n\n                \u003cdiv class=\"hero-text\"\u003e\n                    \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n                    \u003ch1\u003eHER\u003cbr\u003eLOSS\u003c\/h1\u003e\n                    \u003cp class=\"subtitle\"\u003e✦ FRAGANCIA CON FEROMONAS · 60 mL ✦\u003c\/p\u003e\n                    \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El aroma que conquista espacios… y memorias que no se olvidan\"\u003c\/span\u003e\u003c\/p\u003e\n                    \u003cp\u003e🔥 Dale a tu presencia el aroma que merece 🔥\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Dos botones de precio (misma estructura que ADM) --\u003e\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e1 UNIDAD 🔥 $32.00 USD\u003c\/a\u003e\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e2 UNIDADES 💎 $56.00 USD\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- GALERÍA DE PRODUCTO                                           --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"visual-banner\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e🔥 HER LOSS – EL PERFUME QUE A TODAS EXITA 🔥\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eDuradera · Elegante · Intensa · Premium · Irresistible\u003c\/p\u003e\n\n            \u003cdiv class=\"product-showcase\"\u003e\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0051.jpg?v=1771302606\" alt=\"Her Loss – Fragancia 60mL\"\u003e\n                    \u003ch3\u003e💧 El Frasco – Diseño Que Habla\u003c\/h3\u003e\n                    \u003cp\u003ePresentación de 60 mL con envase moderno, limpio y masculino. Cada detalle del diseño transmite sofisticación y carácter.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0052.jpg?v=1771303195\" alt=\"Her Loss – Ingredientes Premium\"\u003e\n                    \u003ch3\u003e🧪 Fórmula Optimizada 2026\u003c\/h3\u003e\n                    \u003cp\u003eIngredientes seleccionados para mayor duración y proyección en la piel. Un aroma con feromonas que activa el lívido sexual femenino.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_07_01_p.m.png?v=1771301508\" alt=\"Her Loss – Presencia Irresistible\"\u003e\n                    \u003ch3\u003e⚡ Presencia Que Impacta\u003c\/h3\u003e\n                    \u003cp\u003eHer Loss no es solo un perfume. Es una declaración de seguridad, estilo y personalidad. El aroma que las exita al instante.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_07_17_p.m.png?v=1771301508\" alt=\"Her Loss – Caja Premium\"\u003e\n                    \u003ch3\u003e🎁 Caja Premium Incluida\u003c\/h3\u003e\n                    \u003cp\u003ePresentación en caja de diseño exclusivo. Ideal para regalo o para darte el gusto que mereces. Llegará perfectamente empacada.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"product-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0051.jpg?v=1771302606\" alt=\"Her Loss – Pack 1 o 2 unidades\"\u003e\n                    \u003ch3\u003e💰 Elige Tu Pack\u003c\/h3\u003e\n                    \u003cp\u003e1 unidad a \u003cstrong style=\"color:#00d4ff\"\u003e$32.00\u003c\/strong\u003e o lleva 2 por solo \u003cstrong style=\"color:#00d4ff\"\u003e$56.00\u003c\/strong\u003e y ahorra $8.00. Comparte o asegura siempre tener tu esencia favorita.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- NOTAS AROMÁTICAS + BENEFICIOS                                 --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"container\"\u003e\n\n            \u003c!-- Bloque de notas (equivalente al size-guide del original) --\u003e\n            \u003cdiv class=\"product-card fade-in\" style=\"max-width: 800px; margin: 0 auto 60px; text-align: left; padding: 45px; border: 2px solid rgba(0,212,255,0.5); box-shadow: 0 0 30px rgba(0,212,255,0.2); opacity:1; transform:none;\"\u003e\n                \u003ch3 style=\"text-align:center; font-size:1.8em; margin-bottom:25px; animation: alertPulse 2s ease-in-out infinite;\"\u003e🌬️ PIRÁMIDE AROMÁTICA – ACTIVACIÓN FEMENINA 🌬️\u003c\/h3\u003e\n                \u003cdiv style=\"background: linear-gradient(135deg, rgba(0,212,255,0.06), rgba(0,80,120,0.1)); padding: 25px; border-radius: 16px; border-left: 4px solid #00d4ff; margin-bottom: 20px;\"\u003e\n                    \u003cp style=\"font-size:1.05em; color:#7ab8cc; line-height:1.9; margin-bottom: 12px;\"\u003e\n                        \u003cstrong style=\"color:#00d4ff; font-size:1.1em;\"\u003e💨 SALIDA:\u003c\/strong\u003e La primera impresión las deja sin aliento.\n                    \u003c\/p\u003e\n                    \u003cp style=\"font-size:1.05em; color:#7ab8cc; line-height:1.9; margin-bottom: 12px;\"\u003e\n                        \u003cstrong style=\"color:#00d4ff; font-size:1.1em;\"\u003e🌊 CORAZÓN:\u003c\/strong\u003e Notas sofisticadas que aportan carácter y profundidad.\n                    \u003c\/p\u003e\n                    \u003cp style=\"font-size:1.05em; color:#7ab8cc; line-height:1.9;\"\u003e\n                        \u003cstrong style=\"color:#00d4ff; font-size:1.1em;\"\u003e🔥 FONDO:\u003c\/strong\u003e Toque cálido, envolvente y sensual que perdura horas.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cp style=\"text-align:center; color:#00ffff; font-family:'Bebas Neue', sans-serif; font-size:1.4em; letter-spacing:3px; text-shadow:0 0 10px rgba(0,255,255,0.5);\"\u003e✦ UN SOLO SPRAY ES TODO LO QUE NECESITAS ✦\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir Her Loss? ✨\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"benefits-grid\"\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e⏱️\u003c\/span\u003e\n                    \u003ch3\u003eLarga Duración\u003c\/h3\u003e\n                    \u003cp\u003eFórmula optimizada para mayor persistencia. Un spray y tu aroma te acompaña todo el día sin necesidad de retocar.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e💎\u003c\/span\u003e\n                    \u003ch3\u003eCalidad Premium\u003c\/h3\u003e\n                    \u003cp\u003eEl balance perfecto entre frescura, elegancia y sensualidad masculina.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e📦\u003c\/span\u003e\n                    \u003ch3\u003eEnvase Compacto\u003c\/h3\u003e\n                    \u003cp\u003e60 mL perfectos para llevar a cualquier parte. Cabe en tu bolso o mochila para que nunca te falte tu esencia favorita.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n                    \u003ch3\u003eApta Toda Piel\u003c\/h3\u003e\n                    \u003cp\u003eFórmula suave y desarrollada para todo tipo de piel. Sin irritaciones, sin complicaciones.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e🎁\u003c\/span\u003e\n                    \u003ch3\u003eRegalo Perfecto\u003c\/h3\u003e\n                    \u003cp\u003ePresentación en caja premium. El regalo ideal para cualquier ocasión: cumpleaños, San Valentín o simplemente porque te lo mereces.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-card fade-in\"\u003e\n                    \u003cspan class=\"benefit-icon\"\u003e💰\u003c\/span\u003e\n                    \u003ch3\u003ePack x2 con Ahorro\u003c\/h3\u003e\n                    \u003cp\u003eLleva dos por $56.00 y ahorra $8.00. Úsala tú o regala una. La mejor decisión para quien conoce el valor de un buen aroma.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- ESPECIFICACIONES                                              --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"specifications\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e📋 Especificaciones Completas 📋\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre Her Loss\u003c\/p\u003e\n\n            \u003cdiv class=\"specs-grid\"\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🏷️ Nombre\u003c\/strong\u003e\n                    \u003cspan\u003eHer Loss – Fragancia con feromonas para hombre\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e📦 Contenido\u003c\/strong\u003e\n                    \u003cspan\u003e60 mL – presentación compacta, elegante y viajera\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e💎 Fórmula\u003c\/strong\u003e\n                    \u003cspan\u003eNueva fórmula optimizada para mayor duración y proyección perfecta\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e💨 Nota de Salida\u003c\/strong\u003e\n                    \u003cspan\u003eFrescura vibrante y energizante – primera impresión poderosa\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🌊 Nota de Corazón\u003c\/strong\u003e\n                    \u003cspan\u003eNotas sofisticadas que aportan carácter y presencia\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🔥 Nota de Fondo\u003c\/strong\u003e\n                    \u003cspan\u003eToque cálido, envolvente y sensual de muy larga duración\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e🧴 Tipo de Piel\u003c\/strong\u003e\n                    \u003cspan\u003eApta para todo tipo de piel sin irritaciones\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e🎯 Ocasión\u003c\/strong\u003e\n                    \u003cspan\u003eUso diario, trabajo, salidas nocturnas o eventos especiales\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-left\"\u003e\n                    \u003cstrong\u003e📐 Presentación\u003c\/strong\u003e\n                    \u003cspan\u003eEnvase premium + caja de diseño limpio y masculino incluida\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-item slide-in-right\"\u003e\n                    \u003cstrong\u003e💵 Precio Especial\u003c\/strong\u003e\n                    \u003cspan\u003e1 unidad: $32.00 USD  |  2 unidades: $55.00 USD (ahorra $8.00)\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- TESTIMONIOS                                                   --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"testimonials\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestros Clientes ⭐\u003c\/h2\u003e\n            \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"testimonials-grid\"\u003e\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0047.jpg?v=1771301507\" alt=\"Reseña cliente Her Loss\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"Nunca pensé que mi novia iba a quedar tan enganchada con un perfume. Llegó perfectamente empacada y el pago contraentrega me dio toda la confianza. 100% recomendados.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Mateo R. · Quito, Ecuador\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0048.jpg?v=1771301507\" alt=\"Reseña cliente Her Loss 2\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"El aroma tiene algo especial, no es pesado ni exagerado, simplemente está ahí y llama la atención. Mi novia me aplica cada que vamos a estar juntos. Tremendo producto.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Sebastián V. · Guayaquil, Ecuador\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card scale-in\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260216-WA0049.jpg?v=1771301507\" alt=\"Reseña cliente Her Loss 3\" class=\"testimonial-image\"\u003e\n                    \u003cdiv class=\"testimonial-body\"\u003e\n                        \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-text\"\u003e\"Compré primero una para probar y a los dos días pedí el pack de dos para regalársela a mi hermano. El frasco se ve caro, el olor dura un montón y la atención fue excelente.\"\u003c\/div\u003e\n                        \u003cdiv class=\"testimonial-author\"\u003e— Andrés P. · Cuenca, Ecuador\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!-- ============================================================ --\u003e\n    \u003c!-- URGENCIA (equivalente al bloque \"asegura tus tenis\" del ADM) --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"benefits\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"product-card scale-in\" style=\"max-width: 650px; margin: 0 auto; padding: 50px 40px; opacity:1; transform:none; border: 2px solid rgba(0,212,255,0.4); box-shadow: 0 0 35px rgba(0,212,255,0.2);\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_07_01_p.m.png?v=1771301508\" alt=\"Her Loss – Presencia irresistible\" style=\"max-height: 380px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n                \u003ch2 style=\"color:#00d4ff; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; text-shadow:0 0 20px rgba(0,212,255,0.5); animation: alertPulse 2s ease-in-out infinite;\"\u003e\n                    🚨 ¡ASEGURA TU HER LOSS ANTES QUE SE AGOTE! 🚨\n                \u003c\/h2\u003e\n                \u003cp style=\"color:#7ab8cc; font-size:1.2em; line-height:1.7; text-align:center; font-weight:500;\"\u003e\n                    Los hombres ecuatorianos que ya conocen Her Loss saben que un buen aroma lo cambia todo.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- FINAL CTA                                                     --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2 class=\"fade-in\"\u003e🔥 ¡Lleva Tu Her Loss Hoy Mismo! 🔥\u003c\/h2\u003e\n            \u003cp class=\"fade-in\"\u003e\"Porque mereces un aroma que combine impacto, elegancia y presencia irresistible\"\u003c\/p\u003e\n\n            \u003cdiv class=\"payment-info fade-in\"\u003e\n                \u003ch3\u003e🛡️ Compra 100% Segura y Sin Riesgos 🛡️\u003c\/h3\u003e\n                \u003cdiv class=\"payment-features\"\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e💳 Pago Contraentrega\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🚚 Envío Gratis a Todo Ecuador\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e💎 Fórmula Premium Optimizada\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e✅ Garantía de Calidad\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida y Segura\u003c\/div\u003e\n                    \u003cdiv class=\"payment-feature\"\u003e🎁 Caja Premium Incluida\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"price-comparison fade-in\"\u003e\n                \u003cspan class=\"old-price\"\u003ePrecio Regular: $45.00 por unidad\u003c\/span\u003e\n                \u003cspan class=\"new-price\"\u003e1X $32.00 USD - 2X $56,00\u003c\/span\u003e\n                \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $8.00 USD! Solo hasta agotar stock 💎\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI HER LOSS AHORA 🔥\u003c\/a\u003e\n\n            \u003cp style=\"margin-top:30px; font-size:1.05em; color:#445566; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n                ⏰ \u003cstrong style=\"color:#00d4ff;\"\u003eAdvertencia:\u003c\/strong\u003e Her Loss se está agotando muy rápido por su calidad premium, diseño único y precio exclusivo.\n                Las últimas unidades se venden en horas.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- FOOTER — logo circular, misma estructura que ADM              --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003cfooter class=\"footer\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"footer-content\"\u003e\n                \u003cimg class=\"footer-logo\" alt=\"Her Loss – Zahariq Shop Ecuador\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_06_50_p.m.png?v=1771301507\"\u003e\n\n                \u003cdiv class=\"footer-text\"\u003e\n                    \u003cdiv class=\"tagline\"\u003e✦ El aroma que conquista espacios y memorias ✦\u003c\/div\u003e\n                    \u003cdiv class=\"store-name\"\u003eHER LOSS – Fragancia con feromonas\u003c\/div\u003e\n                    \u003cp\u003eLa fragancia de alto impacto para hombres ecuatorianos que buscan dejar huella. Nueva fórmula optimizada, mayor duración, presencia irresistible. Pago contraentrega y envío gratis a todo Ecuador.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp\u003e© 2026 Zahariq Shop Ecuador. Todos los derechos reservados.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- ============================================================ --\u003e\n    \u003c!-- JAVASCRIPT (idéntico al original ADM)                         --\u003e\n    \u003c!-- ============================================================ --\u003e\n    \u003cscript\u003e\n        \/\/ Scroll progress\n        function updateScrollProgress() {\n            const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n            document.getElementById('scrollProgress').style.width = scrolled + '%';\n        }\n\n        \/\/ Reveal on scroll\n        function revealOnScroll() {\n            const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n            for (let i = 0; i \u003c reveals.length; i++) {\n                const elementTop = reveals[i].getBoundingClientRect().top;\n                if (elementTop \u003c window.innerHeight - 150) {\n                    reveals[i].classList.add('visible');\n                }\n            }\n        }\n\n        \/\/ Smooth scroll\n        function smoothScroll() {\n            const links = document.querySelectorAll('a[href^=\"#\"]');\n            for (let link of links) {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const target = document.querySelector(this.getAttribute('href'));\n                    if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                });\n            }\n        }\n\n        \/\/ Image load fade-in\n        function handleImageLoading() {\n            document.querySelectorAll('img').forEach(img =\u003e {\n                if (img.complete) {\n                    img.style.opacity = '1';\n                } else {\n                    img.style.opacity = '0';\n                    img.style.transition = 'opacity 0.5s ease';\n                    img.addEventListener('load', function() { this.style.opacity = '1'; });\n                }\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            smoothScroll();\n            handleImageLoading();\n            revealOnScroll();\n            updateScrollProgress();\n        });\n\n        let ticking = false;\n        window.addEventListener('scroll', function() {\n            updateScrollProgress();\n            if (!ticking) {\n                requestAnimationFrame(function() {\n                    revealOnScroll();\n                    ticking = false;\n                });\n                ticking = true;\n            }\n        });\n\n        \/\/ Stagger delay\n        function addStaggerDelay() {\n            [\n                { selector: '.product-showcase .product-card', delay: 100 },\n                { selector: '.benefits-grid .benefit-card', delay: 150 },\n                { selector: '.specs-grid .spec-item', delay: 80 },\n                { selector: '.testimonials-grid .testimonial-card', delay: 200 }\n            ].forEach(grid =\u003e {\n                document.querySelectorAll(grid.selector).forEach((item, i) =\u003e {\n                    item.style.transitionDelay = `${i * grid.delay}ms`;\n                });\n            });\n        }\n        document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n        \/\/ CTA button interactions\n        document.querySelectorAll('.cta-button').forEach(button =\u003e {\n            button.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.08)'; });\n            button.addEventListener('mouseleave', function() { this.style.transform = ''; });\n            button.addEventListener('mousedown',  function() { this.style.transform = 'translateY(-2px) scale(1.05)'; });\n            button.addEventListener('mouseup',    function() { this.style.transform = 'translateY(-5px) scale(1.08)'; });\n        });\n\n        \/\/ Particles\n        const container = document.getElementById('particles');\n        for (let i = 0; i \u003c 25; i++) {\n            const p = document.createElement('div');\n            p.classList.add('particle');\n            p.style.left = Math.random() * 100 + '%';\n            p.style.bottom = '-5px';\n            const s = Math.random() * 3 + 1;\n            p.style.width = p.style.height = s + 'px';\n            p.style.animationDuration = (Math.random() * 8 + 5) + 's';\n            p.style.animationDelay = (Math.random() * 6) + 's';\n            p.style.opacity = Math.random() * 0.7 + 0.3;\n            container.appendChild(p);\n        }\n\n        \/\/ Image errors\n        document.querySelectorAll('img, video').forEach(media =\u003e {\n            media.addEventListener('error', function() {\n                console.warn('Media failed to load:', this.src);\n                this.style.display = 'none';\n            });\n        });\n\n        \/\/ Touch support\n        if ('ontouchstart' in window) {\n            document.querySelectorAll('.product-card, .benefit-card, .testimonial-card').forEach(card =\u003e {\n                card.addEventListener('touchstart', function() { this.style.transform = this.style.transform || ''; });\n            });\n        }\n\n        \/\/ IntersectionObserver\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n            document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e observer.observe(el));\n        }\n\n        \/\/ Keyboard nav\n        document.addEventListener('keydown', e =\u003e { if (e.key === 'Tab') document.body.classList.add('keyboard-navigation'); });\n        document.addEventListener('mousedown', () =\u003e document.body.classList.remove('keyboard-navigation'));\n\n        \/\/ Reduced motion\n        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            const style = document.createElement('style');\n            style.textContent = '*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }';\n            document.head.appendChild(style);\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61600683393394,"sku":"1","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/ChatGPT_Image_16_feb_2026_11_07_17_p.m.png?v=1771304965","url":"https:\/\/zahariqshop.com\/products\/her-loss","provider":"Zahariq Shop ","version":"1.0","type":"link"}