/* Mémoires Product V9.8.1-A5 — recettes intelligentes */

html[data-mp-a5="1"] .mp-recipe-module{
  display:none!important;
}

.mp-a5-recipes{
  width:min(1180px,calc(100% - 32px));
  margin:32px auto 80px;
}

.mp-a5-head{
  display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;
}

.mp-a5-kicker{
  color:var(--mpd-accent,#a87414);
  font:900 11px/1.2 system-ui,sans-serif;
  letter-spacing:.14em;text-transform:uppercase;
}

.mp-a5-head h2{
  margin:9px 0 0;
  font-family:var(--mpd-display,Georgia,serif)!important;
  font-size:clamp(38px,5vw,68px);
  line-height:.95;
  letter-spacing:-.045em;
}

.mp-a5-recipe{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  background:var(--mpd-surface,#fff);
  border:1px solid color-mix(in srgb,var(--mpd-ink,#111827) 9%,transparent);
  border-radius:30px;
  overflow:hidden;
  margin-bottom:22px;
  box-shadow:0 22px 55px color-mix(in srgb,var(--mpd-ink,#111827) 8%,transparent);
}

.mp-a5-media{
  min-height:100%;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--mpd-accent,#a87414) 16%,var(--mpd-bg,#f5f0e7)),
    var(--mpd-bg,#f5f0e7));
}

.mp-a5-media img{width:100%;height:100%;object-fit:cover;display:block}

.mp-a5-body{padding:32px}

.mp-a5-body h3{
  font-family:var(--mpd-display,Georgia,serif)!important;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  margin:0 0 12px;
}

.mp-a5-intro{
  line-height:1.55;
  color:color-mix(in srgb,var(--mpd-ink,#111827) 72%,transparent);
}

.mp-a5-meta{
  display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;
}

.mp-a5-chip{
  padding:8px 10px;border-radius:999px;
  background:color-mix(in srgb,var(--mpd-accent,#a87414) 9%,var(--mpd-surface,#fff));
  font:800 12px/1 system-ui,sans-serif;
}

.mp-a5-servings{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:20px 0;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--mpd-ink,#111827) 10%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--mpd-bg,#f5f0e7) 45%,var(--mpd-surface,#fff));
}

.mp-a5-servings strong{font:850 13px/1.25 system-ui,sans-serif}

.mp-a5-stepper{display:flex;align-items:center;gap:8px}

.mp-a5-stepper button{
  width:36px;height:36px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--mpd-ink,#111827) 14%,transparent);
  background:var(--mpd-surface,#fff);
  color:var(--mpd-ink,#111827);
  cursor:pointer;font-size:20px;font-weight:800;
}

.mp-a5-stepper output{
  min-width:36px;text-align:center;font:900 16px/1 system-ui,sans-serif;
}

.mp-a5-cols{
  display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;
}

.mp-a5-section-title{
  margin:0 0 12px;
  font:900 12px/1.2 system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.mp-a5-ingredients,.mp-a5-steps{margin:0;padding:0;list-style:none}

.mp-a5-ingredient{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--mpd-ink,#111827) 8%,transparent);
}

.mp-a5-ingredient-main{min-width:0}

.mp-a5-qty{
  white-space:nowrap;font-weight:900;
}

.mp-a5-brand{
  position:relative;
  margin:8px 0;
  padding:13px 14px;
  border:1px solid color-mix(in srgb,var(--mpd-accent,#a87414) 38%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--mpd-accent,#a87414) 8%,var(--mpd-surface,#fff));
}

.mp-a5-brand-badge{
  display:inline-block;
  margin-bottom:5px;
  font:900 9px/1 system-ui,sans-serif;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--mpd-accent,#a87414);
}

.mp-a5-brand a{
  display:inline-flex;margin-top:7px;
  color:inherit;font-weight:850;font-size:12px;
}

.mp-a5-steps li{
  display:grid;grid-template-columns:30px 1fr;gap:10px;
  padding:8px 0;line-height:1.5;
}

.mp-a5-stepnum{
  display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--mpd-ink,#111827);color:var(--mpd-surface,#fff);
  font:900 11px/1 system-ui,sans-serif;
}

.mp-a5-tip,.mp-a5-allergens{
  margin-top:18px;padding:13px 15px;border-radius:13px;line-height:1.5;
}

.mp-a5-tip{
  border-left:4px solid var(--mpd-accent,#a87414);
  background:color-mix(in srgb,var(--mpd-accent,#a87414) 7%,transparent);
}

.mp-a5-allergens{
  font-size:12px;
  background:color-mix(in srgb,var(--mpd-ink,#111827) 5%,transparent);
}

.mp-a5-actions{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;
}

.mp-a5-shop-btn,.mp-a5-list-open{
  border:0;border-radius:999px;padding:12px 16px;cursor:pointer;
  background:var(--mpd-ink,#111827);color:var(--mpd-surface,#fff);
  font-weight:900;
}

.mp-a5-list-open{
  background:var(--mpd-accent,#a87414);
  color:#fff;
}

/* drawer liste d'achat */
.mp-a5-shopdrawer{
  position:fixed;top:0;right:0;z-index:99999;
  width:min(440px,100vw);height:100vh;
  transform:translateX(105%);
  transition:transform .25s ease;
  background:#fff;color:#111827;
  box-shadow:-30px 0 80px rgba(9,25,56,.2);
  display:flex;flex-direction:column;
}

.mp-a5-shopdrawer.is-open{transform:translateX(0)}

.mp-a5-drawer-head{
  padding:22px;border-bottom:1px solid #e4e8ef;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}

.mp-a5-drawer-head h3{font:500 32px/1 Georgia,serif;margin:0}

.mp-a5-drawer-head button{
  border:0;background:#eef2f7;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:20px;
}

.mp-a5-drawer-body{padding:20px;overflow:auto;flex:1}

.mp-a5-shop-section{margin-bottom:24px}
.mp-a5-shop-section h4{
  font:900 11px/1.2 system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;color:#667085
}

.mp-a5-shopitem{
  padding:12px 0;border-bottom:1px solid #e8ebf0;
  display:grid;grid-template-columns:1fr auto;gap:10px
}

.mp-a5-shopitem a{color:#174eae;font-weight:800;font-size:12px}

.mp-a5-drawer-foot{
  padding:16px 20px;border-top:1px solid #e4e8ef;
  display:flex;gap:8px
}

.mp-a5-drawer-foot button{
  flex:1;border:0;border-radius:999px;padding:12px;cursor:pointer;font-weight:850
}

.mp-a5-copy-list{background:#174eae;color:#fff}
.mp-a5-clear-list{background:#eef2f7;color:#253452}

@media(max-width:820px){
  .mp-a5-recipe{grid-template-columns:1fr;border-radius:24px}
  .mp-a5-media{aspect-ratio:16/9}
  .mp-a5-cols{grid-template-columns:1fr}
  .mp-a5-body{padding:22px}
  .mp-a5-head{align-items:flex-start;flex-direction:column}
}