.ingredients__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}.ingredients__block{display:flex;flex-direction:column;gap:28px;cursor:pointer}.ingredients__block-media{display:flex}.ingredients__block-media img,.ingredients__block-media svg{width:100%;height:100%;aspect-ratio:448 / 498;border-radius:6px;object-fit:cover}.ingredients__block-content{display:flex;flex-direction:column;gap:20px;color:#000}.ingredients__block-title{font-family:var(--heading-font);font-size:28px;line-height:140%}.ingredients__block-description{font-size:14px;line-height:120%}.ingredients__popup{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:transparent;padding:20px;display:flex;align-items:center;justify-content:center;z-index:12;pointer-events:none;transition:background-color .3s}.ingredients__popup.open{pointer-events:all;background-color:#0003}.ingredients__popup-inner{width:100%;max-width:880px;height:fit-content;max-height:100%;overflow:auto;padding:26px 20px;border-radius:12px;position:relative;background-color:#f4f3ed99;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transform:scale(.85);transition:transform .3s,opacity .3s}.ingredients__popup.open .ingredients__popup-inner{opacity:1;transform:scale(1)}.ingredients__popup-close{display:flex;position:absolute;top:26px;right:17px;cursor:pointer;z-index:1}.ingredients__popup-close svg{width:24px;height:24px}.ingredients__popup-content-item{display:flex;gap:32px}.ingredients__popup-content-item:not(.active){display:none}.ingredients__popup-media{width:448px}.ingredients__popup-media img,.ingredients__popup-media svg{width:100%;height:100%;aspect-ratio:448 / 498;border-radius:6px;object-fit:cover}.ingredients__popup-details{flex:1;display:flex;flex-direction:column;gap:20px;color:#000}.ingredients__popup-title{font-family:var(--heading-font);font-size:28px;line-height:140%}.ingredients__popup-description p{font-size:14px}@media screen and (max-width:989px){.ingredients__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.ingredients__grid{grid-template-columns:1fr;gap:32px}.ingredients__block-media img,.ingredients__block-media svg{aspect-ratio:352 / 498}.ingredients__popup-inner{padding:0;max-width:600px;height:100%}.ingredients__popup-content-item{flex-direction:column;gap:0}.ingredients__popup-media{width:100%}.ingredients__popup-media img,.ingredients__popup-media svg{aspect-ratio:347 / 386;border-radius:12px}.ingredients__popup-details{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ingredients.css.map */