.ingredient-cards{display:block}.ingredient-cards__list{margin:0;padding:0}.ingredient-cards__list--grid{display:grid;grid-template-columns:repeat(var(--ic-columns-mobile),minmax(0,1fr));gap:1.2rem}@media screen and (min-width:750px){.ingredient-cards__list--grid{grid-template-columns:repeat(var(--ic-columns-tablet),minmax(0,1fr));gap:2rem}}@media screen and (min-width:990px){.ingredient-cards__list--grid{grid-template-columns:repeat(var(--ic-columns),minmax(0,1fr));gap:2.4rem}}.ingredient-cards__slider{--ic-gap: 1.2rem;--ic-visible: calc(var(--ic-columns-mobile) + .3);position:relative;display:block}@media screen and (min-width:750px){.ingredient-cards__slider{--ic-gap: 2rem;--ic-visible: var(--ic-columns-tablet)}}@media screen and (min-width:990px){.ingredient-cards__slider{--ic-gap: 2.4rem;--ic-visible: var(--ic-columns)}}.ingredient-cards__list--track{display:flex;gap:var(--ic-gap);padding:.8rem 0 1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ingredient-cards__list--track::-webkit-scrollbar{display:none}.ingredient-cards__list--track .ingredient-cards__item{flex:0 0 calc((100% - (var(--ic-visible) - 1) * var(--ic-gap)) / var(--ic-visible));min-width:0;scroll-snap-align:start}@media screen and (max-width:749px){.ingredient-cards__list--track{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.ingredient-cards__arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .8rem 2rem rgba(var(--color-shadow),.18);cursor:pointer;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease,visibility .3s}.ingredient-cards__arrow--prev{left:-2.4rem}.ingredient-cards__arrow--next{right:-2.4rem}.ingredient-cards__arrow--prev .svg-wrapper{transform:rotate(180deg)}.ingredient-cards__arrow .svg-wrapper{width:1.4rem;height:1.4rem}.ingredient-cards__arrow:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.ingredient-cards__arrow[disabled]{opacity:.35;cursor:default}.ingredient-cards__slider.is-static .ingredient-cards__arrow{visibility:hidden;opacity:0}@media screen and (max-width:989px){.ingredient-cards__arrow{display:none}}.ingredient-cards__origins{--ic-strip-color: rgb(var(--color-foreground));display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:-.8rem auto 3.6rem;color:var(--ic-strip-color);text-align:center}.ingredient-cards__origins--left{align-items:flex-start;text-align:left}@media screen and (min-width:750px){.ingredient-cards__origins{margin-bottom:4.8rem}}.ingredient-cards__origins-label{display:inline-flex;align-items:center;gap:.7rem;margin:0;font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.ingredient-cards__origins-label svg{width:1.8rem;height:1.8rem}.ingredient-cards__countries{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0}.ingredient-cards__origins--left .ingredient-cards__countries{justify-content:flex-start}.ingredient-cards__countries li{padding:.6rem 1.4rem;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:1.3rem;white-space:nowrap}@media screen and (max-width:749px){.ingredient-cards__countries li{padding:.5rem 1.1rem;font-size:1.2rem}}.ingredient-cards__item{display:flex}.ingredient-cards__card{position:relative;display:flex;flex-direction:column;width:100%;padding:.8rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:2.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center;text-decoration:none;box-shadow:0 1.6rem 4rem #0f23551f;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}@media screen and (min-width:750px){.ingredient-cards__card{padding:1rem;border-radius:3.2rem}}@media(hover:hover){.ingredient-cards__card:hover{transform:translateY(-.6rem);box-shadow:0 2.8rem 6rem #0f235533}.ingredient-cards__card:hover .ingredient-cards__icon{transform:scale(1.06) rotate(-6deg)}.ingredient-cards__card:hover .ingredient-cards__image{transform:scale(1.06)}.ingredient-cards__card--link:hover .ingredient-cards__more{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}}.ingredient-cards__card--link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.ingredient-cards__media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4 / 3;border-radius:1.8rem;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 55%),var(--ic-icon-bg)}@media screen and (min-width:750px){.ingredient-cards__media{border-radius:2.4rem}}.ingredient-cards__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ingredient-cards__icon{position:relative;display:grid;place-items:center;width:7.2rem;height:7.2rem;border-radius:50%;background:#ffffffbf;color:var(--ic-icon-color);box-shadow:0 1rem 2.4rem #0f235514;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@media screen and (min-width:750px){.ingredient-cards__icon{width:9.6rem;height:9.6rem}}.ingredient-cards__icon svg,.ingredient-cards__icon img{display:block;width:3.4rem;height:3.4rem;object-fit:contain}@media screen and (min-width:750px){.ingredient-cards__icon svg,.ingredient-cards__icon img{width:4.4rem;height:4.4rem}}.ingredient-cards__media--image{aspect-ratio:var(--ic-image-ratio, 43 / 61);background:var(--ic-icon-bg)}.ingredient-cards__media--image .ingredient-cards__icon{position:absolute;right:1rem;bottom:1rem;width:4.4rem;height:4.4rem;background:var(--ic-icon-bg);border:.3rem solid #fff}.ingredient-cards__media--image .ingredient-cards__icon svg,.ingredient-cards__media--image .ingredient-cards__icon img{width:2.2rem;height:2.2rem}@media screen and (min-width:750px){.ingredient-cards__media--image .ingredient-cards__icon{right:1.4rem;bottom:1.4rem;width:5.6rem;height:5.6rem}.ingredient-cards__media--image .ingredient-cards__icon svg,.ingredient-cards__media--image .ingredient-cards__icon img{width:2.6rem;height:2.6rem}}.ingredient-cards__origin{position:absolute;z-index:1;top:.8rem;left:.8rem;display:inline-flex;align-items:center;gap:.6rem;max-width:calc(100% - 1.6rem);padding:.4rem 1rem .4rem .4rem;border-radius:999px;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#1b2a55;font-size:1.1rem;font-weight:var(--font-body-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:750px){.ingredient-cards__origin{top:1.4rem;left:1.4rem;padding:.5rem 1.4rem .5rem .5rem;font-size:1.3rem}}.ingredient-cards__origin:not(:has(.ingredient-cards__origin-code)){padding-left:1rem}.ingredient-cards__origin-code{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1rem;letter-spacing:.06em}@media screen and (min-width:750px){.ingredient-cards__origin-code{min-width:2.8rem;height:2.8rem;font-size:1.1rem}}.ingredient-cards__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:1.2rem;padding:1.8rem .8rem 1.2rem}@media screen and (min-width:750px){.ingredient-cards__body{gap:1.4rem;padding:2.4rem 1.8rem 1.8rem}}.ingredient-cards--align-left .ingredient-cards__card{text-align:left}.ingredient-cards--align-left .ingredient-cards__body{align-items:flex-start}.ingredient-cards__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.7rem;line-height:1.3;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.ingredient-cards__title{font-size:2.2rem}}.ingredient-cards__stat{display:flex;flex-direction:column;gap:.4rem;width:100%;margin:0;padding:1.2rem 1rem;border-radius:1.6rem;background:rgba(var(--color-button),.06)}.ingredient-cards__stat strong{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.6rem;line-height:1;color:rgb(var(--color-button))}.ingredient-cards__stat span{font-size:1.15rem;font-weight:var(--font-body-weight-bold);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}@media screen and (min-width:750px){.ingredient-cards__stat{padding:1.4rem 1.6rem}.ingredient-cards__stat strong{font-size:3.4rem}.ingredient-cards__stat span{font-size:1.2rem}}.ingredient-cards__text{font-family:var(--font-body-family);font-size:1.3rem;line-height:1.7;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.ingredient-cards__text{font-size:1.45rem}}.ingredient-cards__text p{margin:0}.ingredient-cards__more{display:grid;place-items:center;width:4rem;height:4rem;margin-top:auto;border-radius:50%;background:rgba(var(--color-button),.08);color:rgb(var(--color-button));transition:background .3s ease,color .3s ease}.ingredient-cards__more .svg-wrapper{width:1.3rem;height:1.3rem}@media(prefers-reduced-motion:reduce){.ingredient-cards__card,.ingredient-cards__icon,.ingredient-cards__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-ingredient-cards.css.map */