{"product_id":"billionaire-30ml-aureia-london","title":"Billionaire | 30ml | Aureia London","description":"\u003cp style=\"text-align: left;\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\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\u003cdiv class=\"luxury-intro\" style=\"text-align: left;\"\u003e\n\u003cp\u003eCreated for visionaries and empire-builders, \u003cstrong class=\"gold-text\"\u003eBillionaire\u003c\/strong\u003e is a magnetic expression of refined dominance. It opens with the commanding heat of warm spices and cinnamon — bold, immediate, unforgettable.\u003c\/p\u003e\n\u003cp\u003eThe heart is a masterful blend of aged woods, supple leather, and a deep floral kiss of rose. At its base, earthy green accords and smoky patchouli settle with enduring strength, crafting a finish that is both distinguished and provocative.\u003c\/p\u003e\n\u003cp\u003eThis is not just a fragrance — it's a personal insignia. The scent of ownership. Of legacy. Of entering a room and leaving it changed.\u003c\/p\u003e\n\u003c\/div\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);\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","brand":"Aureialondon","offers":[{"title":"30ml","offer_id":49704107114738,"sku":null,"price":1500.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0799\/4995\/5314\/files\/Billionaire_By_Aureia_London_1.jpg?v=1781700627","url":"https:\/\/allscents.shop\/products\/billionaire-30ml-aureia-london","provider":"All Scents","version":"1.0","type":"link"}