✦ Verified product
TOXIC HABIBI
GBP 51.03
KH’YAAL Perfumes
Verified independent store
→
It's temptation bottled, sweet enough to draw you close, toxic enough to keep you hooked. Toxic Habibi Toxic Habibi ignites with the vibrant spice of Pink Pepper, the crisp freshne
ss of Juniper, and a delicate touch of Violet. At its heart, indulgent Toffee melts into warm Cinnamon and aromatic Lavender, creating a sweet yet sophisticated blend. As it settles, creamy Vanilla, glowing Amber, and smooth Suede leave behind an addictive trail. Top Notes Vibrant Pink Pepper, Crisp Juniper, Violet Heart Notes Indulgent Toffee, Cinnamon, Lavender Base Notes Creamy Vanilla, Glowing Amber, Suede 30-35% Extrait Concentration Finest Oils from Dubai 24+ Hours Longevity /* --- KEYFRAMES FOR SMOOTH LUXURY REVEALS --- */ @keyframes khStoryFadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes khLineExpand { 0% { width: 0; opacity: 0; } 100% { width: 60px; opacity: 1; } } /* --- WRAPPER & CONTAINER --- */ .kh-toxic-wrapper { width: 100%; padding: 50px 20px; background: #ffffff; display: flex; justify-content: center; font-family: var(--font-body-family, sans-serif); } .kh-toxic-inner { max-width: 850px; width: 100%; text-align: center; } /* --- HEADER STYLING --- */ .kh-story-header { margin-bottom: 25px; opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-story-kicker { display: block; font-size: 11px; font-weight: 800; color: #C5A059; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; } .kh-story-title { font-family: var(--font-heading-family, serif); font-size: 42px; font-weight: 400; color: #111111; margin: 0; letter-spacing: 1px; text-transform: uppercase; } .kh-gold-divider { height: 2px; background: #C5A059; margin: 25px auto 0; border-radius: 2px; opacity: 0; animation: khLineExpand 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s forwards; } /* --- BODY TEXT --- */ .kh-story-body { font-size: 15px; line-height: 1.8; color: #555555; margin-bottom: 45px; opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards; } /* --- OLFACTORY PYRAMID (NOTES) --- */ .kh-pyramid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 35px; } .kh-pyramid-level { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 25px 15px; background: #fffdfb; /* Extremely subtle warm spice tint */ border: 1px solid rgba(197, 160, 89, 0.1); border-radius: 8px; transition: all 0.4s ease; opacity: 0; animation: khStoryFadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-pyramid-level:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.08); border-color: rgba(197, 160, 89, 0.4); background: #ffffff; } .kh-level-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(197, 160, 89, 0.08); color: #C5A059; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; transition: transform 0.4s ease, background 0.4s ease; } .kh-level-icon svg { width: 20px; height: 20px; } .kh-pyramid-level:hover .kh-level-icon { transform: scale(1.1); background: #C5A059; color: #ffffff; } .kh-level-info { display: flex; flex-direction: column; gap: 6px; } .kh-level-name { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #111111; } .kh-level-ingredients { font-size: 13px; color: #666666; line-height: 1.5; } /* --- TRUST & QUALITY BAR --- */ .kh-quality-bar { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px; padding-top: 30px; border-top: 1px solid rgba(0,0,0,0.06); opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-quality-item { display: flex; align-items: center; gap: 8px; color: #444; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .kh-quality-item svg { width: 16px; height: 16px; color: #C5A059; } /* --- RESPONSIVE MOBILE ADJUSTMENTS --- */ @media (max-width: 768px) { .kh-toxic-wrapper { padding: 40px 15px; } .kh-story-title { font-size: 32px; } .kh-story-body { font-size: 14px; margin-bottom: 30px; } /* Stack notes vertically on mobile */ .kh-pyramid-container { grid-template-columns: 1fr; gap: 12px; margin-bottom: 25px; } /* Turn blocks into horizontal rows on mobile for scannability */ .kh-pyramid-level { flex-direction: row; text-align: left; padding: 15px 20px; } .kh-level-icon { margin-bottom: 0; margin-right: 15px; flex-shrink: 0; } /* Stack the quality bar on mobile */ .kh-quality-bar { flex-direction: column; gap: 15px; align-items: flex-start; padding-top: 25px; margin: 0 auto; display: inline-flex; } .kh-quality-item { font-size: 11px; } }
