{"title":"Signature Collection","description":"","products":[{"product_id":"untamed-by-aureia-london-100ml","title":"Untamed By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- UNTAMED — Luxe Dark UI (uses your NOOR dark template) --\u003e\n\u003csection class=\"fragrance-section fr--dark fr--untamed\"\u003e\n \u003cdiv class=\"frame\"\u003e\n \u003cdiv class=\"card\"\u003e\n\n \u003c!-- Heading --\u003e\n \u003cheader class=\"hero\"\u003e\n \u003ch2 class=\"title\"\u003eUNTAMED\u003c\/h2\u003e\n \u003cp class=\"subtitle\"\u003e“Scent That Pulls. Chemistry That Burns”\u003c\/p\u003e\n \u003cspan class=\"concept-pill\" aria-label=\"Marketing concept\"\u003eUNTAMED — Scent of the Unspoken\u003c\/span\u003e\n \u003c\/header\u003e\n\n \u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n \u003csection class=\"profile\" aria-labelledby=\"untamed-fp\"\u003e\n \u003ch3 id=\"untamed-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n \u003cul class=\"profile-list\"\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eFresh · Spicy · Amber\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eMusky · Woody\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eHerbal · Warm · Spicy\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n \u003csection class=\"gallery\" aria-labelledby=\"untamed-gallery\"\u003e\n \u003ch3 id=\"untamed-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n \u003cul class=\"thumbs\" role=\"list\"\u003e\n \u003c!-- Top --\u003e\n \u003cli class=\"thumb\" data-tip=\"Fresh\" aria-label=\"Fresh\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Fresh.png?v=1756192529\" alt=\"Fresh\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Spicy\" aria-label=\"Spicy\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/spicy.png?v=1756189175\" alt=\"Spicy\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Amber\" aria-label=\"Amber\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Amber.png?v=1756189417\" alt=\"Amber\"\u003e\n \u003c\/li\u003e\n \u003c!-- Heart --\u003e\n \u003cli class=\"thumb\" data-tip=\"Musky\" aria-label=\"Musky\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Musk.png?v=1756190691\" alt=\"Musky\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Woody\" aria-label=\"Woody\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/WOODY.png?v=1756184731\" alt=\"Woody\"\u003e\n \u003c\/li\u003e\n \u003c!-- Base --\u003e\n \u003cli class=\"thumb\" data-tip=\"Herbal\" aria-label=\"Herbal\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Herbel.png?v=1756192461\" alt=\"Herbal\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Warm\" aria-label=\"Warm\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/warm.png?v=1756189175\" alt=\"Warm\"\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Concept Summary --\u003e\n \u003csection class=\"desc\" aria-labelledby=\"untamed-summary\"\u003e\n \u003ch3 id=\"untamed-summary\" class=\"section-title\"\u003eConcept Summary\u003c\/h3\u003e\n \u003cp\u003e\n \u003cstrong class=\"gold-text\"\u003eUNTAMED\u003c\/strong\u003e is not polite. It doesn’t whisper. It pulls you in, raises your pulse, and leaves its mark.\n Designed for moments when instinct takes over—when looks linger too long and the air is thick with anticipation.\n \u003c\/p\u003e\n \u003cp\u003e\n With spiced freshness, a musky, woody core, and a base that simmers with herbal heat, UNTAMED awakens the body—\n and arouses the animal beneath the skin.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Scent Journey --\u003e\n \u003csection class=\"journey\" aria-labelledby=\"untamed-journey\"\u003e\n \u003ch3 id=\"untamed-journey\" class=\"section-title\"\u003eScent Journey — Let Desire Take Over\u003c\/h3\u003e\n \u003cdiv class=\"journey-list\"\u003e\n \u003cdiv class=\"journey-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cp\u003eFresh heat and amber spice—like the electric tension of a first glance across the room. Exciting. Dangerous. Charged.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"journey-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cp\u003eThe intensity deepens. Warm woods and skin musk rise—the scent of closeness, of breath catching between words. Physical. Intimate. Magnetic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"journey-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cp\u003eA deep, lingering warmth. Herbal spice, like silk sheets tangled on the floor. It stays—long after the moment, long after the night.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Emotional Triggers --\u003e\n \u003csection class=\"love\" aria-labelledby=\"untamed-triggers\"\u003e\n \u003ch3 id=\"untamed-triggers\" class=\"section-title\"\u003eEmotional Triggers\u003c\/h3\u003e\n \u003cul class=\"gold-bullets\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eLust:\u003c\/strong\u003e It’s not romantic — it’s primal\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTemptation:\u003c\/strong\u003e Dangerous allure\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDominance \u0026amp; Submission:\u003c\/strong\u003e Rose and leather tension\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eForbidden:\u003c\/strong\u003e A scent you don’t wear — you release it\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n \/* ===== Dark Fragrance System (your NOOR template) ===== *\/\n .fragrance-section.fr--dark{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* page background *\/\n --card:#0e2438; \/* interior card *\/\n --ink:#e9eef6; \/* primary text *\/\n --muted:#b9c6d8; \/* secondary text *\/\n --stroke:rgba(255,255,255,.08);\n --radius:18px; --maxw:1000px; --thumb:70px; --thumb-gap:10px;\n\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n padding:24px 14px;\n color:var(--ink);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n @media (max-width:560px){ .fragrance-section.fr--dark{ --thumb:60px; --thumb-gap:8px; } }\n @media (max-width:400px){ .fragrance-section.fr--dark{ --thumb:54px; --thumb-gap:6px; } }\n\n .fragrance-section.fr--dark .frame{\n max-width:var(--maxw); margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold); box-shadow:0 10px 30px rgba(0,0,0,.35);\n }\n .fragrance-section.fr--dark .card{\n background:var(--card); border-radius:calc(var(--radius) - 2px);\n padding:26px 18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\n }\n\n \/* Header *\/\n .fragrance-section.fr--dark .hero{ text-align:center; margin-bottom:12px; }\n .fragrance-section.fr--dark .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section.fr--dark .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n .fragrance-section.fr--dark .concept-pill{\n display:inline-block; margin-top:8px; padding:6px 12px; font-size:12px; font-weight:800; letter-spacing:.3px;\n text-transform:uppercase; color:#f3d278; background:rgba(241,207,106,.10);\n border:1px solid rgba(241,207,106,.35); border-radius:999px;\n }\n\n \/* Section headings (keep gradient text) *\/\n .fragrance-section.fr--dark .section-title{\n margin:12px 0 10px; font-size:18px; font-weight:800;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile *\/\n .fragrance-section.fr--dark .profile{ margin-top:8px; }\n .fragrance-section.fr--dark .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section.fr--dark .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section.fr--dark .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase; color:#f3d278;\n background:rgba(241,207,106,.10); border:1px solid rgba(241,207,106,.35); white-space:nowrap;\n }\n .fragrance-section.fr--dark .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section.fr--dark .gallery{ margin-top:10px; }\n .fragrance-section.fr--dark .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section.fr--dark .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section.fr--dark .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:linear-gradient(var(--card), var(--card)) padding-box, var(--gold) border-box;\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n outline:none;\n }\n .fragrance-section.fr--dark .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section.fr--dark .thumb:focus-visible{\n box-shadow:0 0 0 3px rgba(241,207,106,.35), 0 2px 10px rgba(0,0,0,.4);\n }\n .fragrance-section.fr--dark .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:#0b1e32; color:#ffe9b6; border:1px solid rgba(241,207,106,.45); border-radius:999px;\n box-shadow:0 10px 24px rgba(0,0,0,.45);\n }\n .fragrance-section.fr--dark .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:#0b1e32;\n border-left:1px solid rgba(241,207,106,.45); border-top:1px solid rgba(241,207,106,.45);\n opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section.fr--dark .thumb:hover::after,\n .fragrance-section.fr--dark .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section.fr--dark .thumb:hover::before,\n .fragrance-section.fr--dark .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section.fr--dark .desc{ margin-top:10px; }\n .fragrance-section.fr--dark .desc p{\n margin:0 0 10px; color:#d6deea; text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section.fr--dark .gold-text{\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n }\n\n \/* Scent Journey *\/\n .fragrance-section.fr--dark .journey{ margin-top:6px; }\n .fragrance-section.fr--dark .journey-list{ display:grid; gap:12px; }\n .fragrance-section.fr--dark .journey-row{ display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; }\n .fragrance-section.fr--dark .journey-row p{ margin:0; color:#d6deea; }\n\n \/* Gold bullets *\/\n .fragrance-section.fr--dark .love{ margin-top:8px; }\n .fragrance-section.fr--dark .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section.fr--dark .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:#e3ebf6;\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section.fr--dark .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%; background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.20);\n }\n\n \/* Remove any theme-injected lines above headings (do NOT kill gradient) *\/\n .fragrance-section.fr--dark .section-title,\n .fragrance-section.fr--dark .hero .title{\n border:0!important; box-shadow:none!important; padding-top:0;\n }\n .fragrance-section.fr--dark .section-title::before,\n .fragrance-section.fr--dark .section-title::after,\n .fragrance-section.fr--dark .hero .title::before,\n .fragrance-section.fr--dark .hero .title::after{\n content:none!important; display:none!important;\n }\n\u003c\/style\u003e\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":47762368921827,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":47762368889059,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Untamed_By_Aureia_London_1.jpg?v=1773752281"},{"product_id":"tobacc-vinnile-by-aureia-london-100ml","title":"Tobacc Vinnile By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n \n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- TOBBAC VANILLE — Luxe Dark UI (uses NOOR template styles) --\u003e\n\u003csection class=\"fragrance-section fr--dark fr--tobbac\"\u003e\n\u003cdiv class=\"frame\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003c!-- Heading --\u003e\u003cheader class=\"hero\"\u003e\n\u003ch2 class=\"title\"\u003eTOBACC VINNILE\u003c\/h2\u003e\n\u003cp class=\"subtitle\"\u003eLondon-Born. Timelessly Worn.\u003c\/p\u003e\n\u003c\/header\u003e\u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n\u003csection class=\"profile\" aria-labelledby=\"tobbac-fp\"\u003e\n\u003ch3 id=\"tobbac-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n\u003cul class=\"profile-list\"\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eVanilla · Sweet\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eWarm Spicy · Fruity\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eCacao · Powdery\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n\u003csection class=\"gallery\" aria-labelledby=\"tobbac-gallery\"\u003e\n\u003ch3 id=\"tobbac-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n\u003cul class=\"thumbs\" role=\"list\"\u003e\n\u003c!-- Top --\u003e\n\u003cli class=\"thumb\" data-tip=\"Vanilla\" aria-label=\"Vanilla\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vanilla.png?v=1756189306\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Sweet\" aria-label=\"Sweet\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Sweet.png?v=1756189175\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c!-- Heart --\u003e\n\u003cli class=\"thumb\" data-tip=\"Warm Spicy\" aria-label=\"Warm Spicy\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_London_Feature_Icons_9.png?v=1756183883\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Fruity\" aria-label=\"Fruity\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Fruity.png?v=1756190020\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c!-- Base --\u003e\n\u003cli class=\"thumb\" data-tip=\"Cacao\" aria-label=\"Cacao\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cacao.png?v=1756189950\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Powdery\" aria-label=\"Powdery\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Powdery.png?v=1756189306\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Description --\u003e\n\u003csection class=\"desc\" aria-labelledby=\"tobbac-desc\"\u003e\n\u003ch3 id=\"tobbac-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong class=\"gold-text\"\u003eTobacc Vinnile\u003c\/strong\u003e captures the soul of British elegance with a warm, nostalgic twist. A creamy wave of vanilla and candied sweetness opens the scent — rich yet restrained, like fine tailoring.\u003c\/p\u003e\n\u003cp\u003eAs it warms on the skin, spicy undertones unfold, revealing ripe fruit accords that hint at indulgence without excess. The base lingers in velvet — cacao and powdery softness that whisper luxury from dusk till dawn.\u003c\/p\u003e\n\u003cp\u003eThis is not just a fragrance — it's a ritual of refinement. Think leather-bound books, vintage lighters, and the charm of Mayfair’s golden hour.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- Why You'll Love It --\u003e\n\u003csection class=\"love\" aria-labelledby=\"tobbac-love\"\u003e\n\u003ch3 id=\"tobbac-love\" class=\"section-title\"\u003eWhy You'll Love It\u003c\/h3\u003e\n\u003cul class=\"gold-bullets\"\u003e\n\u003cli\u003eBritish-inspired gourmand with timeless appeal\u003c\/li\u003e\n\u003cli\u003eCreamy vanilla and cacao layers for cozy evenings\u003c\/li\u003e\n\u003cli\u003eUnisex sophistication with subtle sweetness\u003c\/li\u003e\n\u003cli\u003eIdeal for autumn, evenings, or signature wear\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Signature Mood --\u003e\n\u003caside class=\"callout\"\u003e“Aristocratic allure with a velvet finish.”\u003c\/aside\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Reuse your NOOR dark template CSS exactly as-is --\u003e\n\u003cstyle\u003e\n \/* ===== Tokens ===== *\/\n .fragrance-section{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* outer background *\/\n --card:#0e2438; \/* interior card background (dark) *\/\n --ink:#e9eef6; \/* primary text on dark *\/\n --muted:#b9c6d8; \/* secondary text on dark *\/\n --ink-strong:#ffffff; \/* headings \/ emphasis *\/\n --stroke:rgba(255,255,255,.08);\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n }\n @media (max-width:560px){\n .fragrance-section{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Shell *\/\n .fragrance-section{\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n padding:24px 14px;\n color:var(--ink);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n .fragrance-section .frame{\n max-width:var(--maxw); margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold); box-shadow:0 10px 30px rgba(0,0,0,.35);\n }\n .fragrance-section .card{\n background:var(--card); border-radius:calc(var(--radius) - 2px);\n padding:26px 18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\n color:var(--ink);\n }\n\n \/* Header *\/\n .fragrance-section .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile *\/\n .fragrance-section .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#f3d278;\n background:rgba(241,207,106,.10); border:1px solid rgba(241,207,106,.35);\n white-space:nowrap;\n }\n .fragrance-section .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section .gallery{ margin-top:14px; }\n .fragrance-section .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:linear-gradient(var(--card), var(--card)) padding-box, var(--gold) border-box;\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n outline:none;\n }\n .fragrance-section .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section .thumb:focus-visible{\n box-shadow:0 0 0 3px rgba(241,207,106,.35), 0 2px 10px rgba(0,0,0,.4);\n }\n .fragrance-section .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:#0b1e32; color:#ffe9b6; border:1px solid rgba(241,207,106,.45); border-radius:999px;\n box-shadow:0 10px 24px rgba(0,0,0,.45);\n }\n .fragrance-section .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:#0b1e32;\n border-left:1px solid rgba(241,207,106,.45);\n border-top:1px solid rgba(241,207,106,.45);\n opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section .thumb:hover::after,\n .fragrance-section .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section .thumb:hover::before,\n .fragrance-section .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section .desc{ margin-top:16px; }\n .fragrance-section .desc p{\n margin:0 0 10px; color:#d6deea;\n text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section .gold-text{\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n }\n\n \/* Bullets *\/\n .fragrance-section .love{ margin-top:8px; }\n .fragrance-section .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:#e3ebf6;\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%; background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.20);\n }\n\n \/* Signature Mood *\/\n .fragrance-section .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(255,215,0,.06));\n border:1px solid rgba(241,207,106,.22);\n color:#e7edf6; text-align:center; font-style:italic;\n }\n\u003c\/style\u003e\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":47859065258211,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":47859065290979,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/tobacco_jpg.jpg?v=1773690099"},{"product_id":"billionaire-by-aureia-london-100ml","title":"Billionaire By Aureia London | 48 Hours Long Lasting Extrait de Parfum","description":"\u003cbody\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\n\u003c!-- BILLIONARE — Luxe Dark UI (uses NOOR template styles) --\u003e\n\u003csection class=\"fragrance-section fr--dark fr--billionare\"\u003e\n \u003cdiv class=\"frame\"\u003e\n \u003cdiv class=\"card\"\u003e\n\n \u003c!-- Heading --\u003e\n \u003cheader class=\"hero\"\u003e\n \u003ch2 class=\"title\"\u003eBILLIONAIRE\u003c\/h2\u003e\n \u003cp class=\"subtitle\"\u003eBillionaire — Your Presence is the Signature.\u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n \u003csection class=\"profile\" aria-labelledby=\"bill-fp\"\u003e\n \u003ch3 id=\"bill-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n \u003cul class=\"profile-list\"\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eWarm Spicy · Cinnamon\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eWoody · Leather · Rose\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eGreen · Patchouli\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n \u003csection class=\"gallery\" aria-labelledby=\"bill-gallery\"\u003e\n \u003ch3 id=\"bill-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n \u003cul class=\"thumbs\" role=\"list\"\u003e\n \u003c!-- Top --\u003e\n \u003cli class=\"thumb\" data-tip=\"Spicy\" aria-label=\"Spicy\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_London_Feature_Icons_9.png?v=1756183883\" alt=\"\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Cinnamon\" aria-label=\"Cinnamon\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_London_Feature_Icons_10.png?v=1756183899\" alt=\"\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Heart --\u003e\n \u003cli class=\"thumb\" data-tip=\"Woody\" aria-label=\"Woody\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/WOODY.png?v=1756184731\" alt=\"\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Leather\" aria-label=\"Leather\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Leather.png?v=1756184799\" alt=\"\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Rose\" aria-label=\"Rose\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Rose.png?v=1756184797\" alt=\"\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Base --\u003e\n \u003cli class=\"thumb\" data-tip=\"Green\" aria-label=\"Green\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Green.png?v=1756184927\" alt=\"\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Patchouli\" aria-label=\"Patchouli\" tabindex=\"0\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Patchouli.png?v=1756184927\" alt=\"\"\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description --\u003e\n \u003csection class=\"desc\" aria-labelledby=\"bill-desc\"\u003e\n \u003ch3 id=\"bill-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n \u003cp\u003e\n Created for visionaries and empire-builders, \u003cstrong class=\"gold-text\"\u003eBillionaire\u003c\/strong\u003e is a magnetic\n expression of refined dominance. It opens with the commanding heat of warm spices and cinnamon — bold,\n immediate, unforgettable.\n \u003c\/p\u003e\n \u003cp\u003e\n The heart is a masterful blend of aged woods, supple leather, and a deep floral kiss of rose. At its base,\n earthy green accords and smoky patchouli settle with enduring strength, crafting a finish that is both\n distinguished and provocative.\n \u003c\/p\u003e\n \u003cp\u003e\n This is not just a fragrance — it's a personal insignia. The scent of ownership. Of legacy. Of entering a room\n and leaving it changed.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why You'll Love It --\u003e\n \u003csection class=\"love\" aria-labelledby=\"bill-love\"\u003e\n \u003ch3 id=\"bill-love\" class=\"section-title\"\u003eWhy You’ll Love It\u003c\/h3\u003e\n \u003cul class=\"gold-bullets\"\u003e\n \u003cli\u003eBold cinnamon and leather fusion\u003c\/li\u003e\n \u003cli\u003eDeep, masculine florals with woody richness\u003c\/li\u003e\n \u003cli\u003eExudes power, prestige, and polish\u003c\/li\u003e\n \u003cli\u003eLong-lasting; made for high-stakes presence\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Reuse your NOOR dark template CSS exactly as-is --\u003e\n\u003cstyle\u003e\n \/* ===== Tokens ===== *\/\n .fragrance-section{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* outer background *\/\n --card:#0e2438; \/* interior card background (dark) *\/\n --ink:#e9eef6; \/* primary text on dark *\/\n --muted:#b9c6d8; \/* secondary text on dark *\/\n --ink-strong:#ffffff; \/* headings \/ emphasis *\/\n --stroke:rgba(255,255,255,.08);\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n }\n @media (max-width:560px){\n .fragrance-section{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Shell *\/\n .fragrance-section{\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n padding:24px 14px;\n color:var(--ink);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n .fragrance-section .frame{\n max-width:var(--maxw);\n margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold);\n box-shadow:0 10px 30px rgba(0,0,0,.35);\n }\n .fragrance-section .card{\n background:var(--card);\n border-radius:calc(var(--radius) - 2px);\n padding:26px 18px;\n box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\n color:var(--ink);\n }\n\n \/* Header *\/\n .fragrance-section .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile *\/\n .fragrance-section .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#f3d278;\n background:rgba(241,207,106,.10); border:1px solid rgba(241,207,106,.35);\n white-space:nowrap;\n }\n .fragrance-section .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section .gallery{ margin-top:14px; }\n .fragrance-section .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:linear-gradient(var(--card), var(--card)) padding-box, var(--gold) border-box;\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n outline:none;\n }\n .fragrance-section .thumb:focus-visible{\n box-shadow:0 0 0 3px rgba(241,207,106,.35), 0 2px 10px rgba(0,0,0,.4);\n }\n .fragrance-section .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:#0b1e32; color:#ffe9b6; border:1px solid rgba(241,207,106,.45); border-radius:999px;\n box-shadow:0 10px 24px rgba(0,0,0,.45);\n }\n .fragrance-section .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:#0b1e32;\n border-left:1px solid rgba(241,207,106,.45);\n border-top:1px solid rgba(241,207,106,.45);\n opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section .thumb:hover::after,\n .fragrance-section .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section .thumb:hover::before,\n .fragrance-section .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section .desc{ margin-top:16px; }\n .fragrance-section .desc p{\n margin:0 0 10px; color:#d6deea;\n text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section .gold-text{\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n }\n\n \/* Bullets *\/\n .fragrance-section .love{ margin-top:8px; }\n .fragrance-section .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:#e3ebf6;\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%; background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.20);\n }\n\n \/* Signature Mood (optional) *\/\n .fragrance-section .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(255,215,0,.06));\n border:1px solid rgba(241,207,106,.22);\n color:#e7edf6; text-align:center; font-style:italic;\n }\n\u003c\/style\u003e\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":47859116638435,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":47859116671203,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Billionaire_By_Aureia_London_1.jpg?v=1773926422"},{"product_id":"mr-president-by-aureia-london-100ml","title":"Mr President By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- MR. PRESIDENT — Luxe White UI (gold frame, text-only profile, tooltip gallery) --\u003e\n\u003csection class=\"fragrance-section fr--mr-president\"\u003e\n \u003cdiv class=\"frame\"\u003e\n \u003cdiv class=\"card\"\u003e\n\n \u003c!-- Heading --\u003e\n \u003cheader class=\"hero\"\u003e\n \u003ch2 class=\"title\"\u003eMR. PRESIDENT\u003c\/h2\u003e\n \u003cp class=\"subtitle\"\u003eThe Scent of Power\u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n \u003csection class=\"profile\" aria-labelledby=\"mrp-fp\"\u003e\n \u003ch3 id=\"mrp-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n \u003cul class=\"profile-list\"\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eWhite Florals · Citrus Zest\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eSweet Accords · Soft Powder\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eSandalwood · Dark Musk\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n \u003csection class=\"gallery\" aria-labelledby=\"mrp-gallery\"\u003e\n \u003ch3 id=\"mrp-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n \u003cul class=\"thumbs\" role=\"list\"\u003e\n \u003c!-- Top --\u003e\n \u003cli class=\"thumb\" data-tip=\"White Florals\" aria-label=\"White Florals\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/White_Floral.png?v=1756190758\" alt=\"White Florals\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Citrus\" aria-label=\"Citrus\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Citrus.png?v=1756191399\" alt=\"Citrus\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Heart --\u003e\n \u003cli class=\"thumb\" data-tip=\"Sweet Accords\" aria-label=\"Sweet Accords\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Sweet_Accords.png?v=1756191724\" alt=\"Sweet Accords\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Soft Powder\" aria-label=\"Soft Powder\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Powdery.png?v=1756189306\" alt=\"Soft Powder\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Base --\u003e\n \u003cli class=\"thumb\" data-tip=\"Sandalwood\" aria-label=\"Sandalwood\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Sandalwood.png?v=1756191780\" alt=\"Sandalwood\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Dark Musk\" aria-label=\"Dark Musk\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Dark_Musk.png?v=1756191838\" alt=\"Dark Musk\"\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description --\u003e\n \u003csection class=\"desc\" aria-labelledby=\"mrp-desc\"\u003e\n \u003ch3 id=\"mrp-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n \u003cp\u003e\n Unapologetically assertive. Impeccably refined.\n \u003cstrong class=\"gold-text\"\u003eMr. President\u003c\/strong\u003e is a masterclass in olfactory prestige — crafted for the man whose presence speaks louder than words.\n \u003c\/p\u003e\n \u003cp\u003e\n A crisp burst of white florals and citrus zest sets the tone, exuding freshness and charisma. The heart reveals a refined sweetness, softened by powdery elegance. As it settles, earthy sandalwood and deep musk linger, leaving behind a trail of sophisticated power.\n \u003c\/p\u003e\n \u003cp\u003e\n Whether it’s a boardroom, a ballroom, or an after-hours encounter,\n \u003cstrong class=\"gold-text\"\u003eMr. President\u003c\/strong\u003e is your silent signature — a scent of quiet command.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why You'll Love It --\u003e\n \u003csection class=\"love\" aria-labelledby=\"mrp-love\"\u003e\n \u003ch3 id=\"mrp-love\" class=\"section-title\"\u003eWhy You'll Love It\u003c\/h3\u003e\n \u003cul class=\"gold-bullets\"\u003e\n \u003cli\u003eExudes quiet luxury and influence\u003c\/li\u003e\n \u003cli\u003eLong-lasting with a magnetic dry-down\u003c\/li\u003e\n \u003cli\u003eDesigned for men who lead with presence\u003c\/li\u003e\n \u003cli\u003eIdeal for formal and elite occasions\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Signature Mood --\u003e\n \u003caside class=\"callout\"\u003e\n “Executive presence. Refined dominance. The kind of confidence that doesn’t shout — it commands.”\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n \/* ===== MR. PRESIDENT — Dark + Gold (scoped) ===== *\/\n .fragrance-section.fr--mr-president{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* deep navy page bg *\/\n --panel:#0e2438; \/* dark card *\/\n --panel-soft:#0f2a44; \/* softer inner blocks *\/\n --ink:#e9eef6; \/* main text *\/\n --muted:#cbd7e6; \/* secondary text *\/\n --pill:#10263f; \/* tag chips *\/\n --stroke:rgba(241,207,106,.28); \/* gold stroke *\/\n --stroke-soft:rgba(241,207,106,.16); \/* soft stroke *\/\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n color:var(--ink);\n padding:24px 14px;\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n @media (max-width:560px){\n .fragrance-section.fr--mr-president{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section.fr--mr-president{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Gold frame + dark panel *\/\n .fragrance-section.fr--mr-president .frame{\n max-width:var(--maxw); margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold);\n }\n .fragrance-section.fr--mr-president .card{\n border-radius:calc(var(--radius) - 2px);\n padding:26px 18px;\n background:\n linear-gradient(var(--panel),var(--panel)) padding-box,\n linear-gradient(180deg, rgba(241,207,106,.32), rgba(241,207,106,.10)) border-box;\n border:1px solid transparent;\n }\n\n \/* Header *\/\n .fragrance-section.fr--mr-president .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section.fr--mr-president .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n color:#e9eef6; \/* fallback if gradient-clip unsupported *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section.fr--mr-president .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section.fr--mr-president .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile (text-only; no separators) *\/\n .fragrance-section.fr--mr-president .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section.fr--mr-president .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section.fr--mr-president .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section.fr--mr-president .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#d9bf75;\n background:var(--pill);\n border:1px solid var(--stroke);\n white-space:nowrap;\n }\n .fragrance-section.fr--mr-president .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section.fr--mr-president .gallery{ margin-top:14px; }\n .fragrance-section.fr--mr-president .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section.fr--mr-president .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section.fr--mr-president .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:\n linear-gradient(var(--panel-soft),var(--panel-soft)) padding-box,\n var(--gold) border-box;\n }\n .fragrance-section.fr--mr-president .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section.fr--mr-president .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:var(--panel); color:#d9bf75; border:1px solid var(--stroke); border-radius:999px;\n }\n .fragrance-section.fr--mr-president .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:var(--panel);\n border-left:1px solid var(--stroke); border-top:1px solid var(--stroke); opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section.fr--mr-president .thumb:hover::after,\n .fragrance-section.fr--mr-president .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section.fr--mr-president .thumb:hover::before,\n .fragrance-section.fr--mr-president .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section.fr--mr-president .desc{ margin-top:16px; }\n .fragrance-section.fr--mr-president .desc p{\n margin:0 0 10px; color:var(--muted); text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section.fr--mr-president .gold-text{\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n }\n\n \/* Bullets *\/\n .fragrance-section.fr--mr-president .love{ margin-top:8px; }\n .fragrance-section.fr--mr-president .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section.fr--mr-president .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:var(--ink);\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section.fr--mr-president .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%;\n background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.18);\n }\n\n \/* Signature Mood *\/\n .fragrance-section.fr--mr-president .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(241,207,106,.06));\n border:1px solid var(--stroke); font-style:italic; color:var(--ink); text-align:center;\n }\n\u003c\/style\u003e\n\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":47859302334691,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":47859302367459,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_Product_Video_6.png?v=1765440352"},{"product_id":"velvet-fire-by-aureia-london-100ml","title":"Velvet Fire By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- VELVET FIRE — Luxe Dark UI --\u003e\n\u003csection class=\"fragrance-section fr--dark fr--velvet-fire\"\u003e\n\u003cdiv class=\"frame\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003c!-- Heading --\u003e\u003cheader class=\"hero\"\u003e\n\u003ch2 class=\"title\"\u003eVELVET FIRE\u003c\/h2\u003e\n\u003cp class=\"subtitle\"\u003e“She Doesn’t Chase the Flame — She Is It.”\u003c\/p\u003e\n\u003cp class=\"subtitle sub2\"\u003eVELVET FIRE — Grace with an Edge\u003c\/p\u003e\n\u003c\/header\u003e\u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n\u003csection class=\"profile\" aria-labelledby=\"vf-fp\"\u003e\n\u003ch3 id=\"vf-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n\u003cul class=\"profile-list\"\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eFresh · Spicy · Amber\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eMusky · Woody\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"profile-row\"\u003e\n\u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e \u003cspan class=\"profile-notes\"\u003eHerbal Warm · Spicy\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Notes Gallery (hover\/focus = tooltip) --\u003e\n\u003csection class=\"gallery\" aria-labelledby=\"vf-gallery\"\u003e\n\u003ch3 id=\"vf-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n\u003cul class=\"thumbs\" role=\"list\"\u003e\n\u003c!-- Top --\u003e\n\u003cli class=\"thumb\" data-tip=\"Fresh\" aria-label=\"Fresh\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Fresh.png?v=1756192529\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Spicy\" aria-label=\"Spicy\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/spicy.png?v=1756189175\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Amber\" aria-label=\"Amber\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Amber.png?v=1756189417\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c!-- Heart --\u003e\n\u003cli class=\"thumb\" data-tip=\"Musky\" aria-label=\"Musky\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Musk.png?v=1756190691\" alt=\"\"\u003e\u003c\/li\u003e\n\u003cli class=\"thumb\" data-tip=\"Woody\" aria-label=\"Woody\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/WOODY.png?v=1756184731\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c!-- Base --\u003e\n\u003cli class=\"thumb\" data-tip=\"Herbal Warm\" aria-label=\"Herbal Warm\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_London_Feature_Icons_12.png?v=1756208006\" alt=\"\"\u003e\u003c\/li\u003e\n\u003c!-- \u003cli class=\"thumb\" data-tip=\"Spicy\" aria-label=\"Spicy\" tabindex=\"0\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/spicy.png?v=1756189175\" alt=\"\"\u003e\u003c\/li\u003e --\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Description --\u003e\n\u003csection class=\"desc\" aria-labelledby=\"vf-desc\"\u003e\n\u003ch3 id=\"vf-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong class=\"gold-text\"\u003eVELVET FIRE\u003c\/strong\u003e is for the woman who moves through London like she owns the pavement—elegant, intriguing, and quietly daring. It opens with fresh heat and amber spice, then deepens into a musky–woody heart before settling into herbal warmth with a softly spicy finish—unexpected, sensual, unforgettable.\u003c\/p\u003e\n\u003cp\u003eInspired by the modern London woman—bold beneath her trench, sipping tea by day and cocktails by twilight—this scent captures rainy Soho streets, flickering fireplaces, silk blouses and leather boots. Softness wrapped around hidden strength.\u003c\/p\u003e\n\u003cp\u003eThe trail lingers with velvety richness, grounded in warmth and skin-musk intimacy. \u003cstrong class=\"gold-text\"\u003eVELVET FIRE\u003c\/strong\u003e is not just a fragrance—it’s a woman’s unspoken signature.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- Why You'll Love It --\u003e\n\u003csection class=\"love\" aria-labelledby=\"vf-love\"\u003e\n\u003ch3 id=\"vf-love\" class=\"section-title\"\u003eWhy You’ll Love It\u003c\/h3\u003e\n\u003cul class=\"gold-bullets\"\u003e\n\u003cli\u003eFresh–spicy lift with a golden amber glow\u003c\/li\u003e\n\u003cli\u003eSkin-close musky heart with confident woody depth\u003c\/li\u003e\n\u003cli\u003eQuietly bold aura—day to night, work to after-hours\u003c\/li\u003e\n\u003cli\u003eLeaves an intimate, memorable trail without shouting\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n \/* ===== Tokens (match NOOR) ===== *\/\n .fragrance-section{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* outer background *\/\n --card:#0e2438; \/* interior card background (dark) *\/\n --ink:#e9eef6; \/* primary text on dark *\/\n --muted:#b9c6d8; \/* secondary text on dark *\/\n --ink-strong:#ffffff; \/* headings \/ emphasis *\/\n --stroke:rgba(255,255,255,.08);\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n }\n @media (max-width:560px){\n .fragrance-section{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Shell (match NOOR) *\/\n .fragrance-section{\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n padding:24px 14px;\n color:var(--ink);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n .fragrance-section .frame{\n max-width:var(--maxw);\n margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold);\n box-shadow:0 10px 30px rgba(0,0,0,.35);\n }\n .fragrance-section .card{\n background:var(--card);\n border-radius:calc(var(--radius) - 2px);\n padding:26px 18px;\n box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\n color:var(--ink);\n }\n\n \/* Header *\/\n .fragrance-section .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile *\/\n .fragrance-section .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#f3d278;\n background:rgba(241,207,106,.10); border:1px solid rgba(241,207,106,.35);\n white-space:nowrap;\n }\n .fragrance-section .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section .gallery{ margin-top:14px; }\n .fragrance-section .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:linear-gradient(var(--card), var(--card)) padding-box, var(--gold) border-box;\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n outline:none;\n }\n .fragrance-section .thumb:focus-visible{\n box-shadow:0 0 0 3px rgba(241,207,106,.35), 0 2px 10px rgba(0,0,0,.4);\n }\n .fragrance-section .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:#0b1e32; color:#ffe9b6; border:1px solid rgba(241,207,106,.45); border-radius:999px;\n box-shadow:0 10px 24px rgba(0,0,0,.45);\n }\n .fragrance-section .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:#0b1e32;\n border-left:1px solid rgba(241,207,106,.45);\n border-top:1px solid rgba(241,207,106,.45);\n opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section .thumb:hover::after,\n .fragrance-section .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section .thumb:hover::before,\n .fragrance-section .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section .desc{ margin-top:16px; }\n .fragrance-section .desc p{\n margin:0 0 10px; color:#d6deea;\n text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section .gold-text{\n background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n }\n\n \/* Bullets *\/\n .fragrance-section .love{ margin-top:8px; }\n .fragrance-section .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:#e3ebf6;\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%; background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.20);\n }\n\n \/* Signature Mood *\/\n .fragrance-section .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(255,215,0,.06));\n border:1px solid rgba(241,207,106,.22);\n color:#e7edf6; text-align:center; font-style:italic;\n }\n\u003c\/style\u003e\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":47859316719843,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":47859316752611,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/velvet_jpg.jpg?v=1773689892"},{"product_id":"smoke-by-aureia-london-48-hours-long-lasting-extrait-de-parfum","title":"Smoke By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- MR. PRESIDENT — Luxe White UI (gold frame, text-only profile, tooltip gallery) --\u003e\n\u003csection class=\"fragrance-section fr--mr-president\"\u003e\n \u003cdiv class=\"frame\"\u003e\n \u003cdiv class=\"card\"\u003e\n\n \u003c!-- Heading --\u003e\n \u003cheader class=\"hero\"\u003e\n \u003ch2 class=\"title\"\u003eSMOKE\u003c\/h2\u003e\n \u003cp class=\"subtitle\"\u003eBold Expression of Fire\u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n \u003csection class=\"profile\" aria-labelledby=\"mrp-fp\"\u003e\n \u003ch3 id=\"mrp-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n \u003cul class=\"profile-list\"\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eFresh Spices · Aromatic Accords\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eBalsamic Resins · Incense\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eAmber · Oud · Smoked Woods\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n \u003csection class=\"gallery\" aria-labelledby=\"mrp-gallery\"\u003e\n \u003ch3 id=\"mrp-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n \u003cul class=\"thumbs\" role=\"list\"\u003e\n \u003c!-- Top --\u003e\n \u003cli class=\"thumb\" data-tip=\"Fresh Spices\" aria-label=\"Fresh Spices\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/spicy.png?v=1756189175\" alt=\"Fresh Spices\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Heart --\u003e\n \u003cli class=\"thumb\" data-tip=\"Balsamic Resins\" aria-label=\"Balsamic Resins\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Balsamic_Resins.png?v=1773833069\" alt=\"Balsamic Resins\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Incense\" aria-label=\"Incense\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Incense.png?v=1773833211\" alt=\"Incense\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Base --\u003e\n \u003cli class=\"thumb\" data-tip=\"Amber\" aria-label=\"Amber\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/New_Amber.png?v=1763623669\" alt=\"Amber\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Oud\" aria-label=\"Oud\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/oud_1.png?v=1763631870\" alt=\"Oud\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Smoked Woods\" aria-label=\"Smoked Woods\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Aureia_London_Feature_Icons_9.png?v=1756183883\" alt=\"Smoked Woods\"\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description --\u003e\n \u003csection class=\"desc\" aria-labelledby=\"mrp-desc\"\u003e\n \u003ch3 id=\"mrp-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n \u003cp\u003e\n \u003cstrong class=\"gold-text\"\u003eSMOKE\u003c\/strong\u003e is a bold expression of fire, resin and shadow. It opens with a bright spark of fresh spices and aromatic warmth, slowly giving way to a heart of glowing incense and balsamic resins. As the fragrance settles, deep amber, dark oud and smoldering woods rise from the skin, leaving a powerful, mysterious trail. Intense, hypnotic and unforgettable, SMOKE is crafted for those who command presence wherever they go.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why You'll Love It --\u003e\n \u003csection class=\"love\" aria-labelledby=\"mrp-love\"\u003e\n \u003ch3 id=\"mrp-love\" class=\"section-title\"\u003eWhy You'll Love It\u003c\/h3\u003e\n \u003cul class=\"gold-bullets\"\u003e\n \u003cli\u003eExudes quiet luxury and influence\u003c\/li\u003e\n \u003cli\u003eLong-lasting with a magnetic dry-down\u003c\/li\u003e\n \u003cli\u003eDesigned for men who lead with presence\u003c\/li\u003e\n \u003cli\u003eIdeal for formal and elite occasions\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Signature Mood --\u003e\n \u003caside class=\"callout\"\u003e\n “Executive presence. Refined dominance. The kind of confidence that doesn’t shout — it commands.”\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n \/* ===== MR. PRESIDENT — Dark + Gold (scoped) ===== *\/\n .fragrance-section.fr--mr-president{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* deep navy page bg *\/\n --panel:#0e2438; \/* dark card *\/\n --panel-soft:#0f2a44; \/* softer inner blocks *\/\n --ink:#e9eef6; \/* main text *\/\n --muted:#cbd7e6; \/* secondary text *\/\n --pill:#10263f; \/* tag chips *\/\n --stroke:rgba(241,207,106,.28); \/* gold stroke *\/\n --stroke-soft:rgba(241,207,106,.16); \/* soft stroke *\/\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n color:var(--ink);\n padding:24px 14px;\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n @media (max-width:560px){\n .fragrance-section.fr--mr-president{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section.fr--mr-president{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Gold frame + dark panel *\/\n .fragrance-section.fr--mr-president .frame{\n max-width:var(--maxw); margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold);\n }\n .fragrance-section.fr--mr-president .card{\n border-radius:calc(var(--radius) - 2px);\n padding:26px 18px;\n background:\n linear-gradient(var(--panel),var(--panel)) padding-box,\n linear-gradient(180deg, rgba(241,207,106,.32), rgba(241,207,106,.10)) border-box;\n border:1px solid transparent;\n }\n\n \/* Header *\/\n .fragrance-section.fr--mr-president .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section.fr--mr-president .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n color:#e9eef6; \/* fallback if gradient-clip unsupported *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section.fr--mr-president .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section.fr--mr-president .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile (text-only; no separators) *\/\n .fragrance-section.fr--mr-president .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section.fr--mr-president .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section.fr--mr-president .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section.fr--mr-president .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#d9bf75;\n background:var(--pill);\n border:1px solid var(--stroke);\n white-space:nowrap;\n }\n .fragrance-section.fr--mr-president .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section.fr--mr-president .gallery{ margin-top:14px; }\n .fragrance-section.fr--mr-president .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section.fr--mr-president .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section.fr--mr-president .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:\n linear-gradient(var(--panel-soft),var(--panel-soft)) padding-box,\n var(--gold) border-box;\n }\n .fragrance-section.fr--mr-president .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section.fr--mr-president .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:var(--panel); color:#d9bf75; border:1px solid var(--stroke); border-radius:999px;\n }\n .fragrance-section.fr--mr-president .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:var(--panel);\n border-left:1px solid var(--stroke); border-top:1px solid var(--stroke); opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section.fr--mr-president .thumb:hover::after,\n .fragrance-section.fr--mr-president .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section.fr--mr-president .thumb:hover::before,\n .fragrance-section.fr--mr-president .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section.fr--mr-president .desc{ margin-top:16px; }\n .fragrance-section.fr--mr-president .desc p{\n margin:0 0 10px; color:var(--muted); text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section.fr--mr-president .gold-text{\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n }\n\n \/* Bullets *\/\n .fragrance-section.fr--mr-president .love{ margin-top:8px; }\n .fragrance-section.fr--mr-president .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section.fr--mr-president .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:var(--ink);\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section.fr--mr-president .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%;\n background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.18);\n }\n\n \/* Signature Mood *\/\n .fragrance-section.fr--mr-president .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(241,207,106,.06));\n border:1px solid var(--stroke); font-style:italic; color:var(--ink); text-align:center;\n }\n\u003c\/style\u003e\n\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":48524275187939,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":48475883012323,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Somokecover_jpg.jpg?v=1773858015"},{"product_id":"purple-mango-by-aureia-london-48-hours-long-lasting-extrait-de-parfum","title":"Purple Mango By Aureia London | 48 Hours Long Lasting Extrait de Parfum","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\u003eLuxury Features\u003c\/title\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600\u0026family=Open+Sans:wght@300;400;600\u0026display=swap');\n\n :root{\n --gold-sheen: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --card:#0e2438; \/* interior card\/panel (dark) *\/\n --text:#e9eef6; \/* primary ink on dark *\/\n --muted:#b9c6d8; \/* secondary ink on dark *\/\n --stroke:rgba(255,255,255,.10);\n --shadow:0 12px 40px rgba(0,0,0,.35);\n --shadow-hover:0 18px 44px rgba(0,0,0,.45);\n --focus:rgba(241,207,106,.38);\n --radius:20px;\n --maxw:1100px;\n }\n\n \/* Section backdrop *\/\n .luxury-container {\n padding: 54px 16px;\n font-family: 'Open Sans', sans-serif;\n color: var(--text);\n text-align: center;\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,0.06), transparent 60%),\n var(--section);\n }\n\n \/* Gold frame + dark panel *\/\n .luxury-frame{\n max-width: var(--maxw);\n margin: 0 auto;\n padding: 3px;\n border-radius: var(--radius);\n background: var(--gold-sheen);\n box-shadow: var(--shadow);\n }\n .luxury-panel{\n background: var(--card);\n border-radius: calc(var(--radius) - 2px);\n padding: 28px 20px 30px;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.05);\n color: var(--text);\n }\n\n \/* Heading *\/\n .luxury-panel h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(24px, 4vw, 36px);\n margin: 0 0 26px;\n letter-spacing:.2px;\n background: var(--gold-sheen);\n -webkit-background-clip: text; background-clip:text;\n -webkit-text-fill-color: transparent; color: transparent;\n }\n\n \/* Grid *\/\n .luxury-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0,1fr));\n gap: 18px;\n max-width: 980px;\n margin: 0 auto;\n }\n\n \/* Feature card *\/\n .luxury-card {\n position: relative;\n background-color: var(--card);\n border-radius: 16px;\n padding: 18px 14px 20px;\n transition: transform .3s ease, box-shadow .3s ease, border-color .2s ease, opacity .4s ease;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.35);\n border:1px solid var(--stroke);\n isolation:isolate;\n outline: none;\n opacity: 0; transform: translateY(10px); \/* will reveal on scroll *\/\n }\n .luxury-card::before {\n content: \"\";\n position: absolute; inset: -1px;\n border-radius: 18px;\n background: var(--gold-sheen);\n z-index: -1; opacity: 0; transition: opacity .25s ease;\n }\n .luxury-card::after {\n content: \"\";\n position: absolute; inset: 2px;\n border-radius: 14px;\n background: var(--card);\n z-index: -1;\n }\n .luxury-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }\n .luxury-card:hover::before{ opacity:.6; }\n .luxury-card:focus-visible{ box-shadow: 0 0 0 3px var(--focus), var(--shadow-hover); }\n\n \/* Icon tile *\/\n .luxury-media{\n width:84px; height:84px; margin:0 auto 12px;\n position: relative; border-radius: 14px;\n display:flex; align-items:center; justify-content:center;\n background:#0b1e32; border:1px solid var(--stroke);\n box-shadow: 0 2px 12px rgba(0,0,0,.45);\n }\n .luxury-media::before{\n content:\"\"; position:absolute; inset:-1px; border-radius:14px; z-index:-1;\n background: var(--gold-sheen); opacity:.9;\n }\n .luxury-img{\n width:100%; height:100%; object-fit: contain; border-radius:10px;\n \/* removed white background *\/\n }\n\n .luxury-title {\n font-size: 15px;\n font-weight: 800;\n color: var(--text);\n letter-spacing:.2px;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px){\n .luxury-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }\n }\n @media (max-width: 420px){\n .luxury-media{ width:72px; height:72px; }\n .luxury-title{ font-size:14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .luxury-card, .luxury-card::before { transition: none; }\n }\n\/* Chip *\/\n.luxury-eyebrow{\n display:inline-block;\n font-size:13px;\n font-weight:600;\n letter-spacing:.15em;\n text-transform:uppercase;\n padding:.4rem 1rem;\n margin-bottom:12px;\n border-radius:999px;\n background: rgba(241,207,106,.15);\n border:1px solid rgba(241,207,106,.5);\n color: var(--text);\n}\n\n\/* Heading *\/\n.luxury-gold{\n font-family:'Playfair Display', serif;\n font-size: clamp(28px, 4.8vw, 42px);\n margin:0 0 12px;\n line-height:1.3;\n background: var(--gold-sheen);\n -webkit-background-clip:text;\n background-clip:text;\n -webkit-text-fill-color:transparent;\n text-fill-color:transparent;\n font-weight:600;\n}\n\n\/* Body text *\/\n.luxury-sub{\n margin:0 auto 20px;\n max-width:720px;\n font-size:15px;\n line-height:1.6;\n color: var(--muted);\n}\n\n\/* Steps *\/\n.luxury-steps{\n display:flex; flex-wrap:wrap;\n gap:14px; justify-content:center;\n}\n.luxury-step{\n display:flex; align-items:center; gap:10px;\n padding:10px 16px;\n border-radius:12px;\n background:#0b1e32;\n border:1px solid var(--stroke);\n box-shadow:0 2px 10px rgba(0,0,0,.35);\n}\n.step-text{\n font-size:14px;\n color: var(--text);\n font-weight:600;\n}\n\n\/* Golden icons *\/\n.luxury-icon{\n width:22px; height:22px;\n display:inline-block; flex:0 0 22px;\n background: var(--gold-sheen);\n -webkit-mask: var(--icon) center \/ contain no-repeat;\n mask: var(--icon) center \/ contain no-repeat;\n}\n\/* --- center alignment --- *\/\n.luxury-intro{\n \/* keep your existing rules *\/\n display:flex;\n flex-direction:column;\n align-items:center; \/* centers chip, heading, text *\/\n text-align:center;\n}\n\n.luxury-eyebrow{ margin-inline:auto; } \/* center the chip *\/\n.luxury-gold{ text-align:center; }\n.luxury-sub{ text-align:center; }\n\n\/* --- responsive steps as an equal-width grid --- *\/\n.luxury-steps{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr)); \/* desktop: 3 across *\/\n gap:14px;\n width:100%;\n max-width:980px; \/* keeps a nice line length *\/\n margin: 4px auto 0;\n}\n\n.luxury-step{\n justify-content:center; \/* centers icon + label inside pill *\/\n width:100%;\n}\n\n\/* tablet: 2 across *\/\n@media (max-width: 900px){\n .luxury-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }\n}\n\n\/* phone: 1 per row + tighter type scale *\/\n@media (max-width: 560px){\n .luxury-steps{ grid-template-columns: 1fr; gap:10px; }\n .luxury-gold{ font-size: clamp(24px, 7vw, 34px); line-height:1.25; }\n .luxury-sub{ font-size:14.2px; padding:0 10px; }\n .luxury-step{ padding:12px 14px; border-radius:14px; }\n .luxury-icon{ width:20px; height:20px; }\n .step-text{ font-size:13.6px; }\n}\n\n \u003c\/style\u003e\n\n\n\n\n\n\u003cdiv class=\"luxury-intro\"\u003e\n \u003cspan class=\"luxury-eyebrow\"\u003ePartial COD Available\u003c\/span\u003e\n\n \u003ch2 class=\"luxury-gold\"\u003ePartial Cash on Delivery (COD)\u003c\/h2\u003e\n\n \u003cp class=\"luxury-sub\"\u003e\n Pay just \u003cb\u003e₹500 advance\u003c\/b\u003e to confirm your order and clear the balance on delivery. \n A safer, simpler way to shop.\n \u003c\/p\u003e\n\n \u003cdiv class=\"luxury-steps\"\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/1250\/1250689.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003eEnter\u003c\/b\u003e delivery details\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/25\/25473.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay ₹500\u003c\/b\u003e advance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-step\"\u003e\n \u003cspan class=\"luxury-icon\" style=\"--icon:url('https:\/\/cdn-icons-png.flaticon.com\/512\/992\/992700.png');\"\u003e\u003c\/span\u003e\n \u003cspan class=\"step-text\"\u003e\u003cb\u003ePay rest\u003c\/b\u003e on delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n \u003cdiv class=\"luxury-container\"\u003e\n \u003cdiv class=\"luxury-frame\"\u003e\n \u003cdiv class=\"luxury-panel\"\u003e\n \u003ch2\u003e✦ Signature Purity \u0026amp; Prestige ✦\u003c\/h2\u003e\n\n \u003cdiv class=\"luxury-grid\"\u003e\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Free_Shipping.png?v=1757412902\" alt=\"Free Shipping\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eFree Shipping\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/COD_Available.png?v=1757412902\" alt=\"Cash on Delivery Available\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003ePartial COD Available\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Lasts_12_Hours.png?v=1757412903\" alt=\"Long Lasting\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eLasts 48+ Hours\u003c\/div\u003e \n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Organic_Ingredients.png?v=1757412902\" alt=\"Organic Ingredients\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eOrganic Ingredients\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Vegan_Friendly.png?v=1757412903\" alt=\"Vegan Friendly\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eVegan Friendly\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Cruelty-Free.png?v=1757412903\" alt=\"Cruelty Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eCruelty-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/IFRA_Compliant.png?v=1757412901\" alt=\"IFRA Compliant\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eIFRA Compliant\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Paraben-Free.png?v=1757412902\" alt=\"Paraben Free\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eParaben-Free\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"luxury-card\" tabindex=\"0\"\u003e\n \u003cdiv class=\"luxury-media\"\u003e\n \u003cimg class=\"luxury-img\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/GMP_Certified.png?v=1757412903\" alt=\"GMP Certified\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"luxury-title\"\u003eGMP Certified\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n \/\/ Soft reveal on scroll\n (function(){\n const cards = document.querySelectorAll('.luxury-card');\n if(!('IntersectionObserver' in window)){ cards.forEach(c=\u003e{ c.style.opacity=1; c.style.transform='none'; }); return; }\n const io = new IntersectionObserver((entries, obs) =\u003e {\n entries.forEach(e =\u003e {\n if(e.isIntersecting){\n e.target.style.opacity = '1';\n e.target.style.transform = 'none';\n obs.unobserve(e.target);\n }\n });\n }, {rootMargin: '0px 0px -10% 0px', threshold: 0.15});\n cards.forEach(c =\u003e io.observe(c));\n })();\n \u003c\/script\u003e\n\n\n\n\u003c!-- MR. PRESIDENT — Luxe White UI (gold frame, text-only profile, tooltip gallery) --\u003e\n\u003csection class=\"fragrance-section fr--mr-president\"\u003e\n \u003cdiv class=\"frame\"\u003e\n \u003cdiv class=\"card\"\u003e\n\n \u003c!-- Heading --\u003e\n \u003cheader class=\"hero\"\u003e\n \u003ch2 class=\"title\"\u003ePURPLE MANGO\u003c\/h2\u003e\n \u003cp class=\"subtitle\"\u003eA Royal Tropical Indulgence\u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003c!-- Fragrance Profile (TEXT ONLY) --\u003e\n \u003csection class=\"profile\" aria-labelledby=\"mrp-fp\"\u003e\n \u003ch3 id=\"mrp-fp\" class=\"section-title\"\u003eFragrance Profile\u003c\/h3\u003e\n \u003cul class=\"profile-list\"\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eTop\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eRipe Mango · Sicilian Bergamot · Pink Pepper\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eHeart\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003ePurple Plum · Jasmine Sambac · Orange Blossom\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"profile-row\"\u003e\n \u003cspan class=\"pill\"\u003eBase\u003c\/span\u003e\n \u003cspan class=\"profile-notes\"\u003eAmber · Creamy Sandalwood · Vanilla Absolute · Soft Musk\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Notes Gallery (images only; tooltip shows name) --\u003e\n \u003csection class=\"gallery\" aria-labelledby=\"mrp-gallery\"\u003e\n \u003ch3 id=\"mrp-gallery\" class=\"section-title\"\u003eNotes Gallery\u003c\/h3\u003e\n \u003cul class=\"thumbs\" role=\"list\"\u003e\n \u003c!-- Top --\u003e\n \u003cli class=\"thumb\" data-tip=\"Ripe Mango\" aria-label=\"Ripe Mango\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Ripe_Mango.jpg?v=1773863664\" alt=\"Ripe Mango\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Sicilian Bergamot\" aria-label=\"Sicilian Bergamot\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Sicilian_Bergamot.jpg?v=1773863664\" alt=\"Sicilian Bergamot\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Heart --\u003e\n \u003cli class=\"thumb\" data-tip=\"Jasmine Sambac\" aria-label=\"Jasmine Sambac\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Jasmine_Sambac.jpg?v=1773863663\" alt=\"Jasmine Sambac\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Orange Blossom\" aria-label=\"Orange Blossom\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Orange_Blossom.jpg?v=1773863664\" alt=\"Orange Blossom\"\u003e\n \u003c\/li\u003e\n\n \u003c!-- Base --\u003e\n \u003cli class=\"thumb\" data-tip=\"Sandalwood\" aria-label=\"Sandalwood\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/Sandalwood.png?v=1756191780\" alt=\"Sandalwood\"\u003e\n \u003c\/li\u003e\n \u003cli class=\"thumb\" data-tip=\"Amber\" aria-label=\"Amber\"\u003e\n \u003cimg loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/New_Amber.png?v=1763623669\" alt=\"Amber\"\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description --\u003e\n \u003csection class=\"desc\" aria-labelledby=\"mrp-desc\"\u003e\n \u003ch3 id=\"mrp-desc\" class=\"section-title\"\u003eDescription\u003c\/h3\u003e\n \u003cp\u003e\n The fragrance opens with the luscious sweetness of ripe mango, uplifted by sparkling Sicilian bergamot and a subtle touch of pink pepper that adds brightness and intrigue. At its heart, rich purple plum and jasmine sambac blend beautifully with delicate orange blossom, creating a smooth, velvety floral-fruity harmony.\n \u003c\/p\u003e\n \u003cp\u003e\n As the fragrance settles, warm amber and creamy sandalwood emerge, wrapped in the addictive softness of vanilla and musk, leaving behind a sensual and long-lasting trail.\n \u003c\/p\u003e\n \u003cp\u003e\n \u003cstrong class=\"gold-text\"\u003ePurple Mango\u003c\/strong\u003e is vibrant, exotic, and irresistibly regal — a scent that embodies indulgence and confidence.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Why You'll Love It --\u003e\n \u003csection class=\"love\" aria-labelledby=\"mrp-love\"\u003e\n \u003ch3 id=\"mrp-love\" class=\"section-title\"\u003eWhy You'll Love It\u003c\/h3\u003e\n \u003cul class=\"gold-bullets\"\u003e\n \u003cli\u003eExudes quiet luxury and influence\u003c\/li\u003e\n \u003cli\u003eLong-lasting with a magnetic dry-down\u003c\/li\u003e\n \u003cli\u003eDesigned for men who lead with presence\u003c\/li\u003e\n \u003cli\u003eIdeal for formal and elite occasions\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003c!-- Signature Mood --\u003e\n \u003caside class=\"callout\"\u003e\n “Executive presence. Refined dominance. The kind of confidence that doesn’t shout — it commands.”\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n \/* ===== MR. PRESIDENT — Dark + Gold (scoped) ===== *\/\n .fragrance-section.fr--mr-president{\n --gold: linear-gradient(100deg,#b87507 0%,#f3d278 18%,#c88a1f 33%,#ffefbe 50%,#c78517 68%,#f1cf6a 85%,#b87306 100%);\n --section:#0c3150; \/* deep navy page bg *\/\n --panel:#0e2438; \/* dark card *\/\n --panel-soft:#0f2a44; \/* softer inner blocks *\/\n --ink:#e9eef6; \/* main text *\/\n --muted:#cbd7e6; \/* secondary text *\/\n --pill:#10263f; \/* tag chips *\/\n --stroke:rgba(241,207,106,.28); \/* gold stroke *\/\n --stroke-soft:rgba(241,207,106,.16); \/* soft stroke *\/\n --radius:18px; --maxw:1000px;\n --thumb:70px; --thumb-gap:10px;\n\n background:\n radial-gradient(900px 320px at 18% -8%, rgba(255,255,255,.06), transparent 60%),\n var(--section);\n color:var(--ink);\n padding:24px 14px;\n font-family:system-ui,-apple-system,Segoe UI,Roboto,\"Helvetica Neue\",Arial,sans-serif;\n }\n @media (max-width:560px){\n .fragrance-section.fr--mr-president{ --thumb:60px; --thumb-gap:8px; }\n }\n @media (max-width:400px){\n .fragrance-section.fr--mr-president{ --thumb:54px; --thumb-gap:6px; }\n }\n\n \/* Gold frame + dark panel *\/\n .fragrance-section.fr--mr-president .frame{\n max-width:var(--maxw); margin:0 auto; padding:2px; border-radius:var(--radius);\n background:var(--gold);\n }\n .fragrance-section.fr--mr-president .card{\n border-radius:calc(var(--radius) - 2px);\n padding:26px 18px;\n background:\n linear-gradient(var(--panel),var(--panel)) padding-box,\n linear-gradient(180deg, rgba(241,207,106,.32), rgba(241,207,106,.10)) border-box;\n border:1px solid transparent;\n }\n\n \/* Header *\/\n .fragrance-section.fr--mr-president .hero{ text-align:center; margin-bottom:14px; }\n .fragrance-section.fr--mr-president .title{\n margin:0 0 4px; font-size:34px; font-weight:800; letter-spacing:.2px;\n color:#e9eef6; \/* fallback if gradient-clip unsupported *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n .fragrance-section.fr--mr-president .subtitle{ margin:0; color:var(--muted); font-style:italic; }\n\n \/* Section headings *\/\n .fragrance-section.fr--mr-president .section-title{\n margin:0 0 10px; font-size:18px; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n }\n\n \/* Profile (text-only; no separators) *\/\n .fragrance-section.fr--mr-president .profile{ margin-top:16px; padding:6px 2px 2px; }\n .fragrance-section.fr--mr-president .profile-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }\n .fragrance-section.fr--mr-president .profile-row{ display:flex; align-items:center; gap:10px; }\n .fragrance-section.fr--mr-president .pill{\n display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:800;\n letter-spacing:.3px; text-transform:uppercase;\n color:#d9bf75;\n background:var(--pill);\n border:1px solid var(--stroke);\n white-space:nowrap;\n }\n .fragrance-section.fr--mr-president .profile-notes{ font-weight:700; color:var(--ink); }\n\n \/* Notes Gallery (tooltips) *\/\n .fragrance-section.fr--mr-president .gallery{ margin-top:14px; }\n .fragrance-section.fr--mr-president .thumbs{\n list-style:none; padding:0; margin:0; display:grid; gap:var(--thumb-gap);\n grid-template-columns:repeat(auto-fit, minmax(var(--thumb), 1fr));\n }\n @media (max-width:420px){\n .fragrance-section.fr--mr-president .thumbs{ grid-template-columns:repeat(4, minmax(0,1fr)); }\n }\n .fragrance-section.fr--mr-president .thumb{\n position:relative; display:grid; place-items:center; padding:8px;\n border-radius:14px; border:1px solid transparent;\n background:\n linear-gradient(var(--panel-soft),var(--panel-soft)) padding-box,\n var(--gold) border-box;\n }\n .fragrance-section.fr--mr-president .thumb img{\n width:var(--thumb); height:var(--thumb); object-fit:cover; border-radius:10px; display:block;\n }\n .fragrance-section.fr--mr-president .thumb::after{\n content: attr(data-tip);\n position:absolute; left:50%; bottom: calc(100% + 8px); transform: translate(-50%, 4px);\n opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;\n padding:6px 10px; font-size:12px; font-weight:700; white-space:nowrap;\n background:var(--panel); color:#d9bf75; border:1px solid var(--stroke); border-radius:999px;\n }\n .fragrance-section.fr--mr-president .thumb::before{\n content:\"\"; position:absolute; left:50%; bottom: calc(100% + 4px); transform: translateX(-50%) rotate(45deg);\n width:10px; height:10px; background:var(--panel);\n border-left:1px solid var(--stroke); border-top:1px solid var(--stroke); opacity:0; transition:opacity .18s ease;\n }\n .fragrance-section.fr--mr-president .thumb:hover::after,\n .fragrance-section.fr--mr-president .thumb:focus-visible::after{ opacity:1; transform: translate(-50%, 0); }\n .fragrance-section.fr--mr-president .thumb:hover::before,\n .fragrance-section.fr--mr-president .thumb:focus-visible::before{ opacity:1; }\n\n \/* Description *\/\n .fragrance-section.fr--mr-president .desc{ margin-top:16px; }\n .fragrance-section.fr--mr-president .desc p{\n margin:0 0 10px; color:var(--muted); text-align:justify; text-justify:inter-word; hyphens:auto;\n }\n .fragrance-section.fr--mr-president .gold-text{\n background:var(--gold); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:800;\n color:#e9eef6; \/* fallback *\/\n }\n\n \/* Bullets *\/\n .fragrance-section.fr--mr-president .love{ margin-top:8px; }\n .fragrance-section.fr--mr-president .gold-bullets{ list-style:none; padding:0; margin:0; }\n .fragrance-section.fr--mr-president .gold-bullets li{\n position:relative; padding-left:22px; margin:6px 0; color:var(--ink);\n text-align:justify; text-justify:inter-word;\n }\n .fragrance-section.fr--mr-president .gold-bullets li::before{\n content:\"\"; position:absolute; left:0; top:.95em; transform:translateY(-50%);\n width:9px; height:9px; border-radius:50%;\n background:var(--gold);\n box-shadow:0 0 0 2px rgba(241,207,106,.18);\n }\n\n \/* Signature Mood *\/\n .fragrance-section.fr--mr-president .callout{\n margin-top:14px; padding:18px 16px; border-radius:12px;\n background:linear-gradient(0deg, rgba(241,207,106,.08), rgba(241,207,106,.06));\n border:1px solid var(--stroke); font-style:italic; color:var(--ink); text-align:center;\n }\n\u003c\/style\u003e\n\n\u003c\/body\u003e","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":48524272435427,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true},{"title":"100ml","offer_id":48477006889187,"sku":null,"price":3200.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2991\/5619\/files\/mangocover_jpg.jpg?v=1773861261"}],"url":"https:\/\/aureialondon.com\/collections\/signature-collection.oembed","provider":"Aureialondon","version":"1.0","type":"link"}