.section-key-ingredients{overflow:visible;position:relative;padding:0}.key-ingredients-container{position:relative;display:flex;flex-direction:column}.key-ingredients-background{width:100%;position:relative;border-radius:12px;overflow:hidden;max-height:300px;height:auto;background-color:#f5f5f5;box-shadow:0 5px 15px #0000001a}.key-ingredients-bg-image{width:100%;height:100%;object-fit:cover}.key-ingredients-heading-container{position:absolute;top:50%;left:5%;transform:translateY(-50%);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:2}.key-ingredients-subheading{font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.key-ingredients-heading{font-size:3rem;font-weight:700;line-height:1.2}.key-ingredients-image-slider-container{position:absolute;top:50%;left:50%;z-index:2;width:auto;max-width:400px;transform:translate(-50%,-50%);overflow:hidden}.ingredients-image-wrapper:hover{transform:scale(1.05)}.ingredients-image-placeholder{width:100%;height:100%;overflow:visible;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.key-ingredients-flex-container{display:flex;margin-top:2rem;width:100%;gap:2rem}.key-ingredients-details-container{max-width:250px;flex-shrink:0;width:max-content;overflow-y:auto}.ingredients-details-slider .splide__arrow{display:none}@media screen and (max-width: 767px){.ingredients-details-slider .splide__arrow{display:flex;background:transparent;width:30px;height:30px;opacity:1;color:#f05829;border:1px solid rgba(240,88,41,1);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;touch-action:manipulation}.ingredients-details-slider .splide__arrow:hover,.ingredients-details-slider .splide__arrow:active{opacity:1;background:#f058291a}.ingredients-details-slider .splide__arrow svg{width:12px;height:12px;fill:#f05829!important;pointer-events:none}}.key-ingredients-details-container::-webkit-scrollbar{display:none}.key-ingredients-details-container{-ms-overflow-style:none;scrollbar-width:none}.ingredients-details-content{padding:1rem;padding-left:0;cursor:pointer;transition:all .3s ease}.ingredients-name{font-weight:400;font-size:16px;line-height:1;letter-spacing:normal;vertical-align:middle;margin:0;transition:color .3s ease;color:#333}.splide__slide.is-active .ingredients-name,.ingredients-details-slide:hover .ingredients-name{color:#ff6b00;font-weight:600}.ingredients-image-slide{opacity:0;transition:opacity .5s ease}.ingredients-image-slide.is-active,.ingredients-details-slide.is-active{opacity:1}.mobile-key-ingredients-heading-container{display:none}@media screen and (max-width: 767px){.mobile-key-ingredients-heading{font-size:2rem;font-weight:700;margin:0 auto;color:#000}}@media screen and (max-width: 767px){.key-ingredients-background{height:auto}.key-ingredients-heading-container{width:90%;max-width:165px}.key-ingredients-heading{font-size:2rem}.key-ingredients-subheading{font-size:1rem}.key-ingredients-image-slider-container{width:160px;height:auto}.ingredients-image-placeholder{width:100%;height:100%}.ingredients-name{font-size:1.5rem}.ingredients-description{font-size:1rem}}.key-ingredients-background-main{position:relative;display:block;width:100%;overflow:visible;padding-block:50px}.ingredients-images-slider .splide__slide{opacity:.7;transition:all .5s ease;display:flex;justify-content:center;align-items:center;border-radius:10px}.ingredients-images-slider .splide__slide.is-active{opacity:1}.splide__list{backface-visibility:hidden;will-change:transform}.ingredients-image-content{max-width:100%;height:auto!important;display:flex;justify-content:center;align-items:center}.ingredients-image-wrapper{width:auto;max-width:100%;height:auto!important;overflow:visible;transition:transform .3s ease;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;margin:0 auto}.ingredients-image{max-width:100%;width:auto;height:auto!important;object-fit:contain}.ingredients-images-slider .splide__slide{height:auto!important;width:auto!important;display:flex;justify-content:center}@media (max-width: 640px){.ingredients-image-content{max-width:180px}}@media (max-width: 480px){.ingredients-image-content{max-width:160px}}.key-ingredients-info-container{flex:1 1 auto;padding:0 1rem;max-width:calc(100% - 250px)}.ingredients-info-slide{transition:all .5s ease}.splide__slide.ingredients-details-slide.is-active{border:none;outline:0}.splide__slide.ingredients-details-slide.is-active .ingredients-details-content,.splide__slide.ingredients-details-slide .ingredients-details-content:hover{position:relative;padding-left:15px}.splide__slide.ingredients-details-slide.is-active .ingredients-details-content:before,.splide__slide.ingredients-details-slide .ingredients-details-content:hover:before{position:absolute;left:00px;top:50%;transform:translateY(-50%);font-size:26px;color:#ff6b00;line-height:1;content:"\2022"}.is-mobile-slider .splide__slide.ingredients-details-slide.is-active .ingredients-details-content,.is-mobile-slider .splide__slide.ingredients-details-slide .ingredients-details-content:hover{padding-left:0}.is-mobile-slider .splide__slide.ingredients-details-slide.is-active .ingredients-details-content:before,.is-mobile-slider .splide__slide.ingredients-details-slide .ingredients-details-content:hover:before{display:none}.is-mobile-slider .splide__slide.ingredients-details-slide.is-active .ingredients-name,.is-mobile-slider .splide__slide.ingredients-details-slide:hover .ingredients-name{color:#ff6b00;font-weight:600;position:relative}.is-mobile-slider .splide__slide.ingredients-details-slide.is-active .ingredients-name:after,.is-mobile-slider .splide__slide.ingredients-details-slide:hover .ingredients-name:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:40px;height:2px;background-color:#ff6b00}.key-ingredients-info-row{display:flex;flex-wrap:wrap;justify-content:space-evenly}.key-ingredients-info-column{flex:1 1 250px;padding:1.5rem;border-radius:10px;max-width:350px}.info-heading{font-weight:700;font-size:22px;line-height:1;letter-spacing:normal;vertical-align:middle;color:#333;position:relative;margin-bottom:1.5rem}.ingredients-what-it-is,.ingredients-what-it-does{font-weight:400;font-size:14px;line-height:1.2;letter-spacing:normal;vertical-align:middle;color:#333}@media screen and (max-width: 767px){.key-ingredients-flex-container{flex-direction:column}.key-ingredients-details-container{width:100%;border-right:none;margin-bottom:1.5rem;max-height:none;overflow-y:visible}.ingredients-details-slider{padding:0}.ingredients-details-slider .splide__arrow--prev{left:0!important;transform:translateY(-100%)!important;-webkit-transform:translate(0px,-100%)!important}.ingredients-details-slider .splide__arrow--next{right:0!important;transform:translateY(-100%)!important;-webkit-transform:translate(0px,-100%)!important}.key-ingredients-details-container .button.splide__arrow svg{color:#ff6b00!important}.ingredients-details-slider .ingredients-details-slide{width:100%!important;text-align:center}.ingredients-details-content{padding:1rem;text-align:center}.key-ingredients-info-row{flex-direction:column;gap:1.5rem}.key-ingredients-info-column{min-width:100%;padding:1rem;flex:1 1 auto}.info-heading{font-size:1.3rem}.is-mobile-slider .splide__slide.ingredients-details-slide.is-active .ingredients-name:after,.is-mobile-slider .splide__slide.ingredients-details-slide:hover .ingredients-name:after{display:none}.key-ingredients-info-container,.key-ingredients-details-container{max-width:100%}}.splide__track--nav>.splide__list>.splide__slide{border:none!important}
/*# sourceMappingURL=/cdn/shop/t/140/assets/key-ingredients-slider.css.map */