Lafco Chamomile Lavender Bar Soap

.short-description .carousel-container { display: none !important; } .short-description .card-container { display: none !important; } .hero { padding: 50px; text-align: center; } * Additional CSS to ensure the carousel works properly */ .carousel-container { max-width: 1000px; margin: 0 auto; position: relative; overflow: hidden; display: flex; /* Add this to ensure proper alignment */ } .carousel { display: flex; transition: transform 0.5s ease-in-out; width: 100%; } .carousel-card { display: flex; background-color: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); margin: 20px; width: 100%; max-width: 1000px; border-radius: 8px; overflow: hidden; flex-shrink: 0; } .carousel-card img { width: 400px; height: 100%; object-fit: cover; } .carousel-card-content { padding: 20px; text-align: left; display: flex; flex-direction: column; justify-content: center; margin-right: 10%; } .carousel-container { max-width: 1000px; margin: 0 auto; position: relative; overflow: hidden; } .carousel-container h2 { margin: 10px, 0, 10px, 0; } .carousel { display: flex; transition: transform 0.5s ease-in-out; width: 100%; } .carousel-card { display: flex; background-color: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); margin: 20px; width: 100%; /* Ensure each card takes the full width */ max-width: 1000px; /* Prevent it from growing too much */ border-radius: 8px; overflow: hidden; flex-shrink: 0; /* Prevent cards from shrinking */ } .carousel-card img { width: 400px; height: 100%; object-fit: cover; } .carousel-card-content { padding: 20px; text-align: left; display: flex; flex-direction: column; justify-content: center; margin-right: 10%; } .carousel-card h3 { font-size: 1.8em; color: #333; margin-bottom: 10px; } .carousel-card p { font-size: 1.1em; color: #666; } .carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; background-color: black; color: #fff; padding: 10px; border: none; border-radius: 50%; z-index: 1; } .carousel-nav.left { left: 10px; } .carousel-nav.right { right: 10px; } @media (max-width: 600px) { .carousel-card h3 { font-size: 0.9em; /* 50% of the original size */ } .carousel-card p { font-size: 0.55em; /* 50% of the original size */ } .carousel-card-content { padding: 10px; /* Reduce padding */ } .carousel-card img { width: 200px; /* 50% of the original width */ } } @media (max-width: 768px) { .carousel-card { flex-direction: column; width: 100%; } .carousel-card img { width: 100%; height: 200px; } .carousel-card h3 { font-size: 1.5em; } .carousel-card p { font-size: 0.9em; } } .card-container { display: flex; justify-content: space-around; align-items: center; padding: 20px; } .card { width: 450px; height: 200px; background-color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 20px; } .card img { margin-top: 10px; width: 50px; height: 50px; margin-bottom: 15px; } .card h3 { font-size: 1em; color: #333; margin-bottom: 10px; } .card p { font-size: 0.7em; color: #777; } @media (max-width: 600px) { .card h3 { font-size: 0.75em; /* 50% smaller */ } .card p { font-size: 0.55em; /* 50% smaller */ } } /* Optional media query for responsiveness */ @media (max-width: 1200px) { .card-container { flex-wrap: wrap; } .card { width: 100%; max-width: 500px; margin-bottom: 20px; } } h2, h3 { color: #4a4a4a; text-align: center; } h2 { margin-bottom: 10px; } h3 { margin-top: 20px; } p, span, div { line-height: 1.6; color: #555; } hr { border: none; border-top: 1px solid #e5e5e5; margin: 40px 0; } .description { text-align: center; margin: 0 auto; } .details { margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .details-item { margin-bottom: 20px; } .details-title { font-weight: bold; color: #4a4a4a; margin-right: 10px; } .fragrance-section { background-color: #eef1f5; padding: 20px; border-radius: 8px; margin: 20px 0; } .fragrance-notes h3 { text-align: left; } em { color: #777; } Chamomile | Lavender | Sage Artisanally crafted from olive and argan oils, our ultra-rich bar soap cleanses with a creamy lather leaving your skin moisturized and finely fragranced with our iconic warm herbaceous scent. Lavender melds with bergamot, while chamomile melts into a heart of eucalyptus, patchouli, and sage. Winner of the 2024 Oprah Daily Bath Awards. Intense Hydration olive oil base enriched with argan oil Skin Regeneration Argan Oil Moisture Retention Gylcerin Natural Anti-Bacterial Olive Oil Key Ingredients Argan Oil (Argania Spinosa Kernel Oil) A 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). Fragrance Profile Fresh sheets beckon. On the nightstand a sprig of lavender melds beautifully with warm and enveloping bergamot. Calming chamomile melts into a heart of eucalyptus to create a feeling of well-being. Smoky patchouli is enhanced by hints of sage and rosemary for a quiet, relaxing finish. Chamomile Intensely warm, sweet, and fruity, chamomile has a dried fruit note reminiscent of apricot and apple. Lavender Our lavender fragrance accord blends varietal lavender and lavandin to create a uniquely bright, green, and spicy aroma. Sage Herbaceous and earthy with aspects of amber and tobacco, sage adds depth to the fragrance and makes it more diffusive.