/*
 * Eatwell Meal Planner V2 — My Kitchen 2026 Brand Preview
 * v0.2.5
 *
 * Admin-only preview layer while EW101_MP2_2026_LIVE is false.
 * Intentionally CSS-only: no save/auth/REST/Supabase behavior changes.
 */

#mp2-wrap{
  --ew-white:#fff;
  --ew-warm-white:#faf9f6;
  --ew-ink:#242521;
  --ew-muted:#6f726c;
  --ew-soft:#8b8d87;
  --ew-green:#183a2a;
  --ew-green-hover:#214b37;
  --ew-stone:#e8e5de;
  --ew-border:#deddd8;
  --ew-border-soft:#efeee9;

  --mp2-forest:var(--ew-green);
  --mp2-forest-700:var(--ew-green);
  --mp2-forest-500:var(--ew-green-hover);
  --mp2-ink:var(--ew-ink);
  --mp2-cream:var(--ew-warm-white);
  --mp2-surface:var(--ew-white);
  --mp2-border:var(--ew-border);
  --mp2-border-2:var(--ew-border-soft);
}

/* Shell: quiet, editorial, still clearly a personal workspace. */
#mp2-wrap .mp2-app{
  background:var(--ew-warm-white);
  border:0;
  border-radius:0;
  box-shadow:none;
  color:var(--ew-ink);
}

#mp2-wrap .mp2-layout,
#mp2-wrap .mp2-body{
  background:var(--ew-warm-white);
}

#mp2-wrap .mp2-topbar{
  background:var(--ew-green);
  border:0;
  box-shadow:none;
}

#mp2-wrap .mp2-title{
  color:#fff;
  font-weight:700;
  letter-spacing:0;
}

/* Sidebar: less dashboard chrome. */
@media (min-width:1024px){
  #mp2-wrap .mp2-sidebar{
    background:#fff;
    border-right:1px solid var(--ew-border-soft);
    box-shadow:none;
  }
}

#mp2-wrap .mp2-tab{
  color:var(--ew-muted);
  background:transparent;
  border-radius:10px;
  font-weight:600;
}

#mp2-wrap .mp2-tab:hover{
  background:var(--ew-warm-white);
  color:var(--ew-green);
}

#mp2-wrap .mp2-tab.is-active{
  background:var(--ew-green);
  color:#fff;
  box-shadow:none;
}

#mp2-wrap .mp2-tab.is-active:after{
  display:none;
}

@media (min-width:1024px){
  #mp2-wrap .mp2-tab.is-active{
    box-shadow:none;
  }
}

/* Editorial hierarchy: serif for identity/desire, sans for controls/meta. */
#mp2-wrap .mp2-kitchen-hero__title,
#mp2-wrap .mp2-kitchen-section__head h3,
#mp2-wrap .mp2-browse-top h2,
#mp2-wrap .mp2-week-ready-title,
#mp2-wrap .mp2-empty h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.025em;
  color:var(--ew-ink);
}

#mp2-wrap .mp2-kitchen-hero__title{
  font-size:clamp(36px,4vw,48px);
  line-height:1.02;
}

#mp2-wrap .mp2-kitchen-section__head h3{
  font-size:clamp(27px,2.5vw,34px);
  line-height:1.08;
}

#mp2-wrap .mp2-kitchen-hero__eyebrow,
#mp2-wrap .mp2-kitchen-subhead{
  color:var(--ew-green);
  font-size:10px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.16em;
}

#mp2-wrap .mp2-kitchen-hero__text,
#mp2-wrap .mp2-kitchen-section p{
  color:var(--ew-muted);
}

/* Sections become editorial shelves rather than stacked app panels. */
#mp2-wrap .mp2-kitchen{
  gap:0;
}

#mp2-wrap .mp2-kitchen-hero{
  padding:32px 20px 30px;
  border:0;
  border-bottom:1px solid var(--ew-border-soft);
  background:transparent;
}

#mp2-wrap .mp2-kitchen-section{
  padding:30px 20px 32px;
  border:0;
  border-bottom:1px solid var(--ew-border-soft);
  background:transparent;
}

#mp2-wrap .mp2-kitchen-section__head{
  margin-bottom:16px;
}

#mp2-wrap .mp2-kitchen-section__head > span{
  color:var(--ew-soft);
  font-size:12px;
  font-weight:600;
}

/* Recipe shelves: food first, quieter containers. */
#mp2-wrap .mp2-kitchen-shelf{
  gap:14px;
  grid-auto-columns:196px;
  padding-top:4px;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card{
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card:hover{
  border:0;
  box-shadow:none;
  transform:none;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-media{
  border-radius:10px;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-body{
  padding:9px 2px 2px;
  background:transparent;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-title{
  color:var(--ew-ink);
  font-size:13.5px;
  font-weight:650;
  line-height:1.28;
}

#mp2-wrap .mp2-calorie-badge,
#mp2-wrap .mp2-kitchen-shelf .mp2-calorie-badge{
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--ew-soft);
  font-size:11px;
  font-weight:500;
}

#mp2-wrap .mp2-kitchen-reason{
  color:var(--ew-muted);
}

/* Buttons: fewer pills, less gold, same behavior. */
#mp2-wrap .mp2-btn,
#mp2-wrap .facetwp-load-more,
#mp2-wrap #mp2-browse-mount .mp2-filters-btn{
  border:1px solid var(--ew-border);
  border-radius:8px;
  background:#fff;
  color:var(--ew-ink);
  box-shadow:none;
  font-weight:600;
}

#mp2-wrap .mp2-btn:hover,
#mp2-wrap .facetwp-load-more:hover,
#mp2-wrap #mp2-browse-mount .mp2-filters-btn:hover{
  border-color:var(--ew-green);
  background:#fff;
  color:var(--ew-green);
  box-shadow:none;
}

#mp2-wrap .mp2-btn.is-primary,
#mp2-wrap .mp2-card-actions button[data-mp2-action="add"]{
  background:var(--ew-green);
  border-color:var(--ew-green);
  color:#fff;
}

#mp2-wrap .mp2-btn.is-primary:hover,
#mp2-wrap .mp2-card-actions button[data-mp2-action="add"]:hover{
  background:var(--ew-green-hover);
  border-color:var(--ew-green-hover);
  color:#fff;
}

#mp2-wrap .mp2-card-actions button[data-mp2-action="save"]{
  background:transparent;
  border-color:var(--ew-border);
  color:var(--ew-muted);
}

#mp2-wrap .mp2-card-actions button[data-mp2-action="save"]:hover{
  background:transparent;
  border-color:var(--ew-green);
  color:var(--ew-green);
}

/* Memory + highlights: remove dashboard-card heaviness. */
#mp2-wrap .mp2-kitchen-memory-card{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

#mp2-wrap .mp2-kitchen-memory-card__media{
  border-radius:10px;
}

#mp2-wrap .mp2-kitchen-stats__grid{
  gap:0;
  border-top:1px solid var(--ew-border-soft);
  border-left:1px solid var(--ew-border-soft);
}

#mp2-wrap .mp2-kitchen-stats__grid div{
  padding:18px;
  border:0;
  border-right:1px solid var(--ew-border-soft);
  border-bottom:1px solid var(--ew-border-soft);
  border-radius:0;
  background:transparent;
}

#mp2-wrap .mp2-kitchen-stats__grid strong{
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:400;
}

#mp2-wrap .mp2-kitchen-stats__grid span{
  color:var(--ew-muted);
  font-weight:500;
}

/* Discover: preserve FacetWP mechanics, quiet the chrome. */
#mp2-wrap #mp2-browse-mount .mp2-browse-top{
  border-bottom:1px solid var(--ew-border-soft);
  padding-bottom:20px;
}

#mp2-wrap #mp2-browse-mount .mp2-facet-heading{
  color:var(--ew-green);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

#mp2-wrap #mp2-browse-mount .facetwp-facet input.facetwp-search,
#mp2-wrap .mp2-input{
  border:1px solid var(--ew-border);
  border-radius:8px;
  box-shadow:none;
}

/* Welcome remains recognisable but joins the 2026 palette. */
#mp2-wrap .mp2-welcome-inner{
  border:0;
  border-radius:0;
  box-shadow:none;
}

#mp2-wrap .mp2-welcome-title{
  color:var(--ew-ink);
}

/* Mobile: preserve compact/touch-friendly behavior. */
@media (max-width:767px){
  #mp2-wrap .mp2-kitchen-hero{
    padding:24px 16px;
  }

  #mp2-wrap .mp2-kitchen-hero__title{
    font-size:36px;
  }

  #mp2-wrap .mp2-kitchen-section{
    padding:24px 16px 26px;
  }

  #mp2-wrap .mp2-kitchen-section__head h3{
    font-size:28px;
  }

  #mp2-wrap .mp2-kitchen-shelf{
    grid-auto-columns:158px;
    gap:12px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — Welcome / first-run story
   v0.2.5.1: isolated preview treatment; public markup remains unchanged.
   ========================================================================== */

#mp2-wrap .mp2-welcome--2026{
  margin:0 0 14px;
  padding:0;
  background:var(--ew-white,#fff);
  border:0;
  overflow:hidden;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__hero{
  position:relative;
  min-height:430px;
  padding:28px 34px 36px;
  box-sizing:border-box;
  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(250,249,246,.98) 0%,
      rgba(250,249,246,.93) 39%,
      rgba(250,249,246,.42) 69%,
      rgba(250,249,246,.10) 100%
    ),
    url('/wp-content/plugins/eatwell-meal-planner-V2/assets/weekly-meal-plan-app-with-grocery-list.jpg');

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__eyebrow{
  color:var(--ew-green,#183a2a);
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__toggle{
  min-height:auto;
  padding:7px 12px;
  color:var(--ew-muted,#6f726c);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(36,37,33,.10);
  border-radius:999px;
  box-shadow:none;
  font-size:11px;
  font-weight:600;
  backdrop-filter:blur(8px);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__copy{
  position:relative;
  z-index:2;
  width:min(560px,55%);
  margin-top:58px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__greeting{
  margin:0 0 12px;
  color:var(--ew-muted,#6f726c);
  font-size:13px;
  line-height:1.4;
  font-weight:600;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__title{
  margin:0;
  max-width:540px;
  color:var(--ew-ink,#242521);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,5.2vw,76px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__headline{
  margin:22px 0 7px;
  color:var(--ew-ink,#242521);
  font-size:17px;
  line-height:1.35;
  font-weight:700;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__dek{
  max-width:500px;
  margin:0;
  color:var(--ew-muted,#6f726c);
  font-size:15px;
  line-height:1.55;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  color:var(--ew-ink,#242521);
  background:rgba(255,255,255,.82);
  border:1px solid var(--ew-border,#deddd8);
  border-radius:7px;
  box-shadow:none;
  font:inherit;
  font-size:13px;
  line-height:1;
  font-weight:650;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__action--primary{
  color:#fff;
  background:var(--ew-green,#183a2a);
  border-color:var(--ew-green,#183a2a);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__action:hover{
  color:var(--ew-green,#183a2a);
  border-color:var(--ew-green,#183a2a);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__action--primary:hover{
  color:#fff;
  background:var(--ew-green-hover,#214b37);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__footer{
  margin:18px 0 0;
  color:var(--ew-soft,#8b8d87);
  font-size:12px;
  line-height:1.4;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1080px;
  margin:0 auto;
  padding:30px 24px 32px;
  box-sizing:border-box;
  background:var(--ew-white,#fff);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:15px;
  padding:4px 26px;
  border-right:1px solid var(--ew-border-soft,#efeee9);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step:first-child{
  padding-left:0;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step:last-child{
  padding-right:0;
  border-right:0;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid var(--ew-stone,#e8e5de);
  border-radius:50%;
  color:var(--ew-green,#183a2a);
  background:var(--ew-warm-white,#faf9f6);
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-number{
  color:var(--ew-soft,#8b8d87);
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.14em;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-copy strong{
  color:var(--ew-ink,#242521);
  font-size:14px;
  line-height:1.3;
  font-weight:700;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-copy > span:last-child{
  max-width:220px;
  color:var(--ew-muted,#6f726c);
  font-size:12px;
  line-height:1.45;
}

@media (max-width:900px){
  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__hero{
    min-height:440px;
    padding:24px 24px 32px;
    background:
      linear-gradient(
        90deg,
        rgba(250,249,246,.98) 0%,
        rgba(250,249,246,.94) 52%,
        rgba(250,249,246,.62) 78%,
        rgba(250,249,246,.34) 100%
      ),
      url('/wp-content/plugins/eatwell-meal-planner-V2/assets/weekly-meal-plan-app-with-grocery-list.jpg');
    background-size:cover;
    background-position:center;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__copy{
    width:min(620px,72%);
    margin-top:52px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__steps{
    padding:26px 20px 28px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step{
    padding:4px 18px;
  }
}

@media (max-width:680px){
  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__hero{
    min-height:auto;
    padding:20px 18px 28px;
    background:
      linear-gradient(rgba(250,249,246,.91),rgba(250,249,246,.96)),
      url('/wp-content/plugins/eatwell-meal-planner-V2/assets/weekly-meal-plan-app-with-grocery-list.jpg');
    background-size:cover;
    background-position:center;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__copy{
    width:100%;
    margin-top:38px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__title{
    max-width:330px;
    font-size:46px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__headline{
    margin-top:18px;
    font-size:16px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__dek{
    font-size:14px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__actions{
    align-items:stretch;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__action{
    flex:1 1 auto;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__steps{
    grid-template-columns:1fr;
    gap:0;
    padding:8px 18px 16px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step,
  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step:first-child,
  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step:last-child{
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    padding:16px 0;
    border-right:0;
    border-bottom:1px solid var(--ew-border-soft,#efeee9);
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step:last-child{
    border-bottom:0;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-icon{
    width:38px;
    height:38px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__step-icon svg{
    width:19px;
    height:19px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — Welcome identity refinement
   v0.2.5.2: stronger product lockup inside the welcome hero only.
   ========================================================================== */

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-mark{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--ew-green,#183a2a);
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-name{
  color:var(--ew-green,#183a2a);
  font-size:18px;
  line-height:1.05;
  font-weight:750;
  letter-spacing:.055em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-byline{
  color:var(--ew-muted,#6f726c);
  font-size:9px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-line{
  position:relative;
  margin:0 0 20px;
  padding-left:22px;
  color:var(--ew-green,#183a2a);
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-line::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:14px;
  height:1px;
  background:var(--ew-green,#183a2a);
  opacity:.7;
}

#mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__greeting{
  margin-bottom:10px;
  color:var(--ew-soft,#8b8d87);
  font-size:12px;
  font-weight:600;
}

@media (max-width:680px){
  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand{
    gap:9px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-mark{
    width:30px;
    height:30px;
    font-size:9px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-name{
    font-size:15px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-byline{
    font-size:8px;
  }

  #mp2-wrap .mp2-welcome--2026 .mp2-welcome-2026__brand-line{
    margin-bottom:18px;
    font-size:10px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — Pass 1: Shell / Navigation / Canvas
   v0.2.6
   Scope is intentionally narrow:
   - topbar
   - desktop sidebar
   - primary navigation
   - workspace/canvas
   - responsive shell polish

   No recipe-card, Saved, planner, FacetWP, Grocery, auth, REST, Supabase,
   collection, or save behavior is changed here.
   ========================================================================== */

#mp2-wrap{
  --mk-canvas:#f4f2ec;
  --mk-canvas-soft:#f8f7f3;
  --mk-sidebar:#fbfaf7;
  --mk-green:#173d2d;
  --mk-green-deep:#0f2c20;
  --mk-green-soft:rgba(23,61,45,.075);
  --mk-line:#e4e1d9;
  --mk-line-soft:#ece9e2;
  --mk-ink:#242521;
  --mk-muted:#71736e;
}

/* Give the workspace a distinct My Kitchen territory without adding chrome. */
#mp2-wrap .mp2-app{
  background:var(--mk-canvas);
  color:var(--mk-ink);
}

#mp2-wrap .mp2-layout{
  background:var(--mk-canvas);
}

#mp2-wrap .mp2-body{
  background:
    linear-gradient(
      180deg,
      var(--mk-canvas-soft) 0,
      var(--mk-canvas) 210px,
      var(--mk-canvas) 100%
    );
}

#mp2-wrap .mp2-main{
  position:relative;
}

/* --------------------------------------------------------------------------
   Topbar — stronger product boundary, still restrained.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-topbar{
  min-height:66px;
  padding:10px 18px;
  background:var(--mk-green-deep);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 1px 0 rgba(255,255,255,.04);
}

/* Use the real title nodes so personalized "Eric's Kitchen" remains intact. */
#mp2-wrap .mp2-title{
  gap:3px;
}

#mp2-wrap .mp2-title::before,
#mp2-wrap .mp2-title::after{
  display:none;
}

#mp2-wrap .mp2-title__main{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:.005em;
}

#mp2-wrap .mp2-title__sub{
  display:block;
  color:rgba(255,255,255,.55);
  font-size:8px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-topbar-actions .mp2-pill,
#mp2-wrap .mp2-topbar-actions .mp2-btn,
#mp2-wrap .mp2-focus-exit{
  min-height:32px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:none;
  color:#fff;
}

#mp2-wrap .mp2-topbar-actions .mp2-btn:hover,
#mp2-wrap .mp2-focus-exit:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.20);
  transform:none;
}

/* --------------------------------------------------------------------------
   Desktop sidebar — product navigation, not a stack of pills.
   -------------------------------------------------------------------------- */

@media (min-width:1024px){

  #mp2-wrap .mp2-sidebar{
    flex:0 0 238px;
    width:238px;
    padding:0 0 18px;
    background:var(--mk-sidebar);
    border-right:1px solid var(--mk-line);
    box-shadow:none;
  }

  #mp2-wrap .mp2-home-chip{
    width:auto;
    margin:15px 14px 14px;
    min-height:48px;
    padding:10px 12px;
    border:0;
    border-radius:10px !important;
    background:var(--mk-green-deep) !important;
    color:#fff !important;
    box-shadow:none;
  }

  #mp2-wrap .mp2-home-chip__icon{
    width:25px;
    height:25px;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.10);
    font-size:14px;
  }

  #mp2-wrap .mp2-home-chip__label{
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.005em;
  }

  #mp2-wrap .mp2-home-chip:hover{
    background:var(--mk-green) !important;
    box-shadow:none;
    transform:none;
  }

  #mp2-wrap .mp2-tabs{
    padding:0 10px 12px;
    background:transparent;
    border-bottom:1px solid var(--mk-line-soft);
  }

  #mp2-wrap .mp2-tab{
    position:relative;
    min-height:42px;
    margin:1px 0;
    padding:10px 12px 10px 16px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:var(--mk-muted);
    font-size:12px;
    line-height:1.2;
    font-weight:650;
    letter-spacing:0;
  }

  #mp2-wrap .mp2-tab:hover{
    background:rgba(23,61,45,.045);
    color:var(--mk-green-deep);
  }

  #mp2-wrap .mp2-tab.is-active{
    background:var(--mk-green-soft);
    color:var(--mk-green-deep);
    box-shadow:none;
  }

  #mp2-wrap .mp2-tab.is-active::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    bottom:9px;
    width:2px;
    border-radius:2px;
    background:var(--mk-green);
  }

  #mp2-wrap .mp2-tab.is-active::after{
    display:none;
  }

  #mp2-wrap .mp2-badge{
    margin-left:6px;
    padding:1px 5px;
    min-width:16px;
    background:rgba(23,61,45,.07);
    border:0;
    color:var(--mk-green);
    font-size:9px;
    font-weight:700;
  }

  #mp2-wrap .mp2-sidebar-subnav{
    margin:0;
    padding:14px 12px;
    border-top:0;
    border-bottom:1px solid var(--mk-line-soft);
  }

  #mp2-wrap .mp2-sidebar-feedback{
    margin-top:auto;
    padding:16px 14px 2px;
    border-top:0;
    color:var(--mk-muted);
  }

  #mp2-wrap .mp2-sidebar-feedback p{
    margin:0 0 8px;
    font-size:10px;
    line-height:1.45;
  }

  #mp2-wrap .mp2-sidebar-feedback__btn{
    color:var(--mk-green);
    font-size:10px;
    font-weight:650;
  }

  /* More intentional content inset after narrowing the rail. */
  #mp2-wrap .mp2-body{
    padding:24px 28px 32px;
  }
}

/* --------------------------------------------------------------------------
   Canvas rhythm — keep page content broad, but not glued to app chrome.
   -------------------------------------------------------------------------- */

@media (min-width:1280px){
  #mp2-wrap .mp2-body{
    padding-left:32px;
    padding-right:32px;
  }
}

/* --------------------------------------------------------------------------
   Tablet / mobile shell.
   Keep the existing mobile interaction model; only harmonize surfaces.
   -------------------------------------------------------------------------- */

@media (max-width:1023px){

  #mp2-wrap .mp2-topbar{
    min-height:58px;
    padding:8px 12px;
  }

  #mp2-wrap .mp2-title__main{
    font-size:14px;
  }

  #mp2-wrap .mp2-title__sub{
    display:none;
  }

  #mp2-wrap .mp2-sidebar{
    background:#fff;
    border-bottom:1px solid var(--mk-line);
  }

  #mp2-wrap .mp2-tabs{
    background:#fff;
    border-bottom:1px solid var(--mk-line);
  }

  #mp2-wrap .mp2-tab{
    color:var(--mk-muted);
    font-weight:650;
    box-shadow:none;
  }

  #mp2-wrap .mp2-tab.is-active{
    background:rgba(23,61,45,.065);
    color:var(--mk-green-deep);
    box-shadow:none;
  }

  #mp2-wrap .mp2-body{
    background:var(--mk-canvas);
  }
}

@media (max-width:680px){

  #mp2-wrap .mp2-topbar{
    background:var(--mk-green-deep);
  }

  #mp2-wrap .mp2-body{
    padding-left:14px;
    padding-right:14px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.6.1 compact personal title
   Restore the existing personalized header title without reopening the shell.
   Desktop: "Eric's Kitchen  BY EATWELL101" on one calm line.
   ========================================================================== */

#mp2-wrap .mp2-topbar .mp2-title{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:center;
  gap:7px !important;
  min-width:0;
  margin:0;
  text-align:center;
}

#mp2-wrap .mp2-topbar .mp2-title__main{
  display:inline !important;
  margin:0 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  letter-spacing:.005em !important;
  white-space:nowrap;
}

#mp2-wrap .mp2-topbar .mp2-title__sub{
  display:inline !important;
  margin:0 !important;
  color:rgba(255,255,255,.43) !important;
  font-size:7px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  white-space:nowrap;
}

/* The legacy subline may still contain "Meal Planning by Eatwell101".
   Hide its text visually and provide the quieter 2026 byline. */
#mp2-wrap .mp2-topbar .mp2-title__sub{
  font-size:0 !important;
  letter-spacing:0 !important;
}

#mp2-wrap .mp2-topbar .mp2-title__sub::after{
  content:"BY EATWELL101";
  display:inline;
  color:rgba(255,255,255,.43);
  font-size:7px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

@media (max-width:680px){
  #mp2-wrap .mp2-topbar .mp2-title{
    gap:5px !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title__main{
    font-size:13px !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title__sub{
    display:none !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.6.2 compact personalized header
   mp2.js replaces .mp2-title content at runtime with "Eric's Kitchen".
   The Eatwell101 byline therefore lives as a stable sibling.
   ========================================================================== */

#mp2-wrap .mp2-topbar .mp2-title{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
}

#mp2-wrap .mp2-topbar .mp2-title-brand-2026{
  display:inline-block !important;
  margin-left:7px !important;
  color:rgba(255,255,255,.43) !important;
  font-size:7px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  vertical-align:baseline !important;
}

/* Keep title + byline visually together in the existing flex topbar. */
#mp2-wrap .mp2-topbar{
  align-items:center;
}

@media (max-width:680px){
  #mp2-wrap .mp2-topbar .mp2-title{
    font-size:13px !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title-brand-2026{
    margin-left:5px !important;
    font-size:6px !important;
    letter-spacing:.10em !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.6.3
   Keep the personalized title + Eatwell101 byline together as ONE centered
   lockup. This restores the calm single-row topbar.
   ========================================================================== */

#mp2-wrap .mp2-topbar{
  position:relative !important;
}

/* Take the title lockup out of the left/right action flow so it cannot be
   pushed apart by Exit Planner or the auth controls. */
#mp2-wrap .mp2-topbar .mp2-title-lockup{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:7px !important;
  width:auto !important;
  max-width:42% !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  z-index:2 !important;
}

#mp2-wrap .mp2-topbar .mp2-title{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
}

#mp2-wrap .mp2-topbar .mp2-title-brand-2026{
  display:inline-block !important;
  margin:0 !important;
  color:rgba(255,255,255,.43) !important;
  font-size:7px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Keep both action zones on the same row. */
#mp2-wrap .mp2-topbar #mp2-focus-exit{
  flex:0 0 auto !important;
}

#mp2-wrap .mp2-topbar .mp2-topbar-actions{
  margin-left:auto !important;
  flex:0 0 auto !important;
}

/* On narrower screens, preserve the product name but drop the tiny byline
   before it can collide with the action zones. */
@media (max-width:900px){
  #mp2-wrap .mp2-topbar .mp2-title-lockup{
    max-width:34% !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title-brand-2026{
    display:none !important;
  }
}

@media (max-width:680px){
  #mp2-wrap .mp2-topbar .mp2-title-lockup{
    max-width:38% !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:13px !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.6.5
   Desktop auth alignment.
   Keep Exit left, product lockup truly centered, account controls right.
   ========================================================================== */

@media (min-width:901px){

  #mp2-wrap .mp2-topbar{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:52px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #mp2-wrap .mp2-topbar #mp2-focus-exit{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 auto !important;
    z-index:3 !important;
  }

  #mp2-wrap .mp2-topbar .mp2-topbar-actions{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:auto !important;
    max-width:36% !important;
    margin:0 !important;
    z-index:3 !important;
  }

  #mp2-wrap .mp2-topbar .mp2-topbar-actions .mp2-pill{
    display:block !important;
    max-width:190px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    margin:0 !important;
  }

  #mp2-wrap .mp2-topbar .mp2-topbar-actions .mp2-btn{
    flex:0 0 auto !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title-lockup{
    left:50% !important;
    right:auto !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    max-width:30% !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  #mp2-wrap .mp2-topbar .mp2-topbar-actions{
    max-width:31% !important;
  }

  #mp2-wrap .mp2-topbar .mp2-topbar-actions .mp2-pill{
    max-width:135px !important;
  }

  #mp2-wrap .mp2-topbar .mp2-title-brand-2026{
    display:none !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.7
   PASS 2: My Kitchen / Saved
   Scope:
   - My Kitchen hero hierarchy
   - Continue This Week
   - editorial shelf rhythm
   - Saved Collections
   - Back on the Menu / Made for Your Kitchen
   - Kitchen Highlights

   Presentation only. No save, recommendation, planner, auth, REST, FacetWP,
   Supabase, collection, or grocery behavior is changed.
   ========================================================================== */

#mp2-wrap .mp2-kitchen{
  width:100%;
  max-width:1480px;
  margin:0 auto;
}

/* --------------------------------------------------------------------------
   Hero — identity + next useful action, without becoming another dashboard.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:36px;
  padding:42px 28px 38px;
  border-bottom:1px solid var(--ew-border-soft);
  background:transparent;
}

#mp2-wrap .mp2-kitchen-hero__eyebrow{
  margin-bottom:11px;
  color:var(--ew-green);
  font-size:9px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.19em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-kitchen-hero__title{
  max-width:760px;
  margin:0 0 10px;
  font-size:clamp(40px,4.25vw,58px);
  line-height:.98;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-kitchen-hero__text{
  max-width:620px;
  margin:0;
  color:var(--ew-muted);
  font-size:15px;
  line-height:1.55;
}

#mp2-wrap .mp2-kitchen-hero__actions{
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding-bottom:2px;
}

#mp2-wrap .mp2-kitchen-hero__actions .mp2-btn{
  min-height:38px;
  padding:8px 13px;
  border-radius:7px;
  font-size:12px;
}

#mp2-wrap .mp2-kitchen-hero__primary{
  background:var(--ew-green) !important;
  border-color:var(--ew-green) !important;
  color:#fff !important;
}

#mp2-wrap .mp2-kitchen-hero__primary:hover{
  background:var(--ew-green-hover) !important;
  border-color:var(--ew-green-hover) !important;
}

/* --------------------------------------------------------------------------
   Continue This Week — a quiet utility strip, not a full content panel.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-week{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(280px,1fr) auto;
  align-items:center;
  column-gap:24px;
  padding:20px 28px 21px;
  background:rgba(24,58,42,.045);
  border-bottom:1px solid rgba(24,58,42,.10);
}

#mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__head{
  display:block;
  margin:0;
}

#mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__head h3{
  margin:0 0 4px;
  font-family:inherit;
  color:var(--ew-green);
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.01em;
}

#mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__head > span{
  display:block;
  color:var(--ew-soft);
  font-size:10px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-kitchen-week > p{
  margin:0;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.25;
}

#mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__actions{
  justify-content:flex-end;
  gap:7px;
}

#mp2-wrap .mp2-kitchen-week .mp2-btn{
  min-height:34px;
  padding:7px 11px;
  font-size:11px;
}

/* --------------------------------------------------------------------------
   Sections — more magazine shelf / library, less stacked plugin panels.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen > .mp2-kitchen-section:not(.mp2-kitchen-week){
  padding:38px 28px 42px;
}

#mp2-wrap .mp2-kitchen-section__head{
  align-items:flex-end;
  margin-bottom:8px;
}

#mp2-wrap .mp2-kitchen-section__head h3{
  font-size:clamp(29px,2.35vw,36px);
  line-height:1.02;
  letter-spacing:-.03em;
}

#mp2-wrap .mp2-kitchen-section__head > span{
  padding-bottom:3px;
  color:var(--ew-soft);
  font-size:10px;
  font-weight:650;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-kitchen-subhead{
  margin:7px 0 17px;
  color:var(--ew-muted);
  font-size:11px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}

/* Separate the two Recently Added sources without creating nested boxes. */
#mp2-wrap .mp2-kitchen-section .mp2-kitchen-subhead:not(:first-child){
  margin-top:22px;
}

/* --------------------------------------------------------------------------
   Recipe shelves — slightly larger, image-led, restrained controls.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-shelf{
  grid-auto-columns:212px;
  gap:17px;
  padding:5px 48px 10px 0;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-media{
  overflow:hidden;
  aspect-ratio:4 / 5;
  border-radius:9px;
  background:var(--ew-stone);
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-media img{
  transition:transform .28s ease;
}

@media (hover:hover){
  #mp2-wrap .mp2-kitchen-shelf .mp2-card:hover .mp2-card-media img{
    transform:scale(1.018);
  }
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-body{
  padding:10px 1px 0;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-title{
  min-height:0;
  margin:0 0 5px;
  color:var(--ew-ink);
  font-size:14px;
  line-height:1.25;
  font-weight:650;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-meta{
  margin-bottom:7px;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-kitchen-reason{
  min-height:0;
  margin:4px 0 9px;
  color:var(--ew-muted);
  font-size:11px;
  line-height:1.35;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-card-actions{
  flex-direction:row;
  gap:5px;
  margin-top:8px;
}

#mp2-wrap .mp2-kitchen-shelf .mp2-btn{
  width:auto;
  min-height:30px;
  padding:5px 8px;
  border-radius:6px;
  font-size:10.5px;
  line-height:1.15;
}

/* Shelf navigation is present, but should almost disappear until needed. */
#mp2-wrap .mp2-shelf-arrow{
  width:34px;
  height:34px;
  border:1px solid var(--ew-border);
  background:rgba(255,255,255,.95);
  color:var(--ew-green);
  font-size:23px;
  box-shadow:0 3px 12px rgba(36,37,33,.08);
}

#mp2-wrap .mp2-shelf-wrap::after{
  width:44px;
  background:linear-gradient(90deg,rgba(244,242,236,0),var(--mk-canvas) 82%);
}

/* --------------------------------------------------------------------------
   Saved Collections — give collections their own editorial scale.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-collection-shelf{
  grid-auto-columns:278px;
}

#mp2-wrap .mp2-kitchen-collection-shelf .mp2-collection-card__media{
  aspect-ratio:4 / 3;
  border-radius:10px;
}

#mp2-wrap .mp2-collection-card__eyebrow{
  left:10px;
  bottom:10px;
  min-height:21px;
  padding:4px 7px;
  border-radius:5px;
  background:rgba(250,249,246,.94);
  color:var(--ew-green);
  font-size:8px;
  font-weight:750;
  letter-spacing:.13em;
}

#mp2-wrap .mp2-collection-card__count{
  margin-top:4px;
  color:var(--ew-soft);
  font-size:11px;
}

/* --------------------------------------------------------------------------
   Empty / coming-soon states — quiet, useful, no promotional card treatment.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-empty-mini,
#mp2-wrap .mp2-kitchen-soon{
  padding:22px 0 4px;
  border-radius:0;
  background:transparent;
  text-align:left;
}

#mp2-wrap .mp2-kitchen-empty-mini strong{
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:400;
}

#mp2-wrap .mp2-kitchen-empty-mini p,
#mp2-wrap .mp2-kitchen-soon p{
  max-width:560px;
}

/* --------------------------------------------------------------------------
   Kitchen Highlights — close the page like a quiet personal tally.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-kitchen-stats{
  padding-bottom:50px !important;
}

#mp2-wrap .mp2-kitchen-stats__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:18px;
  border:0;
  border-top:1px solid var(--ew-border);
  border-bottom:1px solid var(--ew-border);
}

#mp2-wrap .mp2-kitchen-stats__grid div{
  min-height:105px;
  padding:22px 20px 18px;
  border:0;
  border-right:1px solid var(--ew-border-soft);
  background:transparent;
}

#mp2-wrap .mp2-kitchen-stats__grid div:nth-child(4){
  border-right:0;
}

#mp2-wrap .mp2-kitchen-stats__grid strong{
  margin:0;
  color:var(--ew-green);
  font-size:34px;
  line-height:1;
}

#mp2-wrap .mp2-kitchen-stats__grid span{
  margin-top:8px;
  color:var(--ew-muted);
  font-size:11px;
  line-height:1.3;
  font-weight:550;
}

#mp2-wrap .mp2-kitchen-stat-story{
  grid-column:1 / -1;
  min-height:auto !important;
  display:flex;
  align-items:baseline;
  gap:9px;
  padding:15px 0 0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
}

#mp2-wrap .mp2-kitchen-stat-story strong{
  font-family:inherit;
  font-size:13px;
}

#mp2-wrap .mp2-kitchen-stat-story span{
  margin:0;
  color:var(--ew-ink);
  font-size:11px;
  font-weight:650;
}

#mp2-wrap .mp2-kitchen-stat-story em{
  color:var(--ew-soft);
  font-size:11px;
  font-style:normal;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width:1050px){
  #mp2-wrap .mp2-kitchen-week{
    grid-template-columns:minmax(180px,.65fr) 1fr;
    row-gap:14px;
  }

  #mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__actions{
    grid-column:1 / -1;
    justify-content:flex-start;
  }

  #mp2-wrap .mp2-kitchen-stats__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #mp2-wrap .mp2-kitchen-stats__grid div:nth-child(2){
    border-right:0;
  }

  #mp2-wrap .mp2-kitchen-stats__grid div:nth-child(3),
  #mp2-wrap .mp2-kitchen-stats__grid div:nth-child(4){
    border-top:1px solid var(--ew-border-soft);
  }
}

@media (max-width:767px){
  #mp2-wrap .mp2-kitchen-hero{
    display:block;
    padding:30px 16px 27px;
  }

  #mp2-wrap .mp2-kitchen-hero__title{
    max-width:94%;
    font-size:40px;
  }

  #mp2-wrap .mp2-kitchen-hero__text{
    font-size:14px;
  }

  #mp2-wrap .mp2-kitchen-hero__actions{
    margin-top:18px;
    justify-content:flex-start;
  }

  #mp2-wrap .mp2-kitchen-week{
    display:block;
    padding:17px 16px 19px;
  }

  #mp2-wrap .mp2-kitchen-week > p{
    margin-top:11px;
    font-size:17px;
  }

  #mp2-wrap .mp2-kitchen-week .mp2-kitchen-section__actions{
    margin-top:14px;
  }

  #mp2-wrap .mp2-kitchen > .mp2-kitchen-section:not(.mp2-kitchen-week){
    padding:29px 16px 32px;
  }

  #mp2-wrap .mp2-kitchen-section__head{
    display:flex;
    align-items:flex-end;
  }

  #mp2-wrap .mp2-kitchen-section__head h3{
    font-size:29px;
  }

  #mp2-wrap .mp2-kitchen-section__head > span{
    display:block;
    margin:0;
    padding-bottom:2px;
    font-size:8.5px;
  }

  #mp2-wrap .mp2-kitchen-shelf{
    grid-auto-columns:166px;
    gap:12px;
    padding-right:24px;
  }

  #mp2-wrap .mp2-kitchen-collection-shelf{
    grid-auto-columns:230px;
  }

  #mp2-wrap .mp2-kitchen-shelf .mp2-card-title{
    font-size:12.8px;
  }

  #mp2-wrap .mp2-kitchen-shelf .mp2-card-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  #mp2-wrap .mp2-kitchen-shelf .mp2-btn{
    width:100%;
  }

  #mp2-wrap .mp2-kitchen-stats__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #mp2-wrap .mp2-kitchen-stats__grid div{
    min-height:92px;
    padding:18px 14px;
  }

  #mp2-wrap .mp2-kitchen-stats__grid strong{
    font-size:30px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.7.1
   Recipe card rebalancing only.
   Restore a quiet card container and reduce image dominance.
   Collections remain unchanged.
   ========================================================================== */

/* Recipe cards only — explicitly exclude Saved Collections. */
#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  box-shadow:none;
}

/* Slightly less vertical than v0.2.7, while staying image-led. */
#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-media{
  aspect-ratio:1 / 1;
  border-radius:0;
  background:var(--ew-stone);
}

#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-body{
  padding:11px 11px 12px;
}

#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-title{
  margin-bottom:6px;
  font-size:13.5px;
  line-height:1.24;
}

#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-meta{
  margin-bottom:8px;
}

#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-kitchen-reason{
  margin:5px 0 10px;
}

/* Keep controls visually anchored to the card. */
#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-actions{
  gap:6px;
  margin-top:10px;
}

#mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-btn{
  min-height:31px;
  border-radius:6px;
}

/* Desktop shelf width can come down slightly now that the card is boxed. */
@media (min-width:768px){
  #mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf){
    grid-auto-columns:202px;
  }
}

/* Mobile: preserve two strong visible cards without making the page too tall. */
@media (max-width:767px){
  #mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf){
    grid-auto-columns:158px;
  }

  #mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-body{
    padding:10px 9px 10px;
  }

  #mp2-wrap .mp2-kitchen-shelf:not(.mp2-kitchen-collection-shelf) .mp2-card-title{
    font-size:12.5px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.8.0
   PASS 3: This Week
   ========================================================================== */

#mp2-wrap .mp2-weekhead{
  display:flex;
  align-items:center;
  min-height:76px;
  margin:0 0 14px;
  padding:14px 18px;
  background:#fff;
  border:1px solid var(--ew-border-soft);
  border-radius:11px;
  box-shadow:none;
}

#mp2-wrap .mp2-weekleft{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

#mp2-wrap .mp2-weektitle{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}

#mp2-wrap .mp2-weektitle-main{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1;
  font-weight:400;
  letter-spacing:-.025em;
}

#mp2-wrap .mp2-weektitle-date{
  color:var(--ew-muted);
  font-size:11px;
  line-height:1.25;
  font-weight:600;
}

#mp2-wrap .mp2-weektitle-check{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--ew-green);
  color:#fff;
  font-family:inherit;
  font-size:10px;
  font-weight:800;
}

#mp2-wrap .mp2-week-calories{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border-radius:999px;
  background:#f0f1ee;
  color:var(--ew-muted);
  font-size:10px;
  font-weight:650;
  white-space:nowrap;
}

#mp2-wrap .mp2-subnav{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 15px;
  padding:0;
  background:transparent;
  border:0;
}

#mp2-wrap .mp2-subnav > .mp2-btn{
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--ew-border);
  border-radius:7px;
  background:#fff;
  color:var(--ew-ink);
  box-shadow:none;
  font-size:10.5px;
  font-weight:650;
}

#mp2-wrap .mp2-subnav > .mp2-btn[data-mp2-action="week-prev"]::before{content:"← ";}
#mp2-wrap .mp2-subnav > .mp2-btn[data-mp2-action="week-next"]::after{content:" →";}

#mp2-wrap .mp2-subnav > .mp2-btn[data-mp2-action="plan-add"]{
  margin-left:7px;
  background:var(--ew-green);
  border-color:var(--ew-green);
  color:#fff;
}

#mp2-wrap .mp2-subnav .mp2-topbar-actions{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}

#mp2-wrap .mp2-subnav .mp2-topbar-actions .mp2-btn{
  min-height:34px;
  padding:7px 10px;
  border-radius:7px;
  background:transparent;
  border:1px solid var(--ew-border);
  color:var(--ew-muted);
  box-shadow:none;
  font-size:10px;
}

#mp2-wrap .mp2-subnav .mp2-topbar-actions .mp2-btn[data-mp2-action="open-grocery"]{
  background:#fff;
  color:var(--ew-green);
  border-color:rgba(24,58,42,.18);
  font-weight:700;
}

#mp2-wrap .mp2-confidence{
  margin:0 0 16px;
  overflow:hidden;
  border:1px solid var(--ew-border-soft);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}

#mp2-wrap .mp2-confidence__body{
  position:relative;
  padding:25px 260px 25px 24px;
}

#mp2-wrap .mp2-confidence__eyebrow{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
  color:var(--ew-green);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-confidence__check{
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--ew-green);
  color:#fff;
  font-size:9px;
  letter-spacing:0;
}

#mp2-wrap .mp2-confidence__title{
  margin:0 0 6px;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(31px,3vw,42px);
  line-height:1.02;
  font-weight:400;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-confidence__text{
  max-width:660px;
  margin:0 0 8px;
  color:var(--ew-muted);
  font-size:13px;
  line-height:1.5;
}

#mp2-wrap .mp2-confidence__meta{
  color:var(--ew-soft);
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-confidence__actions{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:7px;
  width:200px;
}

#mp2-wrap .mp2-confidence__actions .mp2-btn{
  min-height:37px;
  padding:8px 11px;
  border-radius:7px;
  font-size:11px;
  font-weight:700;
}

#mp2-wrap .mp2-confidence__primary{
  background:var(--ew-green)!important;
  border-color:var(--ew-green)!important;
  color:#fff!important;
}

#mp2-wrap .mp2-confidence__secondary{
  background:#fff!important;
  border-color:var(--ew-border)!important;
  color:var(--ew-ink)!important;
}

#mp2-wrap .mp2-confidence.is-week-ready{
  background:rgba(24,58,42,.055);
  border-color:rgba(24,58,42,.13);
}

#mp2-wrap .mp2-week{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
  align-items:stretch;
  margin:0;
}

#mp2-wrap .mp2-day{
  min-width:0;
  min-height:270px;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  box-shadow:none;
}

#mp2-wrap .mp2-dayhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  min-height:53px;
  padding:11px 10px 9px;
  border-bottom:1px solid var(--ew-border-soft);
  background:#fbfaf7;
}

#mp2-wrap .mp2-daymeta{
  color:var(--ew-ink);
  font-size:10px;
  line-height:1.2;
  font-weight:750;
}

#mp2-wrap .mp2-daydate{color:var(--ew-soft);font-weight:550;}
#mp2-wrap .mp2-day-calories{margin-top:4px;color:var(--ew-soft);font-size:8.5px;font-weight:600;}

#mp2-wrap .mp2-dayhead > .mp2-btn{
  min-height:26px;
  padding:4px 6px;
  border-radius:6px;
  background:transparent;
  border:1px solid var(--ew-border);
  color:var(--ew-green);
  box-shadow:none;
  font-size:9px;
  font-weight:700;
}

#mp2-wrap .mp2-slot-list{gap:8px!important;padding:8px;}

#mp2-wrap .mp2-day .mp2-card--mini{
  overflow:hidden;
  background:#fff;
  border:0;
  border-radius:7px;
  box-shadow:none;
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-media{
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:7px;
  background:var(--ew-stone);
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-body{padding:8px 1px 2px;}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-title{
  display:block;
  margin:0 0 5px;
  color:var(--ew-ink);
  font-size:11px;
  line-height:1.22;
  font-weight:650;
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-calorie-badge{
  padding:0;
  background:transparent;
  color:var(--ew-soft);
  font-size:8.5px;
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:7px;
}

#mp2-wrap .mp2-day .mp2-card--mini .mp2-card-actions .mp2-btn{
  flex:1 1 auto;
  min-width:0;
  min-height:27px;
  padding:4px 5px;
  border-radius:5px;
  font-size:8.5px;
}

#mp2-wrap .mp2-slot-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:176px;
  padding:18px 10px;
  border:1px dashed #ddd9cf;
  border-radius:7px;
  background:#faf9f6;
  color:var(--ew-soft);
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  line-height:1.35;
}

#mp2-wrap .mp2-week.is-empty-plan{opacity:.82;}
#mp2-wrap .mp2-week.is-empty-plan .mp2-day{min-height:190px;}
#mp2-wrap .mp2-week.is-empty-plan .mp2-slot-empty{min-height:98px;}

#mp2-wrap .mp2-dinner-start{
  margin:0 0 17px;
  overflow:hidden;
  border:1px solid rgba(24,58,42,.12);
  border-radius:12px;
  background:linear-gradient(135deg,#fbfaf7 0%,#f2efe7 100%);
  box-shadow:none;
}

#mp2-wrap .mp2-dinner-start__inner{max-width:920px;padding:31px 28px 29px;}

#mp2-wrap .mp2-dinner-start__hello{
  margin-bottom:9px;
  color:var(--ew-green);
  font-size:9px;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-dinner-start__title{
  max-width:690px;
  margin:0 0 9px;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3.5vw,47px);
  line-height:1.02;
  font-weight:400;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-dinner-start__text{
  max-width:610px;
  margin:0 0 19px;
  color:var(--ew-muted);
  font-size:13px;
  line-height:1.5;
}

#mp2-wrap .mp2-dinner-start__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 19px;
}

#mp2-wrap .mp2-dinner-chip{
  min-height:31px;
  padding:6px 10px;
  border:1px solid var(--ew-border);
  border-radius:999px;
  background:#fff;
  color:var(--ew-ink);
  box-shadow:none;
  font-size:10px;
  font-weight:650;
}

#mp2-wrap .mp2-dinner-chip:hover{
  background:rgba(24,58,42,.055);
  border-color:rgba(24,58,42,.18);
  color:var(--ew-green);
}

#mp2-wrap .mp2-dinner-start__actions{display:flex;flex-wrap:wrap;gap:7px;}

#mp2-wrap .mp2-dinner-start__actions .mp2-btn{
  min-height:37px;
  padding:8px 12px;
  border-radius:7px;
  font-size:11px;
  font-weight:700;
}

#mp2-wrap .mp2-dinner-start__primary{
  background:var(--ew-green)!important;
  border-color:var(--ew-green)!important;
  color:#fff!important;
}

#mp2-wrap .mp2-dinner-start__secondary{
  background:#fff!important;
  border-color:var(--ew-border)!important;
  color:var(--ew-ink)!important;
}

#mp2-wrap .mp2-dinner-start__promise{
  margin-top:17px;
  padding-top:13px;
  border-top:1px solid rgba(24,58,42,.09);
  color:var(--ew-soft);
  font-size:9.5px;
  line-height:1.4;
}

#mp2-wrap .mp2-copy-week-cta{
  margin:0 0 17px!important;
  padding:0!important;
  border:1px solid rgba(24,58,42,.12)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}

#mp2-wrap .mp2-copy-week-cta .mp2-empty-plan-cta__inner{
  max-width:none!important;
  padding:25px 26px!important;
  text-align:left!important;
}

#mp2-wrap .mp2-copy-week-cta .mp2-empty-plan-cta__title{
  margin-top:6px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  line-height:1.04!important;
  font-weight:400!important;
  letter-spacing:-.03em!important;
}

#mp2-wrap .mp2-copy-week-cta .mp2-empty-plan-cta__text{
  max-width:620px!important;
  margin:7px 0 15px!important;
  color:var(--ew-muted)!important;
  font-size:12px!important;
}

#mp2-wrap .mp2-history-notice{
  margin:0 0 16px;
  padding:16px 18px;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  background:#fbfaf7;
  box-shadow:none;
}

@media (max-width:1180px){
  #mp2-wrap .mp2-week{
    grid-template-columns:repeat(7,156px);
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding-bottom:8px;
  }
  #mp2-wrap .mp2-day{min-height:255px;}
}

@media (max-width:900px){
  #mp2-wrap .mp2-confidence__body{padding:23px 22px;}
  #mp2-wrap .mp2-confidence__actions{
    position:static;
    width:auto;
    margin-top:17px;
    transform:none;
    flex-direction:row;
  }
  #mp2-wrap .mp2-subnav .mp2-topbar-actions .mp2-btn[data-mp2-action="export-pdf"],
  #mp2-wrap .mp2-subnav .mp2-topbar-actions .mp2-btn[data-mp2-action="export-calendar"]{display:none;}
}

@media (max-width:680px){
  #mp2-wrap .mp2-weekhead{
    min-height:68px;
    margin-bottom:10px;
    padding:11px 12px;
    border-radius:9px;
  }

  #mp2-wrap .mp2-weekleft{gap:8px;}
  #mp2-wrap .mp2-weektitle-main{font-size:22px;}
  #mp2-wrap .mp2-week-calories{display:none;}

  #mp2-wrap .mp2-subnav{
    gap:5px;
    margin-bottom:11px;
    overflow-x:auto;
    padding-bottom:2px;
  }

  #mp2-wrap .mp2-subnav > .mp2-btn{flex:0 0 auto;}
  #mp2-wrap .mp2-subnav > .mp2-btn[data-mp2-action="plan-add"]{margin-left:2px;}
  #mp2-wrap .mp2-subnav .mp2-topbar-actions{flex:0 0 auto;margin-left:2px;}

  #mp2-wrap .mp2-confidence__body{padding:21px 16px;}
  #mp2-wrap .mp2-confidence__title{font-size:32px;}
  #mp2-wrap .mp2-confidence__actions{display:grid;grid-template-columns:1fr;}
  #mp2-wrap .mp2-confidence__actions .mp2-btn{width:100%;}

  #mp2-wrap .mp2-week{
    grid-template-columns:repeat(7,168px);
    gap:8px;
    margin-right:-14px;
    padding-right:14px;
  }

  #mp2-wrap .mp2-day{min-height:250px;}
  #mp2-wrap .mp2-dayhead{min-height:50px;padding:10px 9px 8px;}

  #mp2-wrap .mp2-dinner-start__inner{padding:24px 17px 22px;}
  #mp2-wrap .mp2-dinner-start__title{font-size:35px;}
  #mp2-wrap .mp2-dinner-start__actions{display:grid;grid-template-columns:1fr;}
  #mp2-wrap .mp2-dinner-start__actions .mp2-btn{width:100%;}

  #mp2-wrap .mp2-copy-week-cta .mp2-empty-plan-cta__inner{padding:22px 17px!important;}
  #mp2-wrap .mp2-copy-week-cta .mp2-empty-plan-cta__title{font-size:28px!important;}
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.9.0
   PASS 4: Discover
   Presentation only. FacetWP, Save, Add to Week, pagination, inline ads and
   browse-state logic remain unchanged.
   ========================================================================== */

#mp2-wrap #mp2-browse-mount{
  width:100%;
  max-width:1480px;
  margin:0 auto;
}

/* Starter */
#mp2-wrap .mp2-discover-start{
  max-width:none;
  margin:0 0 18px;
  padding:31px 28px 27px;
  border:1px solid var(--ew-border-soft);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(250,249,246,.98),rgba(239,236,227,.84));
  box-shadow:none;
}

#mp2-wrap .mp2-discover-start__eyebrow{
  margin:0 0 8px;
  color:var(--ew-green);
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-discover-start__title{
  max-width:720px;
  margin:0 0 8px;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(35px,3.7vw,50px);
  line-height:1.01;
  font-weight:400;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-discover-start__text{
  max-width:620px;
  margin:0 0 18px;
  color:var(--ew-muted);
  font-size:13px;
  line-height:1.5;
}

#mp2-wrap .mp2-discover-start__chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
}

#mp2-wrap .mp2-discover-chip{
  min-height:32px;
  padding:6px 11px;
  border:1px solid var(--ew-border);
  border-radius:999px;
  background:#fff;
  color:var(--ew-ink);
  box-shadow:none;
  font-size:10.5px;
  line-height:1;
  font-weight:650;
}

#mp2-wrap .mp2-discover-chip:hover{
  background:rgba(24,58,42,.055);
  border-color:rgba(24,58,42,.18);
  color:var(--ew-green);
}

/* Search + filters */
#mp2-wrap #mp2-browse-mount .mp2-browse-top{
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}

#mp2-wrap #mp2-browse-mount .facetwp-facet-search_bar{
  margin:0 !important;
}

#mp2-wrap #mp2-browse-mount .facetwp-input-wrap{
  width:100%;
}

#mp2-wrap #mp2-browse-mount input.facetwp-search{
  width:100% !important;
  height:44px !important;
  margin:0 !important;
  padding:9px 13px 9px 38px !important;
  border:1px solid var(--ew-border) !important;
  border-radius:8px !important;
  background:#fbfaf7 !important;
  color:var(--ew-ink) !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:500 !important;
}

#mp2-wrap #mp2-browse-mount input.facetwp-search:focus{
  outline:none !important;
  border-color:rgba(24,58,42,.32) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(24,58,42,.055) !important;
}

#mp2-wrap #mp2-browse-mount input.facetwp-search::placeholder{
  color:var(--ew-soft);
}

#mp2-wrap #mp2-browse-mount .mp2-facet-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
}

#mp2-wrap #mp2-browse-mount .mp2-filters-btn{
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--ew-border);
  border-radius:7px;
  background:#fff;
  color:var(--ew-green);
  box-shadow:none;
  font-size:10.5px;
  font-weight:700;
}

/* Desktop filter rail */
@media (min-width:1024px){
  #mp2-wrap #mp2-sidebar-subnav .mp2-browse-sidebar{
    padding:15px 10px 18px;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  #mp2-wrap #mp2-sidebar-subnav .mp2-browse-filters-title{
    margin:0 0 12px;
    padding:0 2px;
    color:var(--ew-green);
    font-size:9px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #mp2-wrap #mp2-sidebar-subnav .mp2-facet-heading{
    margin:15px 0 7px;
    color:var(--ew-soft);
    font-size:8.5px;
    font-weight:750;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  #mp2-wrap #mp2-sidebar-subnav .facetwp-facet{margin:0;}

  #mp2-wrap #mp2-sidebar-subnav .facetwp-checkbox{
    display:flex;
    align-items:center;
    min-height:31px;
    margin:1px 0;
    padding:6px 7px !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:var(--ew-muted) !important;
    box-shadow:none !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }

  #mp2-wrap #mp2-sidebar-subnav .facetwp-checkbox:hover{
    background:rgba(24,58,42,.045) !important;
    color:var(--ew-green) !important;
  }

  #mp2-wrap #mp2-sidebar-subnav .facetwp-checkbox.checked{
    background:rgba(24,58,42,.075) !important;
    color:var(--ew-green) !important;
    font-weight:700 !important;
  }

  #mp2-wrap #mp2-sidebar-subnav .facetwp-counter{
    margin-left:auto;
    padding:0;
    background:transparent !important;
    color:#a09f99 !important;
    font-size:8.5px !important;
    font-weight:600 !important;
  }
}

/* Recipe grid */
#mp2-wrap #mp2-browse-mount .mp2-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr)) !important;
  gap:16px !important;
  max-width:none;
  margin:0;
  padding:0 !important;
}

#mp2-wrap #mp2-browse-mount .mp2-card{
  overflow:hidden;
  min-width:0;
  max-width:none !important;
  background:#fff;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  box-shadow:none;
  transform:none;
}

#mp2-wrap #mp2-browse-mount .mp2-card:hover{
  transform:none;
  border-color:#d7d4cc;
  box-shadow:none;
}

#mp2-wrap #mp2-browse-mount .mp2-card-media{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  overflow:hidden;
  aspect-ratio:1 / 1;
  border-radius:0 !important;
  background:var(--ew-stone);
}

#mp2-wrap #mp2-browse-mount .mp2-card-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover;
  transform:none;
}

#mp2-wrap #mp2-browse-mount .mp2-card:hover .mp2-card-media img{
  transform:scale(1.012);
}

#mp2-wrap #mp2-browse-mount .mp2-card-body{
  min-height:0;
  padding:11px 11px 12px;
  background:#fff;
}

#mp2-wrap #mp2-browse-mount .mp2-card-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:34px;
  margin:0 0 6px;
  padding:0;
  color:var(--ew-ink);
  font-size:13.5px;
  line-height:1.24;
  font-weight:650;
  text-decoration:none;
}

#mp2-wrap #mp2-browse-mount .mp2-card-meta{
  min-height:15px;
  margin:0 0 9px;
  color:var(--ew-soft);
  font-size:9.5px;
  font-weight:550;
}

#mp2-wrap #mp2-browse-mount .mp2-calorie-badge{
  padding:0;
  background:transparent;
  color:var(--ew-soft);
  font-size:9.5px;
  font-weight:550;
}

#mp2-wrap #mp2-browse-mount .mp2-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:10px 0 0;
  padding:0;
}

#mp2-wrap #mp2-browse-mount .mp2-card-actions .mp2-btn,
#mp2-wrap #mp2-browse-mount .mp2-card-actions button{
  width:100%;
  min-height:31px;
  padding:5px 7px;
  border-radius:6px;
  box-shadow:none;
  font-size:10px;
  line-height:1.15;
  font-weight:700;
}

#mp2-wrap #mp2-browse-mount .mp2-card-actions button[data-mp2-action="save"]{
  background:#fff;
  border:1px solid var(--ew-border);
  color:var(--ew-muted);
}

#mp2-wrap #mp2-browse-mount .mp2-card-actions button[data-mp2-action="add"]{
  background:var(--ew-green);
  border-color:var(--ew-green);
  color:#fff;
}

/* Inline ad */
#mp2-wrap #mp2-browse-mount .mp2-inline-ad--browse{
  min-height:180px;
  padding:18px;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  background:#f8f7f3;
}

#mp2-wrap #mp2-browse-mount .mp2-ad-label{
  margin-bottom:8px;
  color:#aaa8a1;
  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

/* Pagination / empty state */
#mp2-wrap #mp2-browse-mount .facetwp-facet-pagination,
#mp2-wrap #mp2-browse-mount .facetwp-type-pager{
  grid-column:1 / -1;
  margin:28px 0 8px;
  text-align:center;
}

#mp2-wrap #mp2-browse-mount .facetwp-load-more{
  width:auto;
  min-width:150px;
  min-height:37px;
  margin:0 auto;
  padding:8px 14px;
  border:1px solid var(--ew-border);
  border-radius:7px;
  background:#fff;
  color:var(--ew-green);
  box-shadow:none;
  font-size:11px;
  font-weight:700;
}

#mp2-wrap #mp2-browse-mount .facetwp-no-results,
#mp2-wrap #mp2-browse-mount .mp2-browse-empty,
#mp2-wrap #mp2-browse-mount .mp2-empty{
  grid-column:1 / -1;
  max-width:680px;
  margin:8px auto 24px;
  padding:35px 28px;
  border:1px solid var(--ew-border-soft);
  border-radius:11px;
  background:#fbfaf7;
  color:var(--ew-muted);
  text-align:center;
  font-size:13px;
  line-height:1.55;
}

/* Mobile */
@media (max-width:767px){
  #mp2-wrap .mp2-discover-start{
    margin-bottom:13px;
    padding:25px 17px 22px;
    border-radius:10px;
  }

  #mp2-wrap .mp2-discover-start__title{font-size:35px;}
  #mp2-wrap .mp2-discover-start__text{font-size:12.5px;}

  #mp2-wrap #mp2-browse-mount .mp2-browse-top{
    margin-bottom:13px;
    padding:12px;
    border-radius:9px;
  }

  #mp2-wrap #mp2-browse-mount input.facetwp-search{
    height:45px !important;
    font-size:16px !important;
  }

  #mp2-wrap #mp2-browse-mount .mp2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  #mp2-wrap #mp2-browse-mount .mp2-card{
    border-radius:9px;
  }

  #mp2-wrap #mp2-browse-mount .mp2-card-body{
    padding:9px 8px 9px;
  }

  #mp2-wrap #mp2-browse-mount .mp2-card-title{
    min-height:31px;
    font-size:12px;
    line-height:1.22;
  }

  #mp2-wrap #mp2-browse-mount .mp2-card-actions{
    grid-template-columns:1fr;
    gap:5px;
  }

  #mp2-wrap #mp2-browse-mount .mp2-card-actions .mp2-btn,
  #mp2-wrap #mp2-browse-mount .mp2-card-actions button{
    min-height:34px;
    font-size:10px;
  }

  #mp2-wrap #mp2-browse-mount .mp2-inline-ad--browse{
    grid-column:1 / -1;
    min-height:150px;
  }
}
/* === My Kitchen 2026 v0.2.10.0 — Grocery List === */
#mp2-wrap .mp2-grocery-weekhead{align-items:flex-end;padding:25px 28px 23px}
#mp2-wrap .mp2-grocery-week-kicker{margin:0 0 7px;color:var(--ew-green);font-size:9px;font-weight:800;letter-spacing:.18em}
#mp2-wrap .mp2-grocery-weekhead .mp2-weektitle{margin:0;color:var(--ew-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.3vw,48px);line-height:1.02;font-weight:400;letter-spacing:-.035em}
#mp2-wrap .mp2-grocery-week-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;color:var(--ew-muted);font-size:11px}
#mp2-wrap .mp2-grocery-week-side{display:flex;align-items:flex-end;gap:18px}
#mp2-wrap .mp2-grocery-week-note{padding-bottom:8px;color:var(--ew-soft);font-size:9.5px;white-space:nowrap}
#mp2-wrap .mp2-grocery-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;padding:12px 14px;border:1px solid var(--ew-border-soft);border-radius:9px;background:#fff}
#mp2-wrap .mp2-grocery-progress{display:flex;align-items:baseline;gap:9px;min-width:max-content}
#mp2-wrap .mp2-grocery-progress strong{color:var(--ew-green);font-size:11px;font-weight:750}
#mp2-wrap .mp2-grocery-progress span{color:var(--ew-soft);font-size:9.5px}
#mp2-wrap .mp2-grocery-tool-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
#mp2-wrap .mp2-grocery-tool-actions .mp2-btn{min-height:31px;padding:6px 9px;border-radius:6px;background:#fff;box-shadow:none;font-size:9.5px;font-weight:650}
#mp2-wrap .mp2-grocery-tool-actions .instacart{background:var(--ew-green)!important;border-color:var(--ew-green)!important;border-radius:6px!important;color:#fff!important}
#mp2-wrap .mp2-grocery-page{max-width:980px;margin:0 auto;padding:0 0 42px}
#mp2-wrap .mp2-grocery{gap:0}
#mp2-wrap .mp2-grocery-section{margin:28px 0 5px;padding:0 2px 9px;border-top:0;border-bottom:1px solid var(--ew-border);color:var(--ew-green);font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.15;font-weight:400;letter-spacing:-.015em;text-transform:none;opacity:1}
#mp2-wrap .mp2-grocery-section:first-child{margin-top:4px}
#mp2-wrap .mp2-grocery-row{grid-template-columns:30px minmax(0,1fr) 72px 92px 34px;gap:8px;min-height:50px;padding:6px 3px;border:0;border-bottom:1px solid var(--ew-border-soft);border-radius:0;background:transparent;box-shadow:none}
#mp2-wrap .mp2-grocery-row:hover{background:rgba(255,255,255,.5);border-color:var(--ew-border-soft);box-shadow:none}
#mp2-wrap .mp2-grocery-row input[type="checkbox"]{width:21px;height:21px;margin-left:2px;accent-color:var(--ew-green)}
#mp2-wrap .mp2-grocery-name,#mp2-wrap .mp2-grocery-qty,#mp2-wrap .mp2-grocery-unit{height:36px;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;color:var(--ew-ink);font-size:12.5px}
#mp2-wrap .mp2-grocery-name{font-weight:600}
#mp2-wrap .mp2-grocery-qty,#mp2-wrap .mp2-grocery-unit{color:var(--ew-muted);font-size:11px}
#mp2-wrap .mp2-grocery-row:hover .mp2-grocery-name,#mp2-wrap .mp2-grocery-row:hover .mp2-grocery-qty,#mp2-wrap .mp2-grocery-row:hover .mp2-grocery-unit,#mp2-wrap .mp2-grocery-name:focus,#mp2-wrap .mp2-grocery-qty:focus,#mp2-wrap .mp2-grocery-unit:focus{border-color:var(--ew-border);background:#fff}
#mp2-wrap .mp2-grocery-row.is-compact{grid-template-columns:30px minmax(0,1fr) 34px}
#mp2-wrap .mp2-grocery-label{color:var(--ew-ink);font-size:12.5px;line-height:1.35;font-weight:600}
#mp2-wrap .mp2-grocery-row.is-checked{opacity:.48}
#mp2-wrap .mp2-grocery-row.is-checked .mp2-grocery-name,#mp2-wrap .mp2-grocery-row.is-checked .mp2-grocery-label{text-decoration:line-through}
#mp2-wrap .mp2-grocery-remove{width:30px;height:30px;color:#aaa8a1;font-size:13px}
#mp2-wrap .mp2-grocery-remove:hover{background:#f4f1ec;color:var(--ew-ink);transform:none}
#mp2-wrap .mp2-grocery-complete{margin:2px 0 24px;padding:24px 25px;border:1px solid rgba(24,58,42,.13);border-radius:10px;background:rgba(24,58,42,.045)}
#mp2-wrap .mp2-grocery-complete__eyebrow{margin-bottom:6px;color:var(--ew-green);font-size:8.5px;font-weight:800;letter-spacing:.16em}
#mp2-wrap .mp2-grocery-complete__title{color:var(--ew-ink);font-family:Georgia,"Times New Roman",serif;font-size:27px}
#mp2-wrap .mp2-grocery-complete__text{margin-top:5px;color:var(--ew-muted);font-size:11px}
#mp2-wrap .mp2-grocery-loading{padding:36px 20px;color:var(--ew-muted);text-align:center;font-size:12px}
#mp2-wrap .mp2-empty-grocery-cta{max-width:760px;margin:24px auto}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__inner{padding:38px 30px;border:1px solid var(--ew-border-soft);border-radius:11px;background:#fbfaf7;box-shadow:none}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__title{max-width:560px;margin-left:auto;margin-right:auto;color:var(--ew-ink);font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.08;font-weight:400}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__text{max-width:520px;margin-left:auto;margin-right:auto;color:var(--ew-muted)}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__btn--primary{background:var(--ew-green);border-color:var(--ew-green);color:#fff;border-radius:7px}
@media(max-width:767px){
#mp2-wrap .mp2-grocery-weekhead{align-items:stretch;padding:22px 17px 18px}
#mp2-wrap .mp2-grocery-weekhead .mp2-weektitle{font-size:36px}
#mp2-wrap .mp2-grocery-week-side{align-items:center;justify-content:space-between;gap:10px;margin-top:15px}
#mp2-wrap .mp2-grocery-week-note{padding:0;font-size:9px;white-space:normal}
#mp2-wrap .mp2-grocery-tools{display:block;margin:10px 0 14px;padding:12px}
#mp2-wrap .mp2-grocery-progress{justify-content:space-between;width:100%;margin-bottom:10px}
#mp2-wrap .mp2-grocery-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#mp2-wrap .mp2-grocery-tool-actions .mp2-btn{min-height:40px;font-size:10px}
#mp2-wrap .mp2-grocery-tool-actions .instacart{grid-column:1/-1}
#mp2-wrap .mp2-grocery-page{padding:0 14px 36px}
#mp2-wrap .mp2-grocery-section{margin-top:27px;font-size:24px}
#mp2-wrap .mp2-grocery-row{grid-template-columns:38px minmax(0,1fr) 58px 68px 32px;gap:5px;min-height:58px;padding:7px 0}
#mp2-wrap .mp2-grocery-row.is-compact{grid-template-columns:38px minmax(0,1fr) 32px}
#mp2-wrap .mp2-grocery-row input[type="checkbox"]{width:25px;height:25px;margin-left:3px}
#mp2-wrap .mp2-grocery-name,#mp2-wrap .mp2-grocery-label{font-size:15px}
#mp2-wrap .mp2-grocery-qty,#mp2-wrap .mp2-grocery-unit{padding-left:4px;padding-right:4px;font-size:11px}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__inner{padding:30px 18px}
#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__title{font-size:30px}
}
@media(max-width:480px){
#mp2-wrap .mp2-grocery-row:not(.is-compact){grid-template-columns:38px minmax(0,1fr) 50px 30px}
#mp2-wrap .mp2-grocery-row:not(.is-compact) .mp2-grocery-unit{display:none}
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.10.1
   Grocery refinement: cleaner hero + warmer shopping-notebook treatment.
   ========================================================================== */

#mp2-wrap .mp2-grocery-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:30px;
  margin:0 0 14px;
  padding:28px 30px 24px;
  border:1px solid var(--ew-border-soft);
  border-radius:11px;
  background:linear-gradient(135deg,#fff 0%,#fbfaf7 74%,#f3efe6 100%);
}

#mp2-wrap .mp2-grocery-week-kicker{
  margin:0 0 9px;
  color:var(--ew-green);
  font-size:9px;
  font-weight:800;
  letter-spacing:.19em;
}

#mp2-wrap .mp2-grocery-hero__title{
  margin:0;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(39px,3.7vw,54px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.04em;
}

#mp2-wrap .mp2-grocery-week-meta{
  display:flex;
  flex-wrap:wrap;
  margin-top:12px;
  color:var(--ew-muted);
  font-size:10.5px;
}

#mp2-wrap .mp2-grocery-week-meta span + span::before{
  content:"·";
  margin:0 8px;
  color:#bbb8b0;
}

#mp2-wrap .mp2-grocery-hero__side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
}

#mp2-wrap .mp2-grocery-week-note{
  color:var(--ew-soft);
  font-size:9px;
}

#mp2-wrap .mp2-grocery-weeknav{
  display:flex;
  gap:6px;
}

#mp2-wrap .mp2-grocery-weeknav .mp2-btn{
  min-height:35px;
  padding:7px 10px;
  border-radius:7px;
  background:#fff;
  box-shadow:none;
  font-size:10px;
}

/* Utility bar */
#mp2-wrap .mp2-grocery-tools{
  margin:0 auto 18px;
  max-width:900px;
  padding:10px 12px;
  border:1px solid var(--ew-border-soft);
  border-radius:10px;
  background:rgba(255,255,255,.80);
}

#mp2-wrap .mp2-grocery-tool-actions{
  align-items:center;
}

#mp2-wrap .mp2-grocery-tool-actions .mp2-btn{
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  font-size:9.5px;
}

#mp2-wrap .mp2-grocery-tool-actions .mp2-grocery-secondary-tool{
  color:var(--ew-soft);
  background:transparent;
  border-color:transparent;
}

#mp2-wrap .mp2-grocery-tool-actions .instacart{
  border-radius:7px!important;
}

/* Shopping-notebook body */
#mp2-wrap .mp2-grocery-page{
  max-width:900px;
  margin:0 auto;
  padding:4px 26px 48px;
  border-radius:12px;
  background:rgba(250,249,246,.58);
}

#mp2-wrap .mp2-grocery-section{
  margin:34px 0 6px;
  padding:0 0 10px;
  border-bottom:1px solid #d9d6ce;
  color:var(--ew-green);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.02em;
}

#mp2-wrap .mp2-grocery-row{
  grid-template-columns:34px minmax(0,1fr) 68px 82px 30px;
  min-height:58px;
  padding:8px 1px;
  border-bottom:1px solid rgba(222,221,216,.68);
  background:transparent;
}

#mp2-wrap .mp2-grocery-row:nth-of-type(even){
  background:rgba(255,255,255,.16);
}

#mp2-wrap .mp2-grocery-row input[type="checkbox"]{
  width:22px;
  height:22px;
  margin-left:2px;
  accent-color:var(--ew-green);
}

#mp2-wrap .mp2-grocery-copy{
  min-width:0;
}

#mp2-wrap .mp2-grocery-name{
  width:100%;
  height:auto;
  min-height:29px;
  padding:4px 5px;
  font-size:13px;
  line-height:1.25;
}

#mp2-wrap .mp2-grocery-measure{
  display:none;
  padding:0 5px 3px;
  color:var(--ew-soft);
  font-size:10px;
}

#mp2-wrap .mp2-grocery-qty,
#mp2-wrap .mp2-grocery-unit{
  color:#8b8d87;
  font-size:10.5px;
}

#mp2-wrap .mp2-grocery-row.is-checked{
  opacity:.40;
}

#mp2-wrap .mp2-grocery-remove{
  opacity:.48;
}

#mp2-wrap .mp2-empty-grocery-cta .mp2-empty-plan-cta__inner,
#mp2-wrap .mp2-grocery-complete{
  background:linear-gradient(145deg,#fff 0%,#faf8f2 100%);
}

/* Mobile: fully stacked hero + more tactile list */
@media (max-width:767px){
  #mp2-wrap .mp2-grocery-hero{
    display:block;
    margin:0 14px 12px;
    padding:25px 18px 20px;
  }

  #mp2-wrap .mp2-grocery-hero__title{
    max-width:310px;
    font-size:43px;
    line-height:.96;
  }

  #mp2-wrap .mp2-grocery-week-meta{
    display:block;
    margin-top:14px;
    font-size:11px;
    line-height:1.55;
  }

  #mp2-wrap .mp2-grocery-hero__side{
    align-items:flex-start;
    margin-top:17px;
    padding-top:14px;
    border-top:1px solid var(--ew-border-soft);
  }

  #mp2-wrap .mp2-grocery-week-note{
    display:none;
  }

  #mp2-wrap .mp2-grocery-weeknav{
    width:100%;
  }

  #mp2-wrap .mp2-grocery-weeknav .mp2-btn{
    flex:1;
    min-height:42px;
    font-size:11px;
  }

  #mp2-wrap .mp2-grocery-tools{
    margin:0 14px 14px;
    padding:12px;
  }

  #mp2-wrap .mp2-grocery-progress{
    margin-bottom:11px;
  }

  #mp2-wrap .mp2-grocery-tool-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }

  #mp2-wrap .mp2-grocery-tool-actions .mp2-btn{
    min-height:42px;
    border-radius:8px;
    font-size:10px;
  }

  #mp2-wrap .mp2-grocery-tool-actions .instacart{
    grid-column:1 / -1;
  }

  #mp2-wrap .mp2-grocery-page{
    margin:0 14px;
    padding:5px 14px 36px;
    border-radius:10px;
  }

  #mp2-wrap .mp2-grocery-section{
    margin-top:30px;
    font-size:28px;
  }

  #mp2-wrap .mp2-grocery-row,
  #mp2-wrap .mp2-grocery-row.is-compact{
    grid-template-columns:42px minmax(0,1fr) 30px;
    min-height:72px;
    padding:9px 0;
  }

  #mp2-wrap .mp2-grocery-copy{
    align-self:center;
  }

  #mp2-wrap .mp2-grocery-name{
    min-height:34px;
    font-size:15px;
    font-weight:650;
  }

  #mp2-wrap .mp2-grocery-measure{
    display:block;
    font-size:11px;
  }

  #mp2-wrap .mp2-grocery-qty,
  #mp2-wrap .mp2-grocery-unit{
    display:none;
  }

  #mp2-wrap .mp2-grocery-row input[type="checkbox"]{
    width:26px;
    height:26px;
  }

  #mp2-wrap .mp2-grocery-label{
    font-size:15px;
    line-height:1.35;
  }
}

@media (max-width:390px){
  #mp2-wrap .mp2-grocery-hero,
  #mp2-wrap .mp2-grocery-tools,
  #mp2-wrap .mp2-grocery-page{
    margin-left:10px;
    margin-right:10px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.11.0
   PASS 6: Secondary surfaces / product polish
   Focus entryway, day picker, notes/editor modal, grocery modal, feedback,
   login/save prompts, sticky grocery CTA and Save Button installation.

   No thresholds, storage, auth, Save, planner, FacetWP, Supabase or REST
   behavior changes.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shared modal language
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-modal-backdrop,
#mp2-wrap .mp2-grocery-backdrop{
  background:rgba(21,30,25,.34);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

#mp2-wrap .mp2-modal-panel,
#mp2-wrap .mp2-grocery-modal{
  border:1px solid rgba(24,58,42,.10);
  border-radius:12px;
  background:var(--ew-warm-white);
  box-shadow:0 24px 70px rgba(24,37,30,.18);
}

#mp2-wrap .mp2-modal-head,
#mp2-wrap .mp2-grocery-header{
  padding:18px 20px 15px;
  border-bottom:1px solid var(--ew-border-soft);
  background:rgba(255,255,255,.72);
}

#mp2-wrap .mp2-modal-title{
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.05;
  font-weight:400;
  letter-spacing:-.025em;
}

#mp2-wrap .mp2-modal-body,
#mp2-wrap .mp2-grocery-body{
  padding:18px 20px 21px;
}

#mp2-wrap .mp2-grocery-footer{
  gap:7px;
  padding:13px 20px 17px;
  border-top:1px solid var(--ew-border-soft);
  background:rgba(255,255,255,.68);
}

#mp2-wrap .mp2-grocery-footer .mp2-btn,
#mp2-wrap .mp2-modal-head .mp2-btn{
  min-height:35px;
  border-radius:7px;
  box-shadow:none;
  font-size:10.5px;
}

#mp2-wrap .mp2-grocery-footer .mp2-btn.is-primary,
#mp2-wrap .mp2-grocery-footer .instacart{
  background:var(--ew-green)!important;
  border-color:var(--ew-green)!important;
  color:#fff!important;
}

/* --------------------------------------------------------------------------
   Day picker
   -------------------------------------------------------------------------- */

#mp2-wrap #mp2-daypicker .mp2-modal-panel{
  width:min(620px,100%);
}

#mp2-wrap #mp2-daypicker .mp2-modal-body{
  padding:18px;
}

#mp2-wrap .mp2-daypick-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

#mp2-wrap .mp2-daypick{
  min-height:92px;
  padding:13px 12px;
  border:1px solid var(--ew-border);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  text-align:left;
}

#mp2-wrap .mp2-daypick:hover{
  transform:none;
  border-color:rgba(24,58,42,.25);
  background:rgba(24,58,42,.045);
  box-shadow:none;
}

#mp2-wrap .mp2-daypick strong{
  color:var(--ew-green);
  font-size:12px;
  font-weight:750;
}

#mp2-wrap .mp2-daypick span{
  margin-top:5px;
  color:var(--ew-muted);
  font-size:10.5px;
  font-weight:550;
}

#mp2-wrap .mp2-daypicker-context{
  margin:0 0 13px;
  padding:13px 14px;
  border:1px solid rgba(24,58,42,.08);
  border-radius:8px;
  background:#f4f1e9;
}

#mp2-wrap .mp2-daypicker-context__eyebrow{
  color:var(--ew-green);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.16em;
}

#mp2-wrap .mp2-daypicker-context strong{
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:400;
}

#mp2-wrap .mp2-daypicker-context span{
  color:var(--ew-muted);
  font-size:10.5px;
}

/* --------------------------------------------------------------------------
   Notes & edits
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-entry-editor-body{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#mp2-wrap .mp2-entry-editor-context{
  margin:0 0 9px;
  padding:10px 11px;
  border-radius:7px;
  background:#f3f0e8;
  color:var(--ew-muted);
  font-size:10.5px;
  line-height:1.4;
}

#mp2-wrap .mp2-entry-editor-label{
  display:block;
  margin:8px 0 0;
  color:var(--ew-green);
  font-size:9px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-entry-editor-body .mp2-input{
  min-height:42px;
  padding:9px 10px;
  border:1px solid var(--ew-border);
  border-radius:7px;
  background:#fff;
  box-shadow:none;
  color:var(--ew-ink);
  font-size:12px;
}

#mp2-wrap .mp2-entry-editor-body .mp2-input:focus{
  border-color:rgba(24,58,42,.30);
  box-shadow:0 0 0 3px rgba(24,58,42,.05);
}

#mp2-wrap .mp2-entry-editor-note{
  min-height:126px!important;
  resize:vertical;
  line-height:1.5;
}

/* --------------------------------------------------------------------------
   Focus-mode entryway
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-focus-stage:not(.is-open) .mp2-app{
  filter:blur(1px);
  transform:scale(.998);
  opacity:.76;
}

#mp2-wrap .mp2-focus-entry{
  padding:24px;
  background:rgba(20,37,29,.22);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

#mp2-wrap .mp2-focus-entry__card{
  width:min(430px,100%);
  padding:31px 30px 28px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:12px;
  background:rgba(250,249,246,.98);
  box-shadow:0 24px 70px rgba(16,35,27,.19);
}

#mp2-wrap .mp2-focus-entry__eyebrow{
  margin-bottom:9px;
  color:var(--ew-green);
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-focus-entry__title{
  margin:0 0 10px;
  color:var(--ew-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.02;
  font-weight:400;
  letter-spacing:-.035em;
}

#mp2-wrap .mp2-focus-entry__text{
  max-width:340px;
  margin:0 auto 20px;
  color:var(--ew-muted);
  font-size:12.5px;
  line-height:1.55;
}

#mp2-wrap .mp2-focus-entry__button{
  min-height:42px;
  padding:9px 14px;
  border-radius:7px;
  background:var(--ew-green);
  border-color:var(--ew-green);
  color:#fff;
  font-size:11px;
  font-weight:700;
}

/* --------------------------------------------------------------------------
   Feedback modal
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-feedback-modal__panel{
  border-radius:12px;
  background:var(--ew-warm-white);
  box-shadow:0 24px 70px rgba(23,35,29,.18);
}

#mp2-wrap .mp2-feedback-modal__panel .mp2-modal-head{
  padding:22px 22px 18px;
}

#mp2-wrap .mp2-feedback-modal__intro{
  margin-top:7px;
  color:var(--ew-muted);
  font-size:11.5px;
  line-height:1.45;
}

#mp2-wrap .mp2-feedback-form{
  padding:20px 22px 22px;
}

#mp2-wrap .mp2-feedback-form legend{
  color:var(--ew-green);
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#mp2-wrap .mp2-feedback-form input,
#mp2-wrap .mp2-feedback-form textarea{
  border-radius:7px;
}

/* --------------------------------------------------------------------------
   Login / Save-button prompts
   Dynamic styles are injected after this stylesheet, so the deliberate
   !important declarations keep the 2026 product layer authoritative.
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-login-prompt{
  background:rgba(20,30,25,.34)!important;
  backdrop-filter:blur(4px)!important;
}

#mp2-wrap .mp2-login-prompt__card{
  width:min(490px,calc(100vw - 36px))!important;
  padding:31px 32px 27px!important;
  border:1px solid rgba(24,58,42,.10)!important;
  border-radius:12px!important;
  background:var(--ew-warm-white)!important;
  color:var(--ew-ink)!important;
  box-shadow:0 24px 70px rgba(20,32,25,.20)!important;
}

#mp2-wrap .mp2-login-prompt__emoji{
  display:none!important;
}

#mp2-wrap .mp2-login-prompt__eyebrow{
  margin-bottom:10px!important;
  color:var(--ew-green)!important;
  font-size:9px!important;
  letter-spacing:.17em!important;
}

#mp2-wrap .mp2-login-prompt__counter{
  margin-bottom:17px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(24,58,42,.06)!important;
  color:var(--ew-green)!important;
  font-size:10px!important;
}

#mp2-wrap .mp2-login-prompt__title{
  margin:0 0 10px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  line-height:1.04!important;
  font-weight:400!important;
  letter-spacing:-.03em!important;
}

#mp2-wrap .mp2-login-prompt__text{
  max-width:390px!important;
  margin:0 auto 22px!important;
  color:var(--ew-muted)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

#mp2-wrap .mp2-login-prompt__actions{
  gap:7px!important;
}

#mp2-wrap .mp2-login-prompt__primary{
  min-height:42px!important;
  border-radius:7px!important;
  border-color:var(--ew-green)!important;
  background:var(--ew-green)!important;
  color:#fff!important;
  font-size:11px!important;
}

#mp2-wrap .mp2-login-prompt__secondary{
  min-height:38px!important;
  border-radius:7px!important;
  color:var(--ew-muted)!important;
  font-size:10.5px!important;
}

/* --------------------------------------------------------------------------
   Sticky Grocery CTA
   -------------------------------------------------------------------------- */

.mp2-sticky-grocery-cta{
  gap:7px!important;
  min-height:40px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:#173d2d!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:700!important;
  box-shadow:0 8px 22px rgba(16,35,27,.14)!important;
}

.mp2-sticky-grocery-cta__arrow{
  color:rgba(255,255,255,.58);
  font-size:11px;
}

.mp2-sticky-grocery-cta:hover{
  background:#214b37!important;
}

/* --------------------------------------------------------------------------
   Save Button install / capture window
   -------------------------------------------------------------------------- */

#mp2-wrap .mp2-save-button-install{
  max-width:720px;
  padding:34px 18px;
}

#mp2-wrap .mp2-save-button-install__card{
  padding:32px!important;
  border:1px solid rgba(24,58,42,.10)!important;
  border-radius:12px!important;
  background:var(--ew-warm-white)!important;
  box-shadow:0 18px 55px rgba(22,34,27,.14)!important;
}

#mp2-wrap .mp2-save-button-install__eyebrow{
  color:var(--ew-green)!important;
  font-size:9px!important;
  letter-spacing:.17em!important;
}

#mp2-wrap .mp2-save-button-install h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:36px!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

#mp2-wrap .mp2-save-button-install p{
  color:var(--ew-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

#mp2-wrap .mp2-save-button-install__button{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:7px!important;
  background:var(--ew-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}

#mp2-wrap .mp2-capture__brand span{
  margin-left:4px;
  color:var(--ew-soft);
  font-size:.66em;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* --------------------------------------------------------------------------
   Mobile secondary surfaces
   -------------------------------------------------------------------------- */

@media (max-width:640px){
  #mp2-wrap .mp2-modal.is-open{
    padding:10px;
  }

  #mp2-wrap .mp2-modal-panel{
    max-height:calc(100dvh - 20px);
    border-radius:11px;
  }

  #mp2-wrap .mp2-modal-title{
    font-size:23px;
  }

  #mp2-wrap .mp2-daypick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  #mp2-wrap .mp2-daypick{
    min-height:76px;
  }

  #mp2-wrap .mp2-grocery-modal{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    padding:0;
    border-radius:11px;
  }

  #mp2-wrap .mp2-focus-entry{
    padding:14px;
  }

  #mp2-wrap .mp2-focus-entry__card{
    padding:27px 20px 23px;
    border-radius:11px;
  }

  #mp2-wrap .mp2-focus-entry__title{
    font-size:30px;
  }

  #mp2-wrap .mp2-login-prompt__card{
    padding:27px 19px 22px!important;
    border-radius:11px!important;
  }

  #mp2-wrap .mp2-login-prompt__title{
    font-size:27px!important;
  }

  .mp2-sticky-grocery-cta{
    right:10px!important;
    bottom:66px!important;
    min-height:39px!important;
    padding:8px 10px!important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.11.1
   Desktop focus-mode shell: use the full workspace.
   Mobile behavior remains untouched.
   ========================================================================== */

@media (min-width:901px){

  body.mp2-focus-mode .mp2-focus-stage{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border-radius:0 !important;
  }

  body.mp2-focus-mode #mp2-wrap,
  body.mp2-focus-mode #mp2-wrap.is-mp2-focused{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-app,
  body.mp2-focus-mode #mp2-wrap.is-mp2-focused .mp2-app{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    min-height:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-layout{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow:auto !important;
    border-radius:0 !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar{
    min-height:100% !important;
    border-radius:0 !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.11.3
   Tablet / small-laptop shell correction.

   901–1023px is a true tablet layout:
   - horizontal navigation
   - no desktop-height sidebar
   - full-width main content
   - body keeps its natural usable height

   This supersedes the abandoned v0.2.11.2 approach.
   ========================================================================== */

@media (min-width:901px) and (max-width:1023px){

  body.mp2-focus-mode .mp2-focus-stage{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
  }

  body.mp2-focus-mode #mp2-wrap,
  body.mp2-focus-mode #mp2-wrap.is-mp2-focused,
  body.mp2-focus-mode #mp2-wrap .mp2-app{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-app{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  /* At this breakpoint the sidebar is the horizontal navigation strip.
     It must not inherit full-height desktop sidebar behavior. */
  body.mp2-focus-mode #mp2-wrap .mp2-layout{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar{
    position:relative !important;
    display:flex !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-main{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-body{
    position:relative !important;
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    overflow:auto !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.12.0
   Responsive QA / polish release candidate
   ========================================================================== */

/* ---------- Tablet / small laptop: 901–1023px ---------- */
@media (min-width:901px) and (max-width:1023px){

  /* The desktop sidebar footer has no place in the horizontal-nav shell. */
  body.mp2-focus-mode #mp2-wrap .mp2-sidebar-feedback,
  body.mp2-focus-mode #mp2-wrap .mp2-feedback,
  body.mp2-focus-mode #mp2-wrap [data-mp2-sidebar-feedback]{
    display:none !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-main,
  body.mp2-focus-mode #mp2-wrap .mp2-body{
    min-width:0 !important;
    min-height:0 !important;
  }
}

/* ---------- Mobile / portrait tablet: true viewport workspace ---------- */
@media (max-width:900px){

  html:has(body.mp2-focus-mode),
  body.mp2-focus-mode{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#faf9f6 !important;
  }

  body.mp2-focus-mode #mp2-wrap,
  body.mp2-focus-mode #mp2-wrap.is-mp2-focused{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    width:100vw !important;
    width:100dvw !important;
    height:100vh !important;
    height:100dvh !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#faf9f6 !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-app{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#faf9f6 !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-layout{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar{
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar-feedback,
  body.mp2-focus-mode #mp2-wrap .mp2-feedback,
  body.mp2-focus-mode #mp2-wrap [data-mp2-sidebar-feedback]{
    display:none !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-main{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-body{
    position:relative !important;
    display:block !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    background:#faf9f6 !important;
  }

  /* Horizontal rails keep their own scroll; the workspace itself does not
     create a second horizontal scrollbar. */
  body.mp2-focus-mode #mp2-wrap .mp2-week-grid,
  body.mp2-focus-mode #mp2-wrap .mp2-rail,
  body.mp2-focus-mode #mp2-wrap [data-mp2-rail]{
    max-width:100% !important;
  }
}

/* ---------- Phone polish ---------- */
@media (max-width:680px){

  body.mp2-focus-mode #mp2-wrap,
  body.mp2-focus-mode #mp2-wrap .mp2-app,
  body.mp2-focus-mode #mp2-wrap .mp2-layout,
  body.mp2-focus-mode #mp2-wrap .mp2-main,
  body.mp2-focus-mode #mp2-wrap .mp2-body{
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-body{
    padding-bottom:max(16px, env(safe-area-inset-bottom)) !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.12.1
   Mobile focus-stage edge-gap fix.

   Root cause: legacy mp2.css keeps .mp2-focus-stage at 10px from each viewport
   edge. v0.2.12.0 made #mp2-wrap/app full-screen, but the intermediate
   .mp2-focus-stage was still inset and exposed the page underneath.
   ========================================================================== */

@media (max-width:900px){

  body.mp2-focus-mode .mp2-focus-stage,
  body.mp2-focus-mode #mp2-focus-stage{
    position:absolute !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#faf9f6 !important;
  }

  body.mp2-focus-mode .mp2-focus-stage > .mp2-app,
  body.mp2-focus-mode #mp2-focus-stage > .mp2-app{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.12.2
   Mobile quick-actions polish:
   keep "Add recipe" + "Grocery List" on one horizontal row.
   ========================================================================== */

@media (max-width:900px){

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar-subnav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    padding:10px 14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar-subnav > *{
    flex:1 1 0 !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.mp2-focus-mode #mp2-wrap .mp2-sidebar-subnav .mp2-btn{
    width:100% !important;
    min-height:42px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.12.3
   Mobile quick-actions — target the real runtime markup:
   .mp2-subnav-inline > .mp2-subnav > [plan-add] + .mp2-topbar-actions
   ========================================================================== */

@media (max-width:900px){

  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline{
    width:100% !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline > .mp2-subnav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 14px !important;
    overflow:visible !important;
  }

  /* Primary "Add recipe" action */
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  > .mp2-subnav > [data-mp2-action="plan-add"]{
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  /* The nested action wrapper must not become its own vertical block. */
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  > .mp2-subnav > .mp2-topbar-actions{
    display:contents !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Grocery List becomes the second equal-width action. */
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  [data-mp2-action="open-grocery"]{
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  /* Secondary/export actions stay out of the compact mobile toolbar. */
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  [data-mp2-action="export-pdf"],
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  [data-mp2-action="export-calendar"],
  body.mp2-focus-mode #mp2-wrap #mp2-subnav-inline
  #mp2-export-menu{
    display:none !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.13.0
   Personal Recipes foundation
   ========================================================================== */

.mp2-personal-card__media{
  aspect-ratio: 4 / 3;
  display:flex;
  align-items:flex-end;
  padding:16px;
  border:1px solid var(--ew-border-soft, #efeee9);
  border-radius:16px 16px 0 0;
  background:
    linear-gradient(145deg, rgba(24,58,42,.08), rgba(250,249,246,.8));
  color:var(--ew-green, #183a2a);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mp2-personal-card__eyebrow,
.mp2-personal-modal__eyebrow{
  color:var(--ew-green, #183a2a);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mp2-personal-card__meta{
  margin-top:7px;
  color:var(--ew-muted, #6f726c);
  font-size:13px;
}

.mp2-personal-modal{
  z-index:100020;
}

.mp2-personal-modal__panel{
  width:min(720px, calc(100vw - 32px));
  max-height:min(88vh, 860px);
  overflow:auto;
  padding:28px;
}

.mp2-personal-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.mp2-personal-modal__close{
  min-width:42px;
  width:42px;
  height:42px;
  padding:0;
  font-size:25px;
  line-height:1;
}

.mp2-personal-modal__intro{
  max-width:580px;
  margin:8px 0 22px;
  color:var(--ew-muted, #6f726c);
}

.mp2-personal-form{
  display:grid;
  gap:17px;
}

.mp2-personal-form label{
  display:grid;
  gap:7px;
  color:var(--ew-ink, #242521);
  font-size:13px;
  font-weight:700;
}

.mp2-personal-form__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.mp2-personal-form textarea{
  resize:vertical;
  min-height:110px;
  line-height:1.5;
}

.mp2-personal-modal__privacy{
  display:grid;
  gap:3px;
  margin:20px 0 4px;
  padding:14px 16px;
  border:1px solid var(--ew-border-soft, #efeee9);
  border-radius:12px;
  background:var(--ew-warm-white, #faf9f6);
  color:var(--ew-muted, #6f726c);
  font-size:12px;
  line-height:1.45;
}

.mp2-personal-modal__privacy strong{
  color:var(--ew-green, #183a2a);
}

@media (max-width:700px){
  .mp2-personal-modal__panel{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    padding:20px 16px;
  }

  .mp2-personal-form__row{
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.13.1
   Personal Recipe modal visibility fix.
   Legacy .mp2-modal rules default modals to display:none; explicitly open
   the new Personal Recipe modal when its runtime aria state is false.
   ========================================================================== */

body.mp2-focus-mode #mp2-wrap .mp2-personal-modal[aria-hidden="false"],
#mp2-wrap .mp2-personal-modal[aria-hidden="false"]{
  display:flex !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  z-index:100020 !important;
  overflow:auto !important;
}

#mp2-wrap .mp2-personal-modal[aria-hidden="false"] .mp2-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
}

#mp2-wrap .mp2-personal-modal[aria-hidden="false"] .mp2-personal-modal__panel{
  position:relative !important;
  z-index:1 !important;
  margin:auto !important;
}

@media (max-width:700px){
  body.mp2-focus-mode #mp2-wrap .mp2-personal-modal[aria-hidden="false"],
  #mp2-wrap .mp2-personal-modal[aria-hidden="false"]{
    align-items:flex-start !important;
    padding:10px !important;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.14.0
   Personal Recipes planner + grocery integration
   ========================================================================== */

.mp2-personal-card .mp2-card-actions{
  flex-wrap:wrap;
}

.mp2-personal-plan-media{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-height:112px;
  padding:14px;
  background:
    linear-gradient(145deg, rgba(24,58,42,.08), rgba(250,249,246,.82));
  color:var(--ew-green, #183a2a);
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mp2-card-title--personal{
  cursor:default;
}

.mp2-personal-plan-label{
  margin-top:5px;
  color:var(--ew-green, #183a2a);
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

/* Keep the complete personal-recipe form above the action footer. */
.mp2-personal-modal__panel{
  padding-bottom:28px !important;
}

.mp2-personal-modal .mp2-grocery-footer{
  position:static !important;
  margin-top:22px !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

@media (max-width:700px){
  .mp2-personal-card .mp2-card-actions{
    gap:8px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.14.1
   Personal planned-recipe reader + occurrence notes
   ========================================================================== */

.mp2-personal-plan-media{
  width:100%;
  border:0;
  text-align:left;
  cursor:pointer;
}

.mp2-personal-plan-title{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.mp2-personal-plan-title:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

body.mp2-focus-mode #mp2-wrap .mp2-personal-view-modal[aria-hidden="false"],
#mp2-wrap .mp2-personal-view-modal[aria-hidden="false"]{
  display:flex !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  z-index:100030 !important;
  overflow:auto !important;
}

#mp2-wrap .mp2-personal-view-modal[aria-hidden="false"] .mp2-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
}

.mp2-personal-view-modal__panel{
  position:relative !important;
  z-index:1 !important;
  width:min(720px, calc(100vw - 32px));
  max-height:min(88vh, 900px);
  overflow:auto;
  padding:28px;
  margin:auto;
}

.mp2-personal-view__meta{
  margin-top:7px;
  color:var(--ew-muted, #6f726c);
  font-size:14px;
}

.mp2-personal-view__body{
  display:grid;
  gap:28px;
  margin-top:26px;
}

.mp2-personal-view__section h4,
.mp2-personal-view__week-note label{
  display:block;
  margin:0 0 12px;
  color:var(--ew-green, #183a2a);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mp2-personal-view__ingredients,
.mp2-personal-view__directions{
  margin:0;
  padding-left:22px;
  color:var(--ew-ink, #242521);
  font-size:16px;
  line-height:1.65;
}

.mp2-personal-view__ingredients li,
.mp2-personal-view__directions li{
  margin:5px 0;
}

.mp2-personal-view__source-note{
  padding:16px 18px;
  border:1px solid var(--ew-border-soft, #efeee9);
  border-radius:12px;
  background:var(--ew-warm-white, #faf9f6);
}

.mp2-personal-view__source-note p{
  margin:0;
  color:var(--ew-muted, #6f726c);
  line-height:1.6;
}

.mp2-personal-view__week-note{
  padding-top:22px;
  border-top:1px solid var(--ew-border-soft, #efeee9);
}

.mp2-personal-view__week-note textarea{
  width:100%;
  min-height:90px;
  resize:vertical;
}

.mp2-personal-view__week-note p{
  margin:7px 0 0;
  color:var(--ew-soft, #8b8d87);
  font-size:12px;
}

.mp2-personal-view__footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid var(--ew-border-soft, #efeee9);
}

@media (max-width:700px){
  body.mp2-focus-mode #mp2-wrap .mp2-personal-view-modal[aria-hidden="false"],
  #mp2-wrap .mp2-personal-view-modal[aria-hidden="false"]{
    align-items:flex-start !important;
    padding:10px !important;
  }

  .mp2-personal-view-modal__panel{
    width:calc(100vw - 20px);
    max-height:calc(100vh - 20px);
    padding:20px 16px;
  }
}

/* ==========================================================================
   My Kitchen 2026 — v0.2.15.0
   Personal Recipes completion / private photos / mobile polish
   ========================================================================== */

.mp2-personal-card__media{
  position:relative;
  overflow:hidden;
}

.mp2-personal-card__media.has-image{
  padding:0;
  background:#f1efe9;
}

.mp2-personal-card__media.has-image img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
}

.mp2-personal-photo-field{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:16px;
  border:1px solid var(--ew-border-soft, #efeee9);
  border-radius:14px;
  background:var(--ew-warm-white, #faf9f6);
}

.mp2-personal-photo-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  width:140px;
  aspect-ratio:4 / 3;
  overflow:hidden;
  border:1px solid var(--ew-border, #deddd8);
  border-radius:11px;
  background:#f2f0ea;
  color:var(--ew-soft, #8b8d87);
  font-size:12px;
}

.mp2-personal-photo-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mp2-personal-photo-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.mp2-personal-photo-controls input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.mp2-personal-photo-controls p{
  flex:0 0 100%;
  margin:4px 0 0;
  color:var(--ew-soft, #8b8d87);
  font-size:12px;
  line-height:1.45;
}

.mp2-personal-photo-button{
  cursor:pointer;
}

.mp2-personal-plan-media.has-image{
  padding:0;
  min-height:112px;
  overflow:hidden;
  background:#f1efe9;
}

.mp2-personal-plan-media.has-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:112px;
  object-fit:cover;
}

.mp2-personal-view__image{
  margin:22px 0 0;
  overflow:hidden;
  border-radius:14px;
  background:#f1efe9;
}

.mp2-personal-view__image img{
  display:block;
  width:100%;
  max-height:380px;
  object-fit:cover;
}

/* Keep long recipe/editor modals comfortable on small screens. */
@media (max-width:700px){
  .mp2-personal-photo-field{
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    padding:12px;
  }

  .mp2-personal-photo-preview{
    width:96px;
  }

  .mp2-personal-photo-controls{
    align-items:flex-start;
  }

  .mp2-personal-view__body{
    gap:22px;
  }

  .mp2-personal-view__ingredients,
  .mp2-personal-view__directions{
    font-size:15px;
  }

  .mp2-personal-view__footer{
    position:sticky;
    bottom:-20px;
    margin-left:-16px;
    margin-right:-16px;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom));
    background:rgba(250,249,246,.97);
    backdrop-filter:blur(8px);
  }
}