.food-card{background-color:var(--bg-card-translucent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:0;overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-base)}.food-card:hover{box-shadow:0 0 16px hsl(var(--clr-magenta-600) / .5),0 0 32px hsl(var(--clr-green-400) / .3),var(--shadow-md)}.food-card__image{width:100%;min-height:100px;background-repeat:no-repeat;background-position:center;background-size:120%;transition:background-size var(--transition-base)}.food-card:hover .food-card__image{background-size:160%}.food-card__name{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:500;line-height:1.1;color:var(--text-primary);text-align:center;padding:var(--space-xxs);margin-block-start:var(--space-xxs);transition:color var(--transition-slow)}.food-card:hover .food-card__name{color:hsl(var(--clr-coral-500))}.food-card__subtitle{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:400;line-height:1;min-height:1em;color:var(--text-muted);text-align:center;padding-inline:var(--space-xs);margin-block-end:0}.food-card[data-state=selected]{outline:2px solid var(--border-focus);outline-offset:2px}.food-card .badge-cluster{margin-block-start:var(--space-xxs);margin-block-end:var(--space-xs);gap:3px}.food-card .detail-badge{font-size:var(--fs-xs);padding:0 .4em;box-shadow:none}.food-card .detail-badge svg{width:14px;height:14px}.food-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12em,1fr));gap:var(--space-xl)}