{"product_id":"abra-cadabra-copy","title":"ABRA-CADABRA (Copy)","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=Poppins:wght@400;500;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: #14213D;\n    --primary-light: #475167;\n    --bg-soft: #fafaf7;\n    --card-bg: #fffffe;\n    --text-main: #14213D;\n    --text-muted: #626B7E;\n    --line-color: #D2D5DA;\n    --border-radius: 4px;\n    --shadow: none;\n    \n    font-family: 'Poppins', sans-serif;\n    color: var(--text-main);\n    background: var(--bg-soft);\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 32px 24px;\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: 'Poppins', sans-serif;\n    font-size: clamp(28px, 5vw, 42px);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: var(--primary);\n    margin: 0 0 10px 0;\n  }\n  .fp-subtitle {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: var(--text-muted);\n    margin: 0 0 4px 0;\n  }\n  .fp-subtitle::after {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 1px;\n    background: var(--primary);\n    margin: 14px auto 0 auto;\n  }\n  .fp-description {\n    font-size: 14px;\n    color: var(--text-muted);\n    max-width: 700px;\n    margin: 20px auto 24px auto;\n    line-height: 1.7;\n    text-align: justify;\n    font-style: normal;\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 var(--primary);\n    box-shadow: none;\n    padding: 18px 6px;\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: 1.5px;\n    margin-bottom: 6px;\n  }\n  .fp-tag-value {\n    font-family: 'Poppins', sans-serif;\n    font-size: 15px;\n    color: var(--primary);\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: none;\n    border: 1px solid var(--line-color);\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: var(--bg-soft);\n    border: 1px solid var(--line-color);\n    border-radius: var(--border-radius);\n    padding: 12px 8px;\n    cursor: pointer;\n    font-family: 'Poppins', 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: 1px;}\n  .fp-tab-btn .fp-tab-sub { font-size: 11px; font-weight: 400; }\n  \n  .fp-tab-btn.active {\n    background: var(--primary);\n    color: #fafaf7;\n    border-color: var(--primary);\n    box-shadow: none;\n  }\n  .fp-tab-btn:hover:not(.active) { background: #f1efe9; }\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: var(--border-radius);\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--primary);\n    background: var(--bg-soft);\n    border: 1px solid var(--primary);\n    box-shadow: none;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  .fp-visual-bar::after {\n    content: attr(data-emoji);\n    font-size: 18px;\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n    opacity: 0.55;\n    filter: grayscale(1) contrast(1.4);\n  }\n\n  .fp-bar-purple, .fp-bar-pink, .fp-bar-orange,\n  .fp-bar-green, .fp-bar-blue, .fp-bar-wood { background: var(--bg-soft); }\n\n  .fp-section-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 20px 0;\n    color: var(--primary);\n    border-bottom: 1px solid var(--line-color);\n    padding-bottom: 12px;\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: 700;\n    text-transform: capitalize;\n    color: var(--text-main);\n  }\n  .fp-accord-bar-wrapper {\n    flex: 1;\n    height: 6px;\n    background: var(--bg-soft);\n    border: 1px solid var(--line-color);\n    border-radius: 3px;\n    margin: 0 15px;\n    overflow: hidden;\n  }\n  .fp-accord-bar-fill {\n    height: 100%;\n    background: var(--primary);\n    border-radius: 3px;\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    margin-bottom: 20px;\n  }\n  @media (max-width: 768px) {\n    .fp-bottom-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  .fp-stack-card { margin-bottom: 20px; }\n  .fp-stack-card:last-child { margin-bottom: 0; }\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: none;\n    border: 1px solid var(--line-color);\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: var(--bg-soft);\n    border: 1px solid var(--primary);\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: 20px; height: 20px; 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-family: 'Poppins', sans-serif;\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: #DEE0E4;\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: 'Poppins', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    fill: var(--primary);\n  }\n  .fp-speed-sub {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600;\n    font-size: 4px;\n    fill: var(--text-muted);\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\"\u003eAbra-cadabra\u003c\/h1\u003e\n\u003cdiv class=\"fp-subtitle\"\u003e\u003cspan style=\"color: #14213D;\"\u003eAROMATIC Fragrance\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"fp-description\"\u003eA citrus-marine opening of yuzu and bergamot feels crisp on first spray, cooled further by a splash of calone. As it settles, a soft floral heart of lily-of-the-valley and warm spice keeps the freshness from turning thin. The dry down leans into vetiver, cedar and a whisper of tobacco, giving this aquatic wood a grounded, long-wearing finish perfect for daily office or summer 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: #14213D;\" class=\"fp-tag-value\"\u003eAromatic\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: #14213D;\" 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: #14213D;\" class=\"fp-tag-value\"\u003eSpring\u003cbr\u003eSummer\u003cbr\u003e\u003c\/span\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\" fill=\"none\"\u003e\n          \u003cpath d=\"M12 1.5C12 1.5 5.5 10.2 5.5 15.8C5.5 19.5 8.4 22.5 12 22.5C15.6 22.5 18.5 19.5 18.5 15.8C18.5 10.2 12 1.5 12 1.5Z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 8.8C13.6 9.5 14.7 11.1 14.7 13C14.7 13.9 14.4 14.7 14 15.4C15.6 15.2 17 14.1 17.6 12.5C15.9 10.9 13.4 10.5 12 8.8Z\" fill=\"#fafaf7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 8.8C10.4 9.5 9.3 11.1 9.3 13C9.3 13.9 9.6 14.7 10 15.4C8.4 15.2 7 14.1 6.4 12.5C8.1 10.9 10.6 10.5 12 8.8Z\" fill=\"#fafaf7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 8.8C12 10.7 12 12.9 12 15.4C11 15.9 9.8 16 8.7 15.6C8.9 13.5 10.2 10.2 12 8.8Z\" fill=\"#fafaf7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 8.8C12 10.7 12 12.9 12 15.4C13 15.9 14.2 16 15.3 15.6C15.1 13.5 13.8 10.2 12 8.8Z\" fill=\"#fafaf7\"\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\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M13.2 1.7C10.6 3 8.2 5.4 8.2 8.6C8.2 12.6 12.6 14.6 12.6 18.4C12.6 20.4 11.3 21.8 10.3 22.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16.3 2.4C15.2 3.1 14.4 4 14.4 5.2C14.4 7.1 17 8.2 17.9 10.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6.4 12.7C6 13.2 5.7 13.8 5.7 14.5C5.7 16.8 9.4 18.2 9.4 20.9C9.4 21.5 9.2 22 8.9 22.4\"\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\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=\"#475167\"\u003e\u003c\/stop\u003e\n            \u003cstop offset=\"100%\" stop-color=\"#14213D\"\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!-- Notes Card --\u003e\n\u003cdiv class=\"fp-card fp-stack-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=\"🍋\"\u003eYuzu \u0026amp; Lemon\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"🌿\"\u003eBergamot \u0026amp; Cypress\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"🍊\"\u003eMandarin \u0026amp; Sage\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=\"🪷\"\u003eBlue Lotus \u0026amp; Lily\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"🌸\"\u003eGeranium\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"🪵\"\u003eNutmeg \u0026amp; Saffron\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=\"🌱\"\u003eVetiver\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"✨\"\u003eMusk \u0026amp; Amber\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"🌲\"\u003eCedar \u0026amp; Sandalwood\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Accords Card --\u003e\n\u003cdiv class=\"fp-card fp-stack-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\"\u003eAromatic\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\"\u003eFresh Spicy\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\"\u003eWoody\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\"\u003eFloral\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\"\u003eGreen\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\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\n\u003c\/div\u003e","brand":"Inspired by Issey Miyake","offers":[{"title":"50ml","offer_id":46503520469189,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/Abra-Cadabra_a.webp?v=1782809898","url":"https:\/\/www.nylaroma.com\/products\/abra-cadabra-copy","provider":"NYL Aroma","version":"1.0","type":"link"}