{"title":"PERFUMES","description":"\u003cp\u003e\u003cstrong data-start=\"955\" data-end=\"988\"\u003eFragancias que hablan por ti.\u003c\/strong\u003e\u003cbr data-start=\"988\" data-end=\"991\"\u003e\u003cspan\u003ePerfumes con estilo, esencia y carácter pensados para cada momento del día.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"1perfume-moschino-bubble-gum","title":"1perfume moschino bubble gum","description":"Moschino Bubble Gum es un perfume dulce y divertido con notas protagonistas de chicle rosado, frutas jugosas, flores suaves y un fondo cremoso de almizcle y maderas ligeras. Juvenil y atrevido, ideal para el día, transmite alegría, frescura y una vibra coqueta que no pasa desapercibida. ","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546577789298,"sku":"34","price":38.0,"currency_code":"USD","in_stock":true}]},{"product_id":"1x-perfume-moschino-toy-boy","title":"1x perfume moschino toy boy","description":"Moschino Toy Boy es un perfume audaz y sofisticado con rosa especiada, pimienta, pera y maderas cálidas. Moderno y seductor, ideal para quienes buscan destacar con personalidad. Proyecta elegancia atrevida, estilo único y una estela intensa que no pasa desapercibida.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546578182514,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/171950887171Ktvx7RYsL._SL1500.webp?v=1769213776"},{"product_id":"yves-saint-laurent","title":"Yves Saint Laurent","description":"Yves Saint Laurent es un perfume moderno y seductor con notas frescas, especiadas y amaderadas. Elegante y versátil, ideal para día o noche. Proyecta seguridad, estilo y sofisticación con una estela equilibrada que deja huella sin exagerar.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546578477426,"sku":"1","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1738173422GSUYIEUKJWNS_20_15.png?v=1769213811"},{"product_id":"orientica-amber-rouge-caj","title":"ORIENTICA AMBER ROUGE CAJ","description":"Orientica Amber Rouge en caja es un perfume intenso y lujoso con notas protagonistas de ámbar dorado, vainilla suave y maderas elegantes, acompañadas de toques dulces y cálidos. Sofisticado y envolvente, ideal para la noche. Su presentación en caja lo hace perfecto para regalar y dejar una estela profunda, elegante y muy duradera.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546578542962,"sku":"30","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17237527281.jpg?v=1769213842"},{"product_id":"orientica-roja-estuche","title":"ORIENTICA ROJA ESTUCHE","description":"Orientica Roja en estuche es un perfume intenso y lujoso con notas dulces, ambaradas y amaderadas, combinadas con toques florales sofisticados. Elegante y envolvente, ideal para la noche. Su presentación en estuche lo hace perfecto para regalar y destacar con una estela potente y duradera.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546578641266,"sku":"1","price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1740578293hyuyu_20_1.png?v=1769213882"},{"product_id":"issy-miyake","title":"ISSY MIYAKE","description":"Issey Miyake:Fragancia fresca y acuática con notas cítricas, flores blancas y madera ligera. Limpia, suave y equilibrada, ideal para uso diario. Transmite pureza, serenidad y elegancia natural.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546579100018,"sku":"39","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17238288671.jpg?v=1769213938"},{"product_id":"212-vip-men","title":"212 VIP MEN","description":"212 VIP Men:Aroma juvenil y seductor con notas frutales, especiadas y amaderadas. Energético, moderno y llamativo, ideal para fiestas y noches sociales. Diseñado para destacar y atraer. ","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546579591538,"sku":"10556","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17096568291465719_1.jpg?v=1769213994"},{"product_id":"lattafa-badee-al-oud-black","title":"LATTAFA BADEE AL OUD BLACK","description":"Badee Al Oud Black de Lattafa es un perfume intenso y misterioso con oud profundo, vainilla, especias y maderas oscuras. Elegante y poderoso, ideal para la noche. Proyecta lujo, carácter y una estela envolvente y duradera que deja huella.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546580312434,"sku":"31","price":42.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17237529201.jpg?v=1769214030"},{"product_id":"asad-borbon","title":"ASAD BORBON","description":"Lattafa Bourbon:Fragancia dulce y cálida con vainilla bourbon, ámbar y maderas suaves. Intensa, envolvente y elegante, ideal para noches y clima fresco. Proyecta sensualidad, lujo y larga duración.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546580607346,"sku":"117357","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1762781981descarga_20_1.jpg?v=1769214157"},{"product_id":"yara-moi-blanca","title":"YARA MOI BLANCA","description":"Yara Moi Blanca es un perfume suave y femenino con notas cremosas de vainilla, coco y flores blancas, acompañadas de un fondo dulce y ligeramente ambarado. Delicado y envolvente, ideal para el día, deja una estela limpia, elegante y reconfortante que realza la piel con un aroma irresistible.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546581262706,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1740848645hyuyu_20_3.png?v=1769214212"},{"product_id":"mandarin-sky","title":"Mandarin Sky","description":"Fragancia vibrante con apertura cítrica de mandarina y naranja, corazón dulce de caramelo y haba tonka, y fondo amaderado con vetiver y cedro. Fresca, moderna y masculina; ideal para día o noche|","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546581623154,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1752608574descarga_20_1.jpg?v=1769214251"},{"product_id":"1x-perfume-ombre-nomada-cilindro","title":"1x perfume ombre nomada cilindro","description":"Ombre Nomade cilindro es un perfume intenso y sofisticado donde domina el oud profundo acompañado de rosa elegante, frambuesa suave, incienso y ámbar cálido un aroma oscuro, lujoso y envolvente ideal para la noche proyecta poder, misterio y una estela duradera que impone presencia y exclusividad desde el primer spray","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546582278514,"sku":"1","price":37.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1719508735ombre-nomade_20_1.webp?v=1769214287"},{"product_id":"1perfume-haramain-rouge","title":"1perfume haramain rouge","description":"Haramain Rouge es un perfume intenso y sofisticado con notas dulces y ambaradas, vainilla cremosa y maderas elegantes que aportan profundidad y carácter. Envolvente y seductor, ideal para la noche, proyecta lujo, presencia y una estela cálida y duradera que no pasa desapercibida.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546583163250,"sku":"1","price":37.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1723813457haramain_20rouge.jpg?v=1769214319"},{"product_id":"1x-perfume-212-sexy-de-mujer","title":"1x perfume 212 sexy de mujer","description":"212 Sexy Mujer es un perfume sensual y elegante con notas de pimienta rosa, mandarina y bergamota, envueltas en flores suaves y un fondo cremoso de vainilla, caramelo y almizcle. Femenino y seductor, ideal para la noche, deja una estela cálida, dulce y provocadora que enamora desde el primer spray.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546586571122,"sku":"1","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17204723118411061545904_1_800x_3e479c8c-1920-4b4b-8031-43a2bf925b59.webp?v=1769214348"},{"product_id":"nautica-voyage","title":"NAUTICA VOYAGE","description":"Nautica Voyage es un perfume fresco y limpio con notas de manzana verde, hojas verdes y maderas suaves. Ideal para el día a día, juvenil y versátil. Aporta sensación de frescura, libertad y elegancia casual, perfecto para clima cálido y uso diario.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546586669426,"sku":"27","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1723746963nautica.jpg?v=1769214374"},{"product_id":"1perfume-good-girl","title":"1perfume good girl","description":"Good Girl:Fragancia dulce y sensual con cacao, café, vainilla y flores blancas. Elegante y atrevida, ideal para la noche. Proyecta feminidad, poder y un estilo moderno y seductor.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546586833266,"sku":"8","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1708438723good-girl-eau-de-parfum-mujer-80-ml.jpg?v=1769214410"},{"product_id":"yara-lataffa","title":"PERFUME YARA LATAFFA 1.1 PREMIUM 100 ML","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🌸 Perfume YARA de Lattafa - Edición Premium 2026\u003c\/title\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: 'Arial', sans-serif;\n line-height: 1.6;\n color: #1a1a2e;\n background: linear-gradient(135deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1, #ffffff);\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 .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\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\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\n .slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n }\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\n .slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n }\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\n .scale-in.visible {\n opacity: 1;\n transform: scale(1);\n }\n \n .hero {\n background: linear-gradient(135deg, #ffb6d9 0%, #ff69b4 25%, #ffc0cb 50%, #ffb6e1 75%, #ffffff 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 .price-banner {\n background: linear-gradient(45deg, #ffb6d9, #ff69b4, #ffc0cb);\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(255, 105, 180, 0.4);\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 }\n\n @keyframes slideInTop {\n 0% {\n opacity: 0;\n transform: translateY(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\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 .hero-logo {\n width: 380px;\n height: 380px;\n object-fit: cover;\n border-radius: 50%;\n background: linear-gradient(135deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 30px rgba(255, 105, 180, 0.5);\n border: 4px solid rgba(255, 105, 180, 0.8);\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;\n max-width: 90%;\n }\n\n @keyframes logoReveal {\n 0% {\n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\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.4), 0 0 50px rgba(255, 105, 180, 0.8);\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 }\n\n @keyframes textReveal {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .hero h1 {\n font-size: 4em;\n margin-bottom: 15px;\n text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n color: #ff69b4;\n animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both;\n word-wrap: break-word;\n font-weight: 900;\n }\n\n @keyframes titleReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes glow {\n from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }\n to { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }\n }\n \n .hero .subtitle {\n font-size: 1.3em;\n margin-bottom: 20px;\n color: #fff;\n font-weight: 700;\n animation: subtitleReveal 1s ease-out 1.4s both;\n word-wrap: break-word;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n\n @keyframes subtitleReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero p {\n font-size: 1.4em;\n margin-bottom: 30px;\n color: #ffffff;\n animation: paragraphReveal 1s ease-out 1.6s both;\n word-wrap: break-word;\n font-weight: 600;\n }\n\n @keyframes paragraphReveal {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .highlight-text {\n color: #ffb6d9;\n font-weight: bold;\n font-style: italic;\n text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n position: relative;\n animation: highlightGlow 3s ease-in-out infinite;\n }\n\n @keyframes highlightGlow {\n 0%, 100% { text-shadow: 2px 2px 6px rgba(0,0,0,0.5); }\n 50% { text-shadow: 2px 2px 10px rgba(255, 182, 217, 0.7); }\n }\n \n .cta-button {\n background: linear-gradient(45deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1, #ffb6d9);\n background-size: 200% 200%;\n color: #fff;\n padding: 20px 50px;\n border: none;\n border-radius: 50px;\n font-size: 1.4em;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 8px 25px rgba(255, 105, 180, 0.4);\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 @keyframes buttonReveal {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .cta-button:hover {\n transform: translateY(-5px) scale(1.08);\n box-shadow: 0 15px 45px rgba(255, 105, 180, 0.7);\n }\n \n .visual-banner {\n background: linear-gradient(135deg, #ffc0cb 0%, #ffb6d9 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-size: 3em;\n color: #fff;\n margin-bottom: 25px;\n text-align: center;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .section-subtitle {\n font-size: 1.3em;\n color: #fff;\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: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\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, #fff, #fff5f9);\n border-radius: 25px;\n padding: 40px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n text-align: center;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border: 1px solid rgba(255, 105, 180, 0.3);\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;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 105, 180, 0.1), transparent);\n transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n \n .product-card:hover::before {\n left: 100%;\n }\n \n .product-card:hover {\n box-shadow: 0 30px 80px rgba(0,0,0,0.3), 0 0 40px rgba(255, 105, 180, 0.4);\n transform: translateY(-15px) scale(1.02);\n border-color: rgba(255, 105, 180, 0.6);\n }\n \n .product-card img, .product-card video {\n width: 100%;\n max-width: 100%;\n max-height: 350px;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 25px;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\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 }\n \n .product-card h3 {\n color: #ff69b4;\n margin-bottom: 15px;\n font-size: 1.4em;\n font-weight: 600;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 15px rgba(255, 105, 180, 0.5);\n }\n \n .product-card p {\n color: #1a1a2e;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .product-card:hover p {\n color: #0a0a1a;\n }\n\n .tech-specs {\n background: linear-gradient(135deg, rgba(255, 182, 217, 0.1), rgba(255, 255, 255, 0.95));\n padding: 50px;\n border-radius: 30px;\n margin: 60px 0;\n border: 1px solid rgba(255, 105, 180, 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 width: 100%;\n max-width: 100%;\n }\n\n .tech-specs:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 105, 180, 0.2);\n border-color: rgba(255, 105, 180, 0.6);\n }\n\n .tech-specs h3 {\n color: #ff69b4;\n font-size: 2em;\n margin-bottom: 30px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .tech-specs:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\n }\n\n .tech-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .tech-info {\n flex: 1;\n min-width: 300px;\n }\n\n .tech-info p {\n font-size: 1.2em;\n color: #1a1a2e;\n line-height: 1.8;\n margin-bottom: 15px;\n }\n\n .tech-info strong {\n color: #ff69b4;\n display: block;\n margin-bottom: 5px;\n }\n \n .benefits {\n background: linear-gradient(135deg, #ffb6d9 0%, #ff69b4 25%, #ffc0cb 50%, #ffb6e1 75%, #ffffff 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(255, 255, 255, 0.9), rgba(255, 245, 249, 0.9));\n padding: 50px 30px;\n border-radius: 25px;\n text-align: center;\n border: 1px solid rgba(255, 105, 180, 0.3);\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;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(255, 105, 180, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.6s ease;\n }\n\n .benefit-card:hover::after {\n opacity: 1;\n }\n \n .benefit-card:hover {\n background: linear-gradient(135deg, rgba(255, 182, 217, 0.15), rgba(255, 255, 255, 0.9));\n transform: scale(1.08) translateY(-10px);\n border-color: rgba(255, 105, 180, 0.6);\n box-shadow: 0 20px 60px rgba(255, 105, 180, 0.3);\n }\n \n .benefit-icon {\n font-size: 3.5em;\n margin-bottom: 25px;\n color: #ff69b4;\n text-shadow: 0 0 15px rgba(255, 105, 180, 0.5);\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 text-shadow: 0 0 25px rgba(255, 105, 180, 0.8);\n }\n \n .benefit-card h3 {\n margin-bottom: 20px;\n font-size: 1.5em;\n color: #1a1a2e;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover h3 {\n color: #ff69b4;\n transform: translateY(-5px);\n }\n \n .benefit-card p {\n color: #2a2a3e;\n line-height: 1.7;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .benefit-card:hover p {\n color: #1a1a2e;\n }\n \n .specifications {\n background: linear-gradient(135deg, #ffc0cb 0%, #ffb6d9 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: 30px;\n margin-top: 60px;\n width: 100%;\n max-width: 100%;\n }\n \n .spec-item {\n background: linear-gradient(135deg, #fff, #fff5f9);\n padding: 30px;\n border-radius: 20px;\n border-left: 5px solid #ff69b4;\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.15);\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;\n left: 0;\n width: 5px;\n height: 0;\n background: linear-gradient(to bottom, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1);\n transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .spec-item:hover::before {\n height: 100%;\n }\n \n .spec-item:hover {\n transform: translateX(15px) scale(1.02);\n box-shadow: 0 20px 50px rgba(0,0,0,0.25), -10px 0 20px rgba(255, 105, 180, 0.3);\n background: linear-gradient(135deg, rgba(255, 182, 217, 0.1), #fff);\n }\n \n .spec-item strong {\n color: #ff69b4;\n font-size: 1.1em;\n display: block;\n margin-bottom: 8px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .spec-item:hover strong {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\n }\n \n .testimonials {\n background: linear-gradient(135deg, #ffb6d9 0%, #ff69b4 50%, #ffc0cb 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, rgba(255, 255, 255, 0.9), rgba(255, 245, 249, 0.9));\n padding: 40px;\n border-radius: 25px;\n border: 1px solid rgba(255, 105, 180, 0.3);\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 .testimonial-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 105, 180, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: all 0.8s ease;\n transform: scale(0);\n }\n\n .testimonial-card:hover::before {\n opacity: 1;\n transform: scale(1);\n }\n \n .testimonial-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 25px 70px rgba(0,0,0,0.3), 0 0 30px rgba(255, 105, 180, 0.3);\n border-color: rgba(255, 105, 180, 0.5);\n }\n \n .testimonial-image {\n width: 100%;\n max-width: 345px;\n max-height: 350px;\n object-fit: cover;\n border-radius: 20px;\n margin: 20px auto;\n display: block;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\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.08) rotate(2deg);\n box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n }\n \n .testimonial-rating {\n color: #ffd700;\n font-size: 1.8em;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover .testimonial-rating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 25px;\n line-height: 1.7;\n color: #2a2a3e;\n transition: color 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-text {\n color: #1a1a2e;\n }\n \n .testimonial-author {\n font-weight: bold;\n color: #ff69b4;\n font-size: 1.1em;\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .testimonial-card:hover .testimonial-author {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\n }\n \n .verification {\n background: linear-gradient(135deg, #ffc0cb 0%, #ffb6d9 100%);\n padding: 80px 0;\n text-align: center;\n position: relative;\n width: 100%;\n max-width: 100%;\n }\n\n .verification-image {\n max-width: 690px;\n width: 90%;\n height: auto;\n border-radius: 20px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.5s ease;\n display: block;\n margin: 0 auto;\n }\n\n .verification-image:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .final-cta {\n background: linear-gradient(45deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1, #ffffff);\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 h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n color: #ff69b4;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 900;\n text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\n }\n \n .final-cta p {\n font-size: 1.4em;\n margin-bottom: 50px;\n color: #ffffff;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .video-cta {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 245, 249, 0.9));\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n border: 1px solid rgba(255, 105, 180, 0.4);\n backdrop-filter: blur(10px);\n position: relative;\n z-index: 2;\n transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n width: 100%;\n max-width: 100%;\n }\n\n .video-cta:hover {\n transform: scale(1.02);\n box-shadow: 0 25px 60px rgba(0,0,0,0.3), 0 0 30px rgba(255, 105, 180, 0.3);\n }\n \n .video-cta img, .video-cta video {\n width: 100%;\n max-width: 460px;\n max-height: 500px;\n border-radius: 20px;\n object-fit: cover;\n margin-bottom: 25px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n transition: all 0.4s ease;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n\n .video-cta:hover img, .video-cta:hover video {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n }\n \n .video-cta h3 {\n font-size: 2em;\n margin-bottom: 20px;\n color: #ff69b4;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover h3 {\n transform: translateY(-5px);\n text-shadow: 0 0 15px rgba(255, 105, 180, 0.5);\n }\n \n .video-cta p {\n font-size: 1.2em;\n margin-bottom: 25px;\n color: #2a2a3e;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .video-cta:hover p {\n color: #1a1a2e;\n }\n \n .payment-info {\n background: linear-gradient(135deg, rgba(255, 182, 217, 0.15), rgba(255, 255, 255, 0.9));\n padding: 40px;\n border-radius: 25px;\n margin: 50px 0;\n border: 1px solid rgba(255, 105, 180, 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 width: 100%;\n max-width: 100%;\n }\n\n .payment-info:hover {\n transform: scale(1.02);\n box-shadow: 0 20px 50px rgba(255, 105, 180, 0.2);\n border-color: rgba(255, 105, 180, 0.6);\n }\n \n .payment-info h3 {\n margin-bottom: 25px;\n font-size: 1.6em;\n color: #ff69b4;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .payment-info:hover h3 {\n transform: translateY(-3px);\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\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 }\n \n .payment-feature {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n color: #1a1a2e;\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 }\n\n .payment-feature:hover {\n transform: translateX(10px);\n color: #ff69b4;\n }\n \n .payment-feature::before {\n content: '✓';\n margin-right: 15px;\n font-weight: bold;\n color: #ff69b4;\n font-size: 1.3em;\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\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(255, 105, 180, 0.8);\n }\n \n .price-comparison {\n background: linear-gradient(135deg, rgba(255, 182, 217, 0.15), rgba(255, 255, 255, 0.95));\n padding: 30px;\n border-radius: 20px;\n margin: 40px 0;\n text-align: center;\n border: 1px solid rgba(255, 105, 180, 0.5);\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;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 105, 180, 0.2), transparent);\n transition: left 0.8s ease;\n }\n\n .price-comparison:hover::before {\n left: 100%;\n }\n\n .price-comparison:hover {\n transform: scale(1.05);\n box-shadow: 0 20px 50px rgba(255, 105, 180, 0.3);\n border-color: rgba(255, 105, 180, 0.7);\n }\n \n .old-price {\n text-decoration: line-through;\n color: #888;\n font-size: 1.8em;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .old-price {\n transform: scale(0.9);\n color: #666;\n }\n \n .new-price {\n color: #ff69b4;\n font-size: 2.5em;\n font-weight: bold;\n margin-left: 20px;\n text-shadow: 0 0 15px rgba(255, 105, 180, 0.5);\n transition: all 0.3s ease;\n position: relative;\n z-index: 2;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .new-price {\n transform: scale(1.1);\n text-shadow: 0 0 25px rgba(255, 105, 180, 0.8);\n }\n \n .savings {\n color: #ff69b4;\n font-size: 1.4em;\n font-weight: bold;\n margin-top: 15px;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .price-comparison:hover .savings {\n transform: translateY(-3px) scale(1.1);\n text-shadow: 0 0 10px rgba(255, 105, 180, 0.5);\n }\n \n .footer {\n background: linear-gradient(135deg, #0a1a2e, #1a2a3e);\n color: #ffc0cb;\n padding: 80px 0;\n text-align: center;\n border-top: 1px solid rgba(255, 192, 203, 0.3);\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 .footer-logo {\n width: 220px;\n height: 220px;\n border-radius: 50%;\n object-fit: cover;\n background: linear-gradient(135deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1);\n padding: 15px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.3), 0 0 20px rgba(255, 105, 180, 0.4);\n border: 3px solid rgba(255, 192, 203, 0.5);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n max-width: 90%;\n }\n \n .footer-logo:hover {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 30px rgba(255, 105, 180, 0.6);\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-size: 1.4em;\n color: #ffb6d9;\n margin-bottom: 20px;\n font-weight: bold;\n transition: all 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover .tagline {\n transform: translateX(10px);\n text-shadow: 0 0 10px rgba(255, 182, 217, 0.5);\n }\n \n .footer-text .store-name {\n font-size: 1.8em;\n color: #ff69b4;\n margin-bottom: 15px;\n font-weight: bold;\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: 1.2em;\n color: #d0b0c0;\n line-height: 1.6;\n transition: color 0.3s ease;\n word-wrap: break-word;\n }\n\n .footer-text:hover p {\n color: #ffc0cb;\n }\n\n .scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 3px;\n background: linear-gradient(90deg, #ffb6d9, #ff69b4, #ffc0cb, #ffb6e1);\n z-index: 1000;\n transition: width 0.1s ease;\n max-width: 100%;\n }\n \n @media (max-width: 768px) {\n body {\n overflow-x: hidden;\n width: 100vw;\n max-width: 100%;\n }\n\n .hero h1 {\n font-size: 2.8em;\n }\n \n .hero-content {\n flex-direction: column;\n gap: 30px;\n width: 100%;\n padding: 0 10px;\n }\n \n .hero-logo {\n width: 200px;\n height: 200px;\n }\n \n .section-title {\n font-size: 2.2em;\n }\n \n .product-showcase {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .benefits-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .specs-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .testimonials-grid {\n grid-template-columns: 1fr;\n width: 100%;\n padding: 0 10px;\n }\n \n .footer-content {\n flex-direction: column;\n gap: 30px;\n }\n \n .footer-text {\n text-align: center;\n }\n \n .footer-logo {\n width: 170px;\n height: 170px;\n }\n \n .cta-button {\n font-size: 1.2em;\n padding: 18px 40px;\n }\n\n .payment-features {\n grid-template-columns: 1fr;\n }\n\n .container {\n padding: 0 15px;\n max-width: 100%;\n }\n\n .hero {\n padding: 60px 0;\n }\n\n .hero p {\n font-size: 1.2em;\n }\n\n .price-banner {\n font-size: 1em;\n padding: 12px 25px;\n }\n\n .verification-image {\n width: 95%;\n }\n\n .old-price {\n font-size: 1.5em;\n }\n\n .new-price {\n font-size: 2em;\n margin-left: 10px;\n }\n\n .savings {\n font-size: 1.2em;\n }\n\n .tech-specs {\n padding: 30px 20px;\n }\n\n .tech-content {\n flex-direction: column;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2em;\n }\n\n .section-title {\n font-size: 1.8em;\n }\n\n .product-showcase,\n .benefits-grid,\n .specs-grid,\n .testimonials-grid {\n gap: 20px;\n }\n\n .product-card,\n .benefit-card,\n .testimonial-card {\n padding: 30px 20px;\n }\n }\n\n .hero img, .product-card img, .testimonial-image, \n .verification-image, .video-cta img, .footer-logo,\n .hero video, .product-card video, .video-cta video {\n opacity: 0;\n transition: opacity 0.5s ease-in-out;\n }\n\n .hero img.loaded, .product-card img.loaded, .testimonial-image.loaded,\n .verification-image.loaded, .video-cta img.loaded, .footer-logo.loaded,\n .hero video.loaded, .product-card video.loaded, .video-cta video.loaded {\n opacity: 1;\n }\n \u003c\/style\u003e\n\n\n\n \u003cdiv class=\"scroll-progress\" id=\"scrollProgress\"\u003e\u003c\/div\u003e\n\n \u003csection class=\"hero\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS A TODO ECUADOR\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo loaded\" alt=\"Perfume Yara de Lattafa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/LATTAFA.png?v=1769714021\"\u003e\n \u003cdiv class=\"hero-text\"\u003e\n \u003ch1\u003eYARA DE LATTAFA 1.1\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✨ FRAGANCIA 1.1 PREMIUM EXCLUSIVA 2026 ✨\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"El perfume perfecto para mujeres que aman la dulzura, elegancia y una estela inolvidable\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e🔥 Dale a tu piel el aroma que todos recordarán 🔥\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eANTES 🌸 $48,00 USD\u003c\/a\u003e\u003cbr\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003eAHORA 🔥 $38,00 USD 🔥\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"visual-banner\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e🌸 YARA DE LATTAFA 1.1- ELEGANCIA EN CADA GOTA 🌸\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eDulce • Femenino • Envolvente • Duradero • 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\/6462ff48-9bab-4d02-b6bb-ffd6ed33494e.png?v=1769713594\" alt=\"Perfume Yara de Lattafa\" class=\"loaded\"\u003e\n \u003ch3\u003e💎 Presentación Exclusiva - Elegancia Rosada 💎\u003c\/h3\u003e\n \u003cp\u003eDiseño sofisticado en tono rosa pastel con detalles plateados. Perfecto para llevar contigo y causar admiración con su presentación de lujo.\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\/02f89665-4ccb-41fc-9936-befcbff3eee0.png?v=1769713594\" alt=\"Características del Perfume Yara\" class=\"loaded\"\u003e\n \u003ch3\u003e✨ Pirámide Olfativa Perfecta ✨\u003c\/h3\u003e\n \u003cp\u003eUna combinación única de notas dulces, vainilla cremosa, toques tropicales, almizclados y florales que crean una experiencia sensorial incomparable.\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\/0baa1d46-4836-4604-a56b-c32cf42327aa.png?v=1769713594\" alt=\"Mujer con Perfume Yara\" class=\"loaded\"\u003e\n \u003ch3\u003e⭐ Aroma que Enamora ⭐\u003c\/h3\u003e\n \u003cp\u003eLa fragancia perfecta para cualquier ocasión. Delicada pero envolvente, deja una estela elegante, cálida y adictiva que resalta tu personalidad única.\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\/CA2402CF-839B-4BFC-846D-71C483520745.jpg?v=1769713592\" alt=\"Foto Real del Perfume\" class=\"loaded\"\u003e\n \u003ch3\u003e🌟 Calidad Premium 🌟\u003c\/h3\u003e\n \u003cp\u003eProducto 1.1 Premium. Cada frasco es una garantía de calidad premium que superará tus expectativas y te hará sentir especial duración 6h.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir Yara de Lattafa? ✨\u003c\/h2\u003e\n \u003cdiv class=\"benefits-grid\"\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eFragancia Premium\u003c\/h3\u003e\n \u003cp\u003eAroma dulce y sofisticado con notas de vainilla, flores blancas y toques gourmand que duran todo el día.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💖\u003c\/div\u003e\n \u003ch3\u003eCalidad 1.1 Premium\u003c\/h3\u003e\n \u003cp\u003eProducto 1.1 Premium de Lattafa Perfumes, la marca árabe de fragancias de lujo más reconocida mundialmente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e⏰\u003c\/div\u003e\n \u003ch3\u003eLarga Duración\u003c\/h3\u003e\n \u003cp\u003eEstela persistente que permanece en tu piel por 6 horas, dejando una impresión inolvidable a tu paso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eVersátil y Elegante\u003c\/h3\u003e\n \u003cp\u003ePerfecto para uso diario, ocasiones especiales, citas románticas o cualquier momento en que quieras sentirte segura.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e🎁\u003c\/div\u003e\n \u003ch3\u003eRegalo Perfecto\u003c\/h3\u003e\n \u003cp\u003ePresentación de lujo ideal para regalar a esa persona especial que amas y sorprender con buen gusto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"benefit-card fade-in\"\u003e\n \u003cdiv class=\"benefit-icon\"\u003e💰\u003c\/div\u003e\n \u003ch3\u003ePrecio Increíble\u003c\/h3\u003e\n \u003cp\u003eAhorras $10,00 USD en esta oferta exclusiva limitada. Pago contraentrega para tu total tranquilidad y confianza.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"specifications\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e📋 Detalles Completos del Perfume 📋\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre Yara de Lattafa\u003c\/p\u003e\n \n \u003cdiv class=\"specs-grid\"\u003e\n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🌸 Marca:\u003c\/strong\u003e Lattafa Perfumes - Casa de fragancias de lujo árabe con reconocimiento internacional.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e💎 Nombre:\u003c\/strong\u003e Yara - Una de las fragancias más icónicas y amadas de la marca.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🎨 Familia Olfativa:\u003c\/strong\u003e Oriental Floral Gourmand - Dulce, envolvente y femenino.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e🌺 Notas Principales:\u003c\/strong\u003e Dulce, vainilla cremosa, en polvo, tropical, almizclado, sabroso, floral y toques agrios refrescantes.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e💫 Estela:\u003c\/strong\u003e Cálida, elegante y adictiva que deja huella dondequiera que vayas.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✨ Ocasión:\u003c\/strong\u003e Uso diario, eventos especiales, citas, reuniones sociales - Es perfecto para todo momento.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-left\"\u003e\n \u003cstrong\u003e🎁 Presentación:\u003c\/strong\u003e Frasco elegante de diseño exclusivo en rosa pastel con detalles plateados de lujo.\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item slide-in-right\"\u003e\n \u003cstrong\u003e✅ Garantía:\u003c\/strong\u003e Calidad 1.1 Premium. Empaque seguro y protegido para entrega perfecta en todo Ecuador.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"testimonials\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e⭐ Lo Que Dicen Nuestras Clientas Felices ⭐\u003c\/h2\u003e\n \u003cdiv class=\"testimonials-grid\"\u003e\n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260129-WA0019.jpg?v=1769713592\" alt=\"Cliente satisfecha con Yara\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Estoy enamorada de Yara. El aroma es dulce pero no empalagoso, me dura mucho y recibo muchos cumplidos. Los recomiendo 100%.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- María S., Guayaquil\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260129-WA0017.jpg?v=1769713592\" alt=\"Cliente feliz con su perfume\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Es mi perfume favorito ahora. La fragancia es increíble, muy femenina y elegante. Me hace sentir especial cada día.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Andrea L., Quito\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"testimonial-card scale-in\"\u003e\n \u003cdiv class=\"testimonial-rating\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260129-WA0018.jpg?v=1769713592\" alt=\"Reseña positiva de cliente\" class=\"testimonial-image loaded\"\u003e\n \u003cdiv class=\"testimonial-text\"\u003e\"Excelente compra. Llegó rápido, bien empacado y es de muy buena calidad. El aroma es hermoso, dulce y dura muchísimo. ¡Lo amo!\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e- Carolina P., Cuenca\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"verification\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"section-title fade-in\"\u003e✅ Tienda online Verificada y Confiable ✅\u003c\/h2\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTienda verificada en redes Facebook e Instagram\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/Sin_titulo_1080_x_1280_px_1080_x_1180_px__20260129_141617_0000.png?v=1769714204\" alt=\"Verificación Oficial\" class=\"verification-image loaded scale-in\"\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-card scale-in\" style=\"max-width: 600px; margin: 0 auto; background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 245, 249, 0.95)); padding: 50px 40px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/6462ff48-9bab-4d02-b6bb-ffd6ed33494e.png?v=1769713594\" alt=\"Perfume Yara de Lattafa Exclusivo\" class=\"loaded\" style=\"max-height: 400px; margin-bottom: 30px;\"\u003e\n \u003ch2 style=\"color: #ff69b4; font-size: 1.8em; margin-bottom: 20px; text-align: center;\"\u003e🚨 ¡ASEGURA TU YARA ANTES QUE SE AGOTE! 🚨\u003c\/h2\u003e\n \u003cp style=\"color: #ff69b4; font-size: 1.3em; line-height: 1.6; text-align: center; font-weight: 600;\"\u003e\n Las mujeres que conocen las fragancias de lujo ya tienen su Yara de Lattafa. No te quedes sin el perfume más deseado de la temporada.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"final-cta\" id=\"comprar\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"fade-in\" style=\"color: #ff69b4; text-shadow: 3px 3px 8px rgba(0,0,0,0.4);\"\u003e🌸 ¡Lleva Tu Yara de Lattafa Hoy! 🌸\u003c\/h2\u003e\n \u003cp class=\"fade-in\" style=\"color: #ffb6d9; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\"\u003e\"Porque mereces un aroma que refleje tu elegancia, dulzura y personalidad única\"\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🌸 Fragancia calidad 1.1 Premium\u003c\/div\u003e\n \u003cdiv class=\"payment-feature\"\u003e⚡ Entrega Rápida y Segura\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: $48,00 USD\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003ePRECIO ESPECIAL: $38,00 USD\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $10,00 USD! Solo hasta agotar stock 💎\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e🔥 QUIERO MI YARA DE LATTAFA AHORA - ANTES DE QUE SE AGOTE 🔥\u003c\/a\u003e\n \n \u003cp style=\"margin-top: 30px; font-size: 1.1em; color: #ffb6d9; font-weight: 700; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\"\u003e\n ⏰ \u003cstrong\u003eAdvertencia:\u003c\/strong\u003e Yara de Lattafa se está agotando muy rápido por su aroma irresistible y precio exclusivo. \n Las últimas unidades se venden en minutos.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"footer\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"footer-content\"\u003e\n \u003cimg class=\"footer-logo loaded\" alt=\"Lattafa Perfumes Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/LATTAFA.png?v=1769714021\"\u003e\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✨ Elegancia en cada fragancia ✨\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eLATTAFA - Fragancias 1.1 Premium\u003c\/div\u003e\n \u003cp\u003eLas mejores fragancias de lujo para mujeres que buscan expresar su elegancia, dulzura y personalidad con un aroma inolvidable y sofisticado.\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\/section\u003e\n\n \u003cscript\u003e\n function updateScrollProgress() {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n }\n\n function revealOnScroll() {\n const reveals = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card');\n \n for (let i = 0; i \u003c reveals.length; i++) {\n const windowHeight = window.innerHeight;\n const elementTop = reveals[i].getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop \u003c windowHeight - elementVisible) {\n reveals[i].classList.add('visible');\n }\n }\n }\n\n function smoothScroll() {\n const links = document.querySelectorAll('a[href^=\"#\"]');\n \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) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n }\n }\n\n function handleImageLoading() {\n const images = document.querySelectorAll('img:not(.loaded)');\n \n images.forEach(img =\u003e {\n img.addEventListener('load', function() {\n this.classList.add('loaded');\n });\n \n if (img.complete) {\n img.classList.add('loaded');\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', function() {\n smoothScroll();\n handleImageLoading();\n revealOnScroll();\n updateScrollProgress();\n });\n\n window.addEventListener('scroll', function() {\n updateScrollProgress();\n revealOnScroll();\n });\n\n let ticking = false;\n \n function updateOnScroll() {\n updateScrollProgress();\n revealOnScroll();\n ticking = false;\n }\n\n window.addEventListener('scroll', function() {\n if (!ticking) {\n requestAnimationFrame(updateOnScroll);\n ticking = true;\n }\n });\n\n if ('ontouchstart' in window) {\n const cards = document.querySelectorAll('.product-card, .benefit-card, .testimonial-card');\n \n cards.forEach(card =\u003e {\n card.addEventListener('touchstart', function() {\n this.style.transform = this.style.transform || '';\n });\n });\n }\n\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 }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right, .scale-in, .product-card').forEach(el =\u003e {\n observer.observe(el);\n });\n }\n\n function addStaggerDelay() {\n const grids = [\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 ];\n\n grids.forEach(grid =\u003e {\n const items = document.querySelectorAll(grid.selector);\n items.forEach((item, index) =\u003e {\n item.style.transitionDelay = `${index * grid.delay}ms`;\n });\n });\n }\n\n document.addEventListener('DOMContentLoaded', addStaggerDelay);\n\n document.querySelectorAll('.cta-button').forEach(button =\u003e {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n \n button.addEventListener('mousedown', function() {\n this.style.transform = 'translateY(-2px) scale(1.05)';\n });\n \n button.addEventListener('mouseup', function() {\n this.style.transform = 'translateY(-5px) scale(1.08)';\n });\n });\n\n document.querySelectorAll('img, video').forEach(media =\u003e {\n media.addEventListener('error', function() {\n console.warn('Failed to load media:', this.src);\n this.style.display = 'none';\n });\n });\n\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Tab') {\n document.body.classList.add('keyboard-navigation');\n }\n });\n\n document.addEventListener('mousedown', function() {\n document.body.classList.remove('keyboard-navigation');\n });\n\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n document.documentElement.style.setProperty('--animation-duration', '0.01ms');\n \n const style = document.createElement('style');\n style.textContent = `\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n `;\n document.head.appendChild(style);\n }\n \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546586931570,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/6462ff48-9bab-4d02-b6bb-ffd6ed33494e.png?v=1769713594"},{"product_id":"sauvage-elixir-caja","title":"SAUVAGE ELIXIR CAJA","description":"Sauvage Elixir:Fragancia intensa y nocturna con lavanda, canela, nuez moscada y maderas oscuras. Muy potente, profunda y masculina. Proyecta fuerza y sofisticación, ideal para noches y clima fresco. ","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546587259250,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1740848514hyuyu_20_2.png?v=1769214483"},{"product_id":"1x-perfume-invictus","title":"1x perfume invictus","description":"Invictus es un perfume fresco y poderoso con notas marinas, toronja y mandarina, combinadas con jazmín, laurel y un fondo amaderado de ámbar gris y musgo. Energético y masculino, ideal para el día, transmite victoria, fuerza y una estela limpia y duradera que impone presencia.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546587619698,"sku":"098","price":36.0,"currency_code":"USD","in_stock":true}]},{"product_id":"x1-one-million","title":"X1 ONE MILLION","description":" 1 Million Fragancia dulce, cálida y especiada con canela, cuero y notas ambaradas. Intensa, atrevida y muy llamativa, perfecta para la noche. Proyecta lujo, poder y fuerte presencia.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546588176754,"sku":"098","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17073149811398711_1.jpg?v=1769214557"},{"product_id":"bhahara-en-estuche","title":"BHAHARA EN ESTUCHE","description":"Bhahara en estuche es un perfume elegante y envolvente con notas dulces, florales y ambaradas, combinadas con un fondo cremoso y suave. Sofisticado y femenino, ideal para el día o la noche. Su presentación en estuche lo hace perfecto para regalar y dejar una estela delicada, cálida y memorable.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546590634354,"sku":"1","price":41.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1739309664hyuyu_20_11.png?v=1769214586"},{"product_id":"odyssey-candee","title":"odyssey candee","description":"Odyssey Candee es un perfume dulce y adictivo con notas de caramelo, frutas jugosas y vainilla cremosa, equilibradas con un fondo suave y ambarado. Gourmand y femenino, ideal para quienes aman los aromas dulces y llamativos, deja una estela deliciosa, envolvente y difícil de olvidar. ","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546594763122,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1754415181descarga.jpg?v=1769214614"},{"product_id":"lataffa-sublime","title":"LATAFFA SUBLIME","description":"Lattafa Sublime es un perfume dulce y elegante con notas afrutadas, florales y un fondo ambarado suave. Femenino y encantador, ideal para el día o la noche. Proyecta delicadeza, estilo y una estela envolvente que resalta tu presencia con un toque sofisticado.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546594992498,"sku":"1","price":41.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1745332146descarga_20_1.jpg?v=1769214639"},{"product_id":"1x-perfume-vida-bella","title":"1x Perfume vida bella","description":"Vida Bella es un perfume dulce y elegante con notas de pera, vainilla y flores suaves. Femenino y sofisticado, ideal para el día o la noche. Transmite alegría, seguridad y una estela envolvente que resalta tu estilo y deja una impresión inolvidable.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546595090802,"sku":"97","price":36.0,"currency_code":"USD","in_stock":true}]},{"product_id":"khamrah-en-caja","title":"KHAMRAH EN CAJA","description":"Khamrah en caja es un perfume intenso y gourmand con notas protagonistas de canela, vainilla cremosa, praliné y ámbar cálido, acompañadas de toques dulces y especiados. Envolvente y lujoso, ideal para la noche. Su presentación en caja lo hace perfecto para regalar y dejar una estela adictiva, elegante y duradera.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546595156338,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1759936834Captura_20de_20pantalla_202025-10-08_20101717.png?v=1769214709"},{"product_id":"1x-perfume-moschino-toy-2","title":"1x perfume moschino toy 2","description":"perfume en replica ","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546597024114,"sku":"1","price":38.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1719508687moschino_moschino_toy_2_grande_9fa3c9f6-f68d-4d8b-accc-db3f5fb19fd3.webp?v=1769214737"},{"product_id":"lattafa-honor-and-glory","title":"LATTAFA HONOR AND GLORY","description":"replica AAA","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546602627442,"sku":"1","price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1723167364Lattafa-Badee-Al-Oud-Honor-Glory-1.webp?v=1769214765"},{"product_id":"bad-boy-carolina-herrera","title":"BAD BOY CAROLINA HERRERA","description":"Bad Boy de Carolina Herrera es un perfume intenso y seductor con notas de pimienta blanca y negra, bergamota fresca y un fondo poderoso de cacao, haba tonka y maderas ambaradas. Oscuro, elegante y masculino, ideal para la noche, proyecta carácter, rebeldía y una estela profunda que impone presencia.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546603151730,"sku":"46","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/17242744861.jpg?v=1769214789"},{"product_id":"1perfume-bleu-de-chanel","title":"1perfume bleu de chanel","description":"Bleu de Chanel:Fragancia elegante y versátil con notas cítricas, menta e incienso. Limpia, moderna y sofisticada, ideal para trabajo, citas y eventos formales. Proyecta clase y serenidad.","brand":"Zahariq Shop ","offers":[{"title":"Default Title","offer_id":61546603577714,"sku":"8","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/1708437770BLEU-DE-CHANEL-100ML-EDT.jpg?v=1769214870"},{"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"},{"product_id":"golden-lure-parfum-con-feromonas-60ml-copia","title":"GOLDEN LURE PARFUM 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🔥 Golden Lure – 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 * { margin: 0; padding: 0; box-sizing: border-box; }\n html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; }\n body { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Raleway', sans-serif; line-height: 1.6; color: #f5e8c9; background: linear-gradient(135deg, #100a06, #201510, #180e06, #281808, #100a06); margin: 0; padding: 0; }\n section { width: 100%; max-width: 100%; overflow-x: hidden; position: relative; }\n img, video { max-width: 100%; height: auto; display: block; }\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\n\n .fade-in { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .fade-in.visible { opacity: 1; transform: translateY(0); }\n .slide-in-left { opacity: 0; transform: translateX(-100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .slide-in-left.visible { opacity: 1; transform: translateX(0); }\n .slide-in-right { opacity: 0; transform: translateX(100px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .slide-in-right.visible { opacity: 1; transform: translateX(0); }\n .scale-in { opacity: 0; transform: scale(0.8); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .scale-in.visible { opacity: 1; transform: scale(1); }\n\n @keyframes slideInTop { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } }\n @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\n @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }\n @keyframes logoReveal { 0% { opacity: 0; transform: scale(0) rotate(-180deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } }\n @keyframes textReveal { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } }\n @keyframes titleReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.9); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n @keyframes subtitleReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n @keyframes paragraphReveal { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n @keyframes buttonReveal { 0% { opacity: 0; transform: translateY(30px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n @keyframes shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n @keyframes glow { from { filter: drop-shadow(0 0 8px rgba(212, 160, 23, 0.7)); } to { filter: drop-shadow(0 0 22px rgba(255, 215, 0, 1)); } }\n @keyframes highlightGlow { 0%, 100% { text-shadow: 0 0 8px rgba(212,160,23,0.4); } 50% { text-shadow: 0 0 18px rgba(255,215,0,0.8); } }\n @keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 20px rgba(212,160,23,0.5), 0 0 40px rgba(212,160,23,0.2), inset 0 0 10px rgba(212,160,23,0.05); } 50% { box-shadow: 0 0 40px rgba(255,215,0,0.8), 0 0 80px rgba(212,160,23,0.3), inset 0 0 20px rgba(212,160,23,0.1); } }\n @keyframes alertPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n @keyframes scanLine { 0% { top: -5%; } 100% { top: 105%; } }\n @keyframes particleDrift { 0% { transform: translateY(0) translateX(0) scale(1); opacity: 0.7; } 100% { transform: translateY(-120vh) translateX(20px) scale(0); opacity: 0; } }\n\n .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, #d4a017, #ffd700, #b8860b, #d4a017); z-index: 1000; transition: width 0.1s ease; box-shadow: 0 0 8px rgba(212,160,23,0.7); max-width: 100%; }\n\n .hero { background: radial-gradient(ellipse at 20% 50%, rgba(120,80,0,0.35) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(80,50,0,0.25) 0%, transparent 50%), linear-gradient(160deg, #100a06 0%, #201510 40%, #180e06 100%); color: #ffffff; padding: 80px 0; text-align: center; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; width: 100%; max-width: 100%; }\n .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(212,160,23,0.025) 40px, rgba(212,160,23,0.025) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(212,160,23,0.025) 40px, rgba(212,160,23,0.025) 41px); pointer-events: none; }\n .hero-scan { position: absolute; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, rgba(212,160,23,0.4), transparent); animation: scanLine 6s linear infinite; pointer-events: none; }\n .particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\n .particle { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #d4a017; box-shadow: 0 0 6px #ffd700; animation: particleDrift linear infinite; }\n\n .price-banner { background: linear-gradient(45deg, #b8860b, #d4a017, #b8860b); color: #fff; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; font-size: 1.2em; font-weight: bold; box-shadow: 0 8px 25px rgba(180,130,10,0.5), 0 0 20px rgba(212,160,23,0.3); border: 1px solid rgba(212,160,23,0.5); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: pulse 2s infinite, slideInTop 1s ease-out; max-width: 100%; letter-spacing: 0.5px; }\n .hero-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .hero-logo { width: 380px; height: 380px; object-fit: cover; border-radius: 50%; background: linear-gradient(135deg, #100a06, #301a00, #402000, #301a00); padding: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 40px rgba(212,160,23,0.6); border: 4px solid rgba(212,160,23,0.85); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: float 3s ease-in-out infinite, logoReveal 1.5s ease-out 0.5s both, pulseGlow 3s ease-in-out infinite; max-width: 90%; }\n .hero-logo:hover { transform: scale(1.1) rotate(5deg) translateY(-15px); box-shadow: 0 25px 60px rgba(0,0,0,0.7), 0 0 60px rgba(255,215,0,0.9); }\n .hero-text { flex: 1; max-width: 600px; animation: textReveal 1.2s ease-out 1s both; width: 100%; text-align: left; }\n .brand-eyebrow { font-family: 'Raleway', sans-serif; font-size: 0.8em; font-weight: 700; letter-spacing: 4px; color: #d4a017; text-transform: uppercase; margin-bottom: 8px; text-shadow: 0 0 10px rgba(212,160,23,0.6); animation: subtitleReveal 1s ease-out 1.3s both; }\n .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: 5em; margin-bottom: 10px; letter-spacing: 5px; line-height: 0.92; color: #ffffff; animation: glow 2s ease-in-out infinite alternate, titleReveal 1s ease-out 1.2s both; word-wrap: break-word; }\n .hero .subtitle { font-size: 1.1em; margin-bottom: 18px; color: #d4a017; font-weight: 700; letter-spacing: 2px; animation: subtitleReveal 1s ease-out 1.4s both; word-wrap: break-word; text-shadow: 0 0 12px rgba(212,160,23,0.6); }\n .hero p { font-size: 1.25em; margin-bottom: 25px; color: #e8d0b0; animation: paragraphReveal 1s ease-out 1.6s both; word-wrap: break-word; font-weight: 500; }\n .highlight-text { color: #ffe87a; font-weight: bold; font-style: italic; position: relative; animation: highlightGlow 3s ease-in-out infinite; }\n .cta-button { background: linear-gradient(45deg, #d4a017, #b8860b, #ffd700, #9a7000, #d4a017); background-size: 200% 200%; color: #000; padding: 20px 50px; border: none; border-radius: 50px; font-size: 1.3em; font-weight: 900; font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 8px 25px rgba(212,160,23,0.5), 0 0 20px rgba(212,160,23,0.2); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: shimmer 3s ease-in-out infinite, buttonReveal 1s ease-out 1.8s both; margin: 10px; max-width: 90%; }\n .cta-button:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 15px 45px rgba(255,215,0,0.8), 0 0 40px rgba(212,160,23,0.4); }\n\n .visual-banner { background: linear-gradient(160deg, #080604 0%, #181008 50%, #080604 100%); padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .section-title { font-family: 'Bebas Neue', sans-serif; font-size: 3em; color: #d4a017; margin-bottom: 15px; text-align: center; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; letter-spacing: 3px; text-shadow: 0 0 20px rgba(212,160,23,0.5), 3px 3px 10px rgba(0,0,0,0.8); }\n .section-subtitle { font-size: 1.1em; color: #c8a060; text-align: center; margin-bottom: 50px; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; letter-spacing: 1px; }\n .divider { width: 80px; height: 2px; background: linear-gradient(90deg, transparent, #d4a017, transparent); margin: 15px auto 30px; box-shadow: 0 0 10px rgba(212,160,23,0.6); }\n\n .product-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .product-card { background: linear-gradient(135deg, #1a1208, #120e06); border-radius: 25px; padding: 35px; box-shadow: 0 15px 40px rgba(0,0,0,0.5); text-align: center; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1.5px solid rgba(212,160,23,0.25); position: relative; overflow: hidden; transform: translateY(30px); opacity: 0; width: 100%; max-width: 100%; }\n .product-card.visible { transform: translateY(0); opacity: 1; }\n .product-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212,160,23,0.08), transparent); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .product-card:hover::before { left: 100%; }\n .product-card:hover { box-shadow: 0 0 30px rgba(212,160,23,0.5), 0 25px 70px rgba(0,0,0,0.6); transform: translateY(-15px) scale(1.02); border-color: rgba(212,160,23,0.7); }\n .product-card img, .product-card video { width: 100%; max-width: 100%; max-height: 320px; object-fit: cover; border-radius: 18px; margin-bottom: 22px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid rgba(212,160,23,0.2); }\n .product-card:hover img, .product-card:hover video { transform: scale(1.08) rotate(1deg); filter: brightness(1.1) saturate(1.2); border-color: rgba(212,160,23,0.5); }\n .product-card h3 { color: #d4a017; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; font-size: 1.4em; letter-spacing: 2px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(212,160,23,0.4); }\n .product-card:hover h3 { transform: translateY(-3px); text-shadow: 0 0 20px rgba(255,215,0,0.7); }\n .product-card p { color: #c8a060; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; font-size: 0.95em; }\n .product-card:hover p { color: #e8d0a0; }\n\n .benefits { background: linear-gradient(160deg, #100a06 0%, #201510 40%, #181008 70%, #080604 100%); color: #ffffff; padding: 100px 0; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 60px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .benefit-card { background: linear-gradient(135deg, rgba(26,18,8,0.95), rgba(212,160,23,0.04)); padding: 50px 30px; border-radius: 25px; text-align: center; border: 1.5px solid rgba(212,160,23,0.22); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); backdrop-filter: blur(10px); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .benefit-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, rgba(212,160,23,0.08) 0%, transparent 70%); opacity: 0; transition: opacity 0.6s ease; }\n .benefit-card:hover::after { opacity: 1; }\n .benefit-card:hover { transform: scale(1.08) translateY(-10px); border-color: rgba(212,160,23,0.65); box-shadow: 0 0 30px rgba(212,160,23,0.3), 0 20px 60px rgba(0,0,0,0.5); }\n .benefit-icon { font-size: 3.5em; margin-bottom: 25px; display: block; filter: drop-shadow(0 0 10px rgba(212,160,23,0.6)); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .benefit-card:hover .benefit-icon { transform: scale(1.2) rotateY(360deg); filter: drop-shadow(0 0 20px rgba(255,215,0,0.9)); }\n .benefit-card h3 { margin-bottom: 18px; font-family: 'Bebas Neue', sans-serif; font-size: 1.5em; letter-spacing: 2px; color: #d4a017; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 8px rgba(212,160,23,0.4); }\n .benefit-card:hover h3 { text-shadow: 0 0 18px rgba(255,215,0,0.8); transform: translateY(-4px); }\n .benefit-card p { color: #c8a060; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .benefit-card:hover p { color: #e8d0a0; }\n\n .specifications { background: linear-gradient(135deg, #080604 0%, #181008 100%); padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 60px; width: 100%; max-width: 100%; }\n .spec-item { background: linear-gradient(135deg, #1a1208, #120e06); padding: 28px; border-radius: 18px; border-left: 4px solid #d4a017; border-top: 1px solid rgba(212,160,23,0.12); border-right: 1px solid rgba(212,160,23,0.06); border-bottom: 1px solid rgba(212,160,23,0.06); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 10px 30px rgba(0,0,0,0.4); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .spec-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(to bottom, #ffd700, #d4a017, #b8860b); transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .spec-item:hover::before { height: 100%; }\n .spec-item:hover { transform: translateX(12px) scale(1.01); box-shadow: 0 20px 50px rgba(0,0,0,0.5), -8px 0 20px rgba(212,160,23,0.25); }\n .spec-item strong { color: #d4a017; font-size: 0.85em; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 8px rgba(212,160,23,0.4); }\n .spec-item:hover strong { transform: translateX(8px); text-shadow: 0 0 15px rgba(255,215,0,0.7); }\n .spec-item span { font-size: 0.9em; color: #c8a060; line-height: 1.6; }\n\n .testimonials { background: linear-gradient(160deg, #201510 0%, #181008 50%, #080604 100%); color: #fff; padding: 100px 0; position: relative; width: 100%; max-width: 100%; }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 60px; width: 100%; max-width: 100%; }\n .testimonial-card { background: linear-gradient(135deg, #1a1208, #120e06); border-radius: 25px; border: 1.5px solid rgba(212,160,23,0.22); overflow: hidden; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; width: 100%; max-width: 100%; }\n .testimonial-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(212,160,23,0.07) 0%, transparent 70%); opacity: 0; transition: all 0.8s ease; transform: scale(0); }\n .testimonial-card:hover::before { opacity: 1; transform: scale(1); }\n .testimonial-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 0 35px rgba(212,160,23,0.4), 0 25px 70px rgba(0,0,0,0.6); border-color: rgba(212,160,23,0.6); }\n .testimonial-image { width: 100%; max-height: 320px; object-fit: cover; display: block; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n .testimonial-card:hover .testimonial-image { transform: scale(1.06); filter: brightness(1.08) saturate(1.1); }\n .testimonial-body { padding: 30px; position: relative; z-index: 2; }\n .testimonial-rating { color: #ffd700; font-size: 1.6em; margin-bottom: 16px; filter: drop-shadow(0 0 6px rgba(255,215,0,0.6)); transition: all 0.3s ease; }\n .testimonial-card:hover .testimonial-rating { transform: scale(1.1); filter: drop-shadow(0 0 12px rgba(255,215,0,0.9)); }\n .testimonial-text { font-style: italic; margin-bottom: 20px; line-height: 1.8; color: #c8a060; transition: color 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; font-size: 0.95em; }\n .testimonial-card:hover .testimonial-text { color: #e8d0a0; }\n .testimonial-author { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; color: #d4a017; font-size: 1.05em; transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; text-shadow: 0 0 8px rgba(212,160,23,0.4); }\n .testimonial-card:hover .testimonial-author { transform: translateX(8px); text-shadow: 0 0 15px rgba(255,215,0,0.7); }\n\n .final-cta { background: radial-gradient(ellipse at center, rgba(130,80,0,0.3) 0%, transparent 70%), linear-gradient(160deg, #100a06, #201510, #100a06); color: #ffffff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .final-cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(212,160,23,0.02) 40px, rgba(212,160,23,0.02) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(212,160,23,0.02) 40px, rgba(212,160,23,0.02) 41px); pointer-events: none; }\n .final-cta h2 { font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 4px; margin-bottom: 20px; color: #d4a017; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; text-shadow: 0 0 25px rgba(212,160,23,0.5), 3px 3px 10px rgba(0,0,0,0.8); }\n .final-cta p { font-size: 1.25em; margin-bottom: 45px; color: #c8a060; position: relative; z-index: 2; word-wrap: break-word; padding: 0 10px; font-weight: 500; font-style: italic; }\n .payment-info { background: linear-gradient(135deg, rgba(212,160,23,0.05), rgba(100,60,0,0.15)); padding: 40px; border-radius: 25px; margin: 50px 0; border: 1.5px solid rgba(212,160,23,0.3); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%; max-width: 100%; overflow: hidden; }\n .payment-info::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212,160,23,0.08), transparent); transition: left 0.8s ease; }\n .payment-info:hover::before { left: 100%; }\n .payment-info:hover { transform: scale(1.02); box-shadow: 0 0 30px rgba(212,160,23,0.2), 0 20px 50px rgba(0,0,0,0.4); border-color: rgba(212,160,23,0.6); }\n .payment-info h3 { margin-bottom: 25px; font-family: 'Bebas Neue', sans-serif; font-size: 1.8em; letter-spacing: 3px; color: #d4a017; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 12px rgba(212,160,23,0.5); position: relative; z-index: 2; }\n .payment-info:hover h3 { transform: translateY(-3px); text-shadow: 0 0 20px rgba(255,215,0,0.8); }\n .payment-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; width: 100%; max-width: 100%; position: relative; z-index: 2; }\n .payment-feature { display: flex; align-items: center; font-size: 1.1em; color: #c8a060; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding: 10px 0; word-wrap: break-word; font-weight: 600; }\n .payment-feature:hover { transform: translateX(10px); color: #d4a017; }\n .payment-feature::before { content: '✓'; margin-right: 15px; font-weight: bold; color: #d4a017; font-size: 1.3em; text-shadow: 0 0 8px rgba(212,160,23,0.6); transition: all 0.3s ease; flex-shrink: 0; }\n .payment-feature:hover::before { transform: scale(1.2) rotate(360deg); text-shadow: 0 0 15px rgba(255,215,0,0.9); }\n .price-comparison { background: linear-gradient(135deg, rgba(212,160,23,0.05), rgba(120,80,0,0.15)); padding: 35px; border-radius: 20px; margin: 40px 0; text-align: center; border: 1.5px solid rgba(212,160,23,0.4); position: relative; z-index: 2; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; width: 100%; max-width: 100%; }\n .price-comparison::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212,160,23,0.12), transparent); transition: left 0.8s ease; }\n .price-comparison:hover::before { left: 100%; }\n .price-comparison:hover { transform: scale(1.04); box-shadow: 0 0 35px rgba(212,160,23,0.3), 0 20px 50px rgba(0,0,0,0.4); border-color: rgba(212,160,23,0.7); }\n .old-price { text-decoration: line-through; color: #554433; font-size: 1.8em; transition: all 0.3s ease; word-wrap: break-word; display: block; margin-bottom: 10px; }\n .price-comparison:hover .old-price { color: #665544; }\n .new-price { color: #d4a017; font-family: 'Bebas Neue', sans-serif; font-size: 3em; letter-spacing: 3px; text-shadow: 0 0 20px rgba(212,160,23,0.7); transition: all 0.3s ease; position: relative; z-index: 2; word-wrap: break-word; display: block; }\n .price-comparison:hover .new-price { transform: scale(1.08); text-shadow: 0 0 35px rgba(255,215,0,0.9); }\n .savings { color: #ffd700; font-size: 1.3em; font-weight: 700; margin-top: 12px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(255,215,0,0.4); }\n .price-comparison:hover .savings { transform: translateY(-3px) scale(1.08); text-shadow: 0 0 18px rgba(255,215,0,0.7); }\n\n .footer { background: linear-gradient(135deg, #060402, #0d0806); color: #c8a060; padding: 80px 0; text-align: center; border-top: 1px solid rgba(212,160,23,0.15); position: relative; overflow: hidden; width: 100%; max-width: 100%; }\n .footer-content { display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; position: relative; z-index: 2; width: 100%; max-width: 100%; }\n .footer-logo { width: 220px; height: 220px; border-radius: 50%; object-fit: cover; background: linear-gradient(135deg, #100a06, #301a00, #402000); padding: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.6), 0 0 30px rgba(212,160,23,0.5); border: 3px solid rgba(212,160,23,0.7); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); max-width: 90%; animation: pulseGlow 3s ease-in-out infinite, float 4s ease-in-out infinite; }\n .footer-logo:hover { transform: scale(1.1) rotate(5deg); box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 45px rgba(255,215,0,0.8); }\n .footer-text { flex: 1; max-width: 500px; text-align: left; position: relative; z-index: 2; width: 100%; }\n .footer-text .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 1.2em; letter-spacing: 3px; color: #d4a017; margin-bottom: 12px; transition: all 0.3s ease; word-wrap: break-word; text-shadow: 0 0 10px rgba(212,160,23,0.5); }\n .footer-text:hover .tagline { transform: translateX(10px); text-shadow: 0 0 18px rgba(255,215,0,0.8); }\n .footer-text .store-name { font-family: 'Bebas Neue', sans-serif; font-size: 2em; letter-spacing: 4px; color: #ffd700; margin-bottom: 15px; transition: all 0.3s ease; word-wrap: break-word; }\n .footer-text:hover .store-name { transform: translateX(10px); color: #fff; }\n .footer-text p { font-size: 1em; color: #7a5a30; line-height: 1.7; transition: color 0.3s ease; word-wrap: break-word; }\n .footer-text:hover p { color: #c8a060; }\n\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 @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 \u003cdiv class=\"price-banner\"\u003e💳 PAGO CONTRA ENTREGA • 🚚 ENVÍO GRATIS A TODO ECUADOR\u003c\/div\u003e\n\n \u003cdiv class=\"hero-content\"\u003e\n \u003cimg class=\"hero-logo\" alt=\"Golden Lure – Fragancia Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260217-WA0013.jpg?v=1771354528\"\u003e\n\n \u003cdiv class=\"hero-text\"\u003e\n \u003cdiv class=\"brand-eyebrow\"\u003e✦ Zahariq Shop ✦\u003c\/div\u003e\n \u003ch1\u003eGOLDEN\u003cbr\u003eLURE\u003c\/h1\u003e\n \u003cp class=\"subtitle\"\u003e✦ PERFUME CON FEROMONAS · EAU DE PARFUM · 60 mL ✦\u003c\/p\u003e\n \u003cp\u003e\u003cspan class=\"highlight-text\"\u003e\"No llames la atención. Atrá­ela.\"\u003c\/span\u003e\u003c\/p\u003e\n \u003cp\u003e✨ La fragancia que convierte presencia en poder ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e1 UNIDAD 🔥 $24.99 USD\u003c\/a\u003e\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e2 UNIDADES 💎 $39.99 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✨ GOLDEN LURE – EL PERFUME QUE TODAS NOTAN ✨\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-20260217-WA0007.jpg?v=1771354527\" alt=\"Golden Lure – Frasco Premium 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.\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-20260217-WA0010.jpg?v=1771354528\" alt=\"Golden Lure – La diferencia\"\u003e\n \u003ch3\u003e⚡ La Diferencia Es Real\u003c\/h3\u003e\n \u003cp\u003eCon Golden Lure o sin Golden Lure. El aroma correcto transforma tu presencia 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\/IMG-20260217-WA0009.jpg?v=1771354526\" alt=\"Golden Lure – Presencia Irresistible\"\u003e\n \u003ch3\u003e👑 Presencia Que Domina\u003c\/h3\u003e\n \u003cp\u003eGolden Lure no es solo una colonia. Es una declaración de seguridad, estilo y personalidad.\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-20260217-WA0008.jpg?v=1771354526\" alt=\"Golden Lure – Pack 1 o 2 unidades\"\u003e\n \u003ch3\u003e💰 Elige Tu Pack\u003c\/h3\u003e\n \u003cp\u003e1 unidad a \u003cstrong style=\"color:#d4a017\"\u003e$24.99\u003c\/strong\u003e o lleva 2 por solo \u003cstrong style=\"color:#d4a017\"\u003e$39.99\u003c\/strong\u003e y ahorra $9.99. 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!-- BENEFICIOS --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n\n \u003ch2 class=\"section-title fade-in\"\u003e✨ ¿Por Qué Elegir Golden Lure? ✨\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. Un eau de parfum de verdad.\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 él lo merece.\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 $39.99 y ahorra $9.99. Ú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 ✨️\u003c\/h2\u003e\n \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n \u003cp class=\"section-subtitle fade-in\"\u003eTodo lo que necesitas saber sobre Golden Lure\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\u003eGolden Lure – Exclusive Men's Perfume · Eau de Parfum\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 e irresistible\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, elegancia y presencia dorada\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: $24.99 USD | 2 unidades: $39.99 USD (ahorra $9.99)\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-20260217-WA0017.jpg?v=1771354526\" alt=\"Reseña cliente Golden Lure\" 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\"Llegó super bien empacado y el aroma es una locura. Mi pareja me dijo que le encanta cuando lo uso. Ya pedí el segundo frasco. Todo el proceso fue fácil y el pago contraentrega me dio confianza total.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Diego M. · 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-20260217-WA0016.jpg?v=1771354526\" alt=\"Reseña cliente Golden Lure 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\"Compré el pack de dos y fue la mejor decisión. Huele diferente a todo lo que he probado, tiene algo especial que no sé explicar pero que todo el mundo nota.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Javier T. · 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-20260217-WA0014.jpg?v=1771354526\" alt=\"Reseña cliente Golden Lure 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\"Lo compré de regalo para mi hermano y quedó impresionado con la caja y el olor. Mis cuñadas le preguntan qué perfume usa. Responden rápido y el envío fue puntual. 100% recomendado.\"\u003c\/div\u003e\n \u003cdiv class=\"testimonial-author\"\u003e— Carlos B. · 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!-- VERIFICACIÓN ZAHARIQ (movida después de reseñas) --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003csection class=\"benefits\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"product-card fade-in\" style=\"max-width: 800px; margin: 0 auto; text-align: center; padding: 45px; border: 2px solid rgba(212,160,23,0.5); box-shadow: 0 0 30px rgba(212,160,23,0.2); opacity:1; transform:none;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0760\/8270\/8728\/files\/1_20251217_214336_0000.png?v=1766025904\" alt=\"Verificación Zahariq Shop\" style=\"max-height: 280px; object-fit: contain; margin: 0 auto 25px; border-radius: 18px; width: 100%; border: none; background: transparent;\"\u003e\n \u003ch3 style=\"text-align:center; font-size:1.8em; margin-bottom:18px; animation: alertPulse 2s ease-in-out infinite;\"\u003e🛡️ TIENDA VERIFICADA Y 100% CONFIABLE 🛡️\u003c\/h3\u003e\n \u003cdiv style=\"background: linear-gradient(135deg, rgba(212,160,23,0.06), rgba(120,80,0,0.1)); padding: 20px 25px; border-radius: 16px; border-left: 4px solid #d4a017;\"\u003e\n \u003cp style=\"font-size:1.05em; color:#c8a060; line-height:1.9;\"\u003e\n \u003cstrong style=\"color:#d4a017; font-size:1.1em;\"\u003eZahariq Shop Ecuador\u003c\/strong\u003e es una tienda \u003cstrong style=\"color:#ffd700;\"\u003eoficialmente verificada\u003c\/strong\u003e. Tu compra está 100% protegida.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; color:#ffd700; font-family:'Bebas Neue', sans-serif; font-size:1.4em; letter-spacing:3px; text-shadow:0 0 10px rgba(255,215,0,0.5); margin-top:20px;\"\u003e✦ TU CONFIANZA ES NUESTRA PRIORIDAD ✦\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- URGENCIA --\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(212,160,23,0.4); box-shadow: 0 0 35px rgba(212,160,23,0.2);\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260217-WA0022.jpg?v=1771356985\" alt=\"Golden Lure – Presencia que domina\" style=\"max-height: 380px; object-fit: cover; margin-bottom: 30px; border-radius:18px; width:100%;\"\u003e\n \u003ch2 style=\"color:#d4a017; font-family:'Bebas Neue',sans-serif; font-size:2em; letter-spacing:3px; margin-bottom:18px; text-align:center; text-shadow:0 0 20px rgba(212,160,23,0.5); animation: alertPulse 2s ease-in-out infinite;\"\u003e\n 🚨 ¡ASEGURA TU GOLDEN LURE ANTES QUE SE AGOTE! 🚨\n \u003c\/h2\u003e\n \u003cp style=\"color:#c8a060; font-size:1.2em; line-height:1.7; text-align:center; font-weight:500;\"\u003e\n Los hombres ecuatorianos que ya conocen Golden Lure 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 Golden Lure 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✅ Tienda Verificada\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: $29.99 por unidad\u003c\/span\u003e\n \u003cspan class=\"new-price\"\u003e1X $24.99 USD — 2X $39.99 USD\u003c\/span\u003e\n \u003cdiv class=\"savings\"\u003e💎 ¡Ahorras $9.99 USD en el pack doble! Solo hasta agotar stock 💎\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"#comprar\" class=\"cta-button\"\u003e✨ QUIERO MI GOLDEN LURE AHORA ✨\u003c\/a\u003e\n\n \u003cp style=\"margin-top:30px; font-size:1.05em; color:#554433; font-weight:600; font-style:italic; position:relative; z-index:2;\"\u003e\n ⏰ \u003cstrong style=\"color:#d4a017;\"\u003eAdvertencia:\u003c\/strong\u003e Golden Lure se está agotando muy rápido por su calidad premium, diseño único y precio exclusivo.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- FOOTER --\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=\"Golden Lure – Zahariq Shop Ecuador\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260217-WA0013.jpg?v=1771354528\"\u003e\n\n \u003cdiv class=\"footer-text\"\u003e\n \u003cdiv class=\"tagline\"\u003e✦ No llames la atención. Atrá­ela. ✦\u003c\/div\u003e\n \u003cdiv class=\"store-name\"\u003eGOLDEN LURE – Exclusive Men's Perfume\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.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e© 2026 Zahariq Shop. Todos los derechos reservados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/footer\u003e\n\n \u003c!-- ============================================================ --\u003e\n \u003c!-- JAVASCRIPT --\u003e\n \u003c!-- ============================================================ --\u003e\n \u003cscript\u003e\n function updateScrollProgress() {\n const scrolled = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100;\n document.getElementById('scrollProgress').style.width = scrolled + '%';\n }\n\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 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 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 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 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 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 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 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 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 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 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\n\u003c\/body\u003e","brand":"Zahariq Shop","offers":[{"title":"Default Title","offer_id":61604616962418,"sku":"120461","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/files\/IMG-20260217-WA0007.jpg?v=1771354527"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/4335\/2946\/collections\/1000126065.png?v=1769212327","url":"https:\/\/zahariqshop.com\/collections\/perfumes.oembed?page=2","provider":"Zahariq Shop ","version":"1.0","type":"link"}