{"product_id":"philip-b-peppermint-avocado-shampoo","title":"Philip B. Peppermint Avocado Shampoo","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        .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-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: 18px;\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        .accordion-content ul {\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            .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\u003ePeppermint Avocado Shampoo\u003c\/h2\u003e\n            \u003cp\u003e\n                A global bestseller, this luxuriously uncommon shampoo leaves hair looking fuller while making your\n                scalp\n                feel\n                tingly-clean and refreshed. The formula is enriched with avocado extract for gentle clarifying. Crisp\n                Peppermint\n                Oil and 16 Plant Extracts impart a cool, invigorating sensation.\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 goal with these products was to create haircare that not only smells amazing, but also wakes\n                        you\n                        up,\n                        heightens your senses, and leaves your scalp tingly-clean. To make the formulas as refreshing as\n                        possible, I used pure medical-grade peppermint oil, an unusual choice for a haircare company. It\n                        took me\n                        8 months to find the right concentration — and then, of course, the shampoo became a global\n                        bestseller.\n                        I\n                        hope you’ll give these products a few minutes to soak in, so you come away feeling energized and\n                        exhilarated, like you’ve gone from 0 to 100 with the wind blowing through your hair!\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;\"\u003ePeppermint\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\u003eApply to wet hair; work into a lather. Rinse well. Follow with conditioner through the length and\n                        ends of hair. To make hair feel even more manageable, follow with 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\/fcfa8d8e8a11440eb6d947e6cda0cad9.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\/shampoo_5.webp?v=1742288824\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\u003eOily | Flat | Fine\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"center recognition\"\u003e\"Best for Oily Hair\" Oprah's Choice 2025 \u003c\/p\u003e\n            \u003c\/div\u003e\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\"\u003eIngredients\u003c\/button\u003e\n                        \u003cdiv class=\"accordion-content\"\u003e\n                            \u003cp\u003eWater (Aqua), Sodium Laureth Sulfate, PEG-120 Methyl Glucose Dioleate, Polysorbate 20,\n                                Cocamidopropyl Betaine, Fragrance (Parfum), Sodium Chloride, Chamomilla Recutita\n                                (Matricaria) Flower Extract, Larrea Divaricata Extract, Equisetum Arvense Extract,\n                                Urtica Dioica (Nettle) Extract, Rosmarinus Officinalis (Rosemary) Leaf Extract, Juglans\n                                Nigra (Black Walnut) Leaf Extract, Simmondsia Chinensis (Jojoba) Seed Oil, Sesamum\n                                Indicum (Sesame) Seed Oil, Persea Gratissima (Avocado) Oil, Olea Europaea (Olive) Fruit\n                                Extract, Lavandula Angustifolia (Lavender) Extract, Prunus Amygdalus Dulcis (Sweet\n                                Almond) Fruit Extract, Juglans Nigra (Black Walnut) Shell Extract, Geranium Maculatum\n                                Extract, Gardenia Florida Fruit Extract, Echinacea Purpurea Extract, Panax Ginseng Root\n                                Extract, Betula Alba Leaf Extract, Ginkgo Biloba Leaf Extract, Vitis Vinifera (Grape)\n                                Seed Extract, Camellia Oleifera Leaf Extract, Dioscorea Villosa (Wild Yam) Root Extract,\n                                Symphytum Officinale Rhizome\/Root Extract, Frangula Alnus Bark Extract, Arctium Lappa\n                                Root Extract, Quassia Amara Wood Extract, Hydrolyzed Soy Protein, Propylene Glycol,\n                                Menthol, Citric Acid, Cocodimonium Hydroxypropyl Hydrolyzed Wheat Protein, Decylene\n                                Glycol, Caprylyl Glycol, Sorbic Acid, Glycerin, Chlorphenesin, Benzoic Acid,\n                                Phenoxyethanol, Tocopherol, Sodium Benzoate, Sodium Sulfate, Limonene, Yellow 5 (CI\n                                19140), Blue 1 (CI 42090), Red 4 (CI 14700).\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\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":42421499461687,"sku":"lax1787951869076","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0605\/6568\/4279\/files\/philip-b-peppermint-avocado-shampoo_1.webp?v=1787951872","url":"https:\/\/www.meadowandhearth.shop\/products\/philip-b-peppermint-avocado-shampoo","provider":"My Store","version":"1.0","type":"link"}