:root{--border-width-xs: 1px;--border-width-sm: 1.6px;--border-width-md: 2px;--border-style: solid;--border-color-default: rgba(0, 0, 0, .2);--border-color-light: var(--color-neutral-lighter);--border-color-medium: var(--color-neutral);--border-color-dark: var(--color-neutral-darker);--border-radius-xs: 1px;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 24px;--border-radius-full: 999px;--motion-duration-fast: .15s;--motion-duration-base: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .4s;--motion-easing-default: ease-in-out;--motion-easing-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-easing-ease-in: cubic-bezier(.4, 0, 1, 1);--spacing-lock-none: 0;--spacing-lock-4xs: 2px;--spacing-lock-3xs: 6px;--spacing-lock-2xs: 8px;--spacing-lock-xs: 12px;--spacing-lock-sm: 16px;--spacing-lock-md: 24px;--spacing-lock-lg: 32px;--spacing-lock-xl: 48px;--spacing-lock-2xl: 64px;--spacing-lock-3xl: 80px;--spacing-static-lock-4xs: 2px;--spacing-static-lock-3xs: 6px;--spacing-static-lock-2xs: 8px;--spacing-static-lock-xs: 12px;--spacing-static-lock-sm: 16px;--spacing-static-lock-md: 24px;--spacing-static-lock-lg: 32px;--spacing-static-lock-xl: 48px;--spacing-static-lock-2xl: 64px;--spacing-static-lock-3xl: 80px}.section-ingredients-gallery{--section-background-color: #ecfbfa;--card-max-width: 320px;--card-aspect-ratio: 320 / 230;--trigger-button-size: 43px;--close-button-size: 48px;--modal-overlay-color: rgba(57, 94, 90, .9);--title-max-width: 900px;--modal-max-width: 358px;--modal-layout-width: 950px;--modal-image-height: 324px;--modal-image-width: 320px;--title-font-size: 30px;--badge-font-size: 18px;--badge-sub-font-size: 16px;--description-font-size: 18px;--modal-body-font-size: 18px;--modal-heading-font-size: 21px;--modal-section-gap: calc(var(--modal-body-font-size) * 1.3);--section-content-gap: var(--spacing-static-lock-md);--grid-gap: var(--spacing-static-lock-lg);--header-gap: var(--spacing-static-lock-md);--modal-panel-padding: var(--spacing-static-lock-md);--modal-layout-gap: var(--spacing-static-lock-lg);--modal-viewport-padding: var(--spacing-static-lock-sm);--modal-close-offset: var(--spacing-static-lock-sm)}.container--ingredients-gallery{background-color:var(--section-background-color)}.ingredients-gallery-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--section-content-gap);width:100%}.ingredients-gallery-header{display:flex;flex-direction:column;gap:var(--header-gap);width:100%;max-width:var(--title-max-width)}.ingredients-gallery-header.text-alignment-left{align-items:flex-start;text-align:left}.ingredients-gallery-header.text-alignment-center{align-items:center;text-align:center}.ingredients-gallery-header.text-alignment-right{align-items:flex-end;text-align:right}.ingredients-gallery-header .section-title{margin:0;width:100%;font-size:var(--title-font-size);font-weight:800;line-height:1.2;color:#000}.ingredients-gallery-header .section-description{width:100%;font-size:var(--description-font-size);font-weight:400;line-height:1.3;color:#000}.ingredients-gallery-header .section-description p{margin:0}.ingredients-gallery-header .section-description p+p{margin-top:var(--spacing-static-lock-xs)}.ingredients-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);width:100%;margin:0;padding:0;list-style:none}.ingredients-gallery-grid__item{display:flex;justify-content:center;min-width:0}.ingredients-gallery-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:var(--card-max-width);aspect-ratio:var(--card-aspect-ratio);padding:0;overflow:hidden;border:0;border-radius:var(--border-radius-md);background:transparent;cursor:pointer;text-align:left;will-change:transform;transition:transform .38s var(--motion-easing-ease-out),box-shadow .38s var(--motion-easing-ease-out)}.ingredients-gallery-card:focus-visible{outline:2px solid #000;outline-offset:3px}.ingredients-gallery-card__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ingredients-gallery-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0000001f;opacity:0;pointer-events:none;transition:opacity .38s var(--motion-easing-ease-out)}.ingredients-gallery-card__media picture,.ingredients-gallery-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s var(--motion-easing-ease-out)}.ingredients-gallery-card__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-static-lock-2xs)}.ingredients-gallery-card__badge{flex-shrink:0;max-width:calc(100% - var(--trigger-button-size));padding:var(--spacing-static-lock-2xs) var(--spacing-static-lock-sm);border-radius:var(--border-radius-full);background-color:#fff;color:#000;font-size:var(--badge-font-size);font-weight:800;line-height:1.3;white-space:nowrap;pointer-events:none}.ingredients-gallery-card__badge:has(strong),.ingredients-gallery-card__badge:has(b){font-size:var(--badge-sub-font-size);font-weight:400}.ingredients-gallery-card__badge strong,.ingredients-gallery-card__badge b{display:inline;font-size:var(--badge-font-size);font-weight:800;white-space:nowrap}.ingredients-gallery-card__badge p{display:inline;margin:0;white-space:nowrap}.ingredients-gallery-card__trigger-icon{display:inline-flex;flex-shrink:0;width:var(--trigger-button-size);height:var(--trigger-button-size);pointer-events:none}.ingredients-gallery-card__trigger-icon svg{display:block;width:100%;height:100%}.ingredients-gallery-card__trigger-icon path{fill:#000}.ingredients-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--modal-viewport-padding);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.ingredients-gallery-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.ingredients-gallery-modal[hidden]{display:none}.ingredients-gallery-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:var(--modal-overlay-color);-webkit-backdrop-filter:blur(6.6px);backdrop-filter:blur(6.6px);cursor:pointer;opacity:0;transition:opacity .28s ease}.ingredients-gallery-modal.is-open .ingredients-gallery-modal__overlay{opacity:1}.ingredients-gallery-modal__close{position:absolute;top:var(--modal-close-offset);right:var(--modal-close-offset);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:var(--close-button-size);height:var(--close-button-size);padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.ingredients-gallery-modal__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.ingredients-gallery-modal__close svg{display:block;width:100%;height:100%}.ingredients-gallery-modal__panel{position:absolute;z-index:1;width:min(100%,var(--modal-max-width));max-height:calc(100vh - var(--modal-viewport-padding) * 2);overflow:auto;border-radius:var(--border-radius-md);background-color:#fff;padding:var(--modal-panel-padding);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.97) translateY(10px);transition:opacity .28s var(--motion-easing-ease-out),transform .28s var(--motion-easing-ease-out),visibility .28s ease}.ingredients-gallery-modal__panel.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none}.ingredients-gallery-modal__layout{display:flex;flex-direction:column;gap:var(--modal-layout-gap)}.ingredients-gallery-modal__media{position:relative;flex-shrink:0;width:100%;height:var(--modal-image-height);overflow:hidden;border-radius:var(--border-radius-md)}.ingredients-gallery-modal__media picture,.ingredients-gallery-modal__media img{display:block;width:100%;height:100%;object-fit:cover}.ingredients-gallery-modal__media-footer{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;padding:var(--spacing-static-lock-2xs)}.ingredients-gallery-modal__content{flex:1;min-width:0;color:#000;font-size:var(--modal-body-font-size);line-height:1.3}.ingredients-gallery-modal__content p{margin:0}.ingredients-gallery-modal__content p+p:has(strong,b){margin-top:var(--modal-section-gap)}.ingredients-gallery-modal__content br+br{display:none}.ingredients-gallery-modal__content strong,.ingredients-gallery-modal__content b{font-size:var(--modal-heading-font-size);font-weight:800;line-height:1.3}@media(min-width:540px){.ingredients-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){:root{--spacing-lock-4xs: 2px;--spacing-lock-3xs: 6px;--spacing-lock-2xs: 8px;--spacing-lock-xs: 12px;--spacing-lock-sm: 16px;--spacing-lock-md: 24px;--spacing-lock-lg: 32px;--spacing-lock-xl: 48px;--spacing-lock-2xl: 64px;--spacing-lock-3xl: 80px}}@media(min-width:1024px){:root{--spacing-lock-4xs: 4px;--spacing-lock-3xs: 8px;--spacing-lock-2xs: 16px;--spacing-lock-xs: 24px;--spacing-lock-sm: 32px;--spacing-lock-md: 48px;--spacing-lock-lg: 64px;--spacing-lock-xl: 80px;--spacing-lock-2xl: 104px;--spacing-lock-3xl: 132px}.section-ingredients-gallery{--title-font-size: 36px;--badge-font-size: 21px;--description-font-size: 21px;--modal-body-font-size: 21px;--modal-section-gap: calc(var(--modal-heading-font-size) * 1.3);--section-content-gap: var(--spacing-static-lock-xl);--header-gap: var(--spacing-static-lock-xl);--modal-panel-padding: var(--spacing-static-lock-2xl);--modal-layout-gap: var(--spacing-static-lock-2xl);--modal-close-offset: var(--spacing-static-lock-2xl)}.ingredients-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ingredients-gallery-card__footer{padding:var(--spacing-static-lock-sm)}.ingredients-gallery-modal__panel{width:min(calc(100vw - var(--modal-viewport-padding) * 2),calc(var(--modal-layout-width) + var(--modal-panel-padding) * 2))}.ingredients-gallery-modal__layout{flex-direction:row;align-items:flex-start;width:var(--modal-layout-width);max-width:100%}.ingredients-gallery-modal__media{width:var(--modal-image-width);height:var(--modal-image-height)}.ingredients-gallery-modal__media-footer{padding:var(--spacing-static-lock-sm)}}@media(max-width:450px){.section-ingredients-gallery{--close-button-size: 36px}.ingredients-gallery-modal{justify-content:flex-start;padding-top:max(var(--modal-viewport-padding),env(safe-area-inset-top,0px))}.ingredients-gallery-modal__close{position:relative;top:auto;right:auto;align-self:flex-end;flex-shrink:0;margin-bottom:var(--spacing-static-lock-2xs)}.ingredients-gallery-modal__panel.is-active{flex:1;min-height:0;max-height:calc(100vh - var(--modal-viewport-padding) * 2 - var(--close-button-size) - var(--spacing-static-lock-xs) - env(safe-area-inset-top,0px))}}@media(hover:hover){.ingredients-gallery-card:hover,.ingredients-gallery-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.ingredients-gallery-card:hover .ingredients-gallery-card__media:after,.ingredients-gallery-card:focus-visible .ingredients-gallery-card__media:after{opacity:1}.ingredients-gallery-card:hover .ingredients-gallery-card__media picture,.ingredients-gallery-card:focus-visible .ingredients-gallery-card__media picture,.ingredients-gallery-card:hover .ingredients-gallery-card__media img,.ingredients-gallery-card:focus-visible .ingredients-gallery-card__media img{transform:scale(1.04)}}
