{"product_id":"philip-b-everyday-beautiful-conditioner","title":"Philip B. Everyday Beautiful 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        margin-top: 0;\n        margin-bottom: 0;\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\u003eEveryday Beautiful Conditioner\n        \u003c\/h2\u003e\n        \u003cp\u003e\n            A revolutionary way to support the look of sumptuous color while keeping things light. This rich\n            conditioning complex works on multiple levels: It pampers hair with weightless, time-released moisture. It\n            contains a potent amino acid complex that minimizes frizz and makes your color look lit from within. It also\n            boasts a mix of uplifting floral and citrus extracts (including Bergamot, Lemon and Lavender) that leave\n            your scalp feeling fresh and invigorated, and your hair bouncy and gleaming. And the exquisite plant-derived\n            scent? It’s a botanical revelation.\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                    Customers loved my Forever Shine collection so much that I decided to create a lighter version of it\n                    with an enticing daytime scent profile: fruity-floral, green and unbelievably fresh. I’d recently\n                    been on a nature walk and came across some orange flowers in bloom. I used that exquisite essence as\n                    my jumping-off point, and added a mix of other essential oils, including bergamot and hints of\n                    tangerine and vanilla. I spent months agonizing over each decision until I reached the perfect\n                    combination. The safflower oleosomes and amino acids in the conditioner make all hair types look\n                    bouncy and glossy, and the scent of the extracts is just as captivating. Even better, both the\n                    conditioning agents and fragrance are time-released to keep you feeling gorgeous.\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;\"\u003eNeroli\n                    Tangerine, Citrus\n                    Bergamot, Vanilla\u003c\/h1\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"container-row background-black banner center\"\u003e\n            \u003cdiv class=\"container-col 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.\n                \u003c\/p\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\/shampoo3.webp?v=1742406800\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;\"\u003eDry\/Damaged | Color-Treated\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\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\"\u003eMore Information\u003c\/button\u003e\n                    \u003cdiv class=\"accordion-content\"\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n                                \u003cp\u003eDetangles over-processed strands.\n                                \u003c\/p\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                \u003cp\u003eContains Safflower Oleosomes for time-released botanical conditioning. \u003c\/p\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                \u003cp\u003eA rich amino acid complex moisturizes dry strands.\n                                \u003c\/p\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                Formulated with 19 moisturizing botanicals (including Sicilian Neroli, Bergamot,\n                                Tangerine Peel\n                                Oil, Lavender, Lemon, Cedarwood, Eucalyptus and Chamomile) to give hair a smooth,\n                                manageable\n                                feel and keep color looking glossy and fresh.\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, Cetyl Alcohol, Cetearyl Alcohol, Glycerin, Dimethicone, Carthamus Tinctorius\n                            (Safflower) Oleosomes, Dicetyldimonium Chloride, Olea Europaea (Olive) Fruit Oil,\n                            Stearyl Alcohol, Amodimethicone, Phenoxyethanol, Behentrimonium Methosulfate,\n                            Stearalkonium Chloride, Panthenol, Hydroxyethylcellulose, Isopropyl Alcohol, Sodium\n                            Benzoate, Crambe Abyssinica Seed Oil, Sodium PCA, Cananga Odorata Flower Oil, Citrus\n                            Aurantium Bergamia (Bergamot) Fruit Oil, Citrus Aurantium Dulcis (Orange) Peel Oil,\n                            Citrus Aurantium (Orange) Dulcis Flower Oil, Citrus Limon (Lemon) Peel Oil, Citrus\n                            Reticulata Leaf Oil, Citrus Tangerina (Tangerine) Peel Oil, Cymbopogon Schoenanthus Oil,\n                            Eucalyptus Globulus Leaf Oil, Helianthus Annuus Seed Oil, Juniperus Mexicana Oil,\n                            Lavandula Angustifolia Oil, Lavandula Hybrida Oil, Pelargonium Graveolens Flower Oil,\n                            Pogostemon Cablin Oil, Rosmarinus Officinalis (Rosemary) Leaf Oil, Carthamus Tinctorius\n                            (Safflower) Seed Oil, Sodium Lactate, Ethylhexylglycerin, Arginine, Alcohol, Glycolic\n                            Acid, Aspartic Acid, Gluconic Acid, PCA, Sodium Acetate, Anthemis Nobilis Flower\n                            Extract, Dimethyl Stearamine, Glycine, Alanine, Serine, Cellulose, Citric Acid, Valine,\n                            Cyclotetrasiloxane, Isoleucine, Proline, Threonine, Histidine, Phenylalanine, Trisodium\n                            Hedta\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\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":42421497528375,"sku":"fhb1787951814409","price":39.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0605\/6568\/4279\/files\/philip-b-everyday-beautiful-conditioner_1.webp?v=1787951819","url":"https:\/\/www.meadowandhearth.shop\/products\/philip-b-everyday-beautiful-conditioner","provider":"My Store","version":"1.0","type":"link"}