/* KITCHEN-RECIPE-DETAIL-LAYOUT-1 v2 — 2026-10-14
   Grosse Karte mittig (~3/4 Breite) statt schmalem rechten Balken.
   v2: hoehere Spezifitaet gegen die konkurrierende 580px/700px-Regel, kein min(). */
html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: 94vw !important;
  max-width: 1020px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55) !important;
  border-radius: 20px 20px 0 0 !important;
}
html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child {
  min-height: 380px !important;
}
html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 820px) {
  html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }
  html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child {
    min-height: 230px !important;
  }
}

/* ===== v3 — 2026-10-14: Das GERICHT dominiert, Analyse ausklappbar ===== */
/* Volles Bild statt starker Crop */
html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child {
  min-height: 0 !important;
}
html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child img {
  width: 100% !important;
  height: auto !important;
  max-height: 54vh !important;
  object-fit: contain !important;
  background: #0b0e09 !important;
}
/* Analyse-Bloecke (Atlas Fit, ATLAS CART, ...) standardmaessig eingeklappt */
html body .recipe-modal-panel [data-ak-fold] {
  display: none !important;
}
html body .recipe-modal-panel.ak-details-open [data-ak-fold] {
  display: block !important;
}
@media (max-width: 820px) {
  html body .recipe-modal-panel.recipe-modal-panel.recipe-modal-panel > :first-child {
    min-height: 0 !important;
  }
}
/* v3b — Hero per JS-Markierung: volles Bild statt Crop */
html body .recipe-modal-panel [data-ak-hero] {
  width: 100% !important;
  height: auto !important;
  max-height: 52vh !important;
  object-fit: contain !important;
}

/* === KITCHEN-RECIPE-IMAGE-FORMAT-FIX-1: Hero verkauft (cover, kein Balken) === */
[data-ak-hero] {
  object-fit: cover !important;
  width: 100% !important;
  height: 42vh !important;
  max-height: 540px !important;
  border-radius: 16px 16px 0 0 !important;
  background: #1a1410 !important;
}
@media (max-width: 768px) {
  [data-ak-hero] { height: 38vh !important; }
}