{"title":"BEST VALUE","description":"","products":[{"product_id":"hawaii-our-own-discovery","title":"HAWAII","description":"\u003cp\u003e\u003cstrong\u003eBrief:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eHawaii opens with a bright burst of lemon and bergamot blended with fresh neroli. The heart reveals soft rose, hyacinth, geranium, and clary sage that add a clean floral green touch. As it settles, cedar, musk, tonka bean, and amber create a warm, smooth and relaxing finish that feels fresh and uplifting.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFragrance Profile:\u003c\/strong\u003e Aquatic, Aromatic, Citrusy\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePerfume Notes:\u003c\/strong\u003e Lemon, Bergamot, Neroli, Rose, Hyacinth, Cedar, Clary Sage, Geranium, Musk, Tonka bean, Amber\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGender:\u003c\/strong\u003e Men\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilage:\u003c\/strong\u003e Strong\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLasting:\u003c\/strong\u003e Up to 6 hours (measured in standard atmosphere)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePreferred Season:\u003c\/strong\u003e Spring | Summer\u003cbr\u003e\u003c\/p\u003e","brand":"Our Own Discovery","offers":[{"title":"50ml","offer_id":46221336477893,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Hawaii.webp?v=1782907309"},{"product_id":"waterloo-inspired-by-cool-water","title":"WATERLOO","description":"\u003cp\u003e\u003cstrong\u003eBrief:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eExperience the allure of Waterloo, a aquatic, aromatic, floral, woody fragrance designed to captivate the senses. It opens with refreshing top notes of aromatic, green, leading into a heart of marine, fresh spicy that adds depth and character. The base settles into lavender, woody, salty, leaving behind an unforgettable trail. Perfect for those who embrace sophistication and style, Waterloo is your signature scent for any occasion.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFragrance Profile:\u003c\/strong\u003e Aquatic, Aromatic, Floral, Woody\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePerfume Notes:\u003c\/strong\u003e Aromatic, Green, Marine, Fresh Spicy, Lavender, Woody, Salty\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGender:\u003c\/strong\u003e Men\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilage:\u003c\/strong\u003e Medium\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLasting:\u003c\/strong\u003e Up to 7 hours (measured in standard atmosphere)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePreferred Season:\u003c\/strong\u003e Spring | Summer\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Inspired by Cool Water David Off","offers":[{"title":"50ml","offer_id":46221345063109,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Waterloo.webp?v=1782907309"},{"product_id":"million-reasons-inspired-by-one-million","title":"MILLION REASONS","description":"\u003cp\u003e\u003cstrong\u003eBrief:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStep into the world of Million Reasons, a floral , woody fragrance designed to captivate the senses. It opens with refreshing top notes of white floral, tuberose, leading into a heart of amber, animalic that adds depth and character. The base settles into woody, salty, leather, tropical, musky, coconut, leaving behind an unforgettable trail. Perfect for those who embrace sophistication and style, Million Reasons is your signature scent for any occasion.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFragrance Profile:\u003c\/strong\u003e Floral, Woody\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePerfume Notes:\u003c\/strong\u003e White Floral, Tuberose, Amber, Animalic, Woody, Salty, Leather, Tropical, Musky, Coconut\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGender:\u003c\/strong\u003e Men\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilage:\u003c\/strong\u003e Strong\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLasting:\u003c\/strong\u003e Up to 8 hours (measured in standard atmosphere)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePreferred Season:\u003c\/strong\u003e Spring | Autumn | Winter\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Inspired by One Million","offers":[{"title":"50ml","offer_id":46221348339909,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Million_Reasons_a.webp?v=1783321511"},{"product_id":"heaven-s-door-inspired-by-white-musk","title":"HEAVEN'S DOOR","description":"\u003cp\u003e\u003cstrong\u003eBrief:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eEmbrace the refined aroma of Heaven's Door, a floral fragrance designed to captivate the senses. It opens with refreshing top notes of musky, leading into a heart of powdery, animalic that adds depth and character. The base settles into sweet, leaving behind an unforgettable trail. Perfect for those who embrace sophistication and style, Heaven's Door is your signature scent for any occasion.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFragrance Profile:\u003c\/strong\u003e Floral, Aromatic\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePerfume Notes:\u003c\/strong\u003e Musky, Powdery, Animalic, Sweet\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGender:\u003c\/strong\u003e Unisex\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilage:\u003c\/strong\u003e Medium\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLasting:\u003c\/strong\u003e Up to 7 hours (measured in standard atmosphere)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePreferred Season:\u003c\/strong\u003e Spring | Summer | Autumn\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Inspired by White Musk","offers":[{"title":"50ml","offer_id":46221348929733,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Heaven_S_Door.webp?v=1782907309"},{"product_id":"dark-horse-inspired-by-dunhill-desire","title":"DARK HORSE","description":"\u003cp\u003e\u003cstrong\u003eBrief:\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCapture the essence of sophistication with Dark Horse, a citrusy, floral, fruity, woody fragrance designed to captivate the senses. It opens with refreshing top notes of citrus, vanilla, leading into a heart of fruity, rose that adds depth and character. The base settles into fresh, powdery, woody, musky, green, fresh spicy, leaving behind an unforgettable trail. Perfect for those who embrace sophistication and style, Dark Horse is your signature scent for any occasion.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFragrance Profile:\u003c\/strong\u003e Citrusy, Floral, Fruity, Woody\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePerfume Notes:\u003c\/strong\u003e Citrus, Vanilla, Fruity, Rose, Fresh, Powdery, Woody, Musky, Green, Fresh Spicy\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eGender:\u003c\/strong\u003e Men\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSilage:\u003c\/strong\u003e Strong\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLasting:\u003c\/strong\u003e Up to 7 hours (measured in standard atmosphere)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePreferred Season:\u003c\/strong\u003e Spring | Autumn | Winter\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Inspired by Dunhill Red","offers":[{"title":"50ml","offer_id":46221349912773,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Dark_Horse.webp?v=1782907309"},{"product_id":"closer-inspired-by-invictus-men","title":"CLOSER","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026amp;family=Playfair+Display:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* Base Reset \u0026 Scoping for Shopify *\/\n  .fp-wrapper {\n    --primary: #0e6b6d;\n    --primary-light: #19bec2;\n    --bg-soft: #faf8f5;\n    --card-bg: #ffffff;\n    --text-main: #2d2d2d;\n    --text-muted: #666666;\n    --border-radius: 12px;\n    --shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    \n    font-family: 'Inter', sans-serif;\n    color: var(--text-main);\n    background: transparent;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    box-sizing: border-box;\n    line-height: 1.5;\n  }\n  .fp-wrapper * {\n    box-sizing: inherit;\n  }\n  \n  .fp-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .fp-title {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(28px, 5vw, 42px);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #1a0f14;\n    margin: 0 0 8px 0;\n  }\n  .fp-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--primary);\n    margin: 0 0 16px 0;\n  }\n  .fp-description {\n    font-size: 14px;\n    color: var(--text-muted);\n    max-width: 700px;\n    margin: 0 auto 24px auto;\n    line-height: 1.6;\n    text-align: justify;\n  }\n\n  .fp-tags-container {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .fp-tags-container::-webkit-scrollbar { display: none; }\n  \n  .fp-tag-card {\n    background: var(--card-bg);\n    border: 1px solid #0e6b6d;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n    padding: 20px 4px;\n    border-radius: var(--border-radius);\n    text-align: center;\n    flex: 1 1 0;\n    min-width: max-content;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-tag-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n  }\n  .fp-tag-value {\n    font-size: 13px;\n    color: var(--text-main);\n    font-weight: 700;\n  }\n\n  .fp-main-section {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 768px) {\n    .fp-main-section {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .fp-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 24px;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n  }\n\n  .fp-tabs {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  .fp-tab-btn {\n    flex: 1;\n    background: #f9f9f9;\n    border: 1px solid #eee;\n    border-radius: var(--border-radius);\n    padding: 12px 8px;\n    cursor: pointer;\n    font-family: 'Inter', sans-serif;\n    color: var(--text-muted);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n  .fp-tab-btn .fp-tab-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: inherit; letter-spacing: 0.5px;}\n  .fp-tab-btn .fp-tab-sub { font-size: 11px; font-weight: 400; }\n  \n  .fp-tab-btn.active {\n    background: linear-gradient(135deg, var(--primary-light), var(--primary));\n    color: #fff;\n    border-color: var(--primary);\n    box-shadow: 0 4px 12px rgba(255, 107, 139, 0.2);\n  }\n  .fp-tab-btn:hover:not(.active) { background: #f0f0f0; }\n\n  .fp-tab-content {\n    display: none;\n    animation: fpFadeIn 0.4s ease-out forwards;\n  }\n  .fp-tab-content.active { display: block; }\n  @keyframes fpFadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .fp-notes-layout {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  .fp-notes-sidebar {\n    width: 80px;\n    flex-shrink: 0;\n  }\n  .fp-notes-sidebar h4 {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    margin: 0 0 8px 0;\n    letter-spacing: 1px;\n  }\n  .fp-notes-sidebar p {\n    font-size: 11px;\n    color: var(--text-muted);\n    margin: 0;\n    line-height: 1.4;\n  }\n  .fp-notes-sidebar-divider {\n    width: 20px;\n    height: 2px;\n    background: var(--primary);\n    margin: 8px 0;\n  }\n  \n  .fp-notes-list {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \n  .fp-visual-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 20px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #333;\n    box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.05);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .fp-visual-bar::after {\n    content: attr(data-emoji);\n    font-size: 24px;\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    opacity: 0.8;\n  }\n\n  .fp-bar-purple { background: linear-gradient(90deg, #d8b4e2, #e6c8ee); }\n  .fp-bar-pink { background: linear-gradient(90deg, #ffb6c1, #ffd1dc); }\n  .fp-bar-orange { background: linear-gradient(90deg, #ffe4b5, #ffefd5); }\n  .fp-bar-green { background: linear-gradient(90deg, #bfe3b4, #d5f0cb); }\n  .fp-bar-blue { background: linear-gradient(90deg, #b4d5e3, #cbebf0); }\n  .fp-bar-wood { background: linear-gradient(90deg, #deb887, #e8cda1); }\n\n  .fp-section-title {\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 20px 0;\n    color: #1a0f14;\n  }\n  .fp-accord-row {\n    display: flex;\n    align-items: center;\n    margin-bottom: 14px;\n  }\n  .fp-accord-row:last-child { margin-bottom: 0; }\n  .fp-accord-label {\n    width: 90px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n  .fp-accord-bar-wrapper {\n    flex: 1;\n    height: 8px;\n    background: #f0f0f0;\n    border-radius: 4px;\n    margin: 0 15px;\n    overflow: hidden;\n  }\n  .fp-accord-bar-fill {\n    height: 100%;\n    background: linear-gradient(90deg, var(--primary-light), var(--primary));\n    border-radius: 4px;\n    width: 0;\n    animation: fillBar 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n  }\n  @keyframes fillBar {\n    from { width: 0; }\n    to { width: var(--target-width); }\n  }\n  \n  .fp-accord-percent {\n    width: 35px;\n    text-align: right;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--text-muted);\n  }\n\n  .fp-bottom-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n  }\n  @media (max-width: 768px) {\n    .fp-bottom-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  .fp-info-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 20px 10px;\n    text-align: center;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-icon-wrapper {\n    width: 44px;\n    height: 44px;\n    background: #fdf2f4;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n    color: var(--primary);\n  }\n  .fp-icon-wrapper svg { width: 22px; height: 22px; fill: currentColor; }\n  .fp-info-label {\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin-bottom: 6px;\n  }\n  .fp-info-value {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--primary);\n  }\n\n  .fp-speedometer-svg {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 8px;\n  }\n  .fp-circle-bg {\n    fill: none;\n    stroke: #f0f0f0;\n    stroke-width: 3;\n  }\n  .fp-circle-fill {\n    fill: none;\n    stroke: url(#fp-grad);\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-dasharray: 0, 100;\n    animation: fpProgress 2s cubic-bezier(0.25, 1, 0.5, 1) forwards; \n  }\n  @keyframes fpProgress {\n    0% { stroke-dasharray: 0, 100; }\n    100% { stroke-dasharray: var(--fp-longevity-target, 85), 100; }\n  }\n  .fp-speed-text {\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    fill: var(--text-main);\n  }\n  .fp-speed-sub {\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 4px;\n    fill: var(--primary);\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"fp-wrapper\" style=\"--fp-longevity-target:85;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"fp-header\"\u003e\n\u003ch1 class=\"fp-title\"\u003eCloser\u003c\/h1\u003e\n\u003cdiv class=\"fp-subtitle\"\u003e\u003cspan style=\"color: rgb(14, 107, 109);\"\u003eAQUATIC Fragrance\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"fp-description\"\u003eBright grapefruit and marine notes open this scent with an energetic citrus rush, ideal for hot afternoons. Bay leaf in the heart adds a green, slightly bitter edge that keeps the freshness interesting rather than one-dimensional. Guaiac wood and patchouli in the base give it just enough depth to carry into evening wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Tag Cards --\u003e\n\u003cdiv class=\"fp-tags-container\"\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eProfile\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eAquatic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eGender\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eMen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eSeason\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eSpring\u003cbr\u003eSummer\u003cbr\u003eFall\u003cbr\u003eWinter\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Section: Notes \u0026 Accords --\u003e\n\u003cdiv class=\"fp-main-section\"\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003cdiv class=\"fp-tabs\"\u003e\n\u003cbutton class=\"fp-tab-btn active\"\u003e \u003cspan class=\"fp-tab-title\"\u003eOPENING\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eTop Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eHEART\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eMiddle Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eDRY DOWN\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eBase Notes\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-top-notes\" class=\"fp-tab-content active\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eTop Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe first impression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003e Sea Notes\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eGrapefruit\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eMandarin\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-mid-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eMid Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe core character of the fragrance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eBay Leaf\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eJasmine\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eGuaiac Wood\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-base-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eBase Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eRich and lasting foundations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eAmbergis\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eOakmoss\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003ePatchouli\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003ch3 class=\"fp-section-title\"\u003eFragrance Accords\u003c\/h3\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eCitrus\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 95%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e95%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eMarine\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 85%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e85%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eAromatic\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 75%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e75%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eFresh Spicy\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 65%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e65%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eWoody\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 50%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e50%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eSalty\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 40%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e40%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom Cards Grid --\u003e\n\u003cdiv class=\"fp-bottom-grid\"\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M4 12C4 10.3431 5.34315 9 7 9H13C14.1046 9 15 8.10457 15 7C15 5.89543 14.1046 5 13 5H10V3H13C15.2091 3 17 4.79086 17 7C17 9.20914 15.2091 11 13 11H7C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13H15C17.7614 13 20 15.2386 20 18C20 20.7614 17.7614 23 15 23H9V21H15C16.6569 21 18 19.6569 18 18C18 16.3431 16.6569 15 15 15H7C5.34315 15 4 13.6569 4 12Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eSilage\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eStrong\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n           \u003cpath d=\"M12 2L14.4 8.6L21 9.2L16.2 13.8L17.5 20.5L12 17L6.5 20.5L7.8 13.8L3 9.2L9.6 8.6L12 2Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eProjection\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eUp to 10 Feet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 2V4M12 20V22M4 12H2M22 12H20M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07M4.93 19.07L6.34 17.66M17.66 4.93L19.07 6.34\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eBest Time\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eDay \u0026amp; Night\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003csvg viewbox=\"0 0 36 36\" class=\"fp-speedometer-svg\"\u003e\n        \u003cdefs\u003e\n          \u003clineargradient id=\"fp-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"\u003e\n            \u003cstop offset=\"0%\" stop-color=\"#19bec2\"\u003e\u003c\/stop\u003e\n            \u003cstop offset=\"100%\" stop-color=\"#0e6b6d\"\u003e\u003c\/stop\u003e\n          \u003c\/lineargradient\u003e\n        \u003c\/defs\u003e\n        \u003cpath class=\"fp-circle-bg\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003cpath class=\"fp-circle-fill\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003ctext x=\"18\" y=\"20\" text-anchor=\"middle\" class=\"fp-speed-text\"\u003e10+\u003c\/text\u003e\n        \u003ctext x=\"18\" y=\"25\" text-anchor=\"middle\" class=\"fp-speed-sub\"\u003eHOURS\u003c\/text\u003e\n      \u003c\/svg\u003e \u003cspan class=\"fp-info-label\"\u003eLongevity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    const buttons = document.querySelectorAll('.fp-tab-btn');\n    const tabs = document.querySelectorAll('.fp-tab-content');\n\n    const ids = [\n        'fp-top-notes',\n        'fp-mid-notes',\n        'fp-base-notes'\n    ];\n\n    buttons.forEach((button, index) =\u003e {\n\n        button.addEventListener('click', function () {\n\n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            tabs.forEach(tab =\u003e tab.classList.remove('active'));\n\n            button.classList.add('active');\n\n            document.getElementById(ids[index]).classList.add('active');\n\n        });\n\n    });\n\n});\n\u003c\/script\u003e","brand":"Inspired by Invictus Men","offers":[{"title":"50ml","offer_id":46221350371525,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/CLoser_a.webp?v=1782853857"},{"product_id":"chocolat-cadabra-the-chocolate-journey","title":"CHOCOLAT CADABRA","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026amp;family=Playfair+Display:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* Base Reset \u0026 Scoping for Shopify *\/\n  .fp-wrapper {\n    --primary: #0e6b6d;\n    --primary-light: #19bec2;\n    --bg-soft: #faf8f5;\n    --card-bg: #ffffff;\n    --text-main: #2d2d2d;\n    --text-muted: #666666;\n    --border-radius: 12px;\n    --shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    \n    font-family: 'Inter', sans-serif;\n    color: var(--text-main);\n    background: transparent;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    box-sizing: border-box;\n    line-height: 1.5;\n  }\n  .fp-wrapper * {\n    box-sizing: inherit;\n  }\n  \n  .fp-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .fp-title {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(28px, 5vw, 42px);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #1a0f14;\n    margin: 0 0 8px 0;\n  }\n  .fp-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--primary);\n    margin: 0 0 16px 0;\n  }\n  .fp-description {\n    font-size: 14px;\n    color: var(--text-muted);\n    max-width: 700px;\n    margin: 0 auto 24px auto;\n    line-height: 1.6;\n    text-align: justify;\n  }\n\n  .fp-tags-container {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .fp-tags-container::-webkit-scrollbar { display: none; }\n  \n  .fp-tag-card {\n    background: var(--card-bg);\n    border: 1px solid #0e6b6d;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n    padding: 20px 4px;\n    border-radius: var(--border-radius);\n    text-align: center;\n    flex: 1 1 0;\n    min-width: max-content;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-tag-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n  }\n  .fp-tag-value {\n    font-size: 13px;\n    color: var(--text-main);\n    font-weight: 700;\n  }\n\n  .fp-main-section {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 768px) {\n    .fp-main-section {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .fp-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 24px;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n  }\n\n  .fp-tabs {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  .fp-tab-btn {\n    flex: 1;\n    background: #f9f9f9;\n    border: 1px solid #eee;\n    border-radius: var(--border-radius);\n    padding: 12px 8px;\n    cursor: pointer;\n    font-family: 'Inter', sans-serif;\n    color: var(--text-muted);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n  .fp-tab-btn .fp-tab-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: inherit; letter-spacing: 0.5px;}\n  .fp-tab-btn .fp-tab-sub { font-size: 11px; font-weight: 400; }\n  \n  .fp-tab-btn.active {\n    background: linear-gradient(135deg, var(--primary-light), var(--primary));\n    color: #fff;\n    border-color: var(--primary);\n    box-shadow: 0 4px 12px rgba(255, 107, 139, 0.2);\n  }\n  .fp-tab-btn:hover:not(.active) { background: #f0f0f0; }\n\n  .fp-tab-content {\n    display: none;\n    animation: fpFadeIn 0.4s ease-out forwards;\n  }\n  .fp-tab-content.active { display: block; }\n  @keyframes fpFadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .fp-notes-layout {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  .fp-notes-sidebar {\n    width: 80px;\n    flex-shrink: 0;\n  }\n  .fp-notes-sidebar h4 {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    margin: 0 0 8px 0;\n    letter-spacing: 1px;\n  }\n  .fp-notes-sidebar p {\n    font-size: 11px;\n    color: var(--text-muted);\n    margin: 0;\n    line-height: 1.4;\n  }\n  .fp-notes-sidebar-divider {\n    width: 20px;\n    height: 2px;\n    background: var(--primary);\n    margin: 8px 0;\n  }\n  \n  .fp-notes-list {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \n  .fp-visual-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 20px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #333;\n    box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.05);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .fp-visual-bar::after {\n    content: attr(data-emoji);\n    font-size: 24px;\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    opacity: 0.8;\n  }\n\n  .fp-bar-purple { background: linear-gradient(90deg, #d8b4e2, #e6c8ee); }\n  .fp-bar-pink { background: linear-gradient(90deg, #ffb6c1, #ffd1dc); }\n  .fp-bar-orange { background: linear-gradient(90deg, #ffe4b5, #ffefd5); }\n  .fp-bar-green { background: linear-gradient(90deg, #bfe3b4, #d5f0cb); }\n  .fp-bar-blue { background: linear-gradient(90deg, #b4d5e3, #cbebf0); }\n  .fp-bar-wood { background: linear-gradient(90deg, #deb887, #e8cda1); }\n\n  .fp-section-title {\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 20px 0;\n    color: #1a0f14;\n  }\n  .fp-accord-row {\n    display: flex;\n    align-items: center;\n    margin-bottom: 14px;\n  }\n  .fp-accord-row:last-child { margin-bottom: 0; }\n  .fp-accord-label {\n    width: 90px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n  .fp-accord-bar-wrapper {\n    flex: 1;\n    height: 8px;\n    background: #f0f0f0;\n    border-radius: 4px;\n    margin: 0 15px;\n    overflow: hidden;\n  }\n  .fp-accord-bar-fill {\n    height: 100%;\n    background: linear-gradient(90deg, var(--primary-light), var(--primary));\n    border-radius: 4px;\n    width: 0;\n    animation: fillBar 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n  }\n  @keyframes fillBar {\n    from { width: 0; }\n    to { width: var(--target-width); }\n  }\n  \n  .fp-accord-percent {\n    width: 35px;\n    text-align: right;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--text-muted);\n  }\n\n  .fp-bottom-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n  }\n  @media (max-width: 768px) {\n    .fp-bottom-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  .fp-info-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 20px 10px;\n    text-align: center;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-icon-wrapper {\n    width: 44px;\n    height: 44px;\n    background: #fdf2f4;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n    color: var(--primary);\n  }\n  .fp-icon-wrapper svg { width: 22px; height: 22px; fill: currentColor; }\n  .fp-info-label {\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin-bottom: 6px;\n  }\n  .fp-info-value {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--primary);\n  }\n\n  .fp-speedometer-svg {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 8px;\n  }\n  .fp-circle-bg {\n    fill: none;\n    stroke: #f0f0f0;\n    stroke-width: 3;\n  }\n  .fp-circle-fill {\n    fill: none;\n    stroke: url(#fp-grad);\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-dasharray: 0, 100;\n    animation: fpProgress 2s cubic-bezier(0.25, 1, 0.5, 1) forwards; \n  }\n  @keyframes fpProgress {\n    0% { stroke-dasharray: 0, 100; }\n    100% { stroke-dasharray: var(--fp-longevity-target, 85), 100; }\n  }\n  .fp-speed-text {\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    fill: var(--text-main);\n  }\n  .fp-speed-sub {\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 4px;\n    fill: var(--primary);\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"fp-wrapper\" style=\"--fp-longevity-target:85;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"fp-header\"\u003e\n\u003ch1 class=\"fp-title\"\u003eChocolat Cadabra\u003c\/h1\u003e\n\u003cdiv class=\"fp-subtitle\"\u003e\u003cspan style=\"color: rgb(14, 107, 109);\"\u003eGOURMAND Fragrance\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"fp-description\"\u003eA gourmand opening of Cherry, Ginger and Caramel greets the senses, setting an instantly memorable first impression. The heart reveals Red Pepper, Honey and White Flowers, layering complexity onto the opening without losing its gourmand identity. Base notes of Dark Chocolate, Vanilla and Caramel ground the composition, leaving a strong, long-wearing signature on skin. Ideal for night wear across spring and fall and winter, this unisex fragrance offers premium, long-lasting quality at an accessible price.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Tag Cards --\u003e\n\u003cdiv class=\"fp-tags-container\"\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eProfile\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eGourmand\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eGender\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eUnisex\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eSeason\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eSpring\u003cbr\u003eFall\u003cbr\u003eWinter\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Section: Notes \u0026 Accords --\u003e\n\u003cdiv class=\"fp-main-section\"\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003cdiv class=\"fp-tabs\"\u003e\n\u003cbutton class=\"fp-tab-btn active\"\u003e \u003cspan class=\"fp-tab-title\"\u003eOPENING\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eTop Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eHEART\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eMiddle Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eDRY DOWN\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eBase Notes\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-top-notes\" class=\"fp-tab-content active\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eTop Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe first impression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eCherry\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eGinger\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eCaramel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-mid-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eMid Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe core character of the fragrance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eRed Pepper\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eHoney\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eWhite Flowers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-base-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eBase Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eRich and lasting foundations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eDark Chocolate\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eVanilla\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eCaramel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003ch3 class=\"fp-section-title\"\u003eFragrance Accords\u003c\/h3\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eChocolate\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 95%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e95%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eSweet\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 85%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e85%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eVanilla\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 75%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e75%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eCaramel\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 65%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e65%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eHoney\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 50%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e50%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eAmber\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 40%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e40%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom Cards Grid --\u003e\n\u003cdiv class=\"fp-bottom-grid\"\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M4 12C4 10.3431 5.34315 9 7 9H13C14.1046 9 15 8.10457 15 7C15 5.89543 14.1046 5 13 5H10V3H13C15.2091 3 17 4.79086 17 7C17 9.20914 15.2091 11 13 11H7C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13H15C17.7614 13 20 15.2386 20 18C20 20.7614 17.7614 23 15 23H9V21H15C16.6569 21 18 19.6569 18 18C18 16.3431 16.6569 15 15 15H7C5.34315 15 4 13.6569 4 12Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eSilage\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eStrong\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n           \u003cpath d=\"M12 2L14.4 8.6L21 9.2L16.2 13.8L17.5 20.5L12 17L6.5 20.5L7.8 13.8L3 9.2L9.6 8.6L12 2Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eProjection\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eUp to 8 Feet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 2V4M12 20V22M4 12H2M22 12H20M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07M4.93 19.07L6.34 17.66M17.66 4.93L19.07 6.34\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eBest Time\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eNight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003csvg viewbox=\"0 0 36 36\" class=\"fp-speedometer-svg\"\u003e\n        \u003cdefs\u003e\n          \u003clineargradient id=\"fp-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"\u003e\n            \u003cstop offset=\"0%\" stop-color=\"#19bec2\"\u003e\u003c\/stop\u003e\n            \u003cstop offset=\"100%\" stop-color=\"#0e6b6d\"\u003e\u003c\/stop\u003e\n          \u003c\/lineargradient\u003e\n        \u003c\/defs\u003e\n        \u003cpath class=\"fp-circle-bg\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003cpath class=\"fp-circle-fill\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003ctext x=\"18\" y=\"20\" text-anchor=\"middle\" class=\"fp-speed-text\"\u003e08+\u003c\/text\u003e\n        \u003ctext x=\"18\" y=\"25\" text-anchor=\"middle\" class=\"fp-speed-sub\"\u003eHOURS\u003c\/text\u003e\n      \u003c\/svg\u003e \u003cspan class=\"fp-info-label\"\u003eLongevity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    const buttons = document.querySelectorAll('.fp-tab-btn');\n    const tabs = document.querySelectorAll('.fp-tab-content');\n\n    const ids = [\n        'fp-top-notes',\n        'fp-mid-notes',\n        'fp-base-notes'\n    ];\n\n    buttons.forEach((button, index) =\u003e {\n\n        button.addEventListener('click', function () {\n\n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            tabs.forEach(tab =\u003e tab.classList.remove('active'));\n\n            button.classList.add('active');\n\n            document.getElementById(ids[index]).classList.add('active');\n\n        });\n\n    });\n\n});\n\u003c\/script\u003e","brand":"The Chocolate Journey","offers":[{"title":"50ml","offer_id":46221350600901,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Chocolate_Cadabra_a.webp?v=1782853301"},{"product_id":"chill-vibes","title":"CHILL VIBES","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026amp;family=Playfair+Display:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* Base Reset \u0026 Scoping for Shopify *\/\n  .fp-wrapper {\n    --primary: #0e6b6d;\n    --primary-light: #19bec2;\n    --bg-soft: #faf8f5;\n    --card-bg: #ffffff;\n    --text-main: #2d2d2d;\n    --text-muted: #666666;\n    --border-radius: 12px;\n    --shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    \n    font-family: 'Inter', sans-serif;\n    color: var(--text-main);\n    background: transparent;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    box-sizing: border-box;\n    line-height: 1.5;\n  }\n  .fp-wrapper * {\n    box-sizing: inherit;\n  }\n  \n  .fp-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .fp-title {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(28px, 5vw, 42px);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #1a0f14;\n    margin: 0 0 8px 0;\n  }\n  .fp-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--primary);\n    margin: 0 0 16px 0;\n  }\n  .fp-description {\n    font-size: 14px;\n    color: var(--text-muted);\n    max-width: 700px;\n    margin: 0 auto 24px auto;\n    line-height: 1.6;\n    text-align: justify;\n  }\n\n  .fp-tags-container {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n  .fp-tags-container::-webkit-scrollbar { display: none; }\n  \n  .fp-tag-card {\n    background: var(--card-bg);\n    border: 1px solid #0e6b6d;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n    padding: 20px 4px;\n    border-radius: var(--border-radius);\n    text-align: center;\n    flex: 1 1 0;\n    min-width: max-content;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-tag-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n  }\n  .fp-tag-value {\n    font-size: 13px;\n    color: var(--text-main);\n    font-weight: 700;\n  }\n\n  .fp-main-section {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n  @media (max-width: 768px) {\n    .fp-main-section {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .fp-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 24px;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n  }\n\n  .fp-tabs {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  .fp-tab-btn {\n    flex: 1;\n    background: #f9f9f9;\n    border: 1px solid #eee;\n    border-radius: var(--border-radius);\n    padding: 12px 8px;\n    cursor: pointer;\n    font-family: 'Inter', sans-serif;\n    color: var(--text-muted);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n  .fp-tab-btn .fp-tab-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: inherit; letter-spacing: 0.5px;}\n  .fp-tab-btn .fp-tab-sub { font-size: 11px; font-weight: 400; }\n  \n  .fp-tab-btn.active {\n    background: linear-gradient(135deg, var(--primary-light), var(--primary));\n    color: #fff;\n    border-color: var(--primary);\n    box-shadow: 0 4px 12px rgba(255, 107, 139, 0.2);\n  }\n  .fp-tab-btn:hover:not(.active) { background: #f0f0f0; }\n\n  .fp-tab-content {\n    display: none;\n    animation: fpFadeIn 0.4s ease-out forwards;\n  }\n  .fp-tab-content.active { display: block; }\n  @keyframes fpFadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .fp-notes-layout {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  .fp-notes-sidebar {\n    width: 80px;\n    flex-shrink: 0;\n  }\n  .fp-notes-sidebar h4 {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    margin: 0 0 8px 0;\n    letter-spacing: 1px;\n  }\n  .fp-notes-sidebar p {\n    font-size: 11px;\n    color: var(--text-muted);\n    margin: 0;\n    line-height: 1.4;\n  }\n  .fp-notes-sidebar-divider {\n    width: 20px;\n    height: 2px;\n    background: var(--primary);\n    margin: 8px 0;\n  }\n  \n  .fp-notes-list {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \n  .fp-visual-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 20px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #333;\n    box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.05);\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .fp-visual-bar::after {\n    content: attr(data-emoji);\n    font-size: 24px;\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    opacity: 0.8;\n  }\n\n  .fp-bar-purple { background: linear-gradient(90deg, #d8b4e2, #e6c8ee); }\n  .fp-bar-pink { background: linear-gradient(90deg, #ffb6c1, #ffd1dc); }\n  .fp-bar-orange { background: linear-gradient(90deg, #ffe4b5, #ffefd5); }\n  .fp-bar-green { background: linear-gradient(90deg, #bfe3b4, #d5f0cb); }\n  .fp-bar-blue { background: linear-gradient(90deg, #b4d5e3, #cbebf0); }\n  .fp-bar-wood { background: linear-gradient(90deg, #deb887, #e8cda1); }\n\n  .fp-section-title {\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 20px 0;\n    color: #1a0f14;\n  }\n  .fp-accord-row {\n    display: flex;\n    align-items: center;\n    margin-bottom: 14px;\n  }\n  .fp-accord-row:last-child { margin-bottom: 0; }\n  .fp-accord-label {\n    width: 90px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n  .fp-accord-bar-wrapper {\n    flex: 1;\n    height: 8px;\n    background: #f0f0f0;\n    border-radius: 4px;\n    margin: 0 15px;\n    overflow: hidden;\n  }\n  .fp-accord-bar-fill {\n    height: 100%;\n    background: linear-gradient(90deg, var(--primary-light), var(--primary));\n    border-radius: 4px;\n    width: 0;\n    animation: fillBar 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n  }\n  @keyframes fillBar {\n    from { width: 0; }\n    to { width: var(--target-width); }\n  }\n  \n  .fp-accord-percent {\n    width: 35px;\n    text-align: right;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--text-muted);\n  }\n\n  .fp-bottom-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n  }\n  @media (max-width: 768px) {\n    .fp-bottom-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  .fp-info-card {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 20px 10px;\n    text-align: center;\n    box-shadow: var(--shadow);\n    border: 1px solid rgba(0,0,0,0.02);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fp-icon-wrapper {\n    width: 44px;\n    height: 44px;\n    background: #fdf2f4;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n    color: var(--primary);\n  }\n  .fp-icon-wrapper svg { width: 22px; height: 22px; fill: currentColor; }\n  .fp-info-label {\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin-bottom: 6px;\n  }\n  .fp-info-value {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--primary);\n  }\n\n  .fp-speedometer-svg {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 8px;\n  }\n  .fp-circle-bg {\n    fill: none;\n    stroke: #f0f0f0;\n    stroke-width: 3;\n  }\n  .fp-circle-fill {\n    fill: none;\n    stroke: url(#fp-grad);\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-dasharray: 0, 100;\n    animation: fpProgress 2s cubic-bezier(0.25, 1, 0.5, 1) forwards; \n  }\n  @keyframes fpProgress {\n    0% { stroke-dasharray: 0, 100; }\n    100% { stroke-dasharray: var(--fp-longevity-target, 85), 100; }\n  }\n  .fp-speed-text {\n    font-family: 'Inter', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    fill: var(--text-main);\n  }\n  .fp-speed-sub {\n    font-family: 'Inter', sans-serif;\n    font-weight: 600;\n    font-size: 4px;\n    fill: var(--primary);\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"fp-wrapper\" style=\"--fp-longevity-target:85;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"fp-header\"\u003e\n\u003ch1 class=\"fp-title\"\u003eChill Vibes\u003c\/h1\u003e\n\u003cdiv class=\"fp-subtitle\"\u003e\u003cspan style=\"color: rgb(14, 107, 109);\"\u003eAQUATIC Fragrance\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"fp-description\"\u003eFrom the first spray, Lithchi, Mandarin and Lotus unfold in a bright, aquatic introduction that feels effortlessly refined. At its core, Sea Notes, Orange and Rosewood take over, adding a rounded warmth that carries the fragrance through the day. It finishes on a base of Tonka Bean, Musk and Amber, giving this unisex fragrance a strong presence that stays close for hours. Suited for day and night in spring and summer, it's built for everyday luxury — a aquatic fragrance that performs well above its price point.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Tag Cards --\u003e\n\u003cdiv class=\"fp-tags-container\"\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eProfile\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eAquatic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eGender\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eUnisex\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-tag-card\"\u003e\n\u003cspan class=\"fp-tag-label\"\u003eSeason\u003c\/span\u003e \u003cspan style=\"color: rgb(14, 107, 109);\" class=\"fp-tag-value\"\u003eSpring\u003cbr\u003eSummer\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Main Section: Notes \u0026 Accords --\u003e\n\u003cdiv class=\"fp-main-section\"\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003cdiv class=\"fp-tabs\"\u003e\n\u003cbutton class=\"fp-tab-btn active\"\u003e \u003cspan class=\"fp-tab-title\"\u003eOPENING\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eTop Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eHEART\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eMiddle Notes\u003c\/span\u003e \u003c\/button\u003e \u003cbutton class=\"fp-tab-btn\"\u003e \u003cspan class=\"fp-tab-title\"\u003eDRY DOWN\u003c\/span\u003e \u003cspan class=\"fp-tab-sub\"\u003eBase Notes\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-top-notes\" class=\"fp-tab-content active\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eTop Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe first impression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eLithchi\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eMandarin\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eLotus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-mid-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eMid Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe core character of the fragrance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eSea Notes\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eOrange\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eRosewood\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"fp-base-notes\" class=\"fp-tab-content\"\u003e\n\u003cdiv class=\"fp-notes-layout\"\u003e\n\u003cdiv class=\"fp-notes-sidebar\"\u003e\n\u003ch4\u003eBase Notes\u003c\/h4\u003e\n\u003cdiv class=\"fp-notes-sidebar-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eRich and lasting foundations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-notes-list\"\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-purple\" data-emoji=\"\"\u003eTonka Bean\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eMusk\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eAmber\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-card\"\u003e\n\u003ch3 class=\"fp-section-title\"\u003eFragrance Accords\u003c\/h3\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eCitrus\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 95%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e95%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eMarine\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 85%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e85%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eAromatic\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 75%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e75%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eFruity\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 65%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e65%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eAquatic\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 50%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e50%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-accord-row\"\u003e\n\u003cspan class=\"fp-accord-label\"\u003eTropical\u003c\/span\u003e\n\u003cdiv class=\"fp-accord-bar-wrapper\"\u003e\n\u003cdiv class=\"fp-accord-bar-fill\" style=\"--target-width: 40%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fp-accord-percent\"\u003e40%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom Cards Grid --\u003e\n\u003cdiv class=\"fp-bottom-grid\"\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M4 12C4 10.3431 5.34315 9 7 9H13C14.1046 9 15 8.10457 15 7C15 5.89543 14.1046 5 13 5H10V3H13C15.2091 3 17 4.79086 17 7C17 9.20914 15.2091 11 13 11H7C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13H15C17.7614 13 20 15.2386 20 18C20 20.7614 17.7614 23 15 23H9V21H15C16.6569 21 18 19.6569 18 18C18 16.3431 16.6569 15 15 15H7C5.34315 15 4 13.6569 4 12Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eSilage\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eStrong\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n           \u003cpath d=\"M12 2L14.4 8.6L21 9.2L16.2 13.8L17.5 20.5L12 17L6.5 20.5L7.8 13.8L3 9.2L9.6 8.6L12 2Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eProjection\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eUp to 7 Feet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003cdiv class=\"fp-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 2V4M12 20V22M4 12H2M22 12H20M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07M4.93 19.07L6.34 17.66M17.66 4.93L19.07 6.34\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"fp-info-label\"\u003eBest Time\u003c\/span\u003e \u003cspan class=\"fp-info-value\"\u003eDay \u0026amp; Night\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-info-card\"\u003e\n\u003csvg viewbox=\"0 0 36 36\" class=\"fp-speedometer-svg\"\u003e\n        \u003cdefs\u003e\n          \u003clineargradient id=\"fp-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"\u003e\n            \u003cstop offset=\"0%\" stop-color=\"#19bec2\"\u003e\u003c\/stop\u003e\n            \u003cstop offset=\"100%\" stop-color=\"#0e6b6d\"\u003e\u003c\/stop\u003e\n          \u003c\/lineargradient\u003e\n        \u003c\/defs\u003e\n        \u003cpath class=\"fp-circle-bg\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003cpath class=\"fp-circle-fill\" d=\"M18 2.0845\n            a 15.9155 15.9155 0 0 1 0 31.831\n            a 15.9155 15.9155 0 0 1 0 -31.831\"\u003e\u003c\/path\u003e\n        \u003ctext x=\"18\" y=\"20\" text-anchor=\"middle\" class=\"fp-speed-text\"\u003e07+\u003c\/text\u003e\n        \u003ctext x=\"18\" y=\"25\" text-anchor=\"middle\" class=\"fp-speed-sub\"\u003eHOURS\u003c\/text\u003e\n      \u003c\/svg\u003e \u003cspan class=\"fp-info-label\"\u003eLongevity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    const buttons = document.querySelectorAll('.fp-tab-btn');\n    const tabs = document.querySelectorAll('.fp-tab-content');\n\n    const ids = [\n        'fp-top-notes',\n        'fp-mid-notes',\n        'fp-base-notes'\n    ];\n\n    buttons.forEach((button, index) =\u003e {\n\n        button.addEventListener('click', function () {\n\n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            tabs.forEach(tab =\u003e tab.classList.remove('active'));\n\n            button.classList.add('active');\n\n            document.getElementById(ids[index]).classList.add('active');\n\n        });\n\n    });\n\n});\n\u003c\/script\u003e","brand":"Inspired by Dunhil Blue","offers":[{"title":"50ml","offer_id":46221350731973,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Chill_Vibes_a.webp?v=1782853242"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/collections\/Million_Reasons_a.webp?v=1782854516","url":"https:\/\/www.nylaroma.com\/collections\/best-value.oembed","provider":"NYL Aroma","version":"1.0","type":"link"}