{"product_id":"philip-b-weightless-volumizing-conditioner","title":"Philip B. Weightless Volumizing Conditioner","description":"\u003cstyle\u003e\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .short-description .description {\n            width: 100%;\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .short-description .container-col {\n            display: none;\n        }\n\n        .short-description .container-row {\n            display: none;\n        }\n\n        .short-description .summary p {\n            font-size: 16px;\n            text-align: left;\n            margin-top: 0px;\n        }\n\n\n        .short-description .summary {\n            background-color: white;\n            color: black;\n            padding: 0;\n        }\n\n        .short-description .summary h2,\n        .short-description .summary h3 {\n            display: none;\n        }\n\n\n\n        .summary {\n            background-color: black;\n            color: white;\n            padding: 100px 10px;\n            margin-bottom: 0;\n            margin-top: 0;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .summary p {\n            margin-top: 15px;\n            font-size: 20px;\n            font-weight: lighter;\n        }\n\n        .summary h3 {\n            font-size: 30px;\n            font-weight: 500;\n            font-family: \"Univers Next\", sans-serif;\n            text-transform: uppercase;\n        }\n\n        .summary h2 {\n            padding: 25px;\n            font-weight: lighter;\n            font-family: \"brandon-grotesque\", sans-serif;\n            text-transform: uppercase;\n        }\n\n        .description {\n            margin-top: 0;\n            font-family: \"Times New Roman\", Times, serif;\n            font-size: 18px;\n            width: 100%;\n            \/* Optional: Add padding if needed *\/\n        }\n\n        .fragrance h1 {\n            font-family: \"Times New Roman\", Times, serif;\n        }\n\n        .container-row {\n            display: flex;\n            flex-direction: row;\n        }\n\n        .container-col {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .half-width {\n            width: 50%;\n        }\n\n        .center {\n            text-align: center;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .background-gray {\n            background-color: #f7f5f6;\n        }\n\n        .background-black {\n            background-color: black;\n            padding-top: 5%;\n            padding-bottom: 5%;\n        }\n\n        .inspiration {\n            border-right: 1px solid #000;\n            padding: 10% 15px 10% 15px;\n        }\n\n        .how-to-use {\n            color: white;\n            padding-left: 10px;\n            padding-right: 10px;\n        }\n\n        .how-to-use p {\n            margin: 15px 0px;\n        }\n\n        .video {\n            position: relative;\n            width: 95%;\n            \/* Ensure it takes up 100% of the available space *\/\n            max-width: 650px;\n            \/* Set a max-width for larger screens *\/\n            margin: 0 auto;\n            \/* Center the container *\/\n            padding-bottom: 40%;\n            padding-left: 10px;\n            padding-right: 10px;\n            \/* 16:9 aspect ratio (height \/ width * 100 = 9 \/ 16 * 100) *\/\n            background-color: #000;\n            \/* Optional, adds background color *\/\n            overflow: hidden;\n            \/* Hide overflow to maintain aspect ratio *\/\n        }\n\n        \/* Ensure the iframe fits the container *\/\n        .video iframe {\n            position: absolute;\n            top: 2.5%;\n            left: 2.5%;\n            width: 95%;\n            height: 95%;\n        }\n\n        .image-container {\n            padding: 5%;\n            border-right: 1px solid #000;\n            padding: 10% 15px 10% 15px;\n        }\n\n        .image-container img {\n            width: 80%;\n        }\n\n        .banner {\n            padding: 15px;\n        }\n\n        .recognition {\n            font-style: italic;\n            font-size: 25px;\n            padding-top: 10px;\n        }\n\n        .accordion {\n            max-width: 100%;\n            margin-left: 0;\n            background-color: black;\n            color: white;\n            padding: 15px 10% 15px 10%;\n            border: none;\n        }\n\n        .accordion ul {\n            list-style-type: square;\n            \/* Change bullet shape *\/\n            padding-left: 20px;\n            \/* Adjust padding for the bullet's position *\/\n        }\n\n        .accordion li {\n            color: white;\n            \/* Change text color *\/\n        }\n\n        .accordion ul li::marker {\n            color: white;\n            \/* Change bullet color *\/\n        }\n\n        .accordion ul li::before {\n            list-style-type: none;\n            display: none;\n            \/* Change bullet color *\/\n        }\n\n        .accordion-item {\n            margin-bottom: 10px;\n            transition: all 0.3s ease;\n            color: white;\n            background-color: black;\n            border: none;\n            padding: 15px;\n        }\n\n        .accordion-item:hover,\n        .accordion-item.open {\n            background-color: black;\n        }\n\n        .accordion-item:hover .accordion-header,\n        .accordion-header:hover {\n            color: white;\n            border: 1px solid white;\n        }\n\n        .accordion-header {\n            width: 100%;\n            text-align: left;\n            padding: 20px;\n            background-color: black;\n            border: none;\n            cursor: pointer;\n            font-size: 22px;\n            font-weight: 500;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s ease;\n        }\n\n\n        .accordion-header::after {\n            content: '+';\n            font-size: 30px;\n            font-weight: 300;\n            color: white;\n            background-color: black;\n            \/* Default color for the + icon *\/\n            transition: all 0.3s ease;\n            \/* Smooth transition for color and transform *\/\n        }\n\n        .accordion-header:hover::after {\n            animation: spin 0.5s 1 ease;\n        }\n\n        .accordion-header.open::after {\n            content: '−';\n            \/* Change to - when open *\/\n        }\n\n        .accordion-header.open:hover::after {\n            animation: spin 0.5s 1 ease;\n            \/* Change to - when open *\/\n        }\n\n        .accordion-content {\n            display: none;\n            font-size: 16px;\n            line-height: 1.6;\n            background-color: black;\n            color: white;\n        }\n\n        .accordion-content p {\n            padding-top: 20px;\n            color: white;\n            background-color: black;\n        }\n\n        .accordion-content.open {\n            color: white;\n            display: block;\n            animation: fadeIn 0.3s ease;\n            background-color: black;\n        }\n\n        @keyframes spin {\n            to {\n                transform: rotate(360deg);\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n\n            to {\n                opacity: 1;\n            }\n        }\n\n        .accordion-content ul {\n            padding-left: 20px;\n        }\n\n        .accordion-content li {\n            margin-bottom: 10px;\n        }\n\n        .accordion-content strong {\n            color: white;\n        }\n\n        @media (min-width: 768px) and (max-width: 1350px) {\n\n            .description {\n                font-family: \"Times New Roman\", Times, serif;\n                font-size: 18px;\n                width: 100%;\n                margin-left: 0;\n                margin-right: 0;\n                \/* Optional: Add padding if needed *\/\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .container-row {\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n            }\n\n            .video {\n                width: 95%;\n                \/* Allow it to take up nearly all of the screen width *\/\n                max-width: none;\n                \/* Full width on smaller screens *\/\n                margin: 10px auto;\n                \/* Center the element *\/\n            }\n\n            .how-to-use p {\n                margin-top: 8px;\n                margin-bottom: 8px;\n\n            }\n\n            .how-to-use {\n                width: 100%;\n            }\n\n            .inspiration {\n                border-right: 0px solid #000;\n                width: 100%;\n            }\n\n            .inspiration p {\n                padding: 15px 0px;\n            }\n\n            .image-container {\n                border-right: 0px solid #000;\n                width: 100%;\n            }\n\n            .fragrance {\n                padding: 20px 0;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"description\"\u003e\n        \u003cdiv class=\"summary\"\u003e\n            \u003ch3\u003ePhilip B.\u003c\/h3\u003e\n            \u003ch2\u003eWeightless Volumizing Conditioner\n            \u003c\/h2\u003e\n            \u003cp\u003e\n                Gently detangle and pamper hair without the weight. This unique formula lightly conditions for a glossy\n                look and a smooth, bouncy feel.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"container-col\"\u003e\n            \u003cdiv class=\"container-row background-gray banner\"\u003e\n                \u003cdiv class=\"container-col half-width inspiration center\" style=\"padding: 5%;\"\u003e\n                    \u003cp\u003eTHE INSPIRATION:\u003c\/p\u003e\n                    \u003cp\u003e\n                        My idea for these products was to use clean flower oils, light as air, to make fine, limp hair\n                        look bouncy and gleaming. Flower oils are so light and lovely, in terms of their molecular\n                        weight as well as their uplifting scent. It took me a year to land on the perfect blend of\n                        natural extracts. The result – fresh, clean and lush – is designed to make your senses dance and\n                        your hair dance with it.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"container-col half-width center fragrance\"\u003e\n                    \u003cp\u003eTHE FRAGRANCE:\u003c\/p\u003e\n                    \u003ch1 style=\"font-style: italic;\"\u003eMagnolia, Neroli, Gardenia\n                        Rose, Bitter Orange\n                        Sweet Musk, Jasmine\u003c\/h1\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"container-row background-black banner\"\u003e\n                \u003cdiv class=\"container-col half-width center how-to-use\"\u003e\n                    \u003cp\u003eHOW TO USE\u003c\/p\u003e\n                    \u003cp\u003eGently massage into clean wet hair. Leave on for 1 - 3 minutes. Comb through. Rinse. Follow with\n                        Detangling Toning Mist.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"center half-width video\"\u003e\n                    \u003ciframe width=\"650\" height=\"365\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0ac6da6aaece4d9e95057dc352c5d6eb.mp4\" frameborder=\"0\" allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"\u003e\u003c\/iframe\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"container-col background-gray banner\"\u003e\n                \u003cdiv class=\"container-row \"\u003e\n                    \u003cdiv class=\"half-width image-container center \"\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/conditioner3_077cd016-cadc-4547-b218-e9bd4a2da299.webp?v=1742365801\u0026amp;width=700\" alt=\"\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"container-col half-width center\"\u003e\n                        \u003cp\u003eIDEAL FOR:\u003c\/p\u003e\n                        \u003cp style=\"font-style: italic;\"\u003eFine | Limp\/Flat\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"container-col background-black banner\"\u003e\n                \u003cdiv class=\"accordion\"\u003e\n                    \u003cdiv class=\"accordion-item\"\u003e\n                        \u003cbutton class=\"accordion-header\"\u003eMore Information\u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content\"\u003e\n                            \u003cul\u003e\n                                \u003cli\u003e\n                                    \u003cp\u003eA targeted blend of plant extracts (Rosemary, Green Tea Leaf Water, Sunflower,\n                                        and Aloe) and Glycerin pamper hair without weighing it down.\n                                    \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    \u003cp\u003e Gently detangles. \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    \u003cp\u003eInfused with the fresh, sophisticated scent of Magnolia Flower.\n                                    \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    A perfect daily conditioner for the whole family.\n                                \u003c\/li\u003e\n                            \u003c\/ul\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"accordion-item\"\u003e\n                        \u003chr style=\"border-color: white;\"\u003e\n                        \u003cbutton class=\"accordion-header\"\u003eIngredients\u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content\"\u003e\n                            \u003cp\u003eWater(Aqua), Dimethicone, Butylene Glycol, Fragrance (Parfum), Behentrimonium Chloride,\n                                Cetearyl Alcohol, Glycerin, Ethylhexyl Olivate, Polyquaternium-37, Helianthus Annuus\n                                (Sunflower) Seed Oil, Phenoxyethanol, Panthenol, Ethylhexylglycerin, Maltodextrin, Oryza\n                                Sativa (Rice) Bran Extract, Disodium EDTA, Polyquaternium-7, Squalane, Helianthus Annuus\n                                (Sunflower) Extract, Rosmarinus Officinalis (Rosemary) Leaf Extract, Tocopherol, Aloe\n                                Barbadensis (Aloe Vera) Leaf Juice, Camellia Sinensis (Green Tea) Leaf Water, Cocos\n                                Nucifera (Coconut) Water, Leuconostoc\/Radish Root Ferment Filtrate, Sodium Hyaluronate,\n                                Sodium Benzoate, Sodium Salicylate, Linalool, Benzyl Salicylate, Limonene,\n                                Hydroxycitronellal, Hexyl Cinnamal, Geraniol.\n\n                                *Ingredients are subject to change at the manufacturer's discretion. For the most\n                                complete and up-to-date list of ingredients, refer to the product packaging.\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.querySelectorAll('.accordion-header').forEach((button) =\u003e {\n            button.addEventListener('click', () =\u003e {\n                \/\/ Toggle the open class on the clicked header\n                button.classList.toggle('open');\n\n                \/\/ Close all other open accordion items\n                document.querySelectorAll('.accordion-header').forEach((otherButton) =\u003e {\n                    if (otherButton !== button) {\n                        otherButton.classList.remove('open');\n                        otherButton.nextElementSibling.classList.remove('open');\n                    }\n                });\n\n                \/\/ Toggle the open class on the associated content\n                const content = button.nextElementSibling;\n                content.classList.toggle('open');\n            });\n        });\n    \u003c\/script\u003e","brand":"Philip B.","offers":[{"title":"6 fl oz","offer_id":42421497364535,"sku":"qsi1787951810956","price":30.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0605\/6568\/4279\/files\/philip-b-weightless-volumizing-conditioner_1.webp?v=1787951814","url":"https:\/\/www.meadowandhearth.shop\/products\/philip-b-weightless-volumizing-conditioner","provider":"My Store","version":"1.0","type":"link"}