[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.section-ingredients-grid{position:relative;z-index:2;isolation:isolate}.xo-ingredients-grid{width:100%;position:relative}.xo-ingredients-grid__inner{width:100%;max-width:calc(var(--page-width) - 8rem);margin:0 auto;padding:0 var(--page-gutter, 2.4rem)}@media(min-width:768px){.xo-ingredients-grid__inner{padding:0 4rem}}@media(min-width:1024px){.xo-ingredients-grid__inner{padding:0 6rem}}.xo-ingredients-grid__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem;margin-bottom:5rem;padding:0 1.6rem;max-width:80rem;margin-left:auto;margin-right:auto}.xo-ingredients-grid__tag{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.2rem;background:color-mix(in srgb,rgba(var(--color-button)) 12%,transparent);border-radius:999px;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-button))}.xo-ingredients-grid__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground));line-height:1.1}.xo-ingredients-grid__description{font-size:1.8rem;line-height:1.6;color:color-mix(in srgb,rgba(var(--color-foreground)) 75%,transparent);max-width:60rem;margin:0}.xo-ingredients-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;max-width:140rem;margin:0 auto}@media(min-width:768px){.xo-ingredients-grid__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1024px){.xo-ingredients-grid__grid{grid-template-columns:repeat(4,1fr);gap:2.4rem}}.xo-ingredients-grid__card{display:flex;flex-direction:column;background:color-mix(in srgb,rgba(var(--color-background)) 100%,rgba(var(--color-foreground)) 3%);border:1px solid color-mix(in srgb,rgba(var(--color-border)) 40%,transparent);border-radius:1.6rem;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.xo-ingredients-grid__card:hover{border-color:rgb(var(--color-button));transform:translateY(-4px);box-shadow:0 12px 40px color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent)}.xo-ingredients-grid__card-image{aspect-ratio:1;background:color-mix(in srgb,rgba(var(--color-foreground)) 5%,transparent);overflow:hidden}.xo-ingredients-grid__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.xo-ingredients-grid__card:hover .xo-ingredients-grid__card-image img{transform:scale(1.05)}.xo-ingredients-grid__card-content{padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.xo-ingredients-grid__card-category{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-button))}.xo-ingredients-grid__card-title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:1.6rem;line-height:1.3;color:rgb(var(--color-foreground))}.xo-ingredients-grid__card-desc{margin:0;font-size:1.3rem;line-height:1.5;color:color-mix(in srgb,rgba(var(--color-foreground)) 70%,transparent);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.xo-ingredients-grid__card-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:.8rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-button));transition:gap .2s ease}.xo-ingredients-grid__card:hover .xo-ingredients-grid__card-link{gap:1rem}.xo-ingredients-grid__card-link svg{width:1.4rem;height:1.4rem;transition:transform .2s ease}.xo-ingredients-grid__card:hover .xo-ingredients-grid__card-link svg{transform:translate(2px)}@media(max-width:767px){.xo-ingredients-grid__inner{padding:0 2rem}.xo-ingredients-grid__header{margin-bottom:3rem;padding:0;gap:1.2rem}.xo-ingredients-grid__heading{font-size:clamp(2.4rem,7vw,3.2rem)}.xo-ingredients-grid__description{font-size:1.5rem;padding:0 .8rem}.xo-ingredients-grid__grid{gap:1.2rem}.xo-ingredients-grid__card-content{padding:1.2rem}.xo-ingredients-grid__card-title{font-size:1.4rem}.xo-ingredients-grid__card-desc{font-size:1.2rem;-webkit-line-clamp:2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ingredients-grid.css.map */