.key-ingredients-section{padding:0 var(--page-gutter);background:#fff;margin:100px auto;max-width:calc(1730px - var(--page-gutter))}.key-ingredients-wrapper{display:flex;overflow:hidden}.ingredients-text-column{flex:1;position:sticky;top:40px;align-self:flex-start;display:flex;flex-direction:column;row-gap:20px;justify-content:space-between;align-self:stretch}.ingredient-image-column{flex:1;max-height:750px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.ingredient-image-column::-webkit-scrollbar{display:none}.image-scroll-wrapper{display:flex;flex-direction:column;gap:100px;padding-bottom:100px}.ingredient-image-item{transition:opacity .5s ease;text-align:center}.ingredient-image-item img{height:auto;border-radius:100%;aspect-ratio:1/1;max-height:750px}.section-label{color:#daafb9;text-transform:uppercase;font-size:16px;font-weight:500}.section-label--mobile{display:none}.ingredient-item{cursor:pointer}.key-ingredients-section .ingredient-title{font-size:36px;font-family:Juana Light,serif;margin-bottom:10px;color:#b6b2a1;font-weight:200;letter-spacing:.01em;transition:color 1s ease-in-out}.ingredient-item.active .ingredient-title,.ingredient-item:hover .ingredient-title,.ingredient-item:hover .ingredient-description{color:#000;cursor:default;transition:color .5s ease-in-out}.ingredient-description{font-size:17px;color:#b6b2a1;max-width:570px;transition:color .5s ease-in-out}.see-full-link{display:inline-block;margin-top:24px;text-decoration:underline;text-underline-offset:2px;font-weight:500;font-size:16px;color:#000;text-transform:uppercase}.key-ingredients-section .modal{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#00000080;display:flex;justify-content:center;align-items:center}.key-ingredients-section .modal-content{background-color:#fff;padding:40px;border-radius:8px;max-width:600px;width:90%;position:relative}.key-ingredients-section .close-button{position:absolute;right:20px;top:15px;font-size:28px;cursor:pointer}#ingredient-modal h2{font-size:36px!important}@media screen and (min-width: 1300px) and (max-width: 1440px){.key-ingredients-section{margin:80px auto}.key-ingredients-section .ingredient-title{font-size:32px}.ingredient-description{font-size:15px;max-width:497px}.section-label{font-size:14px}.ingredient-image-column{max-height:700px}.see-full-link{font-size:14px}}@media screen and (min-width: 1024px) and (max-width: 1299px){.key-ingredients-section{margin:50px auto}.key-ingredients-section .ingredient-title{font-size:30px}.ingredient-description{font-size:14px;max-width:497px}.section-label{font-size:13px}.ingredient-image-column{max-height:600px}.see-full-link{font-size:14px}}@media screen and (min-width: 1024px) and (max-width: 1199px){.key-ingredients-section .ingredient-title{font-size:28px}.ingredient-description{font-size:14px;max-width:497px}.section-label{font-size:12px}.ingredient-image-column{max-height:550px}.see-full-link{font-size:13px}}@media screen and (min-width: 900px) and (max-width: 1099px){.key-ingredients-section .ingredient-title{font-size:26px}.ingredient-description{font-size:13px;max-width:497px}.section-label{font-size:12px}.ingredients-text-column{row-gap:10px}.ingredient-image-column{max-height:500px}.see-full-link{font-size:13px}}@media screen and (min-width: 768px) and (max-width: 899px){.key-ingredients-section .ingredient-title{font-size:24px}.ingredient-description{font-size:11px;max-width:497px}.section-label{font-size:12px}.ingredients-text-column{row-gap:0;align-self:unset}.ingredient-image-column{max-height:450px}.see-full-link{font-size:13px}}@media screen and (max-width: 768px){.key-ingredients-section{margin:33px auto 80px;padding:0}.key-ingredients-wrapper{flex-direction:column;gap:20px;max-height:unset}.ingredients-text-column,.ingredient-image-column{position:static;max-height:unset;flex:unset;width:100%}.ingredients-text-column{order:2;padding:20px 15px 0}.ingredient-image-column{order:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.image-scroll-wrapper{display:inline-flex;flex-direction:row;gap:20px;padding-bottom:0;max-height:unset}.ingredient-image-item{flex:0 0 100%;scroll-snap-align:center;text-align:center}.ingredient-image-item img{width:100%;max-width:none;aspect-ratio:1/1;object-fit:cover;border-radius:100%}.ingredient-item{margin-bottom:32px;text-align:center}.key-ingredients-section .ingredient-title{font-size:24px!important;color:#000}.ingredient-number{display:block;margin-bottom:12px}.ingredient-description{font-size:14px;color:#444;max-width:unset}.section-label{text-align:center;margin-bottom:16px;font-size:12px;display:none}.section-label--mobile{display:block;color:#000;font-size:20px!important}.see-full-link{display:block;text-align:center;margin-top:20px;font-size:17px!important}.key-ingredients-section .modal-content{padding:24px 20px}#ingredient-modal h2{font-size:20px!important}}@media screen and (max-width: 768px){.ingredients-text-column{align-items:unset;row-gap:0}.ingredient-item{margin-bottom:8px}.ingredient-number{margin-bottom:14px}.key-ingredients-section .ingredient-title{font-size:26px!important;color:#000;margin-bottom:20px}.ingredient-description{max-width:285px;margin:0 auto}}.key-ingredients-section .modal.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-key-ingredients.css.map */