/* Mühlenkraut v2.9.4 – Rezeptübersicht näher an der Referenz */
body.mk293-recipes-body{
  --r294-green:#0b4a2c;
  --r294-green-dark:#083b24;
  --r294-cream:#fbf4e7;
  --r294-paper:#fffaf0;
  --r294-gold:#c89b36;
  --r294-line:#dccdac;
  background:var(--r294-cream);
}

/* Die Seite soll auch bei Browser-Zoom fast die komplette sichtbare Breite nutzen. */
body.mk293-recipes-body .mk29-header-inner{width:min(94vw,2300px)!important;max-width:none!important;grid-template-columns:minmax(250px,19vw) minmax(0,1fr) auto!important}
body.mk293-recipes-body .mk29-brand img{width:min(300px,17.5vw)!important;max-width:100%!important}
body.mk293-recipes-body .mk29-main-nav{gap:clamp(18px,2.1vw,42px)!important}
body.mk293-recipes-body .mk29-main-nav a{font-size:clamp(14px,.92vw,17px)!important}

/* Hero exakt als linker Cremebereich + rechte Bildwelt. */
.mk293-recipe-hero{height:245px!important;background:var(--r294-cream)!important;border-bottom:2px solid var(--r294-gold)!important}
.mk293-recipe-hero-photo{
  inset:0 0 0 37%!important;
  background-image:url('../img/catalog-v293/recipes-hero.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.mk293-recipe-hero:before{
  background:linear-gradient(90deg,#fbf4e7 0%,#fbf4e7 29%,rgba(251,244,231,.96) 36%,rgba(251,244,231,.54) 44%,rgba(251,244,231,.04) 53%,rgba(251,244,231,0) 64%)!important;
}
.mk293-recipe-hero-inner{width:min(94vw,2300px)!important;max-width:none!important}
.mk293-recipe-hero-copy{padding:25px 0 0 8.5vw!important;width:30vw!important;max-width:none!important}
.mk293-recipe-hero h1{font-size:clamp(42px,3vw,58px)!important;margin-bottom:8px!important}
.mk293-recipe-hero p{font-size:clamp(12px,.78vw,15px)!important;max-width:390px!important;margin-bottom:16px!important}
.mk293-hero-search{width:100%!important;max-width:455px!important;height:45px!important}
.mk293-hero-chips{left:39%!important;right:5vw!important;bottom:16px!important;justify-content:flex-start!important;gap:10px!important}
.mk293-hero-chips a{padding:8px 15px!important;font-size:clamp(9px,.62vw,11px)!important;box-shadow:0 2px 8px rgba(35,48,36,.06)!important}
.mk293-hero-botanical-left{left:1.5vw!important;width:115px!important;height:195px!important;top:25px!important;opacity:.28!important}

/* Grüner Bühnenbereich mit nahezu voller Breite wie im Mockup. */
.mk293-recipe-stage{padding:0 0 20px!important;background:linear-gradient(90deg,#0a4026,#0d4e2f 45%,#0a4026)!important;min-height:570px}
.mk293-recipe-layout{width:min(92vw,2200px)!important;max-width:none!important;grid-template-columns:275px minmax(0,1fr)!important;gap:34px!important;margin:0 auto!important}
.mk293-stage-left{left:.5vw!important}.mk293-stage-right{right:.5vw!important}

/* Filter kompakt und proportional wie im Referenzbild. */
.mk293-filter-panel{border-radius:0 0 16px 16px!important;box-shadow:0 10px 24px rgba(2,34,18,.16)!important}
.mk293-filter-title{height:50px!important;padding:0 18px!important}
.mk293-filter-title strong{font-size:20px!important}
.mk293-filter-form{padding:8px 18px 16px!important}
.mk293-filter-form>label{padding:10px 0!important}
.mk293-filter-form>label>span{font-size:12px!important}
.mk293-filter-form select,.mk293-filter-form input,.mk293-extra-filter select,.mk293-extra-filter input{font-size:10.5px!important;min-height:27px!important}
.mk293-filter-submit{height:39px!important;margin-top:13px!important}

/* Hauptpanel – breiter, größer und näher an der Mockup-Proportion. */
.mk293-results-panel{padding:11px 16px 18px!important;border-radius:0 0 16px 16px!important;box-shadow:0 10px 25px rgba(2,34,18,.13)!important}
.mk293-featured-recipe{grid-template-columns:1.07fr .93fr!important;min-height:150px!important;height:150px!important;margin-bottom:14px!important;border-radius:13px!important}
.mk293-featured-image{height:150px!important;min-height:150px!important}
.mk293-featured-copy{padding:18px 34px!important;background-size:180px auto!important}
.mk293-featured-copy h2{font-size:clamp(21px,1.45vw,28px)!important;max-width:470px!important}
.mk293-featured-copy p{font-size:10.5px!important;max-width:520px!important}
.mk293-featured-meta{font-size:9.5px!important;gap:18px!important}
.mk293-featured-meta>a{padding:7px 20px!important}

.mk293-results-toolbar{padding:4px 2px 12px!important}
.mk293-results-toolbar strong{font-size:13px!important}
.mk294-toolbar-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.mk294-toolbar-actions label{display:flex;align-items:center;gap:9px;font-size:10px;color:#5c6258}
.mk294-toolbar-actions select{min-width:170px;border:1px solid #d9cdb7;border-radius:999px;background:#fffaf2;padding:7px 28px 7px 12px;font:10px Georgia,"Times New Roman",serif;color:#4b5148}
.mk294-view-switch{display:flex;gap:7px}
.mk294-view-switch button{width:32px;height:32px;border:1px solid #d7c8aa;border-radius:8px;background:#fffaf0;color:#4a594d;display:grid;place-items:center;cursor:pointer}
.mk294-view-switch button.active{background:#efe8d9;color:#0b4a2c;border-color:#cdbb98}
.mk294-view-switch .mk29-icon{width:17px;height:17px}

/* Vier gleichmäßige Karten wie im Mockup. */
.mk293-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.mk293-recipe-card{border-radius:12px!important;box-shadow:0 5px 14px rgba(29,45,32,.08)!important}
.mk293-recipe-media{height:130px!important}
.mk293-recipe-body{padding:8px 12px 10px!important}
.mk293-recipe-body h3{font-size:clamp(13px,.82vw,16px)!important;line-height:1.12!important;min-height:34px!important;margin:5px 0 6px!important}
.mk293-card-meta,.mk293-card-facts{font-size:8.5px!important}
.mk293-card-facts{padding-top:6px!important}
.mk293-favorite{width:29px!important;height:29px!important}

/* Listenansicht über den neuen Schalter. */
.mk293-recipe-grid.is-list{grid-template-columns:1fr!important}
.mk293-recipe-grid.is-list .mk293-recipe-card{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:150px}
.mk293-recipe-grid.is-list .mk293-recipe-media{height:100%!important;min-height:150px}
.mk293-recipe-grid.is-list .mk293-recipe-body{display:flex;flex-direction:column;justify-content:center;padding:18px 22px!important}
.mk293-recipe-grid.is-list .mk293-recipe-body h3{font-size:20px!important;min-height:0!important}

/* Benefit-Leiste wie am unteren Rand der Vorlage. */
body.mk293-recipes-body .mk293-benefits{width:100%;grid-template-columns:repeat(4,1fr)!important;padding:15px 7vw!important;background:#fbf4e7!important}
body.mk293-recipes-body .mk293-benefits>div{padding:3px 24px!important}

/* Tablet */
@media(max-width:1180px){
  body.mk293-recipes-body .mk29-header-inner{width:96vw!important}
  .mk293-recipe-hero-inner{width:94vw!important}
  .mk293-recipe-hero-copy{padding-left:3vw!important;width:36vw!important}
  .mk293-recipe-hero-photo{inset-left:auto}
  .mk293-hero-chips{left:42%!important}
  .mk293-recipe-layout{width:94vw!important;grid-template-columns:245px minmax(0,1fr)!important;gap:20px!important}
  .mk293-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile/Tablet – Filter wird oberhalb der Ergebnisse angeordnet. */
@media(max-width:900px){
  .mk293-recipe-hero{height:390px!important}
  .mk293-recipe-hero-photo{inset:155px 0 0!important;background-size:cover!important;background-position:center!important}
  .mk293-recipe-hero:before{background:linear-gradient(180deg,#fbf4e7 0%,#fbf4e7 44%,rgba(251,244,231,.75) 56%,rgba(251,244,231,.08) 78%,transparent)!important}
  .mk293-recipe-hero-copy{width:min(560px,92vw)!important;padding:22px 0 0!important}
  .mk293-recipe-hero h1{font-size:44px!important}
  .mk293-hero-chips{left:4vw!important;right:4vw!important;bottom:14px!important;justify-content:center!important}
  .mk293-recipe-layout{width:94vw!important;grid-template-columns:1fr!important;gap:14px!important}
  .mk293-filter-panel{border-radius:15px!important;margin-top:14px!important}
  .mk293-filter-title{height:48px!important}
  .mk293-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important}
  .mk293-extra-filter,.mk293-filter-submit{grid-column:1/-1!important}
  .mk293-results-panel{border-top:1px solid var(--r294-line)!important;border-radius:15px!important}
  .mk293-featured-recipe{height:auto!important;min-height:0!important}
  .mk293-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mk293-recipe-grid.is-list .mk293-recipe-card{grid-template-columns:190px minmax(0,1fr)}
}

@media(max-width:620px){
  .mk293-recipe-hero{height:475px!important}
  .mk293-recipe-hero-photo{inset:190px 0 0!important}
  .mk293-recipe-hero h1{font-size:38px!important}
  .mk293-hero-search{max-width:none!important}
  .mk293-hero-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .mk293-hero-chips a{justify-content:center!important;padding:7px 8px!important}
  .mk293-filter-form{grid-template-columns:1fr!important}
  .mk293-extra-filter,.mk293-filter-submit{grid-column:1!important}
  .mk293-featured-recipe{grid-template-columns:1fr!important}
  .mk293-featured-image{height:175px!important}
  .mk293-results-toolbar{align-items:stretch!important;flex-direction:column!important}
  .mk294-toolbar-actions{width:100%;justify-content:space-between;margin-left:0!important}
  .mk294-toolbar-actions label{flex:1}
  .mk294-toolbar-actions select{flex:1;min-width:0}
  .mk293-recipe-grid{grid-template-columns:1fr!important}
  .mk293-recipe-media{height:205px!important}
  .mk293-recipe-grid.is-list .mk293-recipe-card{grid-template-columns:1fr}
  .mk293-recipe-grid.is-list .mk293-recipe-media{height:190px!important}
  body.mk293-recipes-body .mk293-benefits{grid-template-columns:1fr!important;padding:8px 16px!important}
}