{"product_id":"thee-luxe-leave-in-conditioner-spray","title":"Thee Luxe Leave in Conditioner Spray","description":"\u003cstyle\u003e\n  \/* =========================================\n     THEE LUXE LEAVE-IN MASTER PAGE STYLE\n     ========================================= *\/\n  .leave-in-container {\n    font-family: 'Montserrat', sans-serif;\n    color: #333;\n    line-height: 1.6;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 40px 0 100px 0;\n  }\n\n  \/* TYPOGRAPHY *\/\n  .lux-h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.6rem;\n    color: #111;\n    text-transform: uppercase;\n    letter-spacing: -1px;\n    text-align: center;\n    margin-bottom: 20px;\n    line-height: 1.1;\n  }\n\n  .lux-sub {\n    font-size: 1.1rem;\n    color: #555;\n    text-align: center;\n    max-width: 750px;\n    margin: 0 auto 60px auto;\n    font-style: italic;\n    line-height: 1.8;\n  }\n\n  \/* --- SECTION 1: THE PROBLEM\/SOLUTION (VALUE STRIP) --- *\/\n  .value-scroller {\n    display: flex;\n    overflow-x: auto;\n    gap: 20px;\n    padding-bottom: 40px;\n    scroll-snap-type: x mandatory;\n    margin-bottom: 100px;\n    -ms-overflow-style: none; scrollbar-width: none;\n  }\n  .value-scroller::-webkit-scrollbar { display: none; }\n\n  .value-card {\n    min-width: 300px; max-width: 300px;\n    background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 30px;\n    scroll-snap-align: center; transition: all 0.3s ease;\n    display: flex; flex-direction: column; justify-content: space-between;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  }\n  .value-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(219, 182, 114, 0.2); border-color: #dbb672; }\n  \n  .value-icon-wrapper { width: 50px; height: 50px; background: rgba(219, 182, 114, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\n  .value-icon { font-size: 1.5rem; color: #dbb672; }\n  .value-head { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: #111; margin-bottom: 15px; line-height: 1.2; }\n  .value-pain { font-style: italic; color: #888; font-size: 0.85rem; margin-bottom: 15px; border-left: 2px solid #dbb672; padding-left: 10px; display: block; }\n  .value-text { font-size: 0.9rem; color: #444; line-height: 1.6; }\n  .mobile-hint { display: none; text-align: center; font-size: 0.8rem; color: #999; margin-top: -80px; margin-bottom: 80px; }\n\n  \/* --- SECTION 2: INGREDIENTS (NATURE'S ARCHITECTURE) --- *\/\n  .ing-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 100px;\n  }\n  .ing-card {\n    background: #fff; border: 1px solid #eee; padding: 30px 20px; border-radius: 2px;\n    display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.3s ease;\n  }\n  .ing-card:hover { transform: translateY(-5px); border-color: #dbb672; box-shadow: 0 15px 30px rgba(0,0,0,0.05); }\n  .ing-img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 20px; border: 1px solid #f0f0f0; }\n  .ing-role { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 2px; color: #dbb672; font-weight: 700; margin-bottom: 5px; display: block; }\n  .ing-name { font-family: 'Playfair Display', serif; font-size: 1.2rem; margin-bottom: 10px; color: #111; }\n  .ing-desc { font-size: 0.85rem; color: #555; line-height: 1.6; }\n\n  \/* --- SECTION 3: CINEMATIC RITUAL (VIDEO) --- *\/\n  \/* FORCED VERTICAL MOBILE LAYOUT ON ALL SCREENS *\/\n  .ritual-split {\n    display: flex; flex-direction: column; align-items: center; gap: 50px;\n    background: #fff; padding: 50px 30px; border: 1px solid #eee;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.03);\n    margin: 0 auto 120px auto; max-width: 500px;\n  }\n  .ritual-video-wrap {\n    width: 100%; position: relative; border-radius: 2px; overflow: hidden;\n    border: 1px solid #dbb672; box-shadow: 0 15px 40px rgba(219, 182, 114, 0.15);\n    aspect-ratio: 9 \/ 16; background: #000;\n  }\n  .ritual-video { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .ritual-steps { width: 100%; display: flex; flex-direction: column; gap: 35px; }\n  .r-item { display: flex; gap: 25px; align-items: flex-start; }\n  .r-num { font-family: 'Playfair Display', serif; font-size: 2.5rem; color: #dbb672; opacity: 0.6; line-height: 0.8; min-width: 40px; }\n  .r-content h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; margin: 0 0 8px 0; text-transform: uppercase; color: #111; }\n  .r-content p { font-size: 0.95rem; color: #666; margin: 0; line-height: 1.6; }\n\n  \/* --- SECTION 4: INVESTMENT (DARK MODE) --- *\/\n  .invest-section {\n    background: #0b0b0b; color: #fff; padding: 90px 40px; text-align: center;\n    margin-bottom: 100px; position: relative; overflow: hidden;\n    border-top: 1px solid #dbb672; border-bottom: 1px solid #dbb672;\n  }\n  .invest-title {\n    font-family: 'Playfair Display', serif; font-size: 3.2rem; line-height: 1.1;\n    margin-bottom: 30px; text-transform: uppercase; letter-spacing: -1px;\n    color: #fff !important;\n  }\n  .invest-gold { color: #dbb672; font-style: italic; }\n  .invest-body { font-size: 1.1rem; line-height: 1.8; color: #ccc; max-width: 700px; margin: 0 auto 50px auto; }\n  .invest-grid { display: flex; max-width: 800px; margin: 0 auto; border: 1px solid #333; }\n  .invest-col { flex: 1; padding: 40px 20px; border-right: 1px solid #333; }\n  .invest-col:last-child { border-right: none; background: rgba(219, 182, 114, 0.05); }\n  .inv-label { display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 2px; color: #666; margin-bottom: 15px; }\n  .inv-val { font-family: 'Playfair Display', serif; font-size: 1.8rem; color: #fff; }\n  .inv-strike { text-decoration: line-through; color: #555; }\n\n  \/* --- SECTION 5: FAQ --- *\/\n  \/* Section Spacing *\/\n.zeeluxe-expert-section {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: 'Helvetica', 'Arial', sans-serif;\n}\n\n.expert-title {\n  text-align: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\/* The Glass Accordion Button *\/\n.accordion-glass {\n  \/* Glass Effect *\/\n  background: rgba(255, 255, 255, 0.2);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.4);\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n  \n  \/* Layout *\/\n  color: #222;\n  cursor: pointer;\n  padding: 20px;\n  width: 100%;\n  text-align: left;\n  outline: none;\n  font-size: 16px;\n  font-weight: 500;\n  transition: 0.4s;\n  margin-bottom: 10px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n\/* Active State (When clicked) *\/\n.active, .accordion-glass:hover {\n  background: rgba(255, 255, 255, 0.4);\n  border-color: #000; \/* Darker border on hover *\/\n}\n\n\/* The Answer Panel (Hidden by default) *\/\n.panel {\n  padding: 0 20px;\n  background-color: transparent;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease-out;\n  border-left: 2px solid #000; \/* Elegant line next to answer *\/\n  margin-bottom: 10px;\n}\n\n.panel p {\n  padding: 15px 0;\n  line-height: 1.6;\n  color: #444;\n  font-size: 15px;\n}\n\n\/* The Plus\/Minus Icon *\/\n.icon {\n  font-size: 20px;\n  font-weight: bold;\n}\n\n  \/* --- STICKY ADD TO CART --- *\/\n  #luxury-sticky-bar {\n    position: fixed; bottom: 0; left: 0; width: 100%; height: 80px;\n    background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px);\n    border-top: 2px solid #dbb672; padding: 10px 20px; z-index: 9999;\n    display: flex; justify-content: space-between; align-items: center;\n    box-shadow: 0 -10px 40px rgba(0,0,0,0.1);\n    transform: translateY(100%); transition: transform 0.4s ease;\n  }\n  #luxury-sticky-bar.visible { transform: translateY(0); }\n  .sticky-info h3 { font-family: 'Playfair Display', serif; font-size: 1rem; margin: 0; color: #111; }\n  .sticky-info span { font-family: 'Montserrat', sans-serif; font-size: 0.8rem; color: #666; }\n  .sticky-btn {\n    background: #111; color: #fff; text-transform: uppercase;\n    font-family: 'Montserrat', sans-serif; font-size: 0.75rem; font-weight: 700;\n    padding: 12px 20px; text-decoration: none; border: 1px solid #111; letter-spacing: 1px;\n  }\n\n  \/* MOBILE OPTIMIZATION *\/\n  @media (max-width: 768px) {\n    .ing-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n    .ritual-split { padding: 30px 20px; gap: 40px; max-width: 100%; width: 100%; }\n    .ritual-video-wrap { width: 100%; max-width: 100%; }\n    .invest-grid { flex-direction: column; }\n    .invest-col { border-right: none; border-bottom: 1px solid #333; padding: 30px; }\n    .lux-h2 { font-size: 2.2rem; }\n    .invest-title { font-size: 2.4rem; }\n    .deluxe-master-container { padding-top: 0; padding-bottom: 100px; }\n    .value-card { min-width: 85%; max-width: 85%; }\n    .mobile-hint { display: block; }\n    .sticky-title { display: none; }\n  }\n  @media (min-width: 769px) { #luxury-sticky-bar { display: none !important; } }\n\u003c\/style\u003e\n\u003cdiv class=\"deluxe-master-container\" style=\"text-align: center;\"\u003e\n\u003c!-- === 1. THE HOOK: STOP NEGOTIATING === --\u003e\n\u003ch2 class=\"lux-h2\"\u003eStop THE DRYNESS\u003c\/h2\u003e\n\u003cp class=\"lux-sub\"\u003eGrowth is math: \u003cb\u003eNew Growth \u0026gt; Breakage = Length. \u003c\/b\u003e\u003c\/p\u003e\n\u003cem\u003eYou are working hard to grow your hair, but dry air and friction are stealing your progress every day. This isn't just a conditioner; it is a \u003cb\u003eLiquid Shield.\u003c\/b\u003e\u003c\/em\u003e\n\u003cp data-path-to-node=\"27,2\" style=\"text-align: center;\"\u003e\u003cem\u003eOur formula creates a microscopic, breathable seal around the hair shaft. It locks moisture in and keeps friction out. \u003cb\u003eTurn your hair from 'fragile' to 'fortified' in one spray.\u003c\/b\u003e\u003c\/em\u003e\u003c\/p\u003e\n\u003c!-- === 2. SILENT STRUGGLES (PAIN POINTS) === --\u003e\n\u003cdiv class=\"value-scroller\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon-wrapper\"\u003e\u003cspan class=\"value-icon\"\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"value-head\"\u003eEnd The Drought\u003c\/h3\u003e\n\u003cspan class=\"value-pain\"\u003e\"My hair feels dry an hour after moisturizing.\"\u003c\/span\u003e\n\u003cp class=\"value-text\"\u003eThis isn't just water; it's a reservoir. Aloe Vera drenches the strand while Shea Butter locks the door, keeping hydration in for days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon-wrapper\"\u003e\u003cspan class=\"value-icon\"\u003e🔓\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"value-head\"\u003eThe Melt\u003c\/h3\u003e\n\u003cspan class=\"value-pain\"\u003e\"I lose so much hair just trying to comb it.\"\u003c\/span\u003e\n\u003cp class=\"value-text\"\u003eBTMS creates instant \"slip.\" Knots surrender on contact, turning a painful detangling session into a smooth, 2-minute ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon-wrapper\"\u003e\u003cspan class=\"value-icon\"\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"value-head\"\u003eRetention Shield\u003c\/h3\u003e\n\u003cspan class=\"value-pain\"\u003e\"It grows, but it breaks at the ends.\"\u003c\/span\u003e\n\u003cp class=\"value-text\"\u003eGrowth is math: Growth \u0026gt; Breakage = Length. By reinforcing the shaft with Biotin, we stop the snap so you keep every inch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon-wrapper\"\u003e\u003cspan class=\"value-icon\"\u003e🌬️\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3 class=\"value-head\"\u003eFrizz Command\u003c\/h3\u003e\n\u003cspan class=\"value-pain\"\u003e\"Humidity ruins my style instantly.\"\u003c\/span\u003e\n\u003cp class=\"value-text\"\u003eThe leave-in acts as an invisible barrier. It smooths the cuticle down, keeping your definition sharp and your halo frizz-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mobile-hint\"\u003eSwipe for more →\u003c\/div\u003e\n\u003c!-- === 3. NATURE'S ARCHITECTURE (INGREDIENTS) === --\u003e\n\u003ch2 class=\"lux-h2\"\u003eTHE MIST ROUTINE\u003c\/h2\u003e\n\u003cp class=\"lux-sub\"\u003e3 seconds to spray. All day protection.\u003c\/p\u003e\n\u003cdiv class=\"ritual-split\"\u003e\n\u003cdiv class=\"ritual-steps\"\u003e\n\u003cdiv class=\"r-item\"\u003e\n\u003cdiv class=\"r-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"r-content\"\u003e\n\u003ch3\u003eMist \u0026amp; Melt\u003c\/h3\u003e\n\u003cp\u003eSpray generously on damp or dry hair. Watch the texture soften instantly as the Aloe penetrates the cortex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"r-item\"\u003e\n\u003cdiv class=\"r-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"r-content\"\u003e\n\u003ch3\u003eDetangle With Ease\u003c\/h3\u003e\n\u003cp\u003eUse your fingers or a wide-tooth comb. Notice how there is no sound? No snapping? That is the power of slip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"r-item\"\u003e\n\u003cdiv class=\"r-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"r-content\"\u003e\n\u003ch3\u003eStyle \u0026amp; Shield\u003c\/h3\u003e\n\u003cp\u003eLeave it in. It acts as an invisible shield against the elements, keeping your crown soft and defined all day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- === 5. THE INVESTMENT (REFRAME) === --\u003e\n\u003cdiv class=\"invest-section\"\u003e\n\u003ch2 class=\"invest-title\"\u003eRetention is\u003cbr\u003e\u003cspan class=\"invest-gold\"\u003eWealth.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"invest-body\"\u003e\n\u003cp\u003eYou invest in the serum to grow it. You invest in this to \u003cstrong\u003ekeep it\u003c\/strong\u003e. Without retention, growth is just a cycle of replacement. Break the cycle.\u003c\/p\u003e\n\u003cp\u003eCut your wash days in half. No fighting. No frustration. Just you, your hair and a comb that glides. This isn't vanity. It's therapy.\u003c\/p\u003e\n\u003cstrong style=\"color: #dbb672; text-transform: uppercase; letter-spacing: 1px;\"\u003eProtect the asset you wear every day.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"invest-grid\"\u003e\n\u003cdiv class=\"invest-col\"\u003e\n\u003cspan class=\"inv-label\"\u003eThe Cost of Breakage\u003c\/span\u003e \u003cspan class=\"inv-val inv-strike\"\u003eYears of Progress Lost\u003c\/span\u003e\n\u003cp style=\"font-size: 0.8rem; color: #666; margin-top: 10px;\"\u003eStuck at shoulder length\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"invest-col\"\u003e\n\u003cspan class=\"inv-label\"\u003eThe Zeeluxe Asset\u003c\/span\u003e \u003cspan style=\"color: #dbb672;\" class=\"inv-val\"\u003eLength Retention\u003c\/span\u003e\n\u003cp style=\"font-size: 0.8rem; color: #ccc; margin-top: 10px;\"\u003eGrowth that actually stays\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- === 6. EXPERT CLARITY (FAQ) === --\u003e\n\u003cdiv class=\"zeeluxe-expert-section\"\u003e\n\u003ch3 class=\"expert-title\"\u003eExpert Clarity: Why This Works\u003c\/h3\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eWhy won't my hair grow past a certain length? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eThe Answer: Your hair grows, but it breaks at the ends faster than it grows from the root. Thee Luxe Leave-In acts as a \"liquid seal,\" preventing the friction and dryness that snaps your ends. We protect your length so you can finally keep it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eIs this suitable for men or thinning hair? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eThe Answer: Absolutely. Health has no gender. For men, this hydrates the scalp and strengthens the follicle without heavy grease. It creates the perfect environment for thicker, denser-looking hair.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eI’ve tried everything. Why is Zeeluxe different? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eThe Answer: Most sprays just coat the hair with silicone. We penetrate it. We don't mask the damage; we feed the strand with wisdom and premium ingredients. This is a formula born from love and science, designed to heal, not hide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eWill this weigh my hair down? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eThe Answer: No. Unlike heavy creams, this mist is weightless. It hydrates from the inside out, leaving volume intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eCan I use this daily? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eThe Answer: Yes. It is the perfect daily refresher to reactivate curls or add moisture before styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"glass-details\"\u003e\n\u003csummary class=\"glass-summary\"\u003eDoes it cause buildup? \u003cspan class=\"icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"glass-answer\"\u003e\n\u003cp\u003eNo. It is water-based and formulated to absorb completely, leaving no white residue or flake.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* Section Container *\/\n.zeeluxe-expert-section {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: 'Helvetica', 'Arial', sans-serif; \/* Uses your site font *\/\n}\n\n.expert-title {\n  text-align: center;\n  margin-bottom: 25px;\n  font-size: 24px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: #000;\n}\n\n\/* The Wrapper for each question *\/\n.glass-details {\n  margin-bottom: 15px;\n  border-radius: 0px;\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n\/* The Clickable Button (Summary) *\/\n.glass-summary {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px;\n  list-style: none; \/* Hides default triangle *\/\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: 500;\n  color: #222;\n  \n  \/* Glass Effect *\/\n  background: rgba(255, 255, 255, 0.3); \/* Slightly transparent *\/\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n\/* Remove default marker in some browsers *\/\n.glass-summary::-webkit-details-marker {\n  display: none;\n}\n\n\/* Hover Effect *\/\n.glass-summary:hover {\n  background: rgba(255, 255, 255, 0.5);\n}\n\n\/* The Answer Text *\/\n.glass-answer {\n  padding: 20px;\n  background: rgba(255, 255, 255, 0.1);\n  border-left: 2px solid #000; \/* Elegant black line *\/\n  animation: fadeIn 0.5s ease;\n}\n\n.glass-answer p {\n  margin: 0;\n  line-height: 1.6;\n  color: #444;\n  font-size: 15px;\n}\n\n\/* The Icon Styling *\/\n.icon {\n  font-size: 24px;\n  font-weight: 300;\n  transition: transform 0.3s ease;\n}\n\n\/* Logic: When the details tag is OPEN, rotate the icon *\/\ndetails[open] .icon {\n  transform: rotate(45deg); \/* Turns the + into an X *\/\n}\n\n\/* Simple Fade In Animation *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e","brand":"zeeluxe","offers":[{"title":"250ml","offer_id":57422155022723,"sku":null,"price":28.0,"currency_code":"GBP","in_stock":true},{"title":"300ml","offer_id":58200013668739,"sku":null,"price":32.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/7590\/2000\/files\/openart-image_1781048835415_27976dee_1781048835779_25a98d53.png?v=1781220112","url":"https:\/\/www.zeeluxe.co.uk\/products\/thee-luxe-leave-in-conditioner-spray","provider":"Zeeluxe","version":"1.0","type":"link"}