{"product_id":"philip-b-weightless-volumizing-shampoo","title":"Philip B. Weightless Volumizing Shampoo","description":"\n    \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        .fragrance h1{\n          font-family: \"Times New Roman\", Times, serif;\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 Shampoo\u003c\/h2\u003e\n            \u003cp\u003e\n                The ultimate in gentle cleansing, this shampoo is designed to mimic the powerful yet mild action of\n                micellar water. It gently washes away scalp oils and debris to leave your hair looking lush, bouncy and\n                shiny.\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 wet hair. Lather, rinse. For best results, follow with Weightless Volumizing\n                        Conditioner and 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\/b393f659f0274ed4bd1ea76c933c5ca6.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\/weightless_collection.webp?v=1742365230\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                \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\u003eMade with the fresh, sophisticated scent of Magnolia Flower. \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    \u003cp\u003e A perfect daily shampoo for the whole family. \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    \u003cp\u003eA proprietary blend of extracts – Rosemary, Green Tea Leaf, Sunflower and Aloe –\n                                        pamper hair with light conditioning benefits.\n                                    \u003c\/p\u003e\n                                \u003c\/li\u003e\n                                \u003cli\u003e\n                                    Contains micellar-inspired surfactants that gently yet effectively clear away\n                                    built-up oil and residues on hair.\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), Cocamidopropyl Hydroxysultaine, Sodium Cocoyl Isethionate, Cocamidopropyl\n                                Betaine, Polysorbate 20, Sodium Methyl 2-Sulfolaurate, Fragrance (Parfum),\n                                Acrylates\/Palmeth-25 Acrylate Copolymer, Phenoxyethanol, Disodium 2-Sulfolaurate,\n                                Glycerin, Guar Hydroxypropyltrimonium Chloride, Polyester-11, Ethylhexylglycerin, C12-18\n                                Fatty Acids Methyl Esters, Cocamidopropyl Dimethylamine, Citric Acid, Disodium EDTA,\n                                Oryza Sativa (Rice) Bran Extract, Panthenol, Camellia Sinensis Leaf Water, Cocos\n                                Nucifera (Coconut) Water, Rosmarinus Officinalis (Rosemary) Leaf Extract, Helianthus\n                                Annuus (Sunflower) Extract, Tocopherol, Leuconostoc\/Radish Root Ferment Filtrate, Sodium\n                                Hyaluronate, Sodium Benzoate, Sodium Salicylate, Linalool,Limonene, Hydroxycitronellal,\n                                Geraniol, Benzyl Salicylate, Hexyl Cinnamal, Citronellol, Cinnamal, Citral, Benzyl\n                                Benzoate.\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":"7.4 fl oz","offer_id":42421499592759,"sku":"rub1787951869377","price":30.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0605\/6568\/4279\/files\/philip-b-weightless-volumizing-shampoo_1.webp?v=1787951874","url":"https:\/\/www.meadowandhearth.shop\/products\/philip-b-weightless-volumizing-shampoo","provider":"My Store","version":"1.0","type":"link"}