.ingredients-section--container{display:flex;flex-direction:column;gap:2rem}.ingredients-section--header{display:flex;flex-direction:column;gap:2.5rem;border-top:1px solid;padding-top:2rem}.ingredients-section--heading-actions{display:flex;align-items:center;gap:1.5rem}.ingredients-section--header-button{width:fit-content;height:fit-content}.ingredients-section--content{display:flex;flex-direction:row-reverse;gap:var(--container-gutter)}.ingredients-section--buttons-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.ingredients-section--buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ingredients-section--button-inner{position:relative;border-radius:var(--border-radius);overflow:hidden}.ingredients-section--button-image{width:100%}.ingredients-section--button-image figure{aspect-ratio:9 / 8;width:100%;background:#d9d9d9;transition:transform var(--transition-duration) var(--transition-ease)}.ingredients-section--button-name{position:absolute;top:1rem;left:1rem;z-index:1}.ingredients-section--button-button{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ingredients-section--button-button:not(.modal){display:none}.ingredients-section--tabs{display:none}.ingredients-section--tab{position:sticky;top:calc(var(--header-bar) + 1.25rem);height:fit-content!important;padding:2rem var(--container-gutter);background-color:var(--color-card-transparent);border-radius:var(--border-radius)}@media (min-width: 1024px){.ingredients-section--container{gap:6.25rem;padding-bottom:3rem}.ingredients-section--header{flex-direction:row;justify-content:space-between;align-items:flex-start}.ingredients-section--heading{width:var(--column-8)}.ingredients-section--header-button.overview{display:none}.ingredients-section--buttons-wrapper{position:relative;width:var(--column-8);flex-shrink:0}.ingredients-section--buttons-more{position:absolute;bottom:-3rem;left:50%;transform:translate(-50%)}.ingredients-section--button:has(.ingredients-section--button-button.active) figure{transform:scale(1.1)}.ingredients-section--button-button.modal{display:none}.ingredients-section--button-button:not(.modal){display:block}.ingredients-section--tabs{display:block;width:var(--column-4)}}@media (hover: hover){.ingredients-section--button:hover figure{transform:scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/ingredients-section.css.map */