love

.pf_top_banner_2024 { position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #4B0082, #8B008B); color: #ffffff; z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -o-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important; -ms-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important; -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important; box-shadow: 0 5px 5px rgba(0,0,0,0.2) !important; } .pf_banner_container { max-width: 1200px; margin: 0 auto; padding: 8px 15px; display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-wrap: wrap; } .pf_banner_item { font-size: 14px; line-height: 1.4; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); letter-spacing: 0.5px; } .pf_banner_item a { color: #ffffff; text-decoration: none; transition: all 0.3s ease; } .pf_banner_item a:hover { color: #FFD700; transform: scale(1.05); } /* Body padding to prevent content from hiding under banner */ body { padding-top: 40px !important; } @media screen and (max-width: 768px) { .pf_banner_container { padding: 6px 12px; gap: 12px; justify-content: flex-start; } .pf_banner_item { font-size: 13px; text-align: left; } } @media screen and (max-width: 480px) { .pf_banner_container { flex-direction: column; gap: 4px; padding: 6px 12px; align-items: flex-start; justify-content: flex-start; } .pf_banner_item { font-size: 12px; text-align: left; width: 100%; display: block; } body { padding-top: 65px !important; } } .prismatic-promo-container { position: relative; width: 100%; height: 400px; overflow: hidden; background: radial-gradient(circle, #ff0018 0%, #ffa52c 20%, #ffff41 40%, #008018 60%, #0000f9 80%, #86007d 100% ); animation: backgroundChange 28s infinite; font-family: Verdana, Arial, sans-serif; } @keyframes backgroundChange { 0%, 25% { background-color: #ff0018; } 25%, 50% { background-color: #ffa52c; } 50%, 75% { background-color: #008018; } 75%, 100% { background-color: #0000f9; } } .prismatic-sparkles { position: absolute; width: 100%; height: 100%; pointer-events: none; } .flower { position: absolute; font-size: 24px; transform-origin: center; animation: swirl 15s linear infinite; } @keyframes swirl { 0% { transform: rotate(0deg) translateY(-50px) rotate(0deg); } 100% { transform: rotate(360deg) translateY(-50px) rotate(-360deg); } } .scrolling-text { position: absolute; text-transform: uppercase; font-weight: 900; top: 140px; width: 100%; white-space: nowrap; color: white; font-size: min(36px, 5vw); text-shadow: 0px 0px 1px #FF0018, /* Red */ 0px 0px 2px #FFA52C, /* Orange */ 0px 0px 3px #FFFF41, /* Yellow */ 0px 0px 4px #008018, /* Green */ 0px 0px 5px #0000F9, /* Blue */ 0px 0px 6px #86007D, /* Purple */ 0px 0px 7px #FF0018, /* Red again */ 0px 0px 8px #FFA52C, /* Orange again */ 0px 0px 9px #FFFF41, /* Yellow again */ 0px 0px 10px #008018, /* Green again */ 0px 0px 11px #0000F9, /* Blue again */ 0px 0px 12px #86007D /* Purple again */ !important; animation: scrollText 15s linear infinite; } @keyframes scrollText { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } .prismatic-promo-content { display: none; position: absolute; bottom: 20px; left: 0; transform: translateY(0); width: 100%; padding: 20px; text-align: center; transition: transform 0.5s ease-out; transform: translateX(-100%); color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .prismatic-brand { position: absolute; top: 60px; left: 0; width: 100%; text-align: center; font-size: min(50px, 6vw); font-weight: 900; text-transform: uppercase; letter-spacing: min(2px, 0.2vw); z-index: 10; line-height: 120%; } .prismatic-brand span { filter: drop-shadow(2px 2px 0 #000) drop-shadow(-2px 2px 0 #000) drop-shadow(2px -2px 0 #000) drop-shadow(-2px -2px 0 #000); } .prismatic-brand span:nth-child(6n + 1) { color: #E40303; } /* Red */ .prismatic-brand span:nth-child(6n + 2) { color: #FF8C00; } /* Orange */ .prismatic-brand span:nth-child(6n + 3) { color: #FFED00; } /* Yellow */ .prismatic-brand span:nth-child(6n + 4) { color: #008026; } /* Green */ .prismatic-brand span:nth-child(6n + 5) { color: #004DFF; } /* Blue */ .prismatic-brand span:nth-child(6n + 6) { color: #750787; } /* Violet */ .prismatic-promo-content.active { display: block; transform: translateX(0); } .prismatic-highlight-text { font-size: min(36px, 4vw); font-weight: 500; position: absolute; bottom: 110px; line-height: 140% !important; margin-bottom: min(1rem, 2vh); text-transform: uppercase; letter-spacing: calc(3px - 0.1vw); text-shadow: 0px 0px 1px #FF0018, /* Red */ 0px 0px 2px #FFA52C, /* Orange */ 0px 0px 3px #FFFF41, /* Yellow */ 0px 0px 4px #008018, /* Green */ 0px 0px 5px #0000F9, /* Blue */ 0px 0px 6px #86007D, /* Purple */ 0px 0px 7px #FF0018, /* Red again */ 0px 0px 8px #FFA52C, /* Orange again */ 0px 0px 9px #FFFF41, /* Yellow again */ 0px 0px 10px #008018, /* Green again */ 0px 0px 11px #0000F9, /* Blue again */ 0px 0px 12px #86007D /* Purple again */ !important; } .prismatic-promo-subtext { font-size: min(36px, 4vw); margin: 0; text-transform: uppercase; font-weight: 500; position: absolute; bottom: calc(50px + 0.5vw); line-height: 140% !important; text-shadow: 0px 0px 1px #FF0018, /* Red */ 0px 0px 2px #FFA52C, /* Orange */ 0px 0px 3px #FFFF41, /* Yellow */ 0px 0px 4px #008018, /* Green */ 0px 0px 5px #0000F9, /* Blue */ 0px 0px 6px #86007D, /* Purple */ 0px 0px 7px #FF0018, /* Red again */ 0px 0px 8px #FFA52C, /* Orange again */ 0px 0px 9px #FFFF41, /* Yellow again */ 0px 0px 10px #008018, /* Green again */ 0px 0px 11px #0000F9, /* Blue again */ 0px 0px 12px #86007D /* Purple again */ !important; letter-spacing: calc(3px - 0.1vw); } .prismatic-highlight-special { color: #ffff00; font-size: min(36px, 4.5vw); background: rgba(0, 0, 0, 0.3); padding: 0.2em 0.4em; border-radius: 4px; font-weight: 500; animation: glow 2s ease-in-out infinite; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 0 0 10px rgba(0,0,0,0.9); } .free-text { font-weight: 500; color: #ffff00; background: rgba(0, 0, 0, 0.4); padding: 0.2em 0.4em; border-radius: 4px; text-shadow: 0 0 10px rgba(0,0,255,0.5); animation: codePulse 2s ease-in-out infinite; letter-spacing: 1.5px; font-size: min(38px, 4.8vw); /* font-weight: 900; color: #ffff00; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 0 0 10px rgba(0,0,0,0.7) !important; */ } .promo-code { font-weight: 500; color: #ffff00; background: rgba(0, 0, 0, 0.4); padding: 0.2em 0.4em; border-radius: 4px; text-shadow: 0 0 10px rgba(0,0,255,0.5); animation: codePulse 2s ease-in-out infinite; letter-spacing: 1.5px; } .prismatic-promo-link { text-decoration: none; color: inherit; display: block; transition: transform 0.2s ease; } .prismatic-promo-link:hover { color: #9cf; } @keyframes glow { 0%, 100% { text-shadow: 0 0 10px rgba(255,255,0,0.5); } 50% { text-shadow: 0 0 20px rgba(255,255,0,0.8); } } @keyframes codePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes slideIn { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } } .slide-in { animation: slideIn 0.5s forwards; } .slide-out { animation: slideOut 0.5s forwards; } @media screen and (max-width: 480px) { .prismatic-promo-content { padding: 15px; } .prismatic-brand { top: 40px; } } const flowers = ['🌸', '🌺', '🌹', '🌷', '🌼', '🌻', '💐', '🪷', '🌿', '🍀']; function initPrismaticPromos() { const sparklesContainer = document.getElementById('prismatic-sparkles-decoration'); for (let circle = 0; circle < 2; circle++) { const numFlowers = 8 + (circle * 4); for (let i = 0; i document.getElementById(id)); let currentIndex = 0; function showNextPromo() { const currentPromo = promos[currentIndex]; currentPromo.classList.remove('slide-in'); currentPromo.classList.add('slide-out'); setTimeout(() => { promos.forEach(promo => { promo.style.display = 'none'; promo.classList.remove('active', 'slide-in', 'slide-out'); }); currentIndex = (currentIndex + 1) % promos.length; const nextPromo = promos[currentIndex]; nextPromo.style.display = 'block'; nextPromo.classList.add('active', 'slide-in'); }, 500); } promos[0].style.display = 'block'; promos[0].classList.add('active', 'slide-in'); setInterval(showNextPromo, 7000); } window.addEventListener('load', initPrismaticPromos);

★★★★★

5 (51 reviews)

Verified Reviews

★★★★★

5 (65 reviews)

Verified Reviews

BRANDS

CATEGORIES

Carnation Aura Spray (4 oz.)

Lilac Aura Spray (4 oz.)

Morning Glory Aura Spray (4 oz.)

Black Rose Aura Spray (4 oz.)

Red Rose Aura Spray (4 oz.)

Broken Heart Flower Essence Blend (1 oz.)

The Lover’s Essence (1 oz.)

Heart Chakra Drops (1 oz.)