{"product_id":"the-hills-1","title":"THE HILLS","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(22px, 4vw, 34px);\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: var(--primary);\n    margin: 0 0 10px 0;\n    hyphens: none;\n    -webkit-hyphens: none;\n    -ms-hyphens: none;\n    overflow-wrap: normal;\n    word-break: keep-all;\n    white-space: nowrap;\n  }\n  @media (max-width: 480px) {\n    .fp-title { white-space: normal; font-size: clamp(20px, 7vw, 28px); }\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: 12.5px;\n    color: var(--primary);\n    font-weight: 600;\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-quick-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);\n    gap: 15px;\n    margin-bottom: 0;\n  }\n  @media (max-width: 600px) {\n    .fp-quick-grid { grid-template-columns: minmax(0, 1fr); }\n  }\n  .fp-stack-card { margin-bottom: 20px; }\n  .fp-stack-card:last-child { margin-bottom: 0; }\n\n  .fp-quick-list {\n    background: var(--card-bg);\n    border-radius: var(--border-radius);\n    padding: 6px 20px;\n    box-shadow: none;\n    border: 1px solid var(--line-color);\n    min-width: 0;\n  }\n  .fp-quick-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 0;\n    border-bottom: 1px solid var(--line-color);\n    gap: 12px;\n  }\n  .fp-quick-row:last-child { border-bottom: none; }\n  .fp-quick-label {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--text-muted);\n  }\n  .fp-quick-value {\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--primary);\n    text-align: right;\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: none;\n    border: 1px solid var(--line-color);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    height: 100%;\n    box-sizing: border-box;\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-accordion-header {\n    cursor: pointer;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: var(--card-bg);\n    border: 1px solid var(--line-color);\n    border-radius: var(--border-radius);\n    font-family: 'Poppins', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: var(--primary);\n    user-select: none;\n    margin: 0;\n  }\n  .fp-accordion-chevron {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.3s ease;\n    flex-shrink: 0;\n  }\n  .fp-accordion-header[aria-expanded=\"true\"] .fp-accordion-chevron {\n    transform: rotate(180deg);\n  }\n  .fp-accordion-body {\n    display: grid;\n    grid-template-rows: 0fr;\n    overflow: hidden;\n    transition: grid-template-rows 0.4s ease;\n  }\n  .fp-accordion-body.open {\n    grid-template-rows: 1fr;\n  }\n  .fp-accordion-body-inner { padding-top: 20px; min-height: 0; overflow: hidden; }\n  .fp-details-accordion { margin-bottom: 20px; }\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:80;\"\u003e\n\u003c!-- Header Section --\u003e\n\u003cdiv class=\"fp-header\"\u003e\n\u003ch1 class=\"fp-title\"\u003eTHE HILLS\u003c\/h1\u003e\n\u003cdiv class=\"fp-subtitle\"\u003e\u003cspan style=\"color: #14213D;\"\u003eAROMATIC-FLORAL-FRUITY Fragrance\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"fp-description\"\u003eA aromatic-floral-fruity opening of Peach, Californian Gardenia and African Freesia Petals greets the senses, setting an instantly memorable first impression. As it settles, a heart of Coriander, Damask Rose and Jasmine brings depth and character, keeping the composition from ever feeling one-dimensional. It finishes on a base of Patchouli, Natural Vanilla and Vetiver, giving this women fragrance a strong presence that stays close for hours. Ideal for night wear across winter and spring and summer and fall, this women fragrance offers premium, long-lasting quality at an accessible price.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Collapsible Details Accordion --\u003e\n\u003cdiv class=\"fp-details-accordion\"\u003e\n\u003cbutton type=\"button\" id=\"fp-details-toggle\" class=\"fp-accordion-header\" aria-expanded=\"true\"\u003e\n\u003cspan\u003eFragrance Details\u003c\/span\u003e\n\u003csvg class=\"fp-accordion-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n\u003c\/button\u003e\n\u003cdiv class=\"fp-accordion-body open\" id=\"fp-details-body\"\u003e\n\u003cdiv class=\"fp-accordion-body-inner\"\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\u003cbr\u003eFloral\u003cbr\u003eFruity\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\"\u003eWomen\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\"\u003eWinter\u003cbr\u003eSpring\u003cbr\u003eSummer\u003cbr\u003eFall\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Quick Info: List + Longevity --\u003e\n\u003cdiv class=\"fp-quick-grid\"\u003e\n\u003cdiv class=\"fp-quick-list\"\u003e\n\u003cdiv class=\"fp-quick-row\"\u003e\n\u003cspan class=\"fp-quick-label\"\u003eSilage\u003c\/span\u003e \u003cspan class=\"fp-quick-value\"\u003eStrong\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-quick-row\"\u003e\n\u003cspan class=\"fp-quick-label\"\u003eProjection\u003c\/span\u003e \u003cspan class=\"fp-quick-value\"\u003eUp to 8 Feet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fp-quick-row\"\u003e\n\u003cspan class=\"fp-quick-label\"\u003eBest Time\u003c\/span\u003e \u003cspan class=\"fp-quick-value\"\u003eNight\u003c\/span\u003e\n\u003c\/div\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\"\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!-- 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=\"\"\u003ePeach\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eCalifornian Gardenia\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eAfrican Freesia Petals\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=\"\"\u003eCoriander\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eDamask Rose\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eJasmine\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=\"\"\u003ePatchouli\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-pink\" data-emoji=\"\"\u003eNatural Vanilla\u003c\/div\u003e\n\u003cdiv class=\"fp-visual-bar fp-bar-orange\" data-emoji=\"\"\u003eVetiver\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\"\u003eWhite Floral\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\"\u003ePatchouli\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\"\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\"\u003eFruity\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\"\u003eFloral\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\/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    const detailsToggle = document.getElementById('fp-details-toggle');\n    const detailsBody = document.getElementById('fp-details-body');\n\n    if (detailsToggle \u0026\u0026 detailsBody) {\n        detailsToggle.addEventListener('click', function () {\n            const isOpen = detailsBody.classList.toggle('open');\n            detailsToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n        });\n    }\n\n});\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Inspired by Gucci Rush","offers":[{"title":"50ml","offer_id":46513870340293,"sku":"NYL-THEHIL-50-0136","price":1830.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/5929\/8245\/files\/The_Hills-New.webp?v=1783594670","url":"https:\/\/www.nylaroma.com\/products\/the-hills-1","provider":"NYL Aroma","version":"1.0","type":"link"}