/* Seite „B2B-Bestellungen“ – nur Variablen aus tokens.css */
.b2b-merkmale { padding-top: var(--space-4); }
.b2b-merkmale .feature__icon img { height: 100px; width: auto; max-width: 100%; }

/* Gebinde-Preisübersicht */
.gebinde { display: flex; justify-content: center; gap: 0; margin: 10px auto 0; }
.gebinde__item {
  display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 190px; padding: 18px 30px;
  border: var(--frame-thin); margin-left: -1px;
}
.gebinde__menge { font-size: var(--fs-small); color: var(--c-text-dim); letter-spacing: .04em; }
.gebinde__preis { font-family: var(--f-display); font-style: italic; font-weight: 700; font-size: var(--fs-price); color: var(--c-gold); }
.gebinde__hinweis { max-width: 620px; margin: 18px auto 70px; }
@media (max-width: 767px) {
  .gebinde__item { min-width: 0; flex: 1 1 50%; padding: 14px 10px; }
  .gebinde__hinweis { margin-bottom: 40px; }
}

/* Sorten-Karten (wie Live: Bild, Name, Kurzbeschreibung; Klick öffnet Popup) */
.menu-grid { list-style: none; margin: 0 auto; padding: 0; max-width: 1180px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 50px 40px; }
.menu-card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.menu-card[hidden] { display: none; }
.menu-card__btn { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0; border: 0; background: none; color: var(--c-text); font: inherit; text-align: center; cursor: pointer; }
.menu-card__img { display: block; width: 100%; aspect-ratio: 1 / 1; border: var(--frame-thin); overflow: hidden; background: #1a1a1a; }
.menu-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.menu-card__btn:hover .menu-card__img img, .menu-card__btn:focus-visible .menu-card__img img { transform: scale(1.04); }
.menu-card__name { margin-top: 18px; font-size: var(--fs-small); line-height: 1.4; font-weight: 600; }
.menu-card__btn:hover .menu-card__name { color: var(--c-gold); }
.menu-card__desc { margin-top: 6px; font-size: var(--fs-xs); line-height: 1.5; color: var(--c-text-dim); font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1024px) { .menu-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; } }
@media (max-width: 767px) {
  .menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 14px; }
  .menu-card__name { margin-top: 12px; font-size: 15px; }
  .menu-card__desc { font-size: 13px; }
}

/* Duo: Überschriften oben und Buttons unten auf gleicher Höhe (statt vertikal zentriert) */
@media (min-width: 768px) {
  .b2b-duo .duo__grid { align-items: stretch; }
  .b2b-duo .duo__col { display: flex; flex-direction: column; }
  .b2b-duo .duo__col > .btn-row { margin-top: auto; padding-top: 10px; }
  .b2b-duo .duo__media { align-self: center; }
}

/* Dezenter Hinweis auf den Gastro-Shop */
.b2b-shop { padding-top: 0; }
.b2b-shop__link {
  display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 30px; align-items: center; max-width: 960px; margin: 0 auto;
  padding: 18px 30px; border: 1px solid var(--c-gold-20); background: var(--c-bg-2); color: var(--c-text); text-decoration: none;
  transition: border-color var(--t);
}
.b2b-shop__link:hover, .b2b-shop__link:focus-visible { border-color: var(--c-gold); }
.b2b-shop__img img { width: 100%; height: auto; }
.b2b-shop__titel { display: block; font-family: var(--f-display); font-style: italic; font-size: var(--fs-h3); color: var(--c-gold); }
.b2b-shop__desc { display: block; margin-top: 4px; font-size: var(--fs-small); line-height: 1.6; color: var(--c-text-dim); }
.b2b-shop__cta { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); font-weight: 600; color: var(--c-gold); white-space: nowrap; }
@media (max-width: 767px) {
  .b2b-shop__link { grid-template-columns: 72px minmax(0, 1fr); gap: 8px 16px; padding: 16px; }
  .b2b-shop__cta { grid-column: 2; }
  .b2b-shop__titel { font-size: 21px; }
  .b2b-shop__desc { font-size: var(--fs-xs); }
}