.ingredients-showcase{margin-top:var(--section-margin-top, 0);margin-bottom:var(--section-margin-bottom, 0);overflow:hidden}.ingredients-showcase__wrapper{background-color:var(--section-bg-color, #ffffff);padding-top:var(--section-padding-top-mobile, 40px);padding-bottom:var(--section-padding-bottom-mobile, 40px)}.ingredients-showcase__container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}.ingredients-showcase__heading{font-size:var(--heading-font-size-mobile, 24px);color:#15282f;text-align:center;margin:0 0 15px;font-weight:500;line-height:1.3;letter-spacing:.02em}.ingredients-showcase__subheading{font-size:14px;color:var(--heading-color, #3d3d3d);text-align:center;opacity:.8;max-width:600px;margin:0 auto 30px}.ingredients-showcase__cards-wrapper{position:relative;overflow:hidden}.ingredients-showcase__cards-wrapper:has(.ingredients-showcase__cards.slider-active){overflow:visible;margin-right:-20px;padding-right:20px}.ingredients-showcase__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cards-gap-mobile, 12px);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.ingredients-showcase__cards.slider-active{display:flex;flex-wrap:nowrap}.ingredients-showcase__cards.slider-active .ingredients-showcase__card{flex:0 0 calc(100% / 1.333 - 12px);min-width:calc(100% / 1.333 - 12px)}.ingredients-showcase__card{position:relative;overflow:hidden;border-radius:var(--card-border-radius, 8px);height:var(--card-height-mobile, 280px)}.ingredients-showcase__card-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.ingredients-showcase__card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ingredients-showcase__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ingredients-showcase__card:hover .ingredients-showcase__card-image img{transform:scale(1.05)}.ingredients-showcase__card-image--placeholder{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.ingredients-showcase__card-image--placeholder .placeholder-svg{width:60%;height:60%;opacity:.5}.ingredients-showcase__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to top,rgba(0,0,0,calc(var(--card-overlay-opacity, .4) + .2)) 0%,rgba(0,0,0,calc(var(--card-overlay-opacity, .4) * .5)) 40%,transparent 70%);pointer-events:none}.ingredients-showcase__card-content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 15px;display:flex;flex-direction:column;gap:6px}.ingredients-showcase__card-title{font-size:var(--card-title-font-size-mobile, 16px);color:var(--card-title-color, #b8a642);font-weight:500;margin:0;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3);font-family:Manrope!important}.ingredients-showcase__card-description{font-size:var(--card-description-font-size-mobile, 12px);color:var(--card-description-color, #ffffff);margin:0;line-height:1.5;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-family:Manrope!important;font-weight:500}.ingredients-showcase__card-button{display:inline-block;margin-top:10px;padding:8px 18px;background-color:var(--card-title-color, #b8a642);color:#fff;text-decoration:none;font-size:12px;font-weight:500;border-radius:4px;transition:all .3s ease;align-self:flex-start}.ingredients-showcase__card-button:hover{background-color:#a08f3a;transform:translateY(-2px)}.ingredients-showcase__slider-controls{display:none;align-items:center;justify-content:center;gap:15px;margin-top:25px}.ingredients-showcase__cards--slider-mobile~.ingredients-showcase__slider-controls{display:flex}.ingredients-showcase__slider-arrow{width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;flex-shrink:0}.ingredients-showcase__slider-arrow:hover{background-color:var(--heading-color, #3d3d3d);border-color:var(--heading-color, #3d3d3d)}.ingredients-showcase__slider-arrow svg{width:18px;height:18px;color:#3d3d3d;transition:color .3s ease}.ingredients-showcase__slider-arrow:hover svg{color:#fff}.ingredients-showcase__slider-dots{display:flex;align-items:center;gap:8px}.ingredients-showcase__slider-dot{width:10px;height:10px;border-radius:50%;background-color:#d0d0d0;border:none;padding:0;cursor:pointer;transition:all .3s ease}.ingredients-showcase__slider-dot.active{background-color:var(--heading-color, #3d3d3d);transform:scale(1.2)}.ingredients-showcase__slider-dot:hover:not(.active){background-color:#a0a0a0}@media screen and (min-width: 750px){.ingredients-showcase__wrapper{padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px)}.ingredients-showcase__container{padding-left:40px;padding-right:40px}.ingredients-showcase__heading{font-size:calc(var(--heading-font-size, 36px) * .85);margin-bottom:20px}.ingredients-showcase__subheading{font-size:16px;margin-bottom:40px}.ingredients-showcase__cards{grid-template-columns:repeat(2,1fr);gap:calc(var(--cards-gap, 20px) * .8)}.ingredients-showcase__cards.slider-active .ingredients-showcase__card{flex:0 0 calc(100% / 2.333 - 10px);min-width:calc(100% / 2.333 - 10px)}.ingredients-showcase__card{height:calc(var(--card-height, 320px) * .9)}.ingredients-showcase__card-content{padding:25px 20px}.ingredients-showcase__card-title{font-size:calc(var(--card-title-font-size, 18px) * .9)}.ingredients-showcase__card-description{font-size:calc(var(--card-description-font-size, 13px) * .95);-webkit-line-clamp:5}}@media screen and (min-width: 1000px){.ingredients-showcase__container{padding-left:50px;padding-right:50px}.ingredients-showcase__heading{font-size:var(--heading-font-size, 36px);margin-bottom:25px}.ingredients-showcase__cards{grid-template-columns:repeat(4,1fr);gap:var(--cards-gap, 20px)}.ingredients-showcase__cards--slider-mobile:not(.ingredients-showcase__cards--slider-desktop)~.ingredients-showcase__slider-controls{display:none}.ingredients-showcase__cards--slider-desktop~.ingredients-showcase__slider-controls{display:flex}.ingredients-showcase__card{height:var(--card-height, 320px)}.ingredients-showcase__card-title{font-size:var(--card-title-font-size, 18px)}.ingredients-showcase__card-description{font-size:var(--card-description-font-size, 13px);-webkit-line-clamp:6}.ingredients-showcase__card-button{font-size:13px;padding:10px 22px}.ingredients-showcase__slider-arrow{width:44px;height:44px}.ingredients-showcase__slider-arrow svg{width:20px;height:20px}}@media screen and (min-width: 1200px){.ingredients-showcase__container{max-width:1400px}.ingredients-showcase__cards{gap:var(--cards-gap, 20px)}.ingredients-showcase__card-content{padding:25px;gap:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ingredients-showcase__card{animation:fadeInUp .6s ease forwards;opacity:0}.ingredients-showcase__card:nth-child(1){animation-delay:.1s}.ingredients-showcase__card:nth-child(2){animation-delay:.2s}.ingredients-showcase__card:nth-child(3){animation-delay:.3s}.ingredients-showcase__card:nth-child(4){animation-delay:.4s}.ingredients-showcase__card:nth-child(5){animation-delay:.5s}.ingredients-showcase__card:nth-child(6){animation-delay:.6s}@media (hover: none){.ingredients-showcase__card:hover .ingredients-showcase__card-image img{transform:none}.ingredients-showcase__slider-arrow:hover{background-color:#fff;border-color:#e0e0e0}.ingredients-showcase__slider-arrow:hover svg{color:#3d3d3d}.ingredients-showcase__slider-arrow:active{background-color:var(--heading-color, #3d3d3d);border-color:var(--heading-color, #3d3d3d)}.ingredients-showcase__slider-arrow:active svg{color:#fff}}@media (prefers-reduced-motion: reduce){.ingredients-showcase__card{animation:none;opacity:1}.ingredients-showcase__card-image img,.ingredients-showcase__cards{transition:none}}[dir=rtl] .ingredients-showcase__slider-arrow--prev svg{transform:rotate(180deg)}[dir=rtl] .ingredients-showcase__slider-arrow--next svg{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ingredients-showcase.css.map */