.ingredient-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;width:100%;max-width:400px;margin-inline:auto;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}@media(min-width:640px){.ingredient-card{gap:20px;padding:16px 24px}}@media(min-width:1024px){.ingredient-card{grid-template-columns:auto 1fr auto;max-width:none}}.ingredient-card__icon{width:44px;height:44px;border-radius:50%;background:#f9fafb;border:1px solid #f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:transform .3s ease}@media(min-width:640px){.ingredient-card__icon{width:52px;height:52px}}.ingredient-card__icon img{width:100%;height:100%;object-fit:cover;object-position:center}.ingredient-card__title{margin:0;font-size:14px;font-weight:400;letter-spacing:.025em;color:#1f2937;text-align:left;transition:color .3s ease}@media(min-width:640px){.ingredient-card__title{font-size:16px}}.ingredient-card__arrow{display:none;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s ease}@media(min-width:1024px){.ingredient-card__arrow{display:flex}}.ingredient-card--active{cursor:pointer}.ingredient-card--active:hover{border-color:#111827;box-shadow:0 10px 28px -14px #0000002e}.ingredient-card--active:hover .ingredient-card__title,.ingredient-card--active:hover .ingredient-card__arrow{color:#000}.ingredient-card--inactive{cursor:default}.ingredient-card--inactive .ingredient-card__title{color:#9ca3af}.ingredient-card--inactive .ingredient-card__icon img{filter:grayscale(1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ingredient-card.css.map */