{"product_id":"lafco-fresh-cut-gardenia-liquid-soap","title":"Lafco Fresh Cut Gardenia Liquid Soap","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    .short-description .carousel-container {\n        display: none !important;\n    }\n    .short-description .card-container {\n        display: none !important;\n    }\n\n    .hero {\n        padding: 50px;\n        text-align: center;\n    }\n    * Additional CSS to ensure the carousel works properly *\/ .carousel-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n        overflow: hidden;\n        display: flex; \/* Add this to ensure proper alignment *\/\n    }\n\n    .carousel {\n        display: flex;\n        transition: transform 0.5s ease-in-out;\n        width: 100%;\n    }\n\n    .carousel-card {\n        display: flex;\n        background-color: #fff;\n        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n        margin: 20px;\n        width: 100%;\n        max-width: 1000px;\n        border-radius: 8px;\n        overflow: hidden;\n        flex-shrink: 0;\n    }\n\n    .carousel-card img {\n        width: 400px;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .carousel-card-content {\n        padding: 20px;\n        text-align: left;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        margin-right: 10%;\n    }\n    .carousel-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .carousel-container h2 {\n        margin: 10px, 0, 10px, 0;\n    }\n\n    .carousel {\n        display: flex;\n        transition: transform 0.5s ease-in-out;\n        width: 100%;\n    }\n\n    .carousel-card {\n        display: flex;\n        background-color: #fff;\n        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n        margin: 20px;\n        width: 100%; \/* Ensure each card takes the full width *\/\n        max-width: 1000px; \/* Prevent it from growing too much *\/\n        border-radius: 8px;\n        overflow: hidden;\n        flex-shrink: 0; \/* Prevent cards from shrinking *\/\n    }\n\n    .carousel-card img {\n        width: 400px;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .carousel-card-content {\n        padding: 20px;\n        text-align: left;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        margin-right: 10%;\n    }\n\n    .carousel-card h3 {\n        font-size: 1.8em;\n        color: #333;\n        margin-bottom: 10px;\n    }\n\n    .carousel-card p {\n        font-size: 1.1em;\n        color: #666;\n    }\n\n    .carousel-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        cursor: pointer;\n        background-color: black;\n        color: #fff;\n        padding: 10px;\n        border: none;\n        border-radius: 50%;\n        z-index: 1;\n    }\n\n    .carousel-nav.left {\n        left: 10px;\n    }\n\n    .carousel-nav.right {\n        right: 10px;\n    }\n    @media (max-width: 600px) {\n        .carousel-card h3 {\n            font-size: 0.9em; \/* 50% of the original size *\/\n        }\n\n        .carousel-card p {\n            font-size: 0.55em; \/* 50% of the original size *\/\n        }\n\n        .carousel-card-content {\n            padding: 10px; \/* Reduce padding *\/\n        }\n\n        .carousel-card img {\n            width: 200px; \/* 50% of the original width *\/\n        }\n    }\n\n    @media (max-width: 768px) {\n        .carousel-card {\n            flex-direction: column;\n            width: 100%;\n        }\n\n        .carousel-card img {\n            width: 100%;\n            height: 200px;\n        }\n\n        .carousel-card h3 {\n            font-size: 1.5em;\n        }\n\n        .carousel-card p {\n            font-size: 0.9em;\n        }\n    }\n    .card-container {\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n        padding: 20px;\n    }\n\n    .card {\n        width: 450px;\n        height: 200px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n        border-radius: 8px;\n        padding: 20px;\n    }\n\n    .card img {\n        margin-top: 10px;\n        width: 50px;\n        height: 50px;\n        margin-bottom: 15px;\n    }\n\n    .card h3 {\n        font-size: 1em;\n        color: #333;\n        margin-bottom: 10px;\n    }\n\n    .card p {\n        font-size: 0.7em;\n        color: #777;\n    }\n    @media (max-width: 600px) {\n        .card h3 {\n            font-size: 0.75em; \/* 50% smaller *\/\n        }\n\n        .card p {\n            font-size: 0.55em; \/* 50% smaller *\/\n        }\n    }\n\n    \/* Optional media query for responsiveness *\/\n    @media (max-width: 1200px) {\n        .card-container {\n            flex-wrap: wrap;\n        }\n\n        .card {\n            width: 100%;\n            max-width: 500px;\n            margin-bottom: 20px;\n        }\n    }\n\n    h2,\n    h3 {\n        color: #4a4a4a;\n        text-align: center;\n    }\n\n    h2 {\n        margin-bottom: 10px;\n    }\n\n    h3 {\n        margin-top: 20px;\n    }\n\n    p,\n    span,\n    div {\n        line-height: 1.6;\n        color: #555;\n    }\n\n    hr {\n        border: none;\n        border-top: 1px solid #e5e5e5;\n        margin: 40px 0;\n    }\n\n    .description {\n        text-align: center;\n        margin: 0 auto;\n    }\n\n    .details {\n        margin: 0 auto;\n        padding: 20px;\n        background-color: #fff;\n        border-radius: 8px;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .details-item {\n        margin-bottom: 20px;\n    }\n\n    .details-title {\n        font-weight: bold;\n        color: #4a4a4a;\n        margin-right: 10px;\n    }\n\n    .fragrance-section {\n        background-color: #eef1f5;\n        padding: 20px;\n        border-radius: 8px;\n        margin: 20px 0;\n    }\n\n    .fragrance-notes h3 {\n        text-align: left;\n    }\n\n    em {\n        color: #777;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"description\"\u003e\n\u003ch2\u003e\u003cspan\u003eGardenia | Orange Blossom | Ylang Ylang\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eOlive-oil based, our sulfate-free liquid soap regenerates, protects, and moisturizes. It gently cleanses while leaving the scent of this warm, rich floral. The honeyed gardenia aroma rests on a bed of fresh cedar, melding with the delicate sweetness of orange blossom and ylang-ylang.\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cem\u003eWinner of the 2024 Oprah Daily Bath Awards.\u003c\/em\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003cdiv class=\"card-container\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg alt=\"Intense Hydratrion\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/intense-hydration_Icon_bea083da-eca4-41bf-b899-8414c18d3311.svg?width=700\"\u003e\n\u003ch3\u003eIntense Hydration\u003c\/h3\u003e\n\u003cp\u003eolive oil base enriched with argan oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg alt=\"Skin Regeneration\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/skin_regen_icon_fa9308b3-b150-4238-a3e0-60be6063ea25.svg?width=700\"\u003e\n\u003ch3\u003eSkin Regeneration\u003c\/h3\u003e\n\u003cp\u003eArgan Oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg alt=\"Moisturizing\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/moisture-retention_icon_1a2bb54b-f904-4b62-88b8-62372e495c15.svg?width=700\"\u003e\n\u003ch3\u003eMoisture Retention\u003c\/h3\u003e\n\u003cp\u003eGylcerin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg alt=\"Olives\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/natural-anti-bacterial_icon_c0095cde-80ad-4d09-81f6-4dd1f1b93fec.svg?width=700\"\u003e\n\u003ch3\u003eNatural Anti-Bacterial\u003c\/h3\u003e\n\u003cp\u003eOlive Oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-container\"\u003e\n\u003ch2\u003eKey Ingredients\u003c\/h2\u003e\n\u003cdiv id=\"carousel\" class=\"carousel\"\u003e\n\u003cdiv class=\"carousel-card\"\u003e\n\u003cimg alt=\"Argan Oil\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/argan_oil.png?width=700\"\u003e\n\u003cdiv class=\"carousel-card-content\"\u003e\n\u003ch3\u003eArgan Oil (Argania Spinosa Kernel Oil)\u003c\/h3\u003e\n\u003cp\u003eA nourishing antioxidant pressed from the argan nut, packed with vitamin E and fatty acids. Helps soften and nourish skin, plus defend against environmental aggressors, rebuilding the skin’s hydrolipidic film, and preventing transepidermal water loss (TEWL).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch1 style=\"text-align: center;\"\u003eFragrance Profile: Fresh Cut Gardenia\u003c\/h1\u003e\n\u003cp\u003eThe late morning sun streams in, delicately gilding an arrangement of white flowers. Bright top notes of armoise quickly disappear. The honeyed aroma of gardenia on a bed of fresh cedar melds into the delicate sweetness of orange blossom and ylang ylang.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-container\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg style=\"width: 100px; height: 100px; padding: 0,0,0,0; margin: 0,0,0,0;\" alt=\"Gardenia\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/gardenia.png?v=1725905337\u0026amp;width=700\"\u003e\n\u003ch3 style=\"margin-top: 0; padding-top: 0;\"\u003eGardenia\u003c\/h3\u003e\n\u003cp\u003eWith a rich white floral note, gardenia has spicy green and earthy mushroom nuances.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg alt=\"Orange Blossom\" style=\"width: 100px; height: 100px; padding: 0,0,0,0; margin: 0,0,0,0;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/orange-blossom_abso.png?v=1725905341\u0026amp;width=700\"\u003e\n\u003ch3 style=\"margin-top: 0; padding-top: 0;\"\u003eOrange Blossom\u003c\/h3\u003e\n\u003cp\u003eHoneyed and citrusy, orange blossom unflolds with earthy floral notes, adding opulence and depth to the scent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cimg style=\"width: 100px; height: 100px; padding: 0,0,0,0; margin: 0,0,0,0;\" alt=\"Ylang Ylang\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0077\/5415\/4099\/files\/ylang_ylang.png?v=1725905349\u0026amp;width=700\"\u003e\n\u003ch3 style=\"margin-top: 0; padding-top: 0;\"\u003eYlang Ylang\u003c\/h3\u003e\n\u003cp\u003eIntensely sweet and floral, ylang-ylang has a fruity, woody, spicy body. Its brightness adds lift to the dewy floral notes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Lafco","offers":[{"title":"12 fl oz","offer_id":54834563875095,"sku":"pgt1787951804439","price":22.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0932\/8479\/4647\/files\/lafco-fresh-cut-gardenia-liquid-soap_1.png?v=1787951808","url":"https:\/\/riverlyn.shop\/products\/lafco-fresh-cut-gardenia-liquid-soap","provider":"My Store","version":"1.0","type":"link"}