/* My Kitchen rebuild */
/* ===================== MY KITCHEN (rebuild) ===================== */
#page-dashboard .mk2-wrap{ --navy:#243447; --navy-d:#1e2d3d; --ink:#5a6a78; --soft:#7a8794;
  --sage-pale:#eef4ec; --sage-pale2:#f4f8f2; --sage-lt:#e3efde; --sage:#7d9e77;
  --green:#2f5d3a; --green-h:#3f6b43; --line:#e7ede4;
  background:#fff; color:var(--navy); max-width:1140px; margin:0 auto; padding:46px 24px 70px; }
#page-dashboard .mk2-wrap *{ box-sizing:border-box; }

/* header */
.mk2-head{ text-align:center; max-width:680px; margin:0 auto 40px; }
.mk2-eyebrow{ font-size:0.74rem; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; color:var(--sage); margin-bottom:12px; }
.mk2-title{ font-family:Georgia,'Cormorant Garamond',serif; font-weight:700; font-size:clamp(2.3rem,5vw,3.2rem); line-height:1.05; margin:0 0 14px; }
.mk2-sub{ font-size:clamp(1.02rem,2vw,1.2rem); color:var(--ink); line-height:1.6; margin:0; }

/* grid */
.mk2-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }

/* feature tile */
.mk2-pod{ position:relative; background:#fff; border:1px solid var(--line); border-radius:24px; padding:30px 30px 28px; box-shadow:0 6px 26px rgba(36,52,71,0.06); display:flex; flex-direction:column; cursor:pointer; transition:transform .18s, box-shadow .18s, border-color .18s; }
.mk2-pod:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(36,52,71,0.1); border-color:#d9e3d3; }
.mk2-pod-ico{ width:58px; height:58px; border-radius:16px; background:var(--sage-pale); display:flex; align-items:center; justify-content:center; font-size:1.85rem; margin-bottom:18px; }
.mk2-pod-h{ font-family:Georgia,serif; font-weight:700; font-size:1.4rem; margin:0 0 8px; line-height:1.2; }
.mk2-pod-desc{ font-size:0.97rem; color:var(--ink); line-height:1.6; margin:0 0 18px; }
.mk2-list{ list-style:none; margin:0 0 20px; padding:0; display:grid; gap:9px; }
.mk2-list li{ position:relative; padding-left:26px; font-size:0.9rem; color:var(--navy); line-height:1.45; }
.mk2-list li::before{ content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:50%; background:var(--sage-lt); }
.mk2-list li::after{ content:""; position:absolute; left:5px; top:8px; width:5px; height:8px; border:1.8px solid var(--green); border-top:none; border-left:none; transform:rotate(40deg); }
.mk2-conx{ margin-top:auto; background:var(--sage-pale); border-radius:14px; padding:11px 15px; font-size:0.82rem; color:var(--navy); line-height:1.5; margin-bottom:18px; }
.mk2-conx b{ color:var(--green); font-weight:800; }
.mk2-conx-lbl{ display:block; font-size:0.66rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:var(--sage); margin-bottom:3px; }

/* CTA */
.mk2-cta{ align-self:flex-start; display:inline-flex; align-items:center; gap:9px; background:var(--green); color:#fff; border:none; border-radius:50px; padding:13px 26px; font-size:0.92rem; font-weight:800; cursor:pointer; font-family:inherit; transition:background .2s, transform .15s, box-shadow .2s; box-shadow:0 6px 16px rgba(47,93,58,0.22); }
.mk2-cta:hover{ background:var(--green-h); transform:translateY(-2px); box-shadow:0 10px 24px rgba(47,93,58,0.3); }
.mk2-cta-arrow{ transition:transform .2s; }
.mk2-pod:hover .mk2-cta-arrow, .mk2-cta:hover .mk2-cta-arrow{ transform:translateX(3px); }

/* ===== Featured Meal Planner card ===== */
.mk2-planner{ grid-column:1 / -1; background:#fff; border:1px solid var(--line); border-radius:30px; box-shadow:0 12px 40px rgba(36,52,71,0.09); overflow:hidden; display:grid; grid-template-columns:1fr 1.18fr; }
.mk2-planner-main{ padding:40px 40px 38px; display:flex; flex-direction:column; }
.mk2-planner-main .mk2-pod-ico{ background:var(--sage-lt); }
.mk2-planner-h{ font-family:Georgia,serif; font-weight:700; font-size:clamp(1.7rem,2.6vw,2.1rem); margin:0 0 10px; line-height:1.15; }
.mk2-planner-desc{ font-size:1.04rem; color:var(--ink); line-height:1.6; margin:0 0 18px; }
.mk2-flags{ display:flex; flex-wrap:wrap; gap:9px; margin-bottom:20px; }
.mk2-flag{ display:inline-flex; align-items:center; gap:6px; font-size:0.76rem; font-weight:800; padding:7px 13px; border-radius:50px; }
.mk2-flag.green{ background:var(--green); color:#fff; }
.mk2-flag.sage{ background:var(--sage-pale); color:var(--green); border:1px solid #d9e3d3; }
.mk2-planner-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.mk2-mini{ font-size:0.74rem; font-weight:700; color:var(--soft); background:var(--sage-pale2); border:1px solid var(--line); border-radius:50px; padding:5px 12px; }

/* planner preview side */
.mk2-prev{ background:linear-gradient(160deg,var(--sage-pale),var(--sage-pale2)); padding:30px; display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start; }
.mk2-panel{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px 15px; box-shadow:0 3px 12px rgba(36,52,71,0.04); }
.mk2-panel.wide{ grid-column:1 / -1; }
.mk2-prev-h{ font-size:0.72rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; color:var(--navy); margin-bottom:10px; display:flex; align-items:center; gap:6px; }
/* mini weekly calendar */
.mk2-cal-grid{ display:grid; grid-template-columns:18px repeat(7,1fr); gap:4px; }
.mk2-cal-grid .d{ font-size:0.56rem; font-weight:800; color:var(--soft); text-align:center; }
.mk2-cal-grid .r{ font-size:0.58rem; font-weight:800; color:var(--soft); display:flex; align-items:center; }
.mk2-cell{ height:17px; border-radius:5px; background:var(--sage-pale); }
.mk2-cell.hit{ background:var(--green); color:#fff; font-size:0.6rem; display:flex; align-items:center; justify-content:center; font-weight:800; }
/* shopping list mini */
.mk2-si{ display:flex; align-items:center; gap:8px; font-size:0.8rem; color:var(--navy); padding:3px 0; }
.mk2-box{ width:15px; height:15px; border-radius:4px; border:1.6px solid #c8d3c2; flex-shrink:0; }
.mk2-box.on{ background:var(--green); border-color:var(--green); position:relative; }
.mk2-box.on::after{ content:""; position:absolute; left:4px; top:1px; width:4px; height:8px; border:1.6px solid #fff; border-top:none; border-left:none; transform:rotate(40deg); }
/* nutrition bars */
.mk2-bar{ display:flex; align-items:center; gap:8px; margin:5px 0; font-size:0.74rem; color:var(--ink); }
.mk2-bar span{ width:64px; flex-shrink:0; }
.mk2-bar-track{ flex:1; height:7px; background:var(--sage-lt); border-radius:50px; overflow:hidden; }
.mk2-bar-track i{ display:block; height:100%; background:linear-gradient(90deg,var(--sage),var(--green)); border-radius:50px; }
/* prep */
.mk2-prep-t{ font-size:0.82rem; color:var(--ink); line-height:1.5; margin:0; }
/* print/share */
.mk2-pp{ display:flex; gap:8px; flex-wrap:wrap; }
.mk2-pp button{ flex:1; min-width:0; display:inline-flex; align-items:center; justify-content:center; gap:6px; background:var(--sage-pale); border:1px solid var(--line); color:var(--navy); border-radius:50px; padding:9px 12px; font-size:0.76rem; font-weight:800; cursor:pointer; font-family:inherit; transition:.15s; }
.mk2-pp button:hover{ background:var(--sage-lt); }

@media(max-width:860px){
  .mk2-planner{ grid-template-columns:1fr; }
  .mk2-planner-main{ padding:32px 26px 24px; }
}
@media(max-width:760px){
  .mk2-grid{ grid-template-columns:1fr; }
  #page-dashboard .mk2-wrap{ padding:34px 18px 56px; }
  .mk2-pod{ padding:26px 24px 24px; }
}
@media(max-width:420px){ .mk2-prev{ grid-template-columns:1fr; } .mk2-panel:not(.wide){ grid-column:1 / -1; } }