.ingredients-section--container{display:flex;flex-direction:column;gap:2rem;padding:var(--section-padding) 0}.ingredients-section--header{display:flex;flex-direction:column;gap:1.5rem}.ingredients-section--description{display:flex;flex-direction:column;gap:1.25rem}.ingredients-section--ingredients{display:flex;flex-direction:column;gap:.5rem}.ingredients-section--ingredient{display:flex;gap:1.25rem;padding:1.25rem;background:var(--color-purple-light);border:1px solid var(--color-border);border-radius:var(--radius-std)}.ingredients-section--ingredient-image{width:6.25rem;height:fit-content;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-std);overflow:hidden}.ingredients-section--ingredient-image figure{aspect-ratio:1 / 1}.ingredients-section--ingredient-info{display:flex;flex-direction:column;gap:.5rem}.ingredients-section--ingredient .btn--plus{flex-shrink:0;margin-top:2px;margin-left:auto}.ingredients-section--modal{display:flex;flex-direction:column;gap:1.25rem;height:100%;padding:1.5rem var(--container-gutter) 2.5rem;overflow:auto}.ingredients-section--modal-close{margin-left:auto;flex-shrink:0}.ingredients-section--modal-content{display:flex;gap:1rem}.ingredients-section--modal-icon{width:2rem;height:2rem;flex-shrink:0}.ingredients-section--modal-body{display:flex;flex-direction:column;gap:1.25rem}.ingredients-section--modal-details{display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.ingredients-section--modal-image{width:calc(100% + 3rem);margin-left:-3rem;border:1px solid var(--color-border);border-radius:var(--radius-std);overflow:hidden}@media (min-width: 768px){.ingredients-section--header{flex-direction:row;gap:2.5rem}.ingredients-section--heading{text-wrap:balance}.ingredients-section--heading,.ingredients-section--description{width:50%}.ingredients-section--ingredients{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ingredients-section--container{gap:2.5rem}.ingredients-section--ingredients{grid-template-columns:repeat(3,1fr);column-gap:var(--container-gap);row-gap:1rem}.ingredients-section--modal{padding:2.5rem}.ingredients-section--modal-icon{margin-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/332/assets/ingredients.css.map */