.ingredient-grid-wrapper{width:100%}.ingredient-grid-section{max-width:100%;overflow:hidden}.ingredient-grid__header{text-align:center;padding:0 20px 48px}.ingredient-grid__title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}.ingredient-grid__subtitle{font-size:1rem;color:#666;margin:0;letter-spacing:.02em}.ingredient-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:0;margin:0}.ingredient-card{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;text-decoration:none;color:#fff;background:#111}.ingredient-card__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ingredient-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.ingredient-card__image--placeholder{background:#e8e8e8;display:flex;align-items:center;justify-content:center}.ingredient-card__image--placeholder svg{width:80px;height:80px;fill:#ccc}.ingredient-card:hover .ingredient-card__image{transform:scale(1.05)}.ingredient-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;transition:opacity .3s ease;pointer-events:none}.ingredient-card__content{padding:28px 28px 32px;width:100%}.ingredient-card__label{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#fff3;border:1px solid rgba(255,255,255,.4);padding:3px 8px;border-radius:2px;margin-bottom:10px}.ingredient-card__name{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600;margin:0 0 8px;letter-spacing:.02em;line-height:1.2;color:#fff}.ingredient-card__description{font-size:.875rem;line-height:1.5;margin:0 0 14px;color:#ffffffd9;max-width:400px}.ingredient-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.ingredient-card:hover .ingredient-card__cta{opacity:1;transform:translateY(0)}.ingredient-grid__empty{grid-column:1 / -1;padding:60px 20px;text-align:center;background:#f5f5f5;color:#888;font-size:.9rem}@media(max-width:768px){.ingredient-grid__grid{grid-template-columns:1fr;gap:2px}.ingredient-card{aspect-ratio:3 / 2}.ingredient-card__content{padding:20px 20px 24px}.ingredient-card__cta{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ingredient-grid.css.map */