/* Shared rendered icon family: every category uses the same brain-and-circle template. */
.mm-icon {
  --icon-size: 2rem;
  display: inline-block;
  flex: 0 0 var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  background-image: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}
.mm-icon-main { background-image: url("branding/icons/main.png"); }
.mm-icon-recipes { background-image: url("branding/icons/recipes.png"); }
.mm-icon-shopping { background-image: url("branding/icons/shopping.png"); }
.mm-icon-plan { background-image: url("branding/icons/plan.png"); }
.mm-icon-vegetarian { background-image: url("branding/icons/vegetarian.png"); }
.mm-icon-meat { background-image: url("branding/icons/meat.png"); }
.mm-icon-fish { background-image: url("branding/icons/fish.png"); }
.mm-icon-vegetables { background-image: url("branding/icons/vegetables.png"); }
.mm-icon-soup { background-image: url("branding/icons/soup.png"); }
.mm-icon-pasta { background-image: url("branding/icons/pasta.png"); }
.mm-icon-quick { background-image: url("branding/icons/quick.png"); }
.mm-icon-dessert { background-image: url("branding/icons/dessert.png"); }
.mm-icon-family { background-image: url("branding/icons/family.png"); }
.mm-icon-healthy { background-image: url("branding/icons/healthy.png"); }
.mm-icon-world { background-image: url("branding/icons/world.png"); }
.mm-icon-fruit { background-image: url("branding/icons/fruit.png"); }
.mm-icon-dairy-eggs { background-image: url("branding/icons/dairy-eggs.png"); }
.mm-icon-spices { background-image: url("branding/icons/spices.png"); }
.mm-icon-dry-goods { background-image: url("branding/icons/dry-goods.png"); }
.mm-icon-legumes { background-image: url("branding/icons/legumes.png"); }
.mm-icon-nuts-seeds { background-image: url("branding/icons/nuts-seeds.png"); }
.mm-icon-pantry { background-image: url("branding/icons/pantry.png"); }
.mm-icon-drinks { background-image: url("branding/icons/drinks.png"); }
.mm-icon-baby { background-image: url("branding/icons/baby.png"); }
.mm-icon-historical-recipe { background-image: url("branding/icons/historical-recipe.svg"); }
.mm-icon-danish-classic { background-image: url("branding/icons/danish-classic.svg"); }
.recipe-classifications { display: flex; flex-wrap: wrap; gap: .5rem; margin: .65rem 0; }
.recipe-classification { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .55rem; border-radius: 1rem; background: #edf2e9; color: #365b45; font-size: .85rem; }
.recipe-classification .mm-icon { --icon-size: 1.2rem; }
.historical-origin { margin: 1rem 0; padding: .85rem 1rem; border: 1px solid #d9e2d4; border-radius: 14px; }
.historical-origin summary { display: flex; align-items: center; gap: .5rem; cursor: pointer; font-weight: 650; color: #365b45; }
.historical-origin summary .mm-icon { --icon-size: 1.5rem; }
.historical-origin p, .historical-origin li { font-size: .9rem; line-height: 1.6; }
.mm-icon-brand { --icon-size: 2.8rem; }
.mm-icon-ingredient { --icon-size: 1.35rem; margin-right: .35rem; }
.mm-icon-card { --icon-size: 1.75rem; margin-right: .4rem; }
.mm-heading { display: flex; align-items: center; gap: .65rem; }
.mm-brand { display: inline-flex; align-items: center; gap: .55rem; }

.baby-badge, .baby-version summary { display: flex; align-items: center; gap: .55rem; color: #365b45; }
.baby-badge { font-size: .85rem; }
.baby-version { margin: 1rem 0; padding: .8rem 1rem; background: #edf2e9; border-radius: 14px; }
.baby-version summary { cursor: pointer; font-weight: 650; }
.baby-version p, .baby-version li { font-size: .9rem; line-height: 1.6; }

.mm-icon-older-price { background-image: url("branding/icons/older-price.svg"); background-size: contain; background-position: center; }