/* =========================================================================
   S+ (FRONT 01.11, decyzja Wiktora „ok, spróbujmy”) — makieta top3/strony/S.html.
   Zakres: body.mmk-sp (klasa z inc/s-plus.php). Wyłącznik = filtr mmk_sp_wlaczone.
   1) nagłówek i stopka S+ na KAŻDEJ stronie, 2) strona główna S+ (klasy sp-*).
   Kolory: zieleń #17432B / #0F3320, żółć #F5C842, krem #FFF6E0, CTA #C24A16 (Z-05). Krój: Archivo.
   ========================================================================= */
body.mmk-sp{--sp-g:#17432B;--sp-g2:#0F3320;--sp-y:#F5C842;--sp-cr:#FFF6E0;--sp-cta:#C24A16;--sp-cta-d:#A33A0E;
  --sp-f:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--sp-pad:max(30px,calc((100% - 1216px) / 2))}

/* ---------- 1. NAGŁÓWEK ---------- */
body.mmk-sp .mk-hdr{background:var(--sp-g);box-shadow:none;font-family:var(--sp-f)}
body.mmk-sp .mk-hdr .hdr{height:88px;padding-left:var(--sp-pad);padding-right:var(--sp-pad);gap:32px}
body.mmk-sp .mk-hdr .brand .mk-logo{height:36px}
body.mmk-sp .mk-hdr .sbox{position:relative;max-width:640px;height:52px;background:#fff;border:0;border-radius:8px;
  box-shadow:inset 0 0 0 2px var(--sp-y);padding:0 4px 0 18px;color:#5C554B}
body.mmk-sp .mk-hdr .sbox input{font-family:var(--sp-f);font-size:15px;height:44px;color:#24211D}
body.mmk-sp .mk-hdr .sbox input::placeholder{color:#5C554B}
body.mmk-sp .mk-hdr .sbox .sbtn{margin:0;position:static;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:84px;padding:0 20px;border-radius:6px;
  background:var(--sp-cta);color:#fff;font-family:var(--sp-f);font-weight:700;font-size:15px;border:0;box-shadow:none}
body.mmk-sp .mk-hdr .sbox .sbtn:hover{background:var(--sp-cta-d)}
body.mmk-sp .mk-hdr .hlog,body.mmk-sp .mk-hdr .mk-cart{color:var(--sp-cr);font-size:15px;font-weight:600;font-family:var(--sp-f)}
body.mmk-sp .mk-hdr .hlog,body.mmk-sp .mk-hdr .mk-cart{display:inline-flex;align-items:center;gap:8px;min-height:44px}
body.mmk-sp .mk-hdr .hlog:hover,body.mmk-sp .mk-hdr .mk-cart:hover{color:var(--sp-y)}
body.mmk-sp .mk-hdr .mk-cart-count:not(.is-zero){background:var(--sp-y);color:var(--sp-g)}
/* pasek kategorii */
body.mmk-sp .mk-hdr .menu{background:var(--sp-g2);border:0}
body.mmk-sp .mk-hdr .menu::after{background:linear-gradient(to right,rgba(15,51,32,0),var(--sp-g2))}
body.mmk-sp .mk-hdr .menu .in{height:52px;padding-left:var(--sp-pad);padding-right:var(--sp-pad)}
body.mmk-sp .mk-hdr .wv-bar .mitem,body.mmk-sp .mk-hdr .menu .in>.mdrop>.mitem{color:var(--sp-cr);font-family:var(--sp-f);font-stretch:80%;font-weight:700;font-size:16px;
  text-transform:uppercase;letter-spacing:.03em;background-image:none}
/* menu-d4.css ma tu !important (terakota na bieli) — na zieleni S+ żółć */
body.mmk-sp .mk-hdr .wv-bar .mitem:hover,body.mmk-sp .mk-hdr .wv-bar .mitem[aria-expanded="true"],
body.mmk-sp .mk-hdr .wv-bar .wv-trig--dieta:hover,body.mmk-sp .mk-hdr .wv-bar .wv-trig--dieta[aria-expanded="true"]{background:none!important;color:var(--sp-y)!important;box-shadow:inset 0 -3px 0 var(--sp-y)!important}
body.mmk-sp .mk-hdr .wv-bar .mitem .car{color:currentColor;opacity:.7}
body.mmk-sp .mk-hdr .wv-bar .wv-trig--dieta{color:var(--sp-y)}
body.mmk-sp .mk-hdr .wv-sep{background:var(--sp-cr);opacity:.35}
/* panele menu zostają jasne, z ciemnym tekstem */
body.mmk-sp .mk-hdr .wv-pnl,body.mmk-sp .mk-hdr .wv-pan,body.mmk-sp .mk-hdr .mpanel{color:#3A2B33;font-family:var(--sp-f)}

@media (max-width:900px){
  body.mmk-sp .mk-hdr .hdr{height:auto;min-height:0;flex-wrap:wrap;row-gap:8px;column-gap:8px;padding:10px 16px 12px}
  body.mmk-sp .mk-hdr .brand .mk-logo{height:28px}
  body.mmk-sp .mk-hdr .brand{min-height:44px;display:inline-flex;align-items:center}
  body.mmk-sp .mk-hdr .hact{margin-left:auto;gap:4px}
  body.mmk-sp .mk-hdr .hlog,body.mmk-sp .mk-hdr .mk-cart{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative}
  body.mmk-sp .mk-hdr .hlog>span,body.mmk-sp .mk-hdr .mk-cart>span:not(.mk-cart-count){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body.mmk-sp .mk-hdr .hlog .mk-ico,body.mmk-sp .mk-hdr .mk-cart .mk-ico{width:22px;height:22px}
  /* wyszukiwarka zawsze rozwinięta, pełna szerokość pod logo; przycisk „Szukaj” widoczny */
  body.mmk-sp .mk-hdr .sbox,body.mmk-sp .mk-hdr .sbox:focus-within{order:3;flex:1 1 100%;width:100%;max-width:none;height:52px;margin:0;display:flex;justify-content:flex-start;
    padding:0 4px 0 14px;position:relative;border-radius:8px;background:#fff;border:0;color:#5C554B;box-shadow:inset 0 0 0 2px var(--sp-y)}
  body.mmk-sp .mk-hdr .sbox .sicon{display:inline;font-size:16px}
  body.mmk-sp .mk-hdr .sbox input,body.mmk-sp .mk-hdr .sbox:focus-within input{position:static;display:block;width:auto;flex:1 1 auto;min-width:0;opacity:1;height:44px;font-size:16px;padding:0 6px;cursor:text}
  body.mmk-sp .mk-hdr .sbox .sbtn,body.mmk-sp .mk-hdr .sbox:focus-within .sbtn{position:static;inset:auto;flex:none;width:auto;height:44px;min-height:44px;min-width:84px;margin:0;border-radius:6px;padding:0 14px;pointer-events:auto}
  body.mmk-sp .mk-hdr .sbox .sbtn .sbtn-t{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:inline}
  body.mmk-sp .mk-hdr .sbox .sbtn .sbtn-i{display:none}
  body.mmk-sp .mk-hdr .sbox:focus-within ~ .hact{display:flex}
  /* trzy przyciski pod nagłówkiem */
  body.mmk-sp .mk-hdr .menu .in{height:auto;min-height:0;padding:10px 16px}
  body.mmk-sp .mk-hdr .mk-mnav-b{background:transparent;color:var(--sp-cr);border-color:rgba(255,246,224,.85);font-family:var(--sp-f);font-weight:600}
  body.mmk-sp .mk-hdr .mk-mnav-b>span,body.mmk-sp .mk-hdr .mk-mnav-b .mmk-ok{color:currentColor}
  body.mmk-sp .mk-hdr .mk-mnav-b:hover{color:var(--sp-y);border-color:var(--sp-y)}
}

/* ---------- 2. STOPKA ---------- */
body.mmk-sp footer.foot{background:var(--sp-g2);color:var(--sp-cr);font-family:var(--sp-f)}
body.mmk-sp footer.foot p,body.mmk-sp footer.foot .mmk-firma{color:var(--sp-cr)!important}
body.mmk-sp footer.foot b{color:var(--sp-y);text-transform:uppercase;letter-spacing:.06em;font-weight:800}
body.mmk-sp footer.foot a{color:var(--sp-cr);text-decoration:underline;text-underline-offset:3px}
body.mmk-sp footer.foot a:hover{color:var(--sp-y)}
body.mmk-sp footer.foot .brand{text-decoration:none}
body.mmk-sp footer.foot .footg>div>a:not(.brand){display:flex;align-items:center;min-height:32px;width:max-content;max-width:100%}
body.mmk-sp footer.foot address a{display:flex;align-items:center;min-height:32px;width:max-content;max-width:100%}
@media (max-width:900px){body.mmk-sp footer.foot .footg>div>a:not(.brand),body.mmk-sp footer.foot address a,body.mmk-sp footer.foot .brand{min-height:44px;min-width:44px;display:flex;align-items:center}}

/* ---------- 3. STRONA GŁÓWNA S+ ---------- */
body.mmk-sp .sp-in{max-width:1280px;margin:0 auto;padding:0 32px;box-sizing:border-box}
body.mmk-sp .sp-ss,body.mmk-sp .sp-sec,body.mmk-sp .sp-li,body.mmk-sp .sp-pas{font-family:var(--sp-f)}
body.mmk-sp .sp-ss *,body.mmk-sp .sp-sec *,body.mmk-sp .sp-li *{box-sizing:border-box}
/* przyciski */
body.mmk-sp .sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--sp-cta);color:#fff;
  font-family:var(--sp-f);font-weight:700;font-size:15px;white-space:nowrap;border:0;cursor:pointer;text-decoration:none}
body.mmk-sp .sp-btn:hover{background:var(--sp-cta-d);color:#fff}
body.mmk-sp .sp-btn--o{background:transparent;color:var(--sp-g);box-shadow:inset 0 0 0 1.5px currentColor}
body.mmk-sp .sp-btn--o:hover{background:var(--sp-g);color:var(--sp-cr)}
body.mmk-sp .sp-add{width:44px;height:44px;flex:none;border-radius:50%;background:var(--sp-cta);color:#fff;border:0;display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;cursor:pointer;padding:0}
body.mmk-sp .sp-add:hover{background:var(--sp-cta-d)}
body.mmk-sp .sp-add.done,body.mmk-sp .sp-btn.done{background:#2F7A34}
body.mmk-sp .sp-brak{font-size:13px;font-weight:600;color:#5C554B}
/* ramka zdjęcia 1:1 (białe tło, margines 8 %, contain) */
body.mmk-sp .sp-mf{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff;border-radius:12px;overflow:hidden;flex:none;line-height:0}
body.mmk-sp .sp-mf img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:8%;margin:0;mix-blend-mode:normal}
body.mmk-sp .sp-mf--w{width:72px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(40,40,30,.10)}
body.mmk-sp .sp-mf--w img{padding:6%}

/* góra: produkt tygodnia */
body.mmk-sp .sp-ss{background:var(--sp-g);color:var(--sp-cr);padding:0 0 36px}
body.mmk-sp .sp-ss .sp-in{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:18px}
body.mmk-sp .sp-pt{background:var(--sp-y);color:var(--sp-g);border-radius:20px;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:20px;padding:30px 36px;min-height:440px}
body.mmk-sp .sp-pt-k{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0}
body.mmk-sp .sp-pt-k2::before{content:" · "}
body.mmk-sp .sp-pt-h{font-family:var(--sp-f);font-stretch:62%;font-weight:900;font-size:82px;line-height:.88;text-transform:uppercase;margin:10px 0 16px;color:var(--sp-g);letter-spacing:0}
body.mmk-sp .sp-pt-h a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
body.mmk-sp .sp-pt-c{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
body.mmk-sp .sp-pt-c b{font-stretch:70%;font-weight:900;font-size:72px;line-height:1}
body.mmk-sp .sp-pt-c small{font-size:14px;display:block;line-height:1.45}
body.mmk-sp .sp-pt-c .sp-btn{min-height:52px;padding:0 26px;font-size:16px}
body.mmk-sp .sp-pt-i{display:flex;justify-content:center}
body.mmk-sp .sp-mf--hero{width:280px;max-width:100%;border-radius:18px}
body.mmk-sp .sp-tt{display:flex;flex-direction:column}
body.mmk-sp .sp-tt h2{font-family:var(--sp-f);font-stretch:75%;font-weight:900;font-size:24px;text-transform:uppercase;color:var(--sp-y);margin:6px 0 8px;letter-spacing:0}
body.mmk-sp .sp-row.sp-row--tt{background:transparent;border-radius:0;display:grid;grid-template-columns:64px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,246,224,.25)}
body.mmk-sp .sp-row--tt .sp-mf--w{width:64px}
body.mmk-sp .sp-row--tt .sp-row-t{color:var(--sp-cr);text-decoration:none;font-size:14px;line-height:1.3}
body.mmk-sp .sp-row--tt .sp-row-t small{display:none}
body.mmk-sp .sp-row--tt .sp-row-t b{display:block;font-stretch:75%;font-weight:900;font-size:21px;color:var(--sp-y);margin-top:2px}
/* pas korzyści */
body.mmk-sp .sp-pas{background:var(--sp-g2);color:var(--sp-y)}
body.mmk-sp .sp-pas .sp-in{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 40px;min-height:40px;align-items:center;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;padding-top:8px;padding-bottom:8px;text-align:center}

/* sekcje */
body.mmk-sp .sp-sec{padding:56px 0;color:var(--sp-g)}
body.mmk-sp .sp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
body.mmk-sp .sp-eb{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;color:var(--sp-g)}
body.mmk-sp .sp-sec h2{font-family:var(--sp-f);font-stretch:68%;font-weight:900;text-transform:uppercase;font-size:40px;line-height:1.05;color:var(--sp-g);margin:0;letter-spacing:0}
body.mmk-sp .sp-sec h2 span{background:var(--sp-y);padding:0 6px;color:var(--sp-g)}
body.mmk-sp .sp-lead{font-size:16px;margin:8px 0 0;max-width:640px;line-height:1.45}
/* Polecane: kafle sklepu (mameko_pc_card) w stylu S+ */
body.mmk-sp .sp-pol{background:var(--sp-cr)}
body.mmk-sp .sp-pol .pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
body.mmk-sp .sp-pol .pc{border:1.5px solid var(--sp-g);box-shadow:6px 6px 0 var(--sp-y);border-radius:14px;background:#fff}
body.mmk-sp .sp-pol .pc .pr,body.mmk-sp .sp-pol .pc .pr .amount{font-family:var(--sp-f);font-stretch:75%;font-weight:900;font-size:21px;color:var(--sp-g)}
body.mmk-sp .sp-pol .pc .add{background:var(--sp-cta);color:#fff}
body.mmk-sp .sp-pol .pc .bar,body.mmk-sp .sp-pol .pc .foot{background:#fff}
/* sekcje dzielone na zieleni: żółty panel + lista */
body.mmk-sp .sp-ciem{background:var(--sp-g);color:var(--sp-cr)}
body.mmk-sp .sp-ciem h2,body.mmk-sp .sp-ciem .sp-eb{color:var(--sp-y)}
body.mmk-sp .sp-ciem .sp-lead{color:var(--sp-cr)}
body.mmk-sp .sp-split .sp-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch}
body.mmk-sp .sp-pn{background:var(--sp-y);color:var(--sp-g);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:16px}
body.mmk-sp .sp-pn-t{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
body.mmk-sp .sp-pn .sp-pn-h{color:var(--sp-g);font-stretch:62%;font-size:44px;line-height:.92}
body.mmk-sp .sp-pn-t p{margin:0;font-size:15px;line-height:1.45}
body.mmk-sp .sp-pn-p{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:14px;padding:14px;color:#24211D}
body.mmk-sp .sp-mf--pn{width:100%;max-width:300px;align-self:center}
body.mmk-sp .sp-pn-d{display:flex;flex-direction:column;gap:3px;min-width:0}
body.mmk-sp .sp-pn-m{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5C554B}
body.mmk-sp .sp-pn-n{display:flex;align-items:center;min-height:32px;font-size:15px;line-height:1.3;color:#24211D;text-decoration:none}
@media (max-width:900px){body.mmk-sp .sp-pn-n{min-height:44px}}
body.mmk-sp .sp-pn-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
body.mmk-sp .sp-pn-f b{font-stretch:75%;font-weight:900;font-size:22px;color:var(--sp-g)}
body.mmk-sp .sp-list{display:flex;flex-direction:column;gap:10px}
body.mmk-sp .sp-row{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:14px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;color:var(--sp-g)}
body.mmk-sp .sp-row-t{text-decoration:none;color:var(--sp-g);font-size:15px;line-height:1.3;min-width:0}
body.mmk-sp .sp-row-t small{display:block;font-size:12px;color:#5C554B;margin-top:2px}
body.mmk-sp .sp-row-t b{display:block;font-stretch:75%;font-weight:900;font-size:20px;margin-top:2px;color:var(--sp-g)}
/* historia */
body.mmk-sp .sp-hi{background:var(--sp-y)}
body.mmk-sp .sp-kr{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;margin:22px 0 0;padding:0;counter-reset:k}
body.mmk-sp .sp-kr li{display:flex;flex-direction:column;gap:2px;padding-left:44px;position:relative;counter-increment:k}
body.mmk-sp .sp-kr li::before{content:counter(k);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--sp-g);color:var(--sp-y)}
body.mmk-sp .sp-kr b{font-size:17px}
body.mmk-sp .sp-kr span{font-size:14px;line-height:1.4}
/* liczby */
body.mmk-sp .sp-li{background:var(--sp-g);color:var(--sp-cr);padding:40px 0}
body.mmk-sp .sp-li .sp-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:center}
body.mmk-sp .sp-li b{display:block;font-stretch:65%;font-weight:900;font-size:56px;line-height:1.1;color:var(--sp-y)}
body.mmk-sp .sp-li span{font-size:14px}

/* poradniki i blog na SG (znacznik z inc/geo-v4.php i inc/blog.php — bez zmian, tylko wygląd) */
body.mmk-sp.home .mk-por2,body.mmk-sp.home .mk-blog-sg{font-family:var(--sp-f)}
body.mmk-sp.home .mk-por2 h2,body.mmk-sp.home .mk-blog-sg h2{font-family:var(--sp-f);font-stretch:68%;font-weight:900;text-transform:uppercase;color:var(--sp-g);letter-spacing:0}
body.mmk-sp.home .mk-por2 .banner{background:var(--sp-y)}
body.mmk-sp.home .mk-por2 .mk-por2-w,body.mmk-sp.home .mk-blog-sg .pc,body.mmk-sp.home .mk-blog-sg a.mk-blog-k{border:1.5px solid var(--sp-g);box-shadow:4px 4px 0 var(--sp-y)}

@media (max-width:900px){
  body.mmk-sp .sp-in{padding:0 16px}
  body.mmk-sp .sp-ss{padding:14px 0 24px}
  body.mmk-sp .sp-ss .sp-in{grid-template-columns:minmax(0,1fr);gap:14px}
  body.mmk-sp .sp-pt{grid-template-columns:minmax(0,1fr) 120px;padding:18px;min-height:0;gap:10px;border-radius:16px}
  body.mmk-sp .sp-pt-k{letter-spacing:.06em;font-size:12px}
  body.mmk-sp .sp-pt-k2{display:block}
  body.mmk-sp .sp-pt-k2::before{content:none}
  body.mmk-sp .sp-pt-h{font-size:40px;margin:6px 0 12px}
  body.mmk-sp .sp-pt-c{gap:10px}
  body.mmk-sp .sp-pt-c b{font-size:44px}
  body.mmk-sp .sp-pt-c .sp-btn{min-height:48px;flex-basis:100%}
  body.mmk-sp .sp-pt-i{align-self:start}
  body.mmk-sp .sp-mf--hero{width:100%;border-radius:12px}
  body.mmk-sp .sp-pas .sp-in{gap:4px 14px;font-size:12px}
  body.mmk-sp .sp-pas .sp-in span:nth-child(n+3){display:none}
  body.mmk-sp .sp-sec{padding:36px 0}
  body.mmk-sp .sp-head{flex-direction:column;align-items:flex-start;gap:12px}
  body.mmk-sp .sp-sec h2{font-size:30px}
  body.mmk-sp .sp-pol .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.mmk-sp .sp-pol .pc .add,body.mmk-sp .sp-pol .pc .fav{width:44px;height:44px;min-width:44px;min-height:44px}
  body.mmk-sp .sp-split .sp-in{grid-template-columns:minmax(0,1fr);gap:18px}
  body.mmk-sp .sp-pn{padding:20px}
  body.mmk-sp .sp-pn .sp-pn-h{font-size:36px}
  body.mmk-sp .sp-pn-p{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:12px}
  body.mmk-sp .sp-mf--pn{width:112px}
  body.mmk-sp .sp-row{grid-template-columns:56px minmax(0,1fr) 44px;gap:12px;padding:10px 12px}
  body.mmk-sp .sp-row .sp-mf--w{width:56px}
  body.mmk-sp .sp-kr{grid-template-columns:minmax(0,1fr)}
  body.mmk-sp .sp-li .sp-in{grid-template-columns:1fr 1fr;row-gap:24px}
  body.mmk-sp .sp-li b{font-size:40px}
}

/* =========================================================================
   01.11 POPRAWKI SG (uwagi Wiktora do PRZED_PO): równe doły kafel/lista, Poradniki, sekcja Dieta.
   Komputer i tablet (≥ 701 px): dwie kolumny, prawa kolumna wypełnia wysokość lewej (wiersze rosną równo).
   Telefon (≤ 700 px): bez zmian — jedna kolumna.
   ========================================================================= */
/* lista obok kafla: kolumna flex, wiersze dzielą wysokość po równo */
body.mmk-sp .sp-tt{display:flex;flex-direction:column}
body.mmk-sp .sp-split .sp-in>div:last-child{display:flex;flex-direction:column;min-width:0}
body.mmk-sp .sp-pn-p{justify-content:center}
@media (min-width:701px){
  body.mmk-sp .sp-ss .sp-in,body.mmk-sp .sp-split .sp-in{align-items:stretch}
  body.mmk-sp .sp-row.sp-row--tt{flex:1 1 0;min-height:76px}
  body.mmk-sp .sp-list{flex:1 1 auto}
  body.mmk-sp .sp-list .sp-row{flex:1 1 0;min-height:76px}
}
/* tablet 701–900: dwie kolumny jak na komputerze, kafel produktu tygodnia w układzie telefonu */
@media (min-width:701px) and (max-width:900px){
  body.mmk-sp .sp-ss .sp-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px}
  body.mmk-sp .sp-pt{align-content:center}
  body.mmk-sp .sp-split .sp-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
  body.mmk-sp .sp-pn-p{display:flex;flex-direction:column;align-items:stretch}
  body.mmk-sp .sp-mf--pn{width:100%;max-width:220px}
  body.mmk-sp .sp-row{grid-template-columns:56px minmax(0,1fr) 44px}
  body.mmk-sp .sp-pol .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* sekcja Dieta */
body.mmk-sp .sp-dt{background:var(--sp-cr)}
body.mmk-sp .sp-dt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.mmk-sp .sp-dt-k{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:150px;padding:22px 22px 18px;
  background:#fff;border:1.5px solid var(--sp-g);border-radius:14px;box-shadow:6px 6px 0 var(--sp-y);color:var(--sp-g);text-decoration:none}
body.mmk-sp .sp-dt-k b{font-family:var(--sp-f);font-stretch:68%;font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;padding-right:28px}
body.mmk-sp .sp-dt-k span{font-size:15px;font-weight:600;color:#3F4A3F}
body.mmk-sp .sp-dt-k i{position:absolute;right:18px;top:20px;font-style:normal;font-size:22px;color:var(--sp-cta)}
body.mmk-sp .sp-dt-k:hover{background:var(--sp-y)}
@media (max-width:900px){
  body.mmk-sp .sp-dt-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.mmk-sp .sp-dt-k{min-height:112px;padding:16px 14px 14px}
  body.mmk-sp .sp-dt-k b{font-size:22px;padding-right:22px}
  body.mmk-sp .sp-dt-k i{right:12px;top:14px}
}

/* Poradniki zakupowe (znacznik z inc/geo-v4.php bez zmian): krój i wielkości S+, kafel i lista równo na dole, linki jednym stylem */
body.mmk-sp.home .mk-por2{font-family:var(--sp-f);color:var(--sp-g)}
body.mmk-sp.home .mk-por2 h2#mk-poradniki-h{font-size:40px!important;line-height:1.05;margin:0}
body.mmk-sp.home .mk-por2 .banner h2{font-family:var(--sp-f);font-stretch:62%;font-weight:900;font-size:44px;line-height:.95;text-transform:uppercase;letter-spacing:0}
body.mmk-sp.home .mk-por2 .banner p{font-size:16px;line-height:1.45}
body.mmk-sp.home .mk-por2 .banner .btn{font-family:var(--sp-f);font-weight:700;font-size:15px;min-height:48px;display:inline-flex;align-items:center;padding:0 24px;border-radius:999px;background:var(--sp-cta)}
body.mmk-sp.home .mk-por2-w{gap:16px;padding:14px 18px 14px 14px;border-radius:14px}
body.mmk-sp.home .mk-por2-w .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--sp-g);font-weight:700}
body.mmk-sp.home .mk-por2-w h3{font-family:var(--sp-f);font-weight:800;font-size:21px;line-height:1.2;color:var(--sp-g)}
body.mmk-sp.home .mk-por2-w p:not(.eyebrow){font-size:15px;line-height:1.45;color:#3F4A3F}
body.mmk-sp.home .mk-por2-w .str{font-size:22px;color:var(--sp-cta)}
body.mmk-sp.home .mk-por2 .more,body.mmk-sp.home .mk-por2 summary.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;
  background:none!important;box-shadow:none!important;color:var(--sp-g)!important;font-family:var(--sp-f);font-weight:800;font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
body.mmk-sp.home .mk-por2 .more:hover,body.mmk-sp.home .mk-por2 summary.more:hover{color:var(--sp-cta-d)!important}
body.mmk-sp.home .mk-por2-wsz summary.more::after{color:var(--sp-cta);text-decoration:none}
body.mmk-sp.home .mk-por2-wsz,body.mmk-sp.home .mk-por2-wsz-l{margin:0}
@media (min-width:701px){
  body.mmk-sp.home .mk-por2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:stretch}
  body.mmk-sp.home .mk-por2 .banner{align-self:stretch;aspect-ratio:auto;min-height:0;height:auto}
  body.mmk-sp.home .mk-por2>div:last-child{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:28px;row-gap:14px;min-height:0;contain:none}
  body.mmk-sp.home .mk-por2>div:last-child>.shead,body.mmk-sp.home .mk-por2>div:last-child>.mk-por2-lista{grid-column:1/-1}
  body.mmk-sp.home .mk-por2-lista{display:flex;flex-direction:column;gap:12px;min-height:0}
  body.mmk-sp.home .mk-por2-lista .mk-por2-w{flex:1 1 auto;min-height:auto}
  body.mmk-sp.home .mk-por2-wsz-l{justify-self:end;align-self:center}
  body.mmk-sp.home .mk-por2-wsz[open]{grid-column:1/-1}
  body.mmk-sp.home .mk-por2:has(details[open]) .banner{align-self:start}
}
@media (min-width:701px) and (max-width:900px){
  body.mmk-sp.home .mk-por2{gap:16px}
  body.mmk-sp.home .mk-por2>div:last-child{grid-template-columns:minmax(0,1fr);column-gap:0}
  body.mmk-sp.home .mk-por2-wsz-l{justify-self:start}
  body.mmk-sp.home .mk-por2 .banner h2{font-size:34px}
}
@media (max-width:700px){
  body.mmk-sp.home .mk-por2 h2#mk-poradniki-h{font-size:30px!important}
  body.mmk-sp.home .mk-por2 .banner h2{font-size:34px}
  body.mmk-sp.home .mk-por2-w h3{font-size:19px}
  body.mmk-sp.home .mk-por2-wsz-l{margin-top:4px}
}
/* kafel Granola: tekst na zdjęciu czytelny — ciemnozielony gradient od dołu, nagłówek żółty, opis kremowy */
body.mmk-sp.home .mk-por2 .banner{position:relative;overflow:hidden;color:var(--sp-cr)}
body.mmk-sp.home .mk-por2 .banner .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,51,32,.95) 0,rgba(15,51,32,.82) 42%,rgba(15,51,32,0) 78%)}
body.mmk-sp.home .mk-por2 .banner h2{color:var(--sp-y);position:relative}
body.mmk-sp.home .mk-por2 .banner p{color:var(--sp-cr);position:relative}

/* 01.11 logo S+ wariant B (napis Archivo na krzywych + żółty liść): proporcja 5,5:1 — wyższe niż szeryfowe, żeby litery miały tę samą wielkość */
body.mmk-sp .mk-hdr .brand .mk-logo{height:40px;transform:none}
@media (max-width:900px){body.mmk-sp .mk-hdr .brand .mk-logo{height:32px}}
/* mało produktów w sekcji (Twój wybór): wiersze nie rosną ponad 120 px; panel krótszy i wyśrodkowany */
/* 01.11 RÓWNO we wszystkich stanach (Wiktor): obie kolumny zawsze rozciągnięte do wspólnej wysokości (grid stretch);
   lista dzieli wysokość między wiersze (rosną przy 1–3 wierszach), panel bez produktu ma treść na środku. */
@media (min-width:701px){
  body.mmk-sp .sp-split .sp-in>.sp-pn{height:100%}
  body.mmk-sp .sp-split .sp-list{flex:1 1 auto;display:flex;flex-direction:column}
  body.mmk-sp .sp-split .sp-list .sp-row{flex:1 1 auto}
  body.mmk-sp .sp-split--malo .sp-pn{justify-content:center}
  body.mmk-sp .sp-ss .sp-in>.sp-pt,body.mmk-sp .sp-ss .sp-in>.sp-tt{height:100%}
  body.mmk-sp .sp-tt .sp-row--tt{flex:1 1 auto}
  body.mmk-sp .sp-ss--sam .sp-in{grid-template-columns:minmax(0,1fr)}
}
/* długa nazwa produktu tygodnia (np. przy „Twoim wyborze”): mniejszy krój, łamanie w kolumnie tekstu */
body.mmk-sp .sp-pt>div{min-width:0}
body.mmk-sp .sp-pt-h{overflow-wrap:break-word;hyphens:none;-webkit-hyphens:none}
body.mmk-sp .sp-pt-h a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:44px}
body.mmk-sp .sp-pt-h--d{font-size:60px}
body.mmk-sp .sp-pt-h--b{font-size:44px;line-height:.95}
@media (max-width:900px){body.mmk-sp .sp-pt-h--d{font-size:28px;line-height:.95}body.mmk-sp .sp-pt-h--b{font-size:24px;line-height:1}}
/* telefon: krótsza strona (AS5 ≤ 7 874 px także na 360 po dodaniu „Twój wybór”) */
@media (max-width:700px){body.mmk-sp .sp-sec{padding:30px 0}body.mmk-sp .sp-li{padding:28px 0}body.mmk-sp .sp-li .sp-in{row-gap:16px}}

/* 01.11 poprawki „Twój wybór” (Wiktor): góra strony ma odstęp od paska wyboru */
body.mmk-sp.mmk-tw-on .sp-ss{padding-top:24px}
/* telefon ≤ 700: zwarty nagłówek S+ (logo proporcjonalne do ikon, jeden rząd ikon, mniejsze przyciski Kategorie/Polecane/Moja lista) */
@media (max-width:700px){
  body.mmk-sp .mk-hdr .hdr{padding:4px 12px 6px 16px;row-gap:2px}
  body.mmk-sp .mk-hdr .brand .mk-logo{height:24px}
  body.mmk-sp .mk-hdr .hact{gap:2px;align-items:center}
  body.mmk-sp .mk-hdr .sbox,body.mmk-sp .mk-hdr .sbox:focus-within{height:48px;padding-right:2px}
  body.mmk-sp .mk-hdr .sbox input,body.mmk-sp .mk-hdr .sbox .sbtn{height:44px;min-height:44px}
  body.mmk-sp .mk-hdr .menu .in{padding:2px 16px}
  body.mmk-sp .mk-hdr .mk-mnav{gap:6px}
  body.mmk-sp .mk-hdr .mk-mnav-b{min-height:44px;padding:0 8px;font-size:13px;font-weight:700;border-width:1.5px;gap:5px}
  body.mmk-sp .mk-hdr .mk-mnav-b>span,body.mmk-sp .mk-hdr .mk-mnav-b span{font-size:13px}
}
@media (max-width:380px){body.mmk-sp .sp-pt-h--d{font-size:25px}body.mmk-sp .sp-pt-h--b{font-size:22px}}
/* 01.11 kafel dopełniający przy 1–2 produktach: wiersze od góry, reszta wysokości = „Zobacz wszystkie…” (nigdy pusta przestrzeń) */
body.mmk-sp .sp-wiecej{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:16px;border:2px dashed rgba(255,246,224,.55);border-radius:14px;text-align:center}
body.mmk-sp .sp-tt--malo .sp-wiecej{margin-top:10px}
body.mmk-sp .sp-wiecej-l{display:inline-flex;align-items:center;min-height:44px;color:var(--sp-y);font-weight:800;font-size:17px;text-decoration:underline;text-underline-offset:4px}
body.mmk-sp .sp-wiecej-off{min-height:44px;border:0;background:none;color:var(--sp-cr);font:600 14px var(--sp-f);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:701px){
  body.mmk-sp .sp-tt--malo .sp-row--tt,body.mmk-sp .sp-split .sp-list--malo .sp-row{flex:0 0 auto}
  body.mmk-sp .sp-wiecej{flex:1 1 auto}
}
@media (max-width:700px){body.mmk-sp .sp-kr{gap:10px;margin-top:14px}body.mmk-sp .sp-hi .sp-lead{font-size:15px}}