.key-ingredients{min-height:0}.key-ingredients__image{width:100%;max-height:250px;object-fit:contain}.key-ingredients__content-description{width:100%}.key-ingredients__content-title{font-size:1.75rem;margin-top:.625rem;font-weight:700}.key-ingredients__container{padding-top:1.5rem}.key-ingredients__content-description--mobile{margin-top:1.5rem;line-height:1.2;margin-bottom:1.5rem}.key-ingredients__images{width:50%;transform:translateY(-50%);height:100%;left:50%;top:50%}.key-ingredients__hover-image{left:50%;top:50%;max-width:500px;max-height:500px;object-fit:contain;transition:opacity .4s ease-in;transform:translate(-50%,-50%)}[dir=rtl] .key-ingredients__hover-image,[dir=rtl] .key-ingredients__images{right:50%;left:unset}[dir=rtl] .key-ingredients__hover-image{transform:translate(50%,-50%)}.image-hidden{opacity:0;visibility:hidden}.key-ingredients .carousel__item{scroll-snap-align:start;flex-shrink:0;width:100%;padding:0 2rem}.key-ingredients .carousel__inner{scroll-behavior:smooth;overflow-x:scroll;scroll-snap-type:x mandatory}.key-ingredients .desktop{display:none}.key-ingredients .slide__control--dots{box-shadow:0 4px 4px rgba(0,0,0,.251)}.key-ingredients__content-wrapper .home-hero__control-wrapper{position:static}body:not(.loaded) .key-ingredients .image-hidden{display:none}@media (min-width:768px){.key-ingredients__link:hover{text-decoration:underline}.key-ingredients .desktop:not(:hover) .image-hidden{display:none}.key-ingredients .desktop{display:block}.key-ingredients .mobile{display:none}.key-ingredients__content-wrapper{flex-direction:row;max-width:100%;min-height:500px;max-height:80vh}.key-ingredients__content-title{font-size:3rem;line-height:1;margin-top:0}.key-ingredients__content-description{width:50%;padding:0 2.625rem 0 7.875rem}}@media (max-width:767px){.key-ingredients.key-ingredients--list{color:#fff}.key-ingredients--list .carousel__inner{flex-direction:column;position:relative;padding-top:40px}.key-ingredients--list .carousel__item:not(:first-child) .key-ingredients__content-title,.key-ingredients--list .slider-buttons{display:none}.key-ingredients--list .carousel__item:first-child .key-ingredients__content-title{position:absolute;top:0;font-size:1rem;left:0;right:0;text-align:center}.key-ingredients--list .carousel__item{display:flex;align-items:center;text-align:left;padding:0 1.25rem}.key-ingredients--list .key-ingredients__image{width:58px;height:58px;background-color:var(--color-beige);border-radius:50%;margin-right:.75rem}.key-ingredients--list .key-ingredients__content-description--mobile{flex:1;font-size:.875rem;margin-top:1rem;margin-bottom:1rem}}