/* K12 (FRONT 02.11) — WYGENEROWANE narzedzia/zbuduj_css.py z warstw makiet; nie edytuj ręcznie. Ładowany tylko, gdy mmk_k12_wlaczone(). */

/* ===== makieta_sg_s.CSS_MK ===== */
/* ===== MAKIETA SG S — runda 2 (Wiktor): jakość wizualna, równe odstępy, zdjęcia zawsze czyste ===== */
body.mmk-sp{--mk-sek:56px}
@media (max-width:900px){body.mmk-sp{--mk-sek:32px}}
body .twd,body .twd *,body .ul,body .ul *{font-family:'Archivo',system-ui,sans-serif!important;text-shadow:none!important;letter-spacing:normal}
/* --- panel Twój wybór --- */
body .twd{background:#17432B!important;padding:20px 0 24px;background-image:none!important}
.twd-in{max-width:1280px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.twd-karta{background:#FFF6E0;border-radius:18px;padding:20px 24px 22px;box-shadow:6px 6px 0 #F5C842;color:#17432B}
.twd-g1{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
body .twd h2{margin:0!important;font-stretch:68%;font-weight:900!important;font-size:34px!important;line-height:1!important;text-transform:uppercase;color:#17432B!important}
.twd-g1 p{margin:6px 0 0;font-size:15px;color:#17432B}
body .twd .twd-pod{flex:none;display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;background:#C24A16!important;color:#fff!important;font-weight:800;font-size:17px;text-decoration:none;box-shadow:3px 3px 0 #17432B}
.twd-r{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding-top:12px;border-top:1.5px solid rgba(23,67,43,.18)}
.twd-r+.twd-r{margin-top:12px}
.twd-rh{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.twd-l{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
body .twd .twd-s{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:76px;padding:10px 12px;border:1.5px solid #17432B;border-radius:12px;background:#fff!important;color:#17432B!important;text-align:left;cursor:pointer}
.twd-n{font-weight:800;font-size:14px;line-height:1.15}
.twd-s--wm .twd-n::after{content:" ✓";color:#2F7A34}
.twd-d{display:flex;align-items:center;justify-content:space-between;gap:6px}
.twd-c{font-size:12.5px;font-weight:600;color:#3F4A3F}
.twd-k{position:relative;flex:none;width:40px;height:24px;border-radius:12px;border:2px solid #17432B;box-sizing:border-box;background:#fff}
.twd-g{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#17432B}
.twd-pl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body .twd .twd-p{min-height:44px;border-radius:999px;border:1.5px solid #17432B;background:#fff!important;color:#17432B!important;font-weight:700;font-size:15px;cursor:pointer}
/* --- odstępy: każda sekcja ten sam oddech --- */
body.mmk-sp .sp-sec,body.mmk-sp .ul{padding:var(--mk-sek) 0}
body.mmk-sp .sp-ss{padding-top:24px}
body.mmk-sp.home .mk-por2{padding-top:var(--mk-sek)!important;padding-bottom:var(--mk-sek)!important;margin-top:0!important;margin-bottom:0!important}
body.mmk-sp .mk-blog-sg{padding-top:var(--mk-sek)!important;padding-bottom:var(--mk-sek)!important;margin-top:0!important}
body.mmk-sp.home .d3{display:none}
/* --- nagłówki sekcji ułatwień --- */
.ul{color:#17432B}
.ul-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
body .ul h2{margin:0!important;font-stretch:68%;font-weight:900!important;font-size:40px!important;line-height:1.05!important;text-transform:uppercase;color:#17432B!important}
.ul-h p{margin:6px 0 0;font-size:16px;color:#3F4A3F}
.ul-lnk{font-weight:800;color:#17432B;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
/* --- kafel (Podpowiedz): chip nad zdjęciem, zdjęcie czyste --- */
.ul-k{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid #17432B;border-radius:14px;padding:12px;box-shadow:5px 5px 0 #F5C842;min-width:0}
.ul-pw{align-self:flex-start;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#FFF6E0;color:#17432B;border:1px solid rgba(23,67,43,.25);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ul-f{display:block;aspect-ratio:1/1;border-radius:10px;background:#fff;overflow:hidden}
.ul-f img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;display:block}
.ul-n{font-size:14px;line-height:1.3;color:#24211D;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.ul-m{font-size:12px;color:#5C554B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ul-st{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}
.ul-st b,.ul-ws b{font-stretch:75%;font-weight:900;font-size:20px;color:#17432B}
.ul-add{width:44px;height:44px;border-radius:50%;border:0;background:#C24A16;color:#fff;font-size:22px;line-height:1;cursor:pointer;flex:none}
.ul-pod{background:#fff}
.ul-siatka{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ul-dalej{display:flex;justify-content:center;margin-top:24px}
.ul-wiecej{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:0 40px;border:0;border-radius:999px;background:#C24A16;color:#fff;font:800 19px 'Archivo',system-ui,sans-serif;cursor:pointer;box-shadow:5px 5px 0 #17432B}
.ul-wiecej span{font-size:24px;line-height:1}
/* --- wiersz (Kup ponownie, Zamiast…) --- */
.ul-w{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border-radius:12px;padding:10px}
.ul-wf{display:block;width:64px;height:64px;border-radius:10px;border:1px solid rgba(23,67,43,.15);background:#fff;overflow:hidden}
.ul-wf img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;display:block}
.ul-wt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ul-wn{font-size:13.5px;line-height:1.3;color:#24211D;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ul-wo{font-size:12px;font-weight:600;color:#3F6A28}
.ul-ws{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ul-ws b{font-size:18px}
.ul-ws .ul-add{width:40px;height:40px;font-size:20px}
.ul-pon{background:#FFF6E0}
.ul-rz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ul-pon .ul-w{border:1.5px solid rgba(23,67,43,.2)}
/* --- Zamiast… --- */
.ul-zam{background:#E6EFE0;border-top:1.5px solid rgba(23,67,43,.15);border-bottom:1.5px solid rgba(23,67,43,.15)}
.ul-zg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.ul-z{display:flex;flex-direction:column;background:#FFF6E0;border:1.5px solid #17432B;border-radius:18px;padding:22px 20px 16px;box-shadow:6px 6px 0 #17432B}
body .ul-z h3{margin:0!important;font-stretch:68%;font-weight:900!important;font-size:26px!important;line-height:1!important;text-transform:uppercase;color:#17432B!important}
.ul-zs{margin:8px 0 16px;font-size:14px;line-height:1.4;color:#3F4A3F}
.ul-zl{display:flex;flex-direction:column;gap:10px;flex:1}
.ul-art{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-weight:800;color:#17432B;text-decoration:underline;text-underline-offset:3px}
/* --- Koszyk na tydzień --- */
.ul-kosz{background:#17432B;color:#FFF6E0}
body .ul-kosz h2{color:#F5C842!important}.ul-kosz .ul-h p{color:#FFF6E0}
.ul-kg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ul-ko{display:flex;flex-direction:column;background:#FFF6E0;color:#17432B;border-radius:18px;padding:20px;box-shadow:6px 6px 0 #F5C842}
body .ul-ko h3{margin:0!important;font-stretch:68%;font-weight:900!important;font-size:26px!important;line-height:1!important;text-transform:uppercase;color:#17432B!important}
.ul-ko>p{margin:6px 0 14px;font-size:14px}
.ul-min{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ul-min a{display:block;aspect-ratio:1/1;background:#fff;border-radius:10px;border:1px solid rgba(23,67,43,.2);overflow:hidden}
.ul-min img{width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;display:block}
.ul-ko-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.ul-ko-f b{font-stretch:70%;font-weight:900;font-size:30px}
/* --- kafle Polecane (sklepowe): serduszko i „✓ mameko” w pasku NAD zdjęciem --- */
body.mmk-sp .sp-pol .pc{position:relative;padding-top:52px!important}
body.mmk-sp .sp-pol .pc .fav{position:absolute!important;top:8px!important;left:8px!important;margin:0!important}
body.mmk-sp .sp-pol .pc .mmk-wybor{position:absolute!important;top:14px!important;right:10px!important;left:auto!important;margin:0!important}
/* --- Poradniki: czwarty kafel zamiast dwóch małych linków --- */
body.mmk-sp.home .mk-por2-wsz,body.mmk-sp.home .mk-por2-wsz-l{display:none!important}
body.mmk-sp.home .mk-por2-w--wsz .ft{display:flex!important;align-items:center;justify-content:center;font-size:30px;background:#F5C842!important}
@media (max-width:900px){
  /* panel: zwarta karta, rzędy przewijane w bok */
  body .twd{padding:12px 0 14px}
  .twd-in{padding:0 12px}
  .twd-karta{padding:12px 0 12px 14px;border-radius:14px;box-shadow:4px 4px 0 #F5C842}
  .twd-g1{margin:0 14px 10px 0;gap:10px}
  body .twd h2{font-size:24px!important}
  .twd-g1 p{display:none}
  body .twd .twd-pod{min-height:44px;padding:0 14px;font-size:14px}
  .twd-r{grid-template-columns:minmax(0,1fr);gap:6px;padding-top:8px}
  .twd-r+.twd-r{margin-top:8px}
  .twd-rh{font-size:11px}
  .twd-l,.twd-pl{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding:0 14px 4px 0}
  .twd-l::-webkit-scrollbar,.twd-pl::-webkit-scrollbar{display:none}
  body .twd .twd-s{flex:0 0 136px;min-height:64px;padding:8px 10px}
  body .twd .twd-p{flex:0 0 auto;padding:0 16px}
  body .ul h2{font-size:28px!important}
  .ul-h{margin-bottom:14px;align-items:flex-start}.ul-h p{font-size:14px}
  /* Podpowiedz: 2 kolumny, mniejsze zdjęcie */
  .ul-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ul-wiecej{width:100%;min-height:56px;font-size:17px;padding:0 16px}
  .ul-k{padding:10px;gap:4px;box-shadow:3px 3px 0 #F5C842}
  .ul-f{aspect-ratio:auto;height:118px}
  .ul-n{font-size:13px}.ul-st b{font-size:18px}.ul-add{width:40px;height:40px}
  /* Kup ponownie, Zamiast…, Koszyk: karuzele z widocznym kawałkiem następnej karty */
  .ul-rz,.ul-zg,.ul-kg{display:flex;overflow-x:auto;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 10px;scroll-snap-type:x proximity}
  .ul-rz::-webkit-scrollbar,.ul-zg::-webkit-scrollbar,.ul-kg::-webkit-scrollbar{display:none}
  .ul-rz>*{flex:0 0 240px}.ul-zg>*{flex:0 0 290px;scroll-snap-align:start}.ul-kg>*{flex:0 0 290px;scroll-snap-align:start}
  .ul-z{padding:16px 14px 10px;box-shadow:4px 4px 0 #17432B}
  .ul-w{grid-template-columns:56px minmax(0,1fr);padding:8px;gap:10px}.ul-wf{width:56px;height:56px}
  /* listy S+ na telefonie: miniatura 56 px */
  body.mmk-sp .sp-row.sp-row--tt{grid-template-columns:56px minmax(0,1fr) 44px}
  body.mmk-sp .sp-row--tt .sp-mf--w{width:56px}
  /* Polecane: 2 kolumny, mniejsze zdjęcie, zwarty tekst */
  body.mmk-sp .sp-pol .pgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important}
  body.mmk-sp .sp-pol .pc{padding-top:48px!important}
  body.mmk-sp .sp-pol .pc .imw{height:118px!important;min-height:0!important;aspect-ratio:auto!important}
  body.mmk-sp .sp-pol .pc .imw{display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;background:#fff!important}
  body.mmk-sp .sp-pol .pc .imw img{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;padding:2%!important;margin:0!important;transform:none!important}
  body.mmk-sp .sp-pol .pc{padding-left:10px!important;padding-right:10px!important}
  body.mmk-sp .sp-pol .pc .nm{font-size:13px!important}
  /* Historia i liczby zwarte */
  body.mmk-sp .sp-hi .sp-lead{display:none}
  body.mmk-sp .sp-hi .sp-kr{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
  body.mmk-sp .sp-hi .sp-kr span{font-size:12.5px}body.mmk-sp .sp-hi .sp-kr b{font-size:15px}
  body.mmk-sp .sp-li b{font-size:32px}
}

/* ===== gora_warianty.CSS ===== */
.vx,.vx *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box;text-shadow:none}
.vx h2{margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;line-height:1!important;letter-spacing:0!important}
/* --- ikony (wspólne) --- */
.ik{display:flex;justify-content:space-between;gap:12px}
.ik-i{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;flex:1;border:0;padding:0;background:none!important;cursor:pointer}
.ik-k{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;font-size:30px;line-height:1;font-weight:900;border:2px solid currentColor;background:#fff;color:#17432B}
.ik-i b{font-size:14px;font-weight:800;text-align:center;line-height:1.15}
.ik-kr{display:none}
.ik-i small{font-size:12px;opacity:.75}
.ik-on .ik-k{background:#F5C842!important;box-shadow:inset 0 0 0 4px #17432B;position:relative}
.ik-on .ik-k::after{content:'✓';position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#17432B;color:#F5C842;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.ik--jasne .ik-i{color:#17432B!important}
.ik--ciemne .ik-i{color:#FFF6E0!important}.ik--ciemne .ik-k{background:transparent;border-color:rgba(255,246,224,.7);color:#FFF6E0}
.ik--ciemne .ik-on .ik-k{color:#17432B;border-color:#F5C842;box-shadow:none}
/* W3 — pas „Kupuję…” */
.v3{background:#FFF6E0;padding:34px 0 30px}
.v3-in{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:48px}
.v3 h2{flex:none;font-size:40px!important;color:#17432B!important}
.v3 .ik{flex:1}
/* W2i — karta z ikonami obok produktu tygodnia, „Też w tym tygodniu” rzędem pod spodem */
.v2 .sp-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;row-gap:24px!important}
.v2-d{background:#FFF6E0;border-radius:20px;padding:30px 28px;color:#17432B;display:flex;flex-direction:column;justify-content:center}
.v2-d h2{font-size:38px!important;color:#17432B!important}
.v2-d p{margin:10px 0 22px;font-size:16px}
.v2-d .ik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}
.v2-d .ik-k{width:64px;height:64px;font-size:28px}
.v2-tt{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;align-items:center}
.v2-tt h3{grid-column:1/-1;margin:0;color:#F5C842;font-weight:900;font-stretch:75%;font-size:24px;text-transform:uppercase;line-height:1.05}
.v2 .sp-pt-h{font-size:64px!important}.v2 .sp-pt{grid-template-columns:minmax(0,1fr) 230px!important}.v2 .sp-mf--hero{width:230px!important}
.v2-tt .sp-row{border-top:0!important;padding:10px!important;background:rgba(255,246,224,.08)!important;border-radius:14px}
/* W5 — ikony wtopione w zielony nagłówek */
.v5{background:#0F3320;padding:22px 0 24px}
.v5-in{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:40px}
.v5 h2{flex:none;font-size:22px!important;color:#F5C842!important;width:150px}
.v5 .ik{flex:1}
.v5 .ik-k{width:60px;height:60px;font-size:26px}
/* W6 — baner na całą szerokość */
.v6{background:#F5C842;padding:44px 0 40px;border-bottom:3px solid #17432B}
.v6-in{max-width:1280px;margin:0 auto;padding:0 32px}
.v6-t{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.v6 h2{font-size:56px!important;color:#17432B!important}
.v6-t p{margin:0;font-size:17px;color:#17432B;max-width:420px}
.v6 .ik-k{width:84px;height:84px;font-size:36px;background:#FFF6E0}
.v6 .ik-i b{font-size:15px}
/* W7 — karta z ikonami nachodząca na nagłówek */
.v7{position:relative;z-index:5;margin-top:0;padding:28px 0 8px;background:linear-gradient(#17432B 0 55%,#FFF6E0 55% 100%)}
.v7-in{max-width:1280px;margin:0 auto;padding:0 32px}
.v7-k{background:#fff;border-radius:22px;padding:22px 30px 20px;box-shadow:0 18px 40px rgba(15,51,32,.25);display:flex;align-items:center;gap:36px;color:#17432B}
.v7 h2{flex:none;font-size:30px!important;color:#17432B!important;width:170px}
.v7 .ik{flex:1}
.v7 .ik-k{width:62px;height:62px;font-size:27px;background:#FFF6E0;border-color:#17432B}
.v7-reszta .sp-ss{background:#FFF6E0!important}
.v7-reszta .sp-tt h2{color:#17432B!important}.v7-reszta .sp-row--tt .sp-row-t{color:#17432B!important}.v7-reszta .sp-row--tt .sp-row-t b{color:#C24A16!important}
.v7-reszta .sp-row.sp-row--tt{border-top-color:rgba(23,67,43,.15)!important}
/* --- TELEFON: oddech, siatka ikon 4+3, nic ucięte --- */
@media (max-width:900px){
  /* TELEFON od zera (runda 3): lekko i czysto — jeden rząd ikon przewijany w bok, krótkie etykiety, marginesy 20 px, odstępy ≥ 12 px */
  .ik{display:flex!important;gap:18px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-padding-left:20px;justify-content:flex-start}
  .ik::-webkit-scrollbar{display:none}
  .ik-i{flex:0 0 auto;min-width:72px;gap:6px}
  .v3 .ik,.v6 .ik{gap:28px!important}
  .ik-k{width:56px!important;height:56px!important;font-size:24px!important}
  .vx .ik-i b{font-size:12.5px!important;white-space:nowrap;font-weight:700}
  .vx .ik-i small{display:none}
  .ik-dl{display:none}.ik-kr{display:inline}
  .v3{padding:20px 0 20px}.v3-in{flex-direction:column;align-items:stretch;gap:12px;padding:0 20px}.v3 h2{font-size:22px!important}
  .v6{padding:22px 0 20px}.v6-in{padding:0 20px}.v6-t{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:14px}
  .v6 h2{font-size:26px!important}.v6-t p{font-size:14px}
  .v6 .ik-k{width:56px!important;height:56px!important}
  .v7{margin-top:0;padding:16px 0 8px}.v7-in{padding:0 20px}.v7-k{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px 14px;border-radius:18px;overflow:hidden}
  .v7 .ik{margin:0 -20px;padding:2px 20px 4px}
  .v7 h2{width:auto;font-size:22px!important}
  .v2 .sp-in{grid-template-columns:minmax(0,1fr)!important;row-gap:16px!important}
  .v2-d{padding:18px 20px 16px;border-radius:18px;overflow:hidden}.v2-d h2{font-size:22px!important}.v2-d p{margin:6px 0 12px;font-size:14px}
  .v2-tt{grid-template-columns:minmax(0,1fr);gap:0}.v2-tt h3{margin:4px 0 6px;font-size:20px}
  .v2-tt .sp-row{background:none!important;padding:10px 0!important;border-radius:0;border-top:1px solid rgba(255,246,224,.25)!important}
  /* nagłówek: przyciski Kategorie / Polecane / Moja lista mniejsze, nie rozciągnięte */
  body.mmk-sp .mk-hdr .menu .in{padding:4px 20px 10px!important}
  body.mmk-sp .mk-hdr .mk-mnav{display:flex!important;justify-content:flex-start!important;gap:8px!important}
  body.mmk-sp .mk-hdr .mk-mnav-b{flex:0 0 auto!important;min-height:38px!important;height:38px;padding:0 14px!important;font-size:14px!important;font-weight:600!important;border-width:1px!important}
  body.mmk-sp .mk-hdr .hdr{padding:8px 16px 10px 20px!important;row-gap:10px!important}
  /* produkt tygodnia: zdjęcie NAD tekstem, tytuł max 2 linie, cena i „Do koszyka” pod spodem */
  body.mmk-sp .sp-in{padding-left:20px!important;padding-right:20px!important}
  body.mmk-sp .sp-ss{padding-top:20px!important}
  body.mmk-sp .sp-pt{display:flex!important;flex-direction:column;align-items:stretch;gap:14px!important;padding:20px!important}
  body.mmk-sp .sp-pt-i{order:-1;justify-content:center}
  body.mmk-sp .sp-pt .sp-mf--hero{width:150px!important;height:150px}
  body.mmk-sp .sp-pt-k{font-size:11.5px!important}
  body.mmk-sp .sp-pt-h{font-size:30px!important;line-height:1!important;margin:8px 0 12px!important}
  body.mmk-sp .sp-pt-h a{-webkit-line-clamp:2!important;min-height:0!important}
  body.mmk-sp .sp-pt-c{gap:12px!important;align-items:center}
  body.mmk-sp .sp-pt-c b{font-size:36px!important}
  body.mmk-sp .sp-pt-c small{font-size:13px!important}
  body.mmk-sp .sp-pt-c .sp-btn{flex-basis:100%;min-height:48px}
  body.mmk-sp .sp-tt h2{font-size:20px!important;margin:4px 0 8px!important}
  body.mmk-sp .sp-row.sp-row--tt{grid-template-columns:56px minmax(0,1fr) 44px!important;gap:12px!important}
  body.mmk-sp .sp-row--tt .sp-mf--w{width:56px!important}
}

/* ===== w7_kolory.paleta(K12) ===== */
body.mmk-sp .mk-hdr{background:#17432B!important}
body.mmk-sp .mk-hdr .menu{background:#0F3320!important}
body.mmk-sp .mk-hdr .menu::after{background:linear-gradient(to right,transparent,#0F3320)!important}
body.mmk-sp .mk-hdr .hlog,body.mmk-sp .mk-hdr .mk-cart,body.mmk-sp .mk-hdr .tw-nag,body.mmk-sp .mk-hdr .wv-bar .mitem{color:#FFF6E0!important}
body.mmk-sp .mk-hdr .wv-bar .wv-trig--dieta{color:#F5C842!important}
body.mmk-sp .mk-hdr .wv-sep{background:#FFF6E0!important}
body.mmk-sp .mk-hdr .mk-mnav-b{color:#FFF6E0!important;border-color:rgba(255,246,224,.85)!important;background:transparent!important}
body.mmk-sp .mk-hdr .sbox,body.mmk-sp .mk-hdr .sbox:focus-within{box-shadow:inset 0 0 0 2px #F5C842!important}
body.mmk-sp .mk-hdr .sbox .sbtn{background:#C24A16!important;color:#fff!important}
.v7{background:linear-gradient(#0F3320 0 55%,#FFF6E0 55% 100%)!important}
.v7-k{background:#FFFFFF!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important}
.v7 h2{color:#17432B!important}
.v7 .ik-i{color:#17432B!important}
.v7 .ik-k{background:#FFFFFF!important;border-color:#17432B!important;color:#17432B!important}
.v7 .ik-on .ik-k{background:#F5C842!important;box-shadow:inset 0 0 0 4px #17432B!important}
.v7 .ik-on .ik-k::after{background:#17432B!important;color:#F5C842!important;border-color:#FFFFFF!important}
.v7-reszta .sp-ss{background:#17432B!important}
.v7{padding-bottom:32px!important}@media (max-width:900px){.v7{padding-bottom:24px!important}}
.v7-reszta .sp-pt{background:#F5C842!important;color:#17432B!important}
.v7-reszta .sp-pt-k,.v7-reszta .sp-pt-h,.v7-reszta .sp-pt-h a,.v7-reszta .sp-pt-c b,.v7-reszta .sp-pt-c small{color:#17432B!important}
.v7-reszta .sp-pt-c b{color:#17432B!important}
.v7-reszta .sp-btn,.v7-reszta .sp-add{background:#C24A16!important;color:#fff!important}
.v7-reszta .sp-tt h2{color:#F5C842!important}
.v7-reszta .sp-row--tt .sp-row-t{color:#FFF6E0!important}
.v7-reszta .sp-row--tt .sp-row-t b{color:#F5C842!important}
.v7-reszta .sp-row.sp-row--tt{border-top-color:rgba(255,246,224,.25)!important}

/* ===== makieta_k12.RYTM ===== */
/* K12 — rytm sekcji: kremowe / ciemnozielone, równe odstępy */
body.mmk-sp{background:#FFF6E0!important}
.ul-pod{background:#FFF6E0!important}
body.mmk-sp .sp-pas{background:#0F3320!important}
/* Polecane na zieleni */
body.mmk-sp .sp-pol{background:#17432B!important}
body.mmk-sp .sp-pol .sp-eb,body.mmk-sp .sp-pol h2{color:#F5C842!important}
body.mmk-sp .sp-pol h2 span{background:#F5C842!important;color:#17432B!important}
body.mmk-sp .sp-pol .sp-lead{color:#FFF6E0!important}
body.mmk-sp .sp-pol .sp-btn--o{color:#FFF6E0!important;box-shadow:inset 0 0 0 1.5px #FFF6E0!important}
body.mmk-sp .sp-pol .pc{box-shadow:5px 5px 0 #F5C842!important;border-color:#0F3320!important}
/* Zamiast… na kremie */
.ul-zam{background:#FFF6E0!important;border:0!important}
/* Strefa Wypieków na zieleni (jak było), Herbata i kawa na kremie */
body.mmk-sp .sp-ciem:last-of-type{}
body.mmk-sp .sp-split.sp-her{background:#FFF6E0!important;color:#17432B!important}
body.mmk-sp .sp-split.sp-her h2,body.mmk-sp .sp-split.sp-her .sp-eb{color:#17432B!important}
body.mmk-sp .sp-split.sp-her .sp-lead{color:#3F4A3F!important}
body.mmk-sp .sp-split.sp-her .sp-row{border:1.5px solid rgba(23,67,43,.2)}
/* Historia na zieleni, liczby na kremie */
body.mmk-sp .sp-hi{background:#17432B!important;color:#FFF6E0!important}
body.mmk-sp .sp-hi h2,body.mmk-sp .sp-hi .sp-eb{color:#F5C842!important}
body.mmk-sp .sp-hi .sp-lead,body.mmk-sp .sp-hi .sp-kr b,body.mmk-sp .sp-hi .sp-kr span{color:#FFF6E0!important}
body.mmk-sp .sp-hi .sp-kr li::before{background:#F5C842!important;color:#17432B!important}
body.mmk-sp .sp-li{background:#FFF6E0!important;color:#17432B!important}
body.mmk-sp .sp-li b{color:#17432B!important}
/* Poradniki na zieleni, blog na kremie */
body.mmk-sp.home .mk-por2{background:#17432B!important;box-shadow:0 0 0 100vmax #17432B!important;clip-path:inset(0 -100vmax)}
body.mmk-sp.home .mk-por2 h2#mk-poradniki-h{color:#F5C842!important}
body.mmk-sp .mk-blog-sg{background:#FFF6E0!important}
body.mmk-sp.home .mk-por2,body.mmk-sp .mk-blog-sg{box-sizing:border-box}
@media (max-width:900px){body.mmk-sp .sp-pol .pc{padding-top:60px!important}}

/* ===== makieta_k12.ZM_CSS ===== */
/* „Zamiast…” (02.11): wyróżnione tło, schemat CUKIER → zamienniki, karty i wiersze równe (subgrid) */
.zm{background:#F5C842!important;color:#17432B;padding:var(--mk-sek) 0}
.zm,.zm *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box}
.zm-h{margin-bottom:24px}
body .zm h2{margin:0!important;font-weight:900!important;font-stretch:68%;font-size:44px!important;line-height:1!important;text-transform:uppercase;color:#17432B!important}
.zm-h p{margin:8px 0 0;font-size:18px;font-weight:600;color:#17432B}
.zm-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto repeat(3,auto) auto;gap:0 22px}
.zm-k{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:10px;background:#FFF6E0;border:2px solid #17432B;border-radius:18px;padding:18px 16px 12px;box-shadow:6px 6px 0 #17432B}
.zm-s{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding-bottom:12px;border-bottom:2px dashed rgba(23,67,43,.3);margin-bottom:4px}
.zm-ik{grid-row:1/3;position:relative;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #17432B;display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden}
.zm-ik::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:#C24A16;transform:rotate(-45deg)}
.zm-co{font-weight:900;font-stretch:70%;font-size:26px;line-height:1;text-transform:uppercase;text-decoration:line-through;text-decoration-color:#C24A16;text-decoration-thickness:3px}
.zm-st{display:none}
.zm-czym{font-weight:800;font-size:15px;line-height:1.25;color:#17432B}
.zm-czym::before{content:"→ ";color:#C24A16;font-weight:900}
.zm-w{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;background:#fff;border-radius:12px;padding:10px;min-height:104px}
.zm-f{display:block;width:64px;height:64px;border-radius:10px;border:1px solid rgba(23,67,43,.15);overflow:hidden;background:#fff}
.zm-f img{width:100%;height:100%;object-fit:contain;padding:6%;display:block}
.zm-t{display:grid;grid-template-rows:2.6em 1.4em auto;row-gap:2px;min-width:0}
.zm-n{font-size:13.5px;line-height:1.3;max-height:2.6em;color:#24211D;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zm-o{font-size:12px;font-weight:600;color:#3F6A28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zm-c{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zm-c b{font-stretch:75%;font-weight:900;font-size:18px;color:#17432B}
.zm-c .ul-add{width:40px;height:40px;font-size:20px}
.zm-a{align-self:end;display:flex;align-items:center;min-height:44px;font-weight:800;color:#17432B;text-decoration:underline;text-underline-offset:3px}
/* Podpowiedz: telefon 6 (2×3), komputer 10 */
.pd-tel{display:none}
/* „Podpowiedz mi” (02.11 12:55): wydzielona żółta sekcja jak „Zamiast…”, nagłówek S, legenda etykiet = znaczki na kartach, karty równe */
body .ul-pod{background:#F5C842!important;color:#17432B;padding:var(--mk-sek) 0}
.ul-pod .ul-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.ul-pod .pd-eb{margin:0 0 6px!important;font-size:13px!important;font-weight:700;letter-spacing:.14em!important;text-transform:uppercase;color:#17432B!important}
body .ul-pod h2{font-size:44px!important;line-height:1!important}
.ul-pod .ul-h p.pd-lead{margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.4;color:#17432B;max-width:640px}
.ul-pod .pd-hd{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:24px;min-width:0}
.ul-pod .pd-hd .pd-eb,.ul-pod .pd-hd .pd-lead{grid-column:1/-1}
.ul-pod .pd-hd h2{grid-column:1}
.ul-pod .pd-hd .pd-btn{grid-column:2;justify-self:start;align-self:center}
.ul-pod .ul-pw{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;border:1.5px solid #17432B;background:#fff;color:#17432B;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ul-pod .ul-pw::before{font-weight:900;flex:none}
.ul-pod .pw-w{background:#17432B;color:#F5C842}.ul-pod .pw-w::before{content:"✓"}
.ul-pod .pw-s{background:#fff}.ul-pod .pw-s::before{content:"⌕";font-size:14px;line-height:1}
.ul-pod .pw-k{background:#FFF6E0}.ul-pod .pw-k::before{content:"↻"}
.ul-pod .ul-h .pd-btn{flex:none;width:auto;margin:0;min-height:48px;padding:0 24px;gap:8px;border-radius:999px;background:#C24A16;color:#fff;font-size:16px;font-weight:700;box-shadow:none;white-space:nowrap}
.ul-pod .ul-h .pd-btn:hover{background:#A33C10}
.ul-pod .ul-h .pd-btn span{font-size:inherit;line-height:1.1}
.ul-pod .ul-h .pd-btn span[aria-hidden]{font-size:1.15em}
.ul-pod .ul-siatka{align-items:stretch}
.ul-pod .ul-k{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;background:#fff;border:2px solid #17432B;border-radius:16px;padding:12px;box-shadow:5px 5px 0 #17432B}
.ul-pod .ul-k .ul-pw{align-self:flex-start}
.ul-pod .ul-f{flex:none;aspect-ratio:auto;height:170px}
.ul-pod .ul-n{flex:none;height:2.6em;min-height:0}
.ul-pod .ul-m{flex:none}
.ul-pod .ul-st{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.ul-pod .ul-st b{white-space:nowrap;min-width:0}
/* „Z bloga mameko” w stylu S/K12 (tylko CSS — znacznik z inc/blog.php bez zmian) */
html body.mmk-sp section.mk-blog-sg{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:24px;row-gap:24px;max-width:1280px;margin:0 auto!important;padding:var(--mk-sek) 32px!important;background:#FFF6E0!important;box-shadow:0 0 0 100vmax #FFF6E0!important;clip-path:inset(0 -100vmax)}
html body.mmk-sp .mk-blog-sg .shead{grid-column:1;grid-row:1;margin:0!important;padding:0!important;border:0!important}
html body.mmk-sp .mk-blog-sg .shead::before{content:"Wiedza";display:block;margin:0 0 6px;font:700 13px/1.2 'Archivo',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#17432B}
html body.mmk-sp .mk-blog-sg h2{margin:0!important;font-family:'Archivo',system-ui,sans-serif!important;font-size:44px!important;line-height:1!important;font-stretch:68%;font-weight:900!important;text-transform:uppercase;color:#17432B!important}
html body.mmk-sp .mk-blog-sg h2 .mk-brand{display:inline-block;padding:0 8px;background:#F5C842;color:#17432B}
html body.mmk-sp .mk-blog-sg h2 .mk-brand span{color:#17432B!important}
html body.mmk-sp .mk-blog-sg>a.more{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 24px;margin:0!important;border-radius:999px;background:#C24A16!important;color:#fff!important;font:700 16px 'Archivo',system-ui,sans-serif!important;text-decoration:none;box-shadow:none!important;white-space:nowrap}
html body.mmk-sp .mk-blog-sg .mk-blog-mini-siatka{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;scroll-snap-type:none!important;overflow:visible!important;margin:0!important;padding:0!important}
html body.mmk-sp .mk-blog-sg .mk-blog-mini{margin:0!important;min-width:0;width:auto!important;flex:none!important}
html body.mmk-sp .mk-blog-sg .mk-blog-mini>a{display:flex!important;flex-direction:column!important;gap:0!important;height:100%;box-sizing:border-box;padding:0!important;background:#fff!important;border:2px solid #17432B!important;border-radius:18px!important;box-shadow:5px 5px 0 #F5C842!important;overflow:hidden;text-decoration:none;color:#17432B}
html body.mmk-sp .mk-blog-sg .mk-blog-mini-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10;border-radius:0!important;flex:none!important;overflow:hidden;border-bottom:2px solid #17432B}
html body.mmk-sp .mk-blog-sg .mk-blog-mini-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important}
html body.mmk-sp .mk-blog-sg .mk-blog-mini-tx{display:flex!important;flex-direction:column;gap:6px;padding:16px 18px 18px!important;flex:1}
html body.mmk-sp .mk-blog-sg .eyebrow{font:800 12px/1.2 'Archivo',system-ui,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#C24A16!important;margin:0!important}
html body.mmk-sp .mk-blog-sg h3{margin:0!important;font-family:'Archivo',system-ui,sans-serif!important;font-weight:800!important;font-size:19px!important;line-height:1.3!important;color:#17432B!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body.mmk-sp .mk-blog-sg time{margin-top:auto;font:500 13px 'Archivo',system-ui,sans-serif!important;color:#5C554B!important}
@media (max-width:900px){
  .zm-h p{font-size:15px}
  body .zm h2{font-size:30px!important}
  .zm-g{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:18px}
  .zm-k{grid-row:auto;grid-template-rows:none;display:flex;flex-direction:column;gap:10px;padding:16px 14px 8px;box-shadow:4px 4px 0 #17432B}
  .zm-co{font-size:22px}
  .zm-a{align-self:flex-start}
  .ul-pod .ul-siatka .ul-k:nth-child(n+7){display:none}
  .pd-kom{display:none}.pd-tel{display:inline}
  .ul-pod .ul-h{flex-wrap:wrap;row-gap:14px;margin-bottom:18px}
  .ul-pod .ul-h>div{flex:1 1 100%;min-width:0}
  body .ul-pod h2{font-size:30px!important}
  .ul-pod .ul-h p.pd-lead{font-size:15px}
  .ul-pod .pd-hd{grid-template-columns:minmax(0,1fr)}
  .ul-pod .pd-hd h2,.ul-pod .pd-hd .pd-lead{grid-column:1}
  .ul-pod .pd-hd .pd-btn{grid-column:1;grid-row:4;justify-self:start;margin-top:18px;min-height:44px;padding:0 18px;font-size:15px}
  .ul-pod .ul-k{padding:10px;gap:4px;box-shadow:3px 3px 0 #17432B}
  .ul-pod .ul-k .ul-pw{font-size:11px;padding:3px 8px}
  .ul-pod .ul-f{height:118px}
  .ul-pod .ul-st b{font-size:17px}
  .ul-pod .ul-add{width:40px;height:40px;font-size:20px}
  /* Polecane i inne karty sklepu na telefonie: „+” 40 px, cena i „+” w jednej linii, nazwa max 2 linie, marka·waga 1 linia, karty równe */
  body.mmk-sp .sp-pol .pgrid{align-items:stretch!important}
  body.mmk-sp .sp-pol .pc{display:flex!important;flex-direction:column!important;height:100%!important;box-sizing:border-box!important}
  body.mmk-sp .sp-pol .pc .imw{flex:none!important}
  body.mmk-sp .sp-pol .pc .bar{display:flex!important;flex-direction:column!important;gap:2px;padding-left:0!important;padding-right:0!important;min-width:0}
  body.mmk-sp .sp-pol .pc .nm{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.3!important;height:2.6em!important;min-height:0!important;max-height:2.6em!important}
  body.mmk-sp .sp-pol .pc .br{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important}
  body.mmk-sp .sp-pol .pc .br span{display:inline!important}
  body.mmk-sp .sp-pol .pc .foot{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-top:auto!important;padding-left:0!important;padding-right:0!important}
  body.mmk-sp .sp-pol .pc .pr,body.mmk-sp .sp-pol .pc .pr .amount{font-size:17px!important;white-space:nowrap!important;min-width:0}
  body.mmk-sp .sp-pol .pc .add{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:none!important;font-size:20px!important;margin:0!important;position:static!important}
  /* Z bloga: karty jedna pod drugą, zdjęcie z lewej; przycisk pod kartami */
  html body.mmk-sp section.mk-blog-sg{grid-template-columns:minmax(0,1fr);padding:var(--mk-sek) 20px!important;row-gap:18px}
  html body.mmk-sp .mk-blog-sg h2{font-size:30px!important}
  html body.mmk-sp .mk-blog-sg .mk-blog-mini-siatka{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  html body.mmk-sp .mk-blog-sg>a.more{grid-column:1;grid-row:3;justify-self:start;min-height:44px;font-size:15px!important}
  html body.mmk-sp .mk-blog-sg .mk-blog-mini>a{flex-direction:row!important;box-shadow:4px 4px 0 #F5C842!important;border-radius:16px!important}
  html body.mmk-sp .mk-blog-sg .mk-blog-mini-img{width:112px!important;aspect-ratio:auto;align-self:stretch;border-bottom:0;border-right:2px solid #17432B}
  html body.mmk-sp .mk-blog-sg .mk-blog-mini-tx{padding:12px 14px!important;gap:4px;min-width:0}
  html body.mmk-sp .mk-blog-sg h3{font-size:16px!important}
  html body.mmk-sp .mk-blog-sg time{font-size:12px!important}
  /* pod wyszukiwarką: Kategorie i Moja lista — dwa równe kafle na pełną szerokość; „Moja dieta” bliżej */
  body.mmk-sp .mk-hdr .mk-mnav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;width:100%}
  body.mmk-sp .mk-hdr .mk-mnav-b{width:100%;height:44px;min-height:44px!important;justify-content:center;padding:0 10px!important;box-sizing:border-box}
  body.mmk-sp .mk-hdr .menu .in{padding-top:14px!important;padding-bottom:6px!important}
  .v7{padding-top:8px!important}
}

/* ===== makieta_kategoria.CSS ===== */
/* ===== KATEGORIA K12 (02.11) — komponenty jak na SG ===== */
.kt-top,.kt-top *,.kt-lista,.kt-lista *,.kt-por,.kt-por *,.kp,.kp *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box;text-shadow:none;letter-spacing:normal}
.kt-in{max-width:1280px;margin:0 auto;padding:0 32px}
.kt-top{background:#0F3320;color:#FFF6E0;padding:22px 0 26px}
.kt-bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;margin-bottom:14px;color:rgba(255,246,224,.85)}
.kt-bc a{color:#FFF6E0;text-decoration:underline;text-underline-offset:3px}
.kt-top h1{margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:60px!important;line-height:1!important;color:#F5C842!important}
.kt-op{margin:12px 0 0;max-width:760px;font-size:17px;line-height:1.5;color:#FFF6E0}
.kt-ile{margin:14px 0 0;font-size:15px;color:#FFF6E0}.kt-ile b{display:inline-block;padding:4px 12px;border-radius:999px;background:#F5C842;color:#17432B;font-weight:800}
.kt-v7.v7{padding-top:0!important}
.kt-v7 .v7-k{margin-top:0}
.kt-main{background:#FFF6E0}
.kt-lista{padding:8px 0 56px;background:#FFF6E0;color:#17432B}
/* podkategorie i typy */
.kt-subs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 16px}
.kt-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 18px;min-height:84px;background:#fff;border:2px solid #17432B;border-radius:16px;box-shadow:4px 4px 0 #F5C842;color:#17432B;text-decoration:none}
.kt-sub b{font-weight:900;font-stretch:72%;font-size:22px;line-height:1.05;text-transform:uppercase}
.kt-sub span{grid-row:2;font-size:14px;color:#3F4A3F}
.kt-sub i{grid-row:1/3;grid-column:2;font-style:normal;font-weight:900;font-size:22px;color:#C24A16}
.kt-typy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.kt-typ{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid rgba(23,67,43,.35);color:#17432B;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.kt-typ span{font-weight:600;color:#5C554B;font-size:13px}
/* pasek */
.kt-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-top:2px solid rgba(23,67,43,.15);border-bottom:2px solid rgba(23,67,43,.15);margin-bottom:22px}
.kt-sort,.kt-flt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kt-lb{font-size:14px;font-weight:700;color:#3F4A3F;margin-right:4px}
.kt-so,.kt-dd,.kt-tb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid #17432B;background:transparent;color:#17432B;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
.kt-so.on{background:#17432B;color:#FFF6E0}
.kt-dd{background:#fff}
.kt-box{width:18px;height:18px;border:2px solid #17432B;border-radius:5px;background:#fff}
.kt-bar-t{display:none}
.kt-kr{display:none}
.kt-wyb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 20px}
.kt-x{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:#F5C842;color:#17432B;font-size:14px;font-weight:800}
.kt-wycz{border:0;background:none;color:#17432B;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:40px}
/* karty: jak „Podpowiedz mi” na SG — pasek nad zdjęciem, zdjęcie 1:1, nazwa 2 linie, marka·waga 1 linia, cena + „+” 40 px */
.kt-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.kt-k{display:flex;flex-direction:column;gap:6px;min-width:0;height:100%;background:#fff;border:2px solid #17432B;border-radius:16px;padding:12px;box-shadow:5px 5px 0 #F5C842}
.kt-g{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;flex:none}
.kt-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt-chip--wm{background:#17432B;color:#F5C842}.kt-chip--wm::before{content:"✓";font-weight:900}
.kt-chip--brak{background:#E7E3DA;color:#4A4A44;border:1px solid #CFC9BC}
.kt-fav{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(23,67,43,.3);background:#fff;color:#C24A16;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.kt-f{display:block;aspect-ratio:1/1;flex:none;border-radius:10px;overflow:hidden;background:#fff}
.kt-f img{width:100%;height:100%;object-fit:contain;padding:6%;display:block;box-sizing:border-box}
.kt-k--brak .kt-f img{filter:grayscale(1);opacity:.55}
.kt-n{flex:none;font-size:14.5px;line-height:1.3;height:2.6em;color:#24211D;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kt-m{flex:none;font-size:12.5px;color:#5C554B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt-st{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px;min-height:44px}
.kt-st b{font-stretch:75%;font-weight:900;font-size:20px;color:#17432B;white-space:nowrap}
.kt-add{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#C24A16;color:#fff;font-size:21px;line-height:1;cursor:pointer;padding:0}
.kt-cena-off{color:#8A857A!important}
.kt-pow{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid #B9B3A6;background:#EFECE5;color:#5C574D;font-size:13.5px;font-weight:800;cursor:default;white-space:nowrap}
.kt-dalej{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px}
.kt-dalej p{margin:0;font-size:14px;color:#3F4A3F}
.kt-wiecej{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;border:0;background:#C24A16;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
/* poradniki */
.kt-por{background:#17432B;color:#FFF6E0;padding:var(--mk-sek,56px) 0}
.kt-eb{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.14em!important;text-transform:uppercase;color:#F5C842}
.kt-por h2{margin:0 0 22px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:44px!important;line-height:1!important;color:#F5C842!important}
.kt-por-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.kt-por-k{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border-radius:16px;background:#FFF6E0;color:#17432B;text-decoration:none;box-shadow:4px 4px 0 #F5C842}
.kt-por-i{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #17432B;display:flex;align-items:center;justify-content:center;font-size:20px}
.kt-por-k b{display:block;font-weight:800;font-size:16px;line-height:1.25}
.kt-por-k small{display:block;font-size:13px;color:#3F4A3F;margin-top:2px}
.kt-por-k i{font-style:normal;font-weight:900;color:#C24A16;font-size:20px}
/* panel filtrów (telefon, stan C) */
.kp{background:#FFF6E0;color:#17432B;min-height:100vh;padding:0 0 24px}
.kp-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#17432B;color:#FFF6E0}
.kp-h h2{margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:28px!important;line-height:1!important;color:#F5C842!important}
.kp-z{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,246,224,.7);background:transparent;color:#FFF6E0;font-size:18px}
.kp-s{padding:18px 20px;border-bottom:2px solid rgba(23,67,43,.12)}
.kp-s h3{margin:0 0 12px;font-size:18px;font-weight:900;font-stretch:75%;text-transform:uppercase}
.kp-rs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kp-r{position:relative;display:block}.kp-r input{position:absolute;opacity:0}
.kp-r span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border-radius:999px;border:1.5px solid #17432B;font-size:14.5px;font-weight:700;text-align:center}
.kp-r input:checked+span{background:#17432B;color:#FFF6E0}
.kp-cena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kp-cena label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.kp-cena input{height:46px;border-radius:12px;border:1.5px solid #17432B;background:#fff;padding:0 12px;font-size:16px;width:100%}
.kp-c{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;font-size:15.5px}
.kp-c input{width:22px;height:22px;margin:0;accent-color:#17432B}
.kp-c small{font-size:13px;color:#5C554B}
.kp-wyb{margin:0}
.kp-dol{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:20px}
.kp-wycz{min-height:50px;padding:0 18px;border-radius:999px;border:1.5px solid #17432B;background:transparent;color:#17432B;font-size:15px;font-weight:700}
.kp-ok{min-height:50px;border-radius:999px;border:0;background:#C24A16;color:#fff;font-size:16px;font-weight:800}
@media (max-width:900px){
  .kt-in{padding:0 20px}
  .kt-top{padding:16px 0 22px}
  .kt-bc{font-size:13px;margin-bottom:10px}
  .kt-top h1{font-size:38px!important}
  .kt-op{font-size:15px;margin-top:10px}
  .kt-ile{font-size:14px;margin-top:12px}
  /* przewijane w poziomie, równe kafle */
  .kt-subs{display:flex;overflow-x:auto;scrollbar-width:none;gap:12px;margin:4px -20px 12px;padding:2px 20px 8px;scroll-padding-left:20px;scroll-snap-type:x mandatory}
  .kt-sub{flex:0 0 216px;min-height:78px;scroll-snap-align:start;box-shadow:3px 3px 0 #F5C842;padding:14px 16px}
  .kt-sub{flex-basis:210px;min-height:72px}
  .kt-sub b{font-size:17px}
  .kt-op2{display:none}
  .kt-dl{display:none}.kt-kr{display:inline}
  .kt-typy{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px 18px;padding:2px 20px 4px}
  .kt-typ{flex:none}
  .kt-bar{display:none}
  .kt-bar-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
  .kt-tb{width:100%;min-height:46px;padding:0 10px;font-size:15px;background:#fff}
  .kt-tb--f{background:#17432B;color:#FFF6E0;border-color:#17432B}
  .kt-wyb{margin:-4px 0 16px}
  .kt-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .kt-k{padding:10px;gap:5px;border-radius:14px;box-shadow:3px 3px 0 #F5C842}
  .kt-g{height:30px}
  .kt-chip{font-size:11px;padding:3px 8px}
  .kt-fav{width:30px;height:30px;font-size:16px}
  .kt-n{font-size:13.5px}
  .kt-m{font-size:12px}
  .kt-st b{font-size:17px}
  /* „Chwilowy brak” na telefonie: przycisk na całą szerokość w miejscu ceny i „+” (ta sama wysokość) */
  .kt-k--brak .kt-cena-off{display:none}
  .kt-k--brak .kt-pow{width:100%;padding:0 8px;font-size:13px}
  .kt-dalej{margin-top:26px}
  .kt-por h2{font-size:30px!important}
  .kt-por-g{grid-template-columns:minmax(0,1fr);gap:12px}
}

/* ===== makieta_karta.CSS ===== */
/* ===== KARTA PRODUKTU K12 (02.11) — komponenty z SG i kategorii ===== */
.kr-main,.kr-main *,.kr-pasek,.kr-pasek *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box;text-shadow:none;letter-spacing:normal;hyphens:manual}
.kr-main{background:#FFF6E0;color:#17432B}
.kr-top{background:linear-gradient(#0F3320 0 210px,#FFF6E0 210px);padding:20px 0 48px}
.kr-bc{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:14px;margin-bottom:18px;color:rgba(255,246,224,.85)}
.kr-bc a{color:#FFF6E0;text-decoration:underline;text-underline-offset:3px}
.kr-bc [aria-current]{color:#FFF6E0}
.kr-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px;align-items:start}
.kr-gal{display:flex;flex-direction:column;gap:12px}
.kr-gal-f{aspect-ratio:1/1;background:#fff;border:2px solid #17432B;border-radius:22px;box-shadow:8px 8px 0 #F5C842;overflow:hidden}
.kr-gal-f img{width:100%;height:100%;object-fit:contain;padding:7%;display:block}
.kr-gal--brak .kr-gal-f img{filter:grayscale(1);opacity:.55}
.kr-min{display:flex;gap:10px}
.kr-min button{width:76px;height:76px;padding:4px;border-radius:12px;border:2px solid rgba(23,67,43,.25);background:#fff}
.kr-min button.on{border-color:#17432B}
.kr-min img{width:100%;height:100%;object-fit:contain}
.kr-pan{background:#fff;border:2px solid #17432B;border-radius:22px;padding:24px 28px 26px;box-shadow:8px 8px 0 #17432B;display:flex;flex-direction:column;gap:14px;min-width:0}
.kr-ph,.kr-pd{display:flex;flex-direction:column;gap:14px;min-width:0}
.kr-g{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}
.kr-g .kt-chip{font-size:13px;padding:6px 12px}
.kr-fav{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(23,67,43,.35);background:#fff;color:#C24A16;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.kr-fav span{color:#17432B;font-size:14px}
.kr-meta{margin:0;font-size:15px;font-weight:700;color:#3F6A28;text-transform:uppercase;letter-spacing:.06em!important}
.kr-pan h1{margin:0!important;font-weight:900!important;font-stretch:70%;text-transform:uppercase;font-size:46px!important;line-height:1.02!important;color:#17432B!important;overflow-wrap:normal;word-break:normal}
.kr-d{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 18px}
.kr-d li{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-align:center}
.kr-dk{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid #17432B;background:#fff;font-size:24px;line-height:1;font-weight:900;color:#17432B}
.kr-d--wm .kr-dk{background:#17432B;color:#F5C842}
.kr-dl{font-size:12.5px;font-weight:800;line-height:1.15}
.kr-dt{display:none}
.kr-kup{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stan stan" "cena akc";align-items:end;gap:10px 18px;margin-top:6px;padding:18px 0 0;border-top:2px dashed rgba(23,67,43,.25)}
.kr-stan{grid-area:stan;margin:0;font-size:14px;font-weight:800}
.kr-stan--ok{color:#3F6A28}.kr-stan--brak{color:#8A5A12}
.kr-cena{grid-area:cena;display:flex;flex-direction:column;gap:2px;min-width:0}
.kr-cena b{font-stretch:72%;font-weight:900;font-size:46px;line-height:1;color:#17432B;white-space:nowrap}
.kr-cena b.kr-off{color:#6F6A60}
.kr-kg{font-size:14px;color:#5C554B;white-space:nowrap}
.kr-akc{grid-area:akc;display:flex;align-items:center;gap:12px}
.kr-il{display:grid;grid-template-columns:44px 36px 44px;align-items:center;height:52px;border:1.5px solid #17432B;border-radius:999px;background:#fff}
.kr-il button{height:50px;border:0;background:none;font-size:22px;font-weight:700;color:#17432B;cursor:pointer;padding:0}
.kr-il button:disabled{color:#B9B3A6}
.kr-il span{text-align:center;font-size:17px;font-weight:800}
.kr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;border:0;background:#C24A16;color:#fff;font-size:17px;font-weight:800;cursor:pointer;white-space:nowrap}
.kr-btn:hover{background:#A33C10}
.kr-btn--pow{background:#17432B;color:#FFF6E0}
.kr-btn--pow:hover{background:#0F3320}
.kr-dos{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:#FFF6E0;font-size:14px;font-weight:600;color:#17432B}
.kr-dos-i{flex:none;font-size:18px;line-height:1}
.kr-dos-k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kr-dos-t{display:none}
/* opis */
.kr-op{padding:8px 0 56px}
.kr-op h2,.kr-faq h2,.kr-pol h2{margin:0 0 16px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:40px!important;line-height:1!important;color:#17432B!important}
.kr-op-g{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}
.kr-op-t p{margin:0 0 14px;font-size:17px;line-height:1.6;color:#24211D;max-width:720px}
.kr-op-t p.kr-lead{font-size:21px;line-height:1.45;font-weight:700;color:#17432B}
.kr-hl{background:#F5C842;border:2px solid #17432B;border-radius:18px;padding:20px 22px;box-shadow:6px 6px 0 #17432B}
.kr-hl h3,.kr-box h3,.kr-sk h3{margin:0 0 10px;font-weight:900;font-stretch:75%;text-transform:uppercase;font-size:22px;line-height:1.05;color:#17432B}
.kr-hl ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kr-hl li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;font-size:15.5px;line-height:1.4;font-weight:600}
.kr-hl li::before{content:"✓";display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#17432B;color:#F5C842;font-size:12px;font-weight:900;margin-top:1px}
.kr-dane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px;align-items:start}
.kr-box{background:#fff;border:2px solid #17432B;border-radius:18px;padding:20px 22px;box-shadow:5px 5px 0 #F5C842}
.kr-box--sk{display:grid;gap:16px}
.kr-sk h3{font-size:18px;margin-bottom:4px}
.kr-sk p{margin:0;font-size:15.5px;line-height:1.5;color:#24211D}
.kr-tab{width:100%;border-collapse:collapse;font-size:15px}
.kr-tab th,.kr-tab td{padding:9px 4px;border-bottom:1px solid rgba(23,67,43,.15);text-align:left;font-weight:600}
.kr-tab thead th{font-size:13px;text-transform:uppercase;letter-spacing:.06em!important;color:#5C554B;border-bottom:2px solid #17432B}
.kr-tab td{text-align:right;white-space:nowrap;font-weight:800}
.kr-tab thead th:last-child{text-align:right}
.kr-tab tr.kr-wt th{padding-left:18px;font-weight:500;color:#3F4A3F}
.kr-faq{margin-top:44px;max-width:900px}
.kr-faq details{background:#fff;border:2px solid #17432B;border-radius:16px;margin-bottom:12px;overflow:hidden}
.kr-faq summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:58px;padding:12px 18px;font-size:17px;font-weight:800;cursor:pointer;list-style:none}
.kr-faq summary::-webkit-details-marker{display:none}
.kr-faq summary i{width:32px;height:32px;border-radius:50%;background:#F5C842;position:relative}
.kr-faq summary i::before,.kr-faq summary i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2.5px;background:#17432B;border-radius:2px}
.kr-faq summary i::after{transform:rotate(90deg);transition:transform .2s}
.kr-faq details[open] summary i::after{transform:rotate(0)}
.kr-faq details p{margin:0;padding:0 18px 16px;font-size:16px;line-height:1.55;color:#24211D}
/* poradnik */
.kr-por .kt-por-g{grid-template-columns:minmax(0,520px)}
/* półki: Podobne, Często kupowane razem — karty z kategorii */
.kr-pol{padding:48px 0 56px}
.kr-pod{background:#FFF6E0}
.kr-fbt{background:#fff;border-top:2px solid rgba(23,67,43,.12)}
.kr-pol-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.kr-pol-h h2{margin:0!important}
.kr-eb{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.14em!important;text-transform:uppercase;color:#C24A16}
.kr-wsz{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:15px;color:#17432B;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.kr-fbt .kt-siatka{grid-template-columns:repeat(4,minmax(0,1fr))}
/* pasek przyklejony — tylko telefon */
.kr-pasek{display:none}
@media (max-width:900px){
  .kr-top{background:#0F3320;padding:14px 0 30px}
  .kr-bc{font-size:13px;margin-bottom:14px;gap:4px 6px}
  /* telefon: nazwa nad zdjęciem na zieleni (jak H1 kategorii), pod zdjęciem biała karta: diety, cena, koszyk, dostawa */
  .kr-grid{display:flex;flex-direction:column;gap:20px}
  .kr-pan{display:contents}
  .kr-ph{order:-1;gap:10px}
  .kr-ph .kr-meta{color:#F5C842}
  .kr-ph h1{color:#FFF6E0!important}
  .kr-ph .kt-chip--wm{box-shadow:inset 0 0 0 1.5px #F5C842}
  .kr-ph .kr-fav{background:transparent;border-color:rgba(255,246,224,.6);color:#F5C842}
  .kr-ph .kt-chip--brak{background:#E7E3DA}
  .kr-pd{background:#fff;border:2px solid #17432B;border-radius:18px;padding:18px 18px 20px;box-shadow:5px 5px 0 #F5C842;gap:12px}
  .kr-gal-f{border-radius:18px;box-shadow:none;border-color:#FFF6E0}
  .kr-min button{width:60px;height:60px}
  .kr-fav span{display:none}
  .kr-fav{width:40px;padding:0;justify-content:center}
  .kr-meta{font-size:13px}
  .kr-pan h1{font-size:32px!important}
  .kr-d{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px}
  .kr-d li{width:auto;min-width:0}
  .kr-dk{width:44px;height:44px;font-size:20px}
  .kr-dl{display:none}.kr-dt{display:block;font-size:11.5px;font-weight:800;line-height:1.15;white-space:normal;overflow-wrap:normal;max-width:100%}
  .kr-kup{grid-template-columns:minmax(0,1fr);grid-template-areas:"stan" "cena" "akc";gap:10px}
  .kr-cena{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
  .kr-cena b{font-size:38px}
  .kr-akc{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px}
  .kr-akc--brak{grid-template-columns:minmax(0,1fr)}
  .kr-btn{width:100%;padding:0 14px;font-size:16px}
  .kr-dos-k{display:none}.kr-dos-t{display:inline;white-space:nowrap}
  .kr-dos{font-size:13.5px;padding:10px 12px}
  .kr-op{padding:30px 0 40px}
  .kr-op h2,.kr-faq h2,.kr-pol h2{font-size:30px!important;margin-bottom:12px!important}
  .kr-op-g{grid-template-columns:minmax(0,1fr);gap:24px}
  .kr-op-t p{font-size:16px}
  .kr-op-t p.kr-lead{font-size:18px}
  .kr-hl{padding:16px 16px;box-shadow:4px 4px 0 #17432B}
  .kr-hl li{font-size:15px}
  .kr-dane{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px}
  .kr-box{padding:16px;box-shadow:4px 4px 0 #F5C842}
  .kr-faq{margin-top:32px}
  .kr-faq summary{font-size:16px;min-height:54px;padding:10px 14px}
  .kr-faq details p{padding:0 14px 14px;font-size:15.5px}
  .kr-pol{padding:36px 0 40px}
  .kr-pol-h{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:12px}
  .kr-pol-h h2{margin:0!important}
  .kr-op{padding-bottom:28px}
  /* Podobne i FBT: rząd przewijany w poziomie, równe kafle */
  .kr-rz.kt-siatka,.kr-fbt .kr-rz.kt-siatka{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:158px;overflow-x:auto;scrollbar-width:none;gap:14px;margin:0 -20px;padding:2px 20px 10px;scroll-padding-left:20px;scroll-snap-type:x mandatory}
  .kr-rz .kt-k{scroll-snap-align:start}
  /* pasek przyklejony: cena + przycisk, widoczny od pierwszego ekranu (02.11); zapas od dołu (88 px) ≥ wysokość paska (72 px), więc koniec strony nie chowa się pod paskiem */
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .kr-pasek{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid #17432B;box-shadow:0 -6px 18px rgba(15,51,32,.12)}
  .kr-pasek .kr-cena{grid-area:auto;flex-direction:column;align-items:flex-start;gap:0}
  .kr-pasek .kr-btn{grid-area:auto}
  .kr-pasek .kr-cena b{font-size:26px}
  .kr-pasek .kr-kg{font-size:12px}
  .kr-pasek .kr-btn{min-height:50px}
}

/* ===== makieta_typ.CSS ===== */
/* ===== STRONA TYPU K12 (02.11) — komponenty z SG, kategorii i karty ===== */
.ty-main *{hyphens:manual}
.ty-top{padding-bottom:110px}
/* Wybór Mameko + Co wybrać — karta nachodzi na zielone tło nagłówka (jak „Moja dieta” w kategorii) */
.ty-wyb{margin-top:-86px;padding:0 0 8px}
.ty-wyb-g{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:stretch}
.ty-wyb-g--1{grid-template-columns:minmax(0,1fr)}
.ty-wm{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:28px;row-gap:16px;background:#fff;border:2px solid #17432B;border-radius:22px;padding:22px 26px;box-shadow:8px 8px 0 #F5C842;min-width:0}
.ty-wm-f{grid-row:1/3;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff;align-self:start}
.ty-wm-f img{width:100%;height:100%;object-fit:contain;padding:6%;display:block}
.ty-wm-t{display:flex;flex-direction:column;gap:10px;min-width:0}
.ty-wm h2{margin:0!important;font-weight:900!important;font-stretch:70%;text-transform:uppercase;font-size:34px!important;line-height:1.02!important;color:#17432B!important}
.ty-wm h2 a{color:inherit;text-decoration:none}
.ty-wm .kr-d{margin-top:2px;flex-wrap:nowrap;gap:6px}
.ty-wm .kr-d li{width:90px}
.ty-wm .kr-dl{font-size:12px}
.ty-wm .kr-dk{width:46px;height:46px;font-size:21px}
.ty-wm-kup .kr-cena,.ty-wm-kup .kr-btn{grid-area:auto}
.ty-wm-kup{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:2px dashed rgba(23,67,43,.25);min-width:0}
.ty-wm-kup .kr-cena b{font-size:38px}
.ty-co{align-self:start}
.ty-co h3{font-size:26px!important}
/* lista produktów */
.ty-lista{padding-top:44px}
.ty-lista .kt-bar{margin-bottom:22px}
/* treść z żywej strony */
.ty-tresc{padding:8px 0 56px;background:#FFF6E0}
.ty-blok{margin-bottom:44px}
.ty-blok h2,.ty-faq h2{margin:0 0 16px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:40px!important;line-height:1!important;color:#17432B!important}
.ty-rodz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.ty-rk{background:#fff;border:2px solid #17432B;border-radius:18px;padding:20px 22px;box-shadow:5px 5px 0 #F5C842}
.ty-rk h3{margin:0 0 8px;font-weight:900;font-stretch:75%;text-transform:uppercase;font-size:22px;line-height:1.05;color:#17432B}
.ty-rk p{margin:0;font-size:15.5px;line-height:1.5;color:#24211D}
.ty-tabw{padding:8px 22px 12px}
.ty-tab td{text-align:left;white-space:normal;font-weight:600}
.ty-tab th[scope=row]{font-weight:800;white-space:nowrap}
.ty-tab a{color:#17432B;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ty-tx{max-width:760px}
.ty-tx p{margin:0 0 14px;font-size:17px;line-height:1.6;color:#24211D}
.ty-tx ul{margin:0 0 14px;padding-left:22px;font-size:17px;line-height:1.6;color:#24211D}
.ty-tx a{color:#17432B;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ty-faq{margin-top:0}
.ty-zakt{margin:22px 0 0;font-size:14px;color:#5C554B}
/* podobne typy */
.ty-sio{padding-top:8px;padding-bottom:40px}
.ty-sio .kt-typy{margin-bottom:0}
@media (max-width:900px){
  body{padding-bottom:0}
  .ty-top{padding-bottom:22px}
  .ty-wyb{margin-top:0;padding:24px 0 4px}
  .ty-wyb-g{grid-template-columns:minmax(0,1fr);gap:22px}
  .ty-wm{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto;column-gap:14px;row-gap:14px;padding:14px;border-radius:18px;box-shadow:4px 4px 0 #F5C842}
  .ty-wm-f{grid-row:1;border:1.5px solid rgba(23,67,43,.15)}
  .ty-wm-t{gap:6px}
  .ty-wm .kr-g{min-height:32px}
  .ty-wm .kr-g .kt-chip{font-size:12px;padding:5px 10px}
  .ty-wm .kr-fav{width:36px;min-height:36px;padding:0;justify-content:center}
  .ty-wm .kr-fav span{display:none}
  .ty-wm .kr-meta{font-size:12px}
  .ty-wm h2{font-size:21px!important;line-height:1.05!important}
  .ty-wm .kr-d{grid-column:1/-1;margin:0}
  .ty-wm-t .kr-d{display:none}
  .ty-wm-d{grid-column:1/-1}
  .ty-wm-kup{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding-top:12px}
  .ty-wm-kup .kr-cena{flex-direction:column;align-items:flex-start;gap:0;order:0}
  .ty-wm-kup .kr-btn{order:1}
  .ty-wm-kup .kr-cena b{font-size:30px}
  .ty-wm-kup .kr-kg{font-size:12.5px}
  .ty-co h3{font-size:22px!important}
  .ty-lista{padding-top:34px}
  .ty-blok{margin-bottom:34px}
  .ty-blok h2,.ty-faq h2{font-size:30px!important;margin-bottom:12px!important}
  .ty-rodz{grid-template-columns:minmax(0,1fr);gap:14px}
  .ty-rk{padding:16px;box-shadow:4px 4px 0 #F5C842}
  .ty-rk h3{font-size:19px}
  .ty-rk p{font-size:15px}
  /* porównanie na telefonie: każdy wiersz = osobny kafel z etykietami */
  .ty-tabw{padding:0;background:none!important;border:0!important;box-shadow:none!important}
  .ty-tab,.ty-tab tr,.ty-tab th,.ty-tab td{border-left:0!important;border-right:0!important;border-top:0!important;background-clip:padding-box}
  .ty-tab{border:0!important;background:none!important}
  .ty-tab th,.ty-tab td{background:none!important;box-shadow:none!important}
  .ty-tab tr{border:2px solid #17432B!important}
  .ty-tab,.ty-tab tbody,.ty-tab tr,.ty-tab th,.ty-tab td{display:block;width:100%}
  .ty-tab thead{display:none}
  .ty-tab tr{background:#fff;border:2px solid #17432B;border-radius:16px;padding:12px 14px;margin-bottom:12px;box-shadow:3px 3px 0 #F5C842}
  .ty-tab th[scope=row],.ty-tab td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid rgba(23,67,43,.12);text-align:left;white-space:normal;font-size:14.5px}
  .ty-tab tr>*:last-child{border-bottom:0}
  .ty-tab th[scope=row]::before,.ty-tab td::before{content:attr(data-l);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em!important;color:#5C554B;padding-top:2px}
  .ty-tx p,.ty-tx ul{font-size:16px}
  .ty-sio{padding-bottom:30px}
}

/* ===== makieta_wiedza.CSS ===== */
/* ===== WIEDZA K12 (02.11) — komponenty z SG, kategorii, karty i typu ===== */
.wz-main,.wz-main *{hyphens:manual!important;-webkit-hyphens:manual!important}
.wz-main .kt-top,.wz-main .kt-top *{font-family:'Archivo',system-ui,sans-serif!important}
/* A: nagłówek + wyróżniony najnowszy (nachodzi na zielone jak „Wybór Mameko” na stronie typu) */
.wz-top{padding-bottom:120px}
.wz-wyr{margin-top:-92px;padding:0 0 12px;background:transparent}
.wz-wk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#fff;border:2px solid #17432B;border-radius:22px;overflow:hidden;box-shadow:8px 8px 0 #F5C842}
.wz-wk-f{display:block;aspect-ratio:16/10;border-right:2px solid #17432B;overflow:hidden}
.wz-wk-f img{width:100%;height:100%;object-fit:cover;display:block}
.wz-wk-t{display:flex;flex-direction:column;gap:14px;padding:30px 34px;min-width:0}
.wz-chipy{display:flex;flex-wrap:wrap;gap:8px}
.wz-chip-nowy::before{content:none!important}
.wz-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#FFF6E0;border:1.5px solid #17432B;color:#17432B;white-space:nowrap}
.wz-wk h2{margin:0!important;font-weight:900!important;font-stretch:70%;text-transform:uppercase;font-size:44px!important;line-height:1.02!important;color:#17432B!important}
.wz-wk h2 a{color:inherit;text-decoration:none}
.wz-wk-m{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px;color:#5C554B}
.wz-wk-m span{font-weight:800;color:#C24A16;text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding-top:1px}
.wz-czytaj{align-self:flex-start;margin-top:auto;text-decoration:none}
/* zajawka: początek wpisu 1:1 (komputer / telefon — osobne skróty) */
.wz-zj{display:block}
.wz-zj-t{display:none}
.wz-zj strong{font-weight:800;color:#17432B}
.wz-wk-zj{margin:0;font-size:17px;line-height:1.6;color:#24211D;max-width:560px}
.wz-wk-f{height:100%;min-height:100%}
html body.mmk-sp .wz-sg .wz-zj{font:400 14.5px/1.5 'Archivo',system-ui,sans-serif;color:#3F4A3F;margin:2px 0 0}
html body.mmk-sp .wz-sg .mk-blog-mini-tx time{margin-top:auto;padding-top:6px}
/* A: lista */
.wz-lista{padding-top:40px}
.wz-h2{margin:0 0 14px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:40px!important;line-height:1!important;color:#17432B!important}
.wz-n{font-weight:600;font-size:13px;opacity:.75}
html body.mmk-sp div.wz-sg{padding:0!important;margin:0!important}
html body.mmk-sp .wz-sg .mk-blog-mini-siatka{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}
html body.mmk-sp .wz-sg .mk-blog-mini>a{height:100%}
html body.mmk-sp .wz-sg h3{font-size:18px!important}
/* B: nagłówek artykułu */
.wz-atop{padding-bottom:120px}
.wz-eb{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.wz-eb a{color:#F5C842;text-decoration:none}
.wz-atop h1{font-size:54px!important;line-height:1.02!important;max-width:1060px}
.wz-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;font-size:15px;color:#FFF6E0}
.wz-meta a{color:#FFF6E0;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* B: układ — spis z boku (przyklejony), kolumna treści */
.wz-art{background:#FFF6E0;padding:0 0 40px}
.wz-art-g{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}
.wz-toc{position:sticky;top:24px;margin-top:28px;background:#fff;border:2px solid #17432B;border-radius:18px;padding:18px 18px 12px;box-shadow:5px 5px 0 #F5C842}
.wz-toc-h{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.12em!important;text-transform:uppercase;color:#C24A16}
.wz-toc ol,.wz-spis ol{list-style:none;margin:0;padding:0;counter-reset:s}
.wz-toc li,.wz-spis li{counter-increment:s;border-top:1px solid rgba(23,67,43,.12)}
.wz-toc li:first-child{border-top:0}
.wz-toc a,.wz-spis a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;padding:9px 0;font-size:14.5px;line-height:1.35;font-weight:700;color:#17432B;text-decoration:none}
.wz-toc a::before,.wz-spis a::before{content:counter(s);font-weight:900;color:#C24A16}
.wz-kol{min-width:0;margin-top:-92px}
.wz-img{margin:0 0 32px;border:2px solid #17432B;border-radius:22px;overflow:hidden;aspect-ratio:16/10;background:#fff;box-shadow:8px 8px 0 #F5C842}
.wz-img img{width:100%;height:100%;object-fit:cover;display:block}
.wz-spis{display:none}
/* treść: wiersz ≤ 70 znaków */
.wz-tx>p,.wz-tx>ul,.wz-tx>ol,.wz-tx>h2,.wz-tx>h3,.wz-tx>.wz-krotko{max-width:490px}
.wz-tx p,.wz-tx li{font-size:19px;line-height:1.65;color:#24211D}
.wz-tx>p{margin:0 0 16px}
.wz-tx>ul,.wz-tx>ol{margin:0 0 18px;padding-left:24px}
.wz-tx li{margin-bottom:6px}
.wz-tx a{color:#17432B;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.wz-tx>h2,.wz-faq h2{margin:44px 0 16px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:38px!important;line-height:1.02!important;color:#17432B!important;scroll-margin-top:20px}
.wz-tx>h3{margin:26px 0 12px;font-weight:900;font-stretch:75%;text-transform:uppercase;font-size:24px;line-height:1.1;color:#17432B}
.wz-krotko{margin:0 0 8px}
.wz-krotko p{margin:0;font-size:18px;line-height:1.6;font-weight:600;color:#17432B}
.wz-tabw{margin:8px 0 28px}
.wz-tabw .ty-tab th[scope=row]{white-space:normal}
.wz-tabw .ty-tab td,.wz-tabw .ty-tab th{font-size:15.5px;line-height:1.4;vertical-align:top;padding:11px 10px 11px 0}
.wz-karty{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:6px 0 30px}
.wz-op{margin:2px 0 0!important;font-size:13.5px!important;line-height:1.45!important;color:#3F4A3F!important}
.wz-faq{max-width:none;margin-top:0}
.wz-faq h2{margin-top:44px!important}
.wz-tx ol.wz-zrodla li{font-size:15px;line-height:1.5}
.wz-tx ol.wz-zrodla a{font-weight:600;word-break:break-word}
/* produkty z artykułu: kafle z miniaturą */
.wz-kat-i{overflow:hidden;background:#fff}
.wz-kat-i img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}
.wz-kat .kt-por-g{grid-template-columns:repeat(4,minmax(0,1fr))}
html body.mmk-sp .wz-pow .shead::before{content:"Wiedza"}
.wz-pow-t{background:#FFF6E0}
@media (max-width:900px){
  .wz-top{padding-bottom:22px}
  .wz-wyr{margin-top:0;padding:22px 0 0}
  .wz-wk{grid-template-columns:minmax(0,1fr);border-radius:18px;box-shadow:4px 4px 0 #F5C842}
  .wz-wk-f{border-right:0;border-bottom:2px solid #17432B}
  .wz-wk-t{padding:16px 16px 18px;gap:10px}
  .wz-wk h2{font-size:26px!important;line-height:1.06!important}
  .wz-wk-m{font-size:13.5px}
  .wz-czytaj{min-height:46px;margin-top:4px}
  .wz-zj-k{display:none}
  .wz-zj-t{display:block}
  .wz-wk-zj{font-size:15.5px;line-height:1.55}
  .wz-wk-f{height:auto;aspect-ratio:16/10}
  html body.mmk-sp .wz-sg .wz-zj{font-size:13.5px;line-height:1.45}
  .wz-lista{padding-top:30px}
  .wz-h2{font-size:30px!important;margin-bottom:12px!important}
  .wz-bar{display:block;padding:12px 0;margin:0 -20px 18px;padding-left:20px;padding-right:20px}
  .wz-bar .kt-sort{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px}
  .wz-bar .kt-sort .kt-lb{display:none}
  .wz-bar .kt-so{flex:none;min-height:42px;padding:0 14px;font-size:14.5px}
  .wz-bar .kt-flt{margin-top:10px}
  .wz-temat{min-height:42px}
  html body.mmk-sp .wz-sg .mk-blog-mini-siatka{grid-template-columns:minmax(0,1fr)!important}
  html body.mmk-sp .wz-sg .mk-blog-mini>a{min-height:118px}
  html body.mmk-sp .wz-sg h3{font-size:16px!important}
  .wz-atop{padding-bottom:22px}
  .wz-atop h1{font-size:32px!important;line-height:1.04!important}
  .wz-meta{font-size:13.5px;gap:4px 14px;margin-top:12px}
  .wz-art-g{grid-template-columns:minmax(0,1fr);gap:0}
  .wz-toc{display:none}
  .wz-kol{margin-top:0}
  .wz-img{margin:22px 0 18px;border-radius:16px;box-shadow:4px 4px 0 #F5C842}
  .wz-spis{display:block;margin:0 0 24px;background:#fff;border:2px solid #17432B;border-radius:16px;overflow:hidden}
  .wz-spis summary{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:10px;min-height:54px;padding:10px 14px;font-size:16px;font-weight:800;color:#17432B;list-style:none;cursor:pointer}
  .wz-spis summary::-webkit-details-marker{display:none}
  .wz-spis summary small{font-size:13px;font-weight:700;color:#5C554B}
  .wz-spis summary i{width:32px;height:32px;border-radius:50%;background:#F5C842;position:relative}
  .wz-spis summary i::before,.wz-spis summary i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2.5px;background:#17432B;border-radius:2px}
  .wz-spis summary i::after{transform:rotate(90deg)}
  .wz-spis[open] summary i::after{transform:rotate(0)}
  .wz-spis ol{padding:0 14px 8px}
  .wz-spis a{font-size:15px;min-height:44px;align-items:center}
  .wz-tx p,.wz-tx li{font-size:16.5px;line-height:1.65}
  .wz-tx>h2,.wz-faq h2{font-size:28px!important;margin:34px 0 12px!important;line-height:1.05!important}
  .wz-tx>h3{font-size:20px;margin:22px 0 10px}
  .wz-krotko p{font-size:16.5px}
  .wz-tabw{margin:6px 0 22px}
  .wz-tabw .ty-tab th[scope=row],.wz-tabw .ty-tab td{padding:8px 0;font-size:14.5px}
  .wz-karty{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 24px}
  .wz-op{font-size:12.5px!important}
  .wz-kat .kt-por-g{grid-template-columns:minmax(0,1fr)}
}

/* ===== makieta_koszyk.CSS ===== */
/* ===== KOSZYK I ZAMÓWIENIE K12 (02.11) — komponenty z SG, kategorii i karty ===== */
.kz-main,.kz-main *,.kz-mini,.kz-mini *,.kz-pasek,.kz-pasek *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box;hyphens:manual!important;-webkit-hyphens:manual!important;letter-spacing:normal}
.kz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kz-top{padding-bottom:30px}
.kz-top h1{font-size:56px!important}
.kz-g{background:#FFF6E0;padding:34px 0 56px;color:#17432B}
.kz-siatka{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
/* pasek do darmowej dostawy */
.kz-dd{background:#fff;border:2px solid #17432B;border-radius:16px;padding:16px 18px 14px;box-shadow:4px 4px 0 #F5C842}
.kz-dd p{margin:0 0 10px;font-size:16px;line-height:1.4;color:#24211D}
.kz-dd p b{color:#17432B;font-weight:800}
.kz-dd-p{height:12px;border-radius:999px;background:#EFE7D2;overflow:hidden;border:1.5px solid #17432B}
.kz-dd-p i{display:block;height:100%;background:#17432B;border-radius:999px}
.kz-dd small{display:block;margin-top:8px;font-size:13px;color:#5C554B}
/* lista produktów */
.kz-kol{display:flex;flex-direction:column;gap:18px;min-width:0}
.kz-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.kz-w{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:142px;padding:14px 18px 14px 14px;background:#fff;border:2px solid #17432B;border-radius:16px;box-shadow:4px 4px 0 #F5C842}
.kz-f{display:block;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid rgba(23,67,43,.12)}
.kz-f img{width:100%;height:100%;object-fit:contain;padding:6%;display:block}
.kz-w-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.kz-w-n{font-size:17px;line-height:1.3;font-weight:700;color:#24211D;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kz-w-m{font-size:13.5px;color:#5C554B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kz-w-j{font-size:13.5px;color:#3F4A3F}
.kz-w-a{display:flex;align-items:center;gap:22px}
.kz-il{grid-template-columns:48px 40px 48px;height:48px}
.kz-il button{height:46px;display:flex;align-items:center;justify-content:center}
.kz-mn svg{color:#C24A16}
.kz-w-s{min-width:104px;text-align:right;font-stretch:75%;font-weight:900;font-size:22px;color:#17432B;white-space:nowrap}
/* podsumowanie */
.kz-sum{position:sticky;top:24px;background:#fff;border:2px solid #17432B;border-radius:20px;padding:24px 24px 22px;box-shadow:6px 6px 0 #F5C842;display:flex;flex-direction:column;gap:14px}
.kz-sum h2{margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:32px!important;line-height:1!important;color:#17432B!important}
.kz-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;margin:0;font-size:16px}
.kz-l dt{color:#3F4A3F}.kz-l dt span{color:#5C554B}
.kz-l dd{margin:0;text-align:right;font-weight:700;color:#17432B;white-space:nowrap}
.kz-raz{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid rgba(23,67,43,.15)}
.kz-raz span{font-size:19px;font-weight:800}
.kz-raz b{font-stretch:75%;font-weight:900;font-size:32px;color:#17432B;white-space:nowrap}
.kz-uw{margin:-6px 0 0;font-size:13.5px;line-height:1.45;color:#5C554B}
.kz-go{width:100%;text-decoration:none;min-height:56px;font-size:18px}
.kz-wroc{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:15px;font-weight:700;color:#17432B;text-decoration:underline;text-underline-offset:3px}
.kz-kup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.kz-kup input{height:50px;border:1.5px solid #17432B;border-radius:12px;padding:0 14px;font-size:16px;background:#fff;color:#24211D;min-width:0}
.kz-kup button{min-height:50px;padding:0 20px;border-radius:999px;border:1.5px solid #17432B;background:#fff;color:#17432B;font-size:15.5px;font-weight:800;cursor:pointer}
.kz-opl{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:2px solid rgba(23,67,43,.15)}
.kz-opl-h{margin:0;font-size:13px;font-weight:800;letter-spacing:.12em!important;text-transform:uppercase;color:#C24A16}
.kz-opl-d{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;font-size:14.5px;color:#3F4A3F}
.kz-opl-d b{color:#17432B}
.kz-opl-d a{flex:none;display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:#C24A16;text-decoration:none}
.kz-o{display:grid;grid-template-columns:52px minmax(0,1fr) auto 40px;align-items:center;gap:12px;min-height:72px;padding:8px 10px;border:1.5px solid rgba(23,67,43,.25);border-radius:14px;text-decoration:none;color:#24211D}
.kz-o-f{width:52px;height:52px;border-radius:8px;overflow:hidden;background:#fff}.kz-o-f img{width:100%;height:100%;object-fit:contain;display:block}
.kz-o-n{font-size:14px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kz-o b{font-stretch:75%;font-weight:900;font-size:17px;color:#17432B;white-space:nowrap}
.kz-pl{list-style:none;margin:0;padding:12px 0 0;border-top:2px solid rgba(23,67,43,.15);display:flex;flex-wrap:wrap;gap:6px}
.kz-pl li{font-size:12px;font-weight:800;padding:5px 9px;border-radius:8px;background:#FFF6E0;border:1px solid rgba(23,67,43,.25);color:#17432B}
/* dopełnij koszyk */
.kz-dop{background:#17432B;padding:48px 0 56px}
.kz-dop h2,.kz-h2{margin:0 0 22px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:40px!important;line-height:1.02!important;color:#F5C842!important}
.kz-h2{color:#17432B!important}
.kz-eb{color:#F5C842}.kz-gd .kz-eb{color:#C24A16}
.kz-pasek{display:none!important}
/* A: mini-koszyk */
.kz-mini-tlo{position:fixed;inset:0;background:rgba(15,51,32,.55);z-index:90}
.kz-mini{position:fixed;top:0;right:0;bottom:0;width:440px;z-index:91;background:#FFF6E0;border-left:2px solid #17432B;padding:22px 24px 24px;display:flex;flex-direction:column;gap:18px;overflow:auto;color:#17432B;box-shadow:-10px 0 30px rgba(15,51,32,.25)}
.kz-uch{display:none}
.kz-mini-g{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kz-ok{margin:0;display:flex;align-items:center;gap:10px;font-weight:900!important;font-stretch:70%;text-transform:uppercase;font-size:28px;line-height:1}
.kz-ok span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#17432B;color:#F5C842;font-size:18px;font-stretch:100%}
.kz-x{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid #17432B;background:#fff;color:#17432B;font-size:17px;cursor:pointer}
.kz-mini-p{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:2px solid #17432B;border-radius:16px;padding:12px;box-shadow:4px 4px 0 #F5C842}
.kz-mini-f{width:96px;height:96px;border-radius:10px;overflow:hidden}.kz-mini-f img{width:100%;height:100%;object-fit:contain;display:block}
.kz-mini-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.kz-mini-t b{font-size:16.5px;line-height:1.3;color:#24211D}
.kz-mini-t span{font-size:13.5px;color:#5C554B}
.kz-mini-t strong{font-stretch:75%;font-weight:900;font-size:22px;color:#17432B}
.kz-mini-il{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:700}
.kz-mini-s{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:0;padding:14px 0 0;border-top:2px solid rgba(23,67,43,.15);font-size:16px}
.kz-mini-s dt{color:#3F4A3F}.kz-mini-s dd{margin:0;text-align:right;font-weight:700;white-space:nowrap}.kz-mini-s dd b{font-stretch:75%;font-weight:900;font-size:24px}
.kz-mini-b{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.kz-sec{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1.5px solid #17432B;background:transparent;color:#17432B;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
/* C: zamówienie */
.kz-kroki{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;font-size:14px;color:rgba(255,246,224,.85)}
.kz-kroki li{display:inline-flex;align-items:center;gap:8px}
.kz-kroki li+li::before{content:"›";color:rgba(255,246,224,.6)}
.kz-kroki a{color:#FFF6E0;text-decoration:underline;text-underline-offset:3px}
.kz-kroki [aria-current]{color:#F5C842;font-weight:800}
.kz-bezp{margin:12px 0 0;font-size:15px;color:#FFF6E0}
.kz-form{display:flex;flex-direction:column;gap:22px;min-width:0}
.kz-gosc{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1.5px solid rgba(23,67,43,.3);border-radius:16px;padding:14px 18px}
.kz-gosc>div:first-child{display:flex;flex-direction:column;gap:2px;font-size:14.5px;line-height:1.4;color:#3F4A3F;min-width:0}
.kz-gosc b{font-size:16px;color:#17432B}
.kz-gosc-b{display:flex;gap:8px;flex:none}
.kz-gosc .kz-sec{min-height:44px;padding:0 16px;font-size:14.5px}
.kz-sec--z{background:#17432B;color:#FFF6E0}
.kz-s{background:#fff;border:2px solid #17432B;border-radius:20px;padding:22px 24px 24px;box-shadow:5px 5px 0 #F5C842;display:flex;flex-direction:column;gap:16px}
.kz-s h2{display:flex;align-items:center;gap:12px;margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:30px!important;line-height:1!important;color:#17432B!important}
.kz-nr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#F5C842;border:2px solid #17432B;font-stretch:100%;font-size:18px}
.kz-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.kz-p{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.kz-p label,.kz-pkt-l{font-size:14.5px;font-weight:700;color:#24211D;margin:0}
.kz-p abbr,.kz-chk abbr,.kz-pkt-l abbr{color:#C24A16;text-decoration:none;margin-left:2px}
.kz-op{font-weight:500;color:#5C554B}
.kz-p input,.kz-p textarea,.kz-sel select,.kz-blik input{width:100%;min-height:52px;border:1.5px solid #17432B;border-radius:12px;background:#fff;padding:0 14px;font-size:16px;color:#24211D}
.kz-p textarea{padding:12px 14px;min-height:96px;resize:vertical;line-height:1.45}
.kz-p input::placeholder,.kz-p textarea::placeholder{color:#8A857A}
.kz-sel{position:relative;display:block}.kz-sel select{appearance:none;-webkit-appearance:none;padding-right:40px}
.kz-sel::after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#17432B}
.kz-chk{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1.5px dashed rgba(23,67,43,.3);border-radius:12px;font-size:15.5px;line-height:1.4;color:#24211D;cursor:pointer}
.kz-chk input{position:absolute;opacity:0;width:1px;height:1px}
.kz-box{flex:none;width:26px;height:26px;border:2px solid #17432B;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center}
.kz-chk input:checked+.kz-box{background:#17432B}.kz-chk input:checked+.kz-box::after{content:"✓";color:#F5C842;font-weight:900}
.kz-chk small{font-size:13px;color:#5C554B}
.kz-chk a{color:#C24A16;font-weight:700}
.kz-opcje{display:flex;flex-direction:column;gap:10px}
.kz-opc{border:1.5px solid rgba(23,67,43,.3);border-radius:16px;background:#fff}
.kz-opc.on{border:2px solid #17432B;background:#F3F8EE;box-shadow:3px 3px 0 #F5C842}
.kz-rad{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:12px 16px;cursor:pointer}
.kz-rad input{position:absolute;opacity:0;width:1px;height:1px}
.kz-rk{width:26px;height:26px;border-radius:50%;border:2px solid #17432B;background:#fff}
.kz-rad input:checked+.kz-rk{box-shadow:inset 0 0 0 5px #fff;background:#17432B}
.kz-rt{display:flex;flex-direction:column;gap:2px;min-width:0}
.kz-rt b{font-size:16.5px;color:#17432B}
.kz-rt small{font-size:13.5px;line-height:1.35;color:#5C554B}
.kz-rad strong{font-stretch:75%;font-weight:900;font-size:20px;color:#17432B;white-space:nowrap}
.kz-zn{font-style:normal;font-size:12px;font-weight:800;padding:5px 9px;border-radius:8px;background:#FFF6E0;border:1px solid rgba(23,67,43,.25);color:#17432B;white-space:nowrap}
.kz-pkt{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px 56px}
.kz-pkt[hidden],.kz-blik[hidden],.kz-info[hidden]{display:none}
.kz-mapa{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:1.5px solid #17432B;border-radius:12px;background:#fff;color:#17432B;font-size:16px;font-weight:800;text-align:left;cursor:pointer}
.kz-mapa i{font-style:normal;color:#C24A16;font-weight:900}
.kz-info{margin:0;padding:12px 14px;border-radius:12px;background:#FFF6E0;font-size:14.5px;line-height:1.45;color:#3F4A3F}
.kz-blik{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px 56px}
.kz-blik label{font-size:14.5px;font-weight:700}
.kz-blik input{letter-spacing:.3em!important;font-size:18px;max-width:240px}
.kz-blik small{font-size:12px;line-height:1.45;color:#5C554B}
.kz-blik a{color:#17432B}
.kz-rodo{margin:0;font-size:13.5px;line-height:1.5;color:#5C554B}.kz-rodo a{color:#C24A16;font-weight:700}
.kz-chk--reg{border-style:solid;border-color:#17432B;font-weight:700;font-size:16px}
.kz-zamow{width:100%;min-height:58px;font-size:19px}
.kz-paynow{margin:0;font-size:13.5px;color:#5C554B;text-align:center}
.kz-sum--z{gap:12px}
.kz-zl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kz-zl li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}
.kz-zl-f{position:relative;width:56px;height:56px;border-radius:10px;border:1px solid rgba(23,67,43,.15);background:#fff}
.kz-zl-f img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}
.kz-zl-n em{font-style:normal;font-weight:800;color:#17432B}
.kz-zl-n{font-size:14px;line-height:1.35;color:#24211D;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kz-zl b{font-size:15px;color:#17432B;white-space:nowrap}
.kz-gratis{margin:0;padding:10px 12px;border-radius:12px;background:#F3F8EE;font-size:14px;color:#17432B}
.kz-ts{display:none}
/* zamówienie: menu kategorii schowane jak na żywym /zamowienie/ */
body.kz-cb .mk-hdr .menu{display:none}
/* D: pusty */
.kz-pusty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border:2px solid #17432B;border-radius:20px;padding:36px 24px;box-shadow:6px 6px 0 #F5C842;margin-bottom:48px}
.kz-pusty-i{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#FFF6E0;border:2px solid #17432B;color:#17432B}
.kz-pusty p{margin:0;font-size:22px;font-weight:800;color:#17432B}
.kz-pusty .kr-btn{text-decoration:none;min-width:240px}
@media (max-width:900px){
  .kz-top{padding-bottom:22px}
  .kz-top h1{font-size:38px!important}
  .kz-g{padding:20px 0 36px}
  .kz-siatka{grid-template-columns:minmax(0,1fr);gap:22px}
  .kz-sum{position:static;padding:20px 18px;border-radius:18px;box-shadow:4px 4px 0 #F5C842}
  .kz-sum h2{font-size:26px!important}
  .kz-dd{padding:14px 16px 12px}
  .kz-dd p{font-size:15px}
  .kz-lista{gap:12px}
  .kz-w{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"f t" "a a";gap:12px 14px;padding:12px;min-height:0}
  .kz-w .kz-f{grid-area:f;width:76px;height:76px}
  .kz-w-t{grid-area:t}
  .kz-w-n{font-size:15.5px}
  .kz-w-a{grid-area:a;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(23,67,43,.12)}
  .kz-w-s{font-size:21px;min-width:0}
  .kz-dop{padding:34px 0 40px}
  .kz-dop h2,.kz-h2{font-size:28px!important}
  .kz-o{grid-template-columns:48px minmax(0,1fr) 40px;grid-template-areas:"f n p" "f c p";row-gap:2px;min-height:76px}
  .kz-o-f{grid-area:f;width:48px;height:48px}.kz-o-n{grid-area:n}.kz-o b{grid-area:c;font-size:16px}.kz-o .kt-add{grid-area:p}
  body:has(.kz-b) .kz-pasek{display:grid!important;grid-template-columns:auto minmax(0,1fr)}
  .kz-pasek .kr-cena{display:flex;flex-direction:column;gap:0}
  .kz-pasek-l{font-size:12.5px;font-weight:700;color:#5C554B}
  .kz-pasek .kr-cena b{font-size:24px}
  .kz-pasek .kr-btn{text-decoration:none;min-height:52px}
  body:has(.kz-b) footer.foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
  /* A: od dołu */
  .kz-mini{top:auto;left:0;width:auto;max-height:86vh;border-left:0;border-top:2px solid #17432B;border-radius:22px 22px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));gap:14px;box-shadow:0 -10px 30px rgba(15,51,32,.25)}
  .kz-uch{display:block;width:44px;height:5px;border-radius:999px;background:rgba(23,67,43,.3);margin:0 auto 2px}
  .kz-ok{font-size:23px}
  .kz-mini-p{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px}
  .kz-mini-f{width:72px;height:72px}
  .kz-mini-t b{font-size:15px}.kz-mini-t strong{font-size:19px}
  .kz-mini-s{font-size:15px;padding-top:12px}.kz-mini-s dd b{font-size:21px}
  .kz-mini-b{margin-top:0}
  /* C */
  .kz-kroki{font-size:13px;margin-bottom:10px}
  .kz-bezp{font-size:14px}
  .kz-gc .kz-sum--z{display:none}
  .kz-ts{display:block;background:#fff;border:2px solid #17432B;border-radius:16px;box-shadow:4px 4px 0 #F5C842}
  .kz-ts summary{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:10px;min-height:60px;padding:10px 14px;list-style:none;cursor:pointer}
  .kz-ts summary::-webkit-details-marker{display:none}
  .kz-ts-t{display:flex;flex-direction:column;font-size:16px;font-weight:800;color:#17432B}
  .kz-ts-t small{font-size:13px;font-weight:600;color:#5C554B}
  .kz-ts summary b{font-stretch:75%;font-weight:900;font-size:21px;color:#17432B;white-space:nowrap}
  .kz-ts summary i{width:32px;height:32px;border-radius:50%;background:#F5C842;position:relative}
  .kz-ts summary i::before,.kz-ts summary i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2.5px;background:#17432B;border-radius:2px}
  .kz-ts summary i::after{transform:rotate(90deg)}
  .kz-ts[open] summary i::after{transform:rotate(0)}
  .kz-ts-b{display:flex;flex-direction:column;gap:12px;padding:4px 14px 16px;border-top:1px solid rgba(23,67,43,.12);padding-top:14px}
  .kz-form{gap:18px}
  .kz-gosc{flex-direction:column;align-items:stretch;padding:14px 16px}
  .kz-gosc-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .kz-s{padding:18px 16px 20px;border-radius:18px;box-shadow:4px 4px 0 #F5C842;gap:14px}
  .kz-s h2{font-size:25px!important}
  .kz-nr{width:32px;height:32px;font-size:16px}
  .kz-r2{grid-template-columns:minmax(0,1fr);gap:14px}
  .kz-r2--kod{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
  .kz-rad{grid-template-columns:26px minmax(0,1fr) auto;gap:12px;padding:12px 14px}
  .kz-rt b{font-size:15.5px}.kz-rt small{font-size:13px}
  .kz-rad strong{font-size:18px}
  .kz-zn{font-size:11.5px;padding:4px 8px;grid-column:2;justify-self:start;margin-top:-4px}
  .kz-rad:has(.kz-zn){grid-template-columns:26px minmax(0,1fr);row-gap:8px}
  .kz-mapa{font-size:15px;min-height:56px}
  .kz-rt small{font-size:13px}
  .kz-pkt,.kz-blik{padding:0 14px 14px}
  .kz-chk{font-size:15px}
  .kz-pusty{padding:28px 18px;margin-bottom:34px}
  .kz-pusty p{font-size:19px}
  .kz-pusty .kr-btn{width:100%;min-width:0}
  .kz-gd .kt-siatka,.kz-dop .kt-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== makieta_konto_szukaj.CSS ===== */
/* ===== KONTO, WYSZUKIWARKA, 404 K12 (02.11) — komponenty z SG, kategorii, karty i koszyka ===== */
.ko-main,.ko-main *,.sz-pod,.sz-pod *,.kt-lista,.kt-lista *{font-family:'Archivo',system-ui,sans-serif!important;box-sizing:border-box;hyphens:manual!important;-webkit-hyphens:manual!important;letter-spacing:normal}
.ko-main .kt-top h1{font-size:56px!important}
.ko-g{padding:34px 0 56px}
.ko-h2{margin:0 0 16px!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:34px!important;line-height:1!important;color:#17432B!important}
.ko-eb{color:#C24A16!important}
/* A */
.ko-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch;max-width:1040px}
.ko-log{justify-content:flex-start}
.ko-btn{width:100%;min-height:56px;font-size:18px;text-decoration:none}
.ko-log .kz-sec.ko-btn{margin-top:auto}
.ko-link{display:inline-flex;align-items:center;gap:6px;align-self:center;min-height:44px;font-size:15.5px;font-weight:700;color:#17432B;text-decoration:underline;text-underline-offset:3px}
.ko-link--m{align-self:auto;color:#C24A16;text-decoration:none;font-weight:800;white-space:nowrap}
.ko-has{position:relative;display:block}
.ko-has input{padding-right:58px!important}
.ko-oko{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:#17432B;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}
/* B */
.ko-siatka{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
.ko-nav{position:sticky;top:24px}
.ko-nav ul{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #17432B;border-radius:20px;box-shadow:5px 5px 0 #F5C842}
.ko-nav a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:14px;color:#17432B;font-size:16.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.ko-nav a:hover{background:#FFF6E0}
.ko-nav a[aria-current]{background:#17432B;color:#F5C842}
.ko-nav .ko-wyl{color:#C24A16}
.ko-nav svg{flex:none}
.ko-tresc{display:flex;flex-direction:column;gap:24px;min-width:0}
.ko-kar{background:#fff;border:2px solid #17432B;border-radius:20px;padding:22px 24px 24px;box-shadow:5px 5px 0 #F5C842;display:flex;flex-direction:column;gap:16px}
.ko-kar-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.ko-kar-h h2{white-space:nowrap}
.ko-kar-h h2{margin:0!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:30px!important;line-height:1!important;color:#17432B!important}
.ko-ile{font-size:15px;color:#5C554B;white-space:nowrap}
.ko-ost-g,.ko-zw-g{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ko-ost-nr{display:flex;align-items:baseline;gap:10px}
.ko-ost-nr b,.ko-zw-nr{font-stretch:75%;font-weight:900;font-size:24px;color:#17432B;text-decoration:none}
.ko-ost-nr time,.ko-zw-g time{font-size:15px;color:#5C554B}
.ko-st{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:800;white-space:nowrap}
.ko-st--processing{background:#F5C842;color:#17432B}
.ko-st--completed{background:#E3EFD9;color:#17432B}
.ko-mins{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ko-min{width:64px;height:64px;border-radius:12px;border:1px solid rgba(23,67,43,.15);background:#fff;overflow:hidden;flex:none}
.ko-min img{width:100%;height:100%;object-fit:contain;padding:6%;display:block}
.ko-szt{font-size:14.5px;color:#3F4A3F;margin-left:4px}
.ko-ost-d,.ko-zw-d{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:2px solid rgba(23,67,43,.12)}
.ko-ost-d span{font-size:16px;color:#3F4A3F}
.ko-ost-d b,.ko-zw-s{font-stretch:75%;font-weight:900;font-size:26px;color:#17432B;white-space:nowrap}
.ko-zw-b{display:flex;gap:10px;flex:none}
.ko-mb{min-height:48px;padding:0 20px;font-size:15.5px;text-decoration:none;width:auto}
.ko-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-auto-rows:1fr}
.ko-kaf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 18px;min-height:84px;background:#fff;border:2px solid #17432B;border-radius:16px;box-shadow:4px 4px 0 #F5C842;color:#17432B;text-decoration:none}
.ko-kaf svg{grid-row:1/3;width:26px;height:26px}
.ko-kaf b{font-weight:900;font-stretch:72%;font-size:22px;line-height:1.05;text-transform:uppercase}
.ko-kaf span{grid-row:2;grid-column:2;font-size:14px;color:#3F4A3F}
.ko-kaf i{grid-row:1/3;grid-column:3;font-style:normal;font-weight:900;font-size:22px;color:#C24A16}
.ko-lis .kt-siatka{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ko-zl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ko-zw{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border:1.5px solid rgba(23,67,43,.3);border-radius:16px;background:#FFFCF4}
.ko-lead{margin:0;font-size:16px;color:#3F4A3F}
.ko-adry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.ko-adr address{font-style:normal;font-size:16.5px;line-height:1.6;color:#24211D;flex:1}
.ko-adr .kz-sec{align-self:flex-start}
.ko-dane{max-width:760px}
.ko-h3{margin:8px 0 0!important;font-weight:900!important;font-stretch:72%;text-transform:uppercase;font-size:22px!important;color:#17432B!important;padding-top:16px;border-top:2px solid rgba(23,67,43,.12)}
.ko-pom{margin:-8px 0 0;font-size:13.5px;color:#5C554B}
.ko-dane .ko-btn{width:auto;align-self:flex-start;padding:0 36px}
/* C1: podpowiedzi */
.sz-pod,.sz-tlo{display:none}
body.sz-on .sz-tlo{display:block;position:fixed;inset:0;background:rgba(15,51,32,.45);z-index:80}
body.sz-on .mk-hdr{position:relative;z-index:95}
body.sz-on .sz-pod{display:flex;flex-direction:column;gap:18px;position:absolute;left:0;top:calc(100% + 10px);width:900px;max-width:calc(100vw - 80px);background:#FFF6E0;border:2px solid #17432B;border-radius:20px;padding:22px 24px 24px;box-shadow:6px 6px 0 #F5C842,0 20px 40px rgba(15,51,32,.25);color:#17432B;z-index:96;text-align:left}
.sz-tel{display:none}
.sz-kol{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px}
.sz-h{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.12em!important;text-transform:uppercase;color:#C24A16}
.sz-h span{color:#5C554B;letter-spacing:normal!important;text-transform:none;font-weight:700;margin-left:6px}
.sz-prs,.sz-wzs{display:flex;flex-direction:column;gap:8px}
.sz-pr{display:grid;grid-template-columns:60px minmax(0,1fr) auto 44px;align-items:center;gap:12px;min-height:76px;padding:8px 10px;background:#fff;border:1.5px solid rgba(23,67,43,.25);border-radius:14px;text-decoration:none;color:#24211D}
.sz-pr-f{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#fff}.sz-pr-f img{width:100%;height:100%;object-fit:contain;display:block}
.sz-pr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sz-pr-n{font-size:15px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sz-pr-t small{font-size:13px;color:#5C554B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-pr>b{font-stretch:75%;font-weight:900;font-size:19px;color:#17432B;white-space:nowrap}
.sz-pod .kt-add{width:44px;height:44px}
.sz-hl{background:none;color:#17432B;font-weight:900;text-decoration:underline;text-decoration-color:#F5C842;text-decoration-thickness:4px;text-underline-offset:2px}
.sz-r{display:flex;flex-direction:column;gap:18px;min-width:0}
.sz-pigs{display:flex;flex-wrap:wrap;gap:8px}
.sz-pn{font-style:normal}
.sz-pig{min-height:44px;font-size:14.5px}
.sz-pig--k{background:#17432B;color:#FFF6E0;border-color:#17432B}.sz-pig--k span{color:#F5C842}.sz-pig--k .sz-hl{color:#F5C842}
.sz-wz{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:6px;border-radius:12px;background:#fff;border:1.5px solid rgba(23,67,43,.2);text-decoration:none;color:#24211D}
.sz-wz-f{width:72px;height:52px;border-radius:8px;overflow:hidden}.sz-wz-f img{width:100%;height:100%;object-fit:cover;display:block}
.sz-wz-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sz-wz-t small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em!important;color:#C24A16}
.sz-wz-t span{font-size:14px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sz-wsz{width:100%;min-height:54px;text-decoration:none}
/* C2: wyniki — typy przy wyszukiwaniu ≥ 44 px */
body.sz-wyn .kt-typ{min-height:44px}
/* D */
.sz-brak{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border:2px solid #17432B;border-radius:20px;padding:34px 28px;box-shadow:6px 6px 0 #F5C842;max-width:860px;margin:0 auto}
.sz-brak .kz-pusty-i{font-size:38px;font-weight:900}
.sz-brak-h{margin:0;font-size:22px;font-weight:800;color:#17432B}
.sz-brak-p{margin:0;font-size:16px;line-height:1.5;color:#3F4A3F;max-width:560px}
.sz-h--c{margin:8px 0 0}
.sz-pigs--c{justify-content:center}
.e4-sz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;max-width:640px;min-height:60px;padding:4px 4px 4px 16px;background:#fff;border:2px solid #17432B;border-radius:14px;box-shadow:inset 0 0 0 2px #F5C842}
.e4-sz-i{font-size:20px;color:#17432B}
.e4-sz input{border:0;outline:0;min-height:52px;font-size:16.5px;background:none;color:#24211D;min-width:0;width:100%}
.e4-sz .kr-btn{min-height:50px;padding:0 24px;width:auto;border-radius:10px}
.ko-wm{background:#FFF6E0;padding:8px 0 48px}
.ko-dz{background:#FFF6E0;padding:0 0 52px}
.e4-kafle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-rows:1fr}
.e4-kaf{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:12px 16px;min-height:64px;background:#fff;border:2px solid #17432B;border-radius:14px;box-shadow:3px 3px 0 #F5C842;color:#17432B;text-decoration:none}
.e4-kaf b{font-weight:800;font-size:16.5px;line-height:1.2}
.e4-kaf span{grid-row:2;font-size:13.5px;color:#5C554B}
.e4-kaf i{font-style:normal;font-weight:900;font-size:20px;color:#C24A16}
/* E */
.e4-g{padding:30px 0 34px}
.e4-szk{display:flex;flex-direction:column;align-items:flex-start}
.e4-pom{background:#17432B;padding:44px 0 52px;color:#FFF6E0}
.e4-pom .ko-h2{color:#F5C842!important}
.e4-pom-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}
.e4-nap{background:#FFF6E0;color:#17432B;border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:5px 5px 0 #F5C842}
.e4-nap b{font-size:20px;font-weight:900}
.e4-nap p{margin:0;font-size:15.5px;line-height:1.5;color:#3F4A3F}
.e4-nap .kr-btn{text-decoration:none;align-self:flex-start;width:auto;padding:0 26px}
@media (max-width:900px){
  .ko-main .kt-top h1{font-size:38px!important}
  .ko-g{padding:20px 0 36px}
  .ko-h2{font-size:26px!important}
  .ko-dwa{grid-template-columns:minmax(0,1fr);gap:22px}
  .ko-siatka{grid-template-columns:minmax(0,1fr);gap:18px}
  /* menu konta: pigułki przewijane w poziomie */
  .ko-nav{position:static;margin:0 -20px}
  .ko-nav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:8px;padding:2px 20px 6px;background:none;border:0;border-radius:0;box-shadow:none;scroll-padding-left:20px}
  .ko-nav ul::-webkit-scrollbar{display:none}
  .ko-nav li{flex:none}
  .ko-nav a{min-height:46px;padding:0 16px;gap:8px;border-radius:999px;background:#fff;border:1.5px solid rgba(23,67,43,.35);font-size:15px}
  .ko-nav a[aria-current]{border-color:#17432B}
  .ko-nav svg{width:18px;height:18px}
  .ko-kar{padding:18px 16px 20px;border-radius:18px;box-shadow:4px 4px 0 #F5C842;gap:14px}
  .ko-kar-h h2{font-size:24px!important}
  .ko-adr .ko-kar-h h2{white-space:normal}
  .ko-tresc{gap:18px}
  .ko-min{width:56px;height:56px}
  .ko-szt{flex-basis:100%;margin:0}
  .ko-ost-d,.ko-zw-d{flex-direction:column;align-items:stretch;gap:12px}
  .ko-ost-d span{display:flex;justify-content:space-between;align-items:baseline}
  .ko-zw-s{font-size:24px}
  .ko-zw-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-mb{padding:0 12px;min-height:50px}
  .ko-kafle{grid-template-columns:minmax(0,1fr);gap:12px}
  .ko-kaf{min-height:72px;padding:12px 16px}
  .ko-kaf b{font-size:19px}
  .ko-lis .kt-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ko-zw{padding:14px}
  .ko-adry{grid-template-columns:minmax(0,1fr);gap:16px}
  .ko-dane .ko-btn{width:100%}
  /* C1 telefon: pełny ekran */
  body.sz-on .sz-tlo{display:none}
  body.sz-on .sz-pod{position:fixed;inset:0;width:auto;max-width:none;top:0;border:0;border-radius:0;box-shadow:none;padding:12px 20px 24px;overflow:auto;gap:20px;z-index:200}
  .sz-tel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;position:sticky;top:-12px;background:#FFF6E0;padding:6px 0 10px;margin-top:-6px;z-index:2}
  .sz-wst,.sz-x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #17432B;background:#fff;color:#17432B;font-size:19px;font-weight:800;text-decoration:none;cursor:pointer}
  .sz-pole{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 12px;background:#fff;border:2px solid #17432B;border-radius:12px;box-shadow:inset 0 0 0 2px #F5C842;min-width:0}
  .sz-pole input{border:0;outline:0;background:none;font-size:17px;min-height:48px;width:100%;min-width:0;color:#24211D}
  .sz-kol{display:flex;flex-direction:column;gap:20px}
  .sz-r{display:contents}
  .sz-blok:not(.sz-blok--w){order:-1}
  .sz-l{order:0}.sz-blok--w{order:1}
  .sz-pr{grid-template-columns:56px minmax(0,1fr) 44px;grid-template-areas:"f t p" "f c p";row-gap:2px;min-height:80px}
  .sz-pr-f{grid-area:f;width:56px;height:56px}.sz-pr-t{grid-area:t}.sz-pr>b{grid-area:c;font-size:17px}.sz-pr .kt-add{grid-area:p}
  .sz-pig{font-size:14px}
  .sz-pr:nth-child(n+5){display:none}
  /* D */
  .sz-brak{padding:26px 18px}
  .sz-brak-h{font-size:19px}
  .sz-brak-p{font-size:15px}
  .e4-sz{grid-template-columns:auto minmax(0,1fr);padding:4px 4px 4px 14px}
  .e4-sz .kr-btn{grid-column:1/-1;width:100%;margin:2px 0 0}
  .e4-sz{box-shadow:none;border-width:2px}
  .ko-wm{padding:0 0 36px}
  .ko-wm .kt-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-dz{padding:0 0 36px}
  .e4-kafle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .e4-kaf{padding:10px 12px;min-height:64px;column-gap:6px}
  .e4-kaf b{font-size:15px}
  .e4-kaf i{font-size:17px}
  .e4-g{padding:20px 0 26px}
  .e4-pom{padding:34px 0 40px}
  .e4-pom-g{grid-template-columns:minmax(0,1fr);gap:22px}
  .e4-nap{padding:18px 16px}
  .e4-nap .kr-btn{width:100%}
}

/* ===== k12_dodatki.css ===== */
/* ===== K12 dodatki (FRONT 02.11): elementy żywe, których makieta nie miała (linki zamiast przycisków, rozwijane Cena/Marka, panel filtrów jako warstwa, opis kategorii) ===== */
a.kt-so,a.kt-dd,a.kt-x,a.kt-wiecej,a.kp-wycz{text-decoration:none}
a.kt-wycz{text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center}
.kt-dd.kt-bio[aria-pressed="true"] .kt-box{background:#17432B;box-shadow:inset 0 0 0 3px #fff}
.kt-ddw{position:relative}
.kt-ddw>summary{list-style:none}.kt-ddw>summary::-webkit-details-marker{display:none}
.kt-pan{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:300px;background:#fff;border:2px solid #17432B;border-radius:16px;box-shadow:5px 5px 0 #F5C842;padding:14px;display:flex;flex-direction:column;gap:12px;font-family:'Archivo',system-ui,sans-serif}
.kt-pan .kp-cena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kt-pan .kp-cena label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#17432B}
.kt-pan .kp-cena input{height:44px;border-radius:12px;border:1.5px solid #17432B;background:#fff;padding:0 12px;font-size:16px;width:100%;box-sizing:border-box}
.kt-pan-l{max-height:320px;overflow:auto;display:flex;flex-direction:column}
.kt-ch{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;font-size:15px;color:#17432B}
.kt-ch input{width:20px;height:20px;margin:0;accent-color:#17432B}.kt-ch small{font-size:13px;color:#5C554B}
.kt-pan-ok{min-height:44px;border-radius:999px;border:0;background:#C24A16;color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.kt-wiecej.loading,.pd-btn.loading{opacity:.6;pointer-events:none}
.kt-pusto{padding:28px 0;font-size:17px;color:#17432B}
.kp--k12{position:fixed;inset:0;z-index:100000;overflow-y:auto;-webkit-overflow-scrolling:touch}
.kp--k12[hidden]{display:none!important}
html.k12-panel-on,html.k12-panel-on body{overflow:hidden}
.kp--k12 .kp-dol{position:sticky;bottom:0;background:#FFF6E0;border-top:2px solid rgba(23,67,43,.12)}
.kp--k12 .kp-wycz{display:inline-flex;align-items:center;justify-content:center}
.kt-opis{background:#FFF6E0;color:#17432B;padding:8px 0 56px}
.kt-opis-t{max-width:860px;font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:1.6}
.kt-opis-t h2,.kt-opis-t h3{font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:72%;text-transform:uppercase;color:#17432B!important;line-height:1.1!important}
.kt-opis-t h2{font-size:30px!important}.kt-opis-t h3{font-size:22px!important}
.kt-opis-t a{color:#C24A16}
.kt-pow[disabled]{opacity:1}
.ik-i{font:inherit}
@media (max-width:900px){.kt-opis-t{font-size:15px}.kt-opis-t h2{font-size:24px!important}}
details.kt-ddw:not([open])>.kt-pan{display:none}

/* ===== 02.11 uwagi Wiktora do SG (FRONT, od_kokpitu/2026-11-02_FRONT_K12-SG-uwagi-staging.md) ===== */
/* 1. ZDJĘCIA: wszędzie kadr 1:1, białe tło, cały produkt (contain) — także „Podpowiedz mi” (było 170 px „cover”/kadr kwadratowy). */
body.mmk-k12 .ul-f,body.mmk-k12 .ul-pod .ul-f,body.mmk-k12 .kt-f,body.mmk-k12 .zm-f{aspect-ratio:1/1!important;height:auto!important;background:#fff!important;display:flex;align-items:center;justify-content:center}
body.mmk-k12 .zm-f{width:64px;height:64px!important}
body.mmk-k12 .ul-f img,body.mmk-k12 .kt-f img,body.mmk-k12 .zm-f img,body.mmk-k12 .sp-mf img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff;box-sizing:border-box}
body.mmk-k12.home .mk-por2-w:not(.mk-por2-w--wsz) .ft{background-color:#fff!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}

/* 2. NAZWY: jeden układ — linia 1 nazwa (maks. 2 linie, 17 px / telefon 16 px, 600), linia 2 „Marka · waga”, linia 3 cena. */
body.mmk-k12 .k12-nz{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px!important;font-weight:600!important;line-height:1.3!important;color:#17432B;text-decoration:none;height:auto!important;max-height:2.6em!important;min-height:0;letter-spacing:0;font-family:'Archivo',system-ui,sans-serif;font-stretch:100%}
body.mmk-k12 .kt-n.k12-nz,body.mmk-k12 .ul-n.k12-nz,body.mmk-k12 .zm-n.k12-nz{min-height:2.6em!important}
body.mmk-k12 .k12-mt{display:block!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important;color:#5C554B!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none!important;letter-spacing:0!important;margin:2px 0 0!important}
body.mmk-k12 .sp-row-t .k12-nz{color:inherit}
body.mmk-k12 .sp-row--tt .sp-row-t small.k12-mt{display:block!important;color:rgba(255,246,224,.75)!important}
body.mmk-k12 .sp-pt-m.k12-mt{font-size:15px!important;color:#17432B!important;margin:6px 0 10px!important;font-weight:600!important}
body.mmk-k12 .sp-pn-d{display:flex;flex-direction:column;gap:2px}
body.mmk-k12 .sp-pn-n.k12-nz{display:-webkit-box!important;min-height:2.6em}
body.mmk-k12 .zm-t{grid-template-rows:auto auto auto!important}
body.mmk-k12 .zm-n.k12-nz{font-size:16px!important}
@media (max-width:900px){body.mmk-k12 .k12-nz{font-size:16px!important}body.mmk-k12 .k12-mt{font-size:12.5px!important}body.mmk-k12 .zm-n.k12-nz{font-size:15px!important}}

/* 3. PRZYCISKI (zmiana kokpitu 21:20): styl przycisków drugorzędnych BEZ ZMIAN do wyboru wariantu (PRZYCISKI.html, A/B/C).
   Nowy przycisk „Zobacz wszystkie zamienniki” dostaje obecny styl (pomarańczowa pigułka jak „Wejdź do Strefy”). */
body.mmk-k12 .zm-wsz{background:#C24A16;color:#fff!important;border-radius:999px;font-family:'Archivo',system-ui,sans-serif;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
body.mmk-k12 .zm-wsz:hover{background:#A33C10}
body.mmk-k12 .k12-lnk{font-weight:700;color:#17432B;text-decoration:underline;text-underline-offset:3px}

/* 4. ZAMIAST…: cały kafel klikalny, „Zobacz wszystkie zamienniki (N) →”, poradnik mniejszym linkiem. */
body.mmk-k12 .zm-g{grid-template-rows:auto repeat(3,auto) auto auto!important}
body.mmk-k12 .zm-k{grid-row:span 6!important;cursor:pointer;transition:transform .12s}
body.mmk-k12 .zm-k:hover{transform:translate(-2px,-2px)}
body.mmk-k12 a.zm-s{color:#17432B;text-decoration:none}
body.mmk-k12 a.zm-s:hover .zm-czym{text-decoration:underline}
body.mmk-k12 .zm-w--pusty{background:transparent!important;min-height:0!important;padding:0!important}
body.mmk-k12 .zm-wsz{width:100%;min-height:48px!important;padding:0 14px!important;font-size:15px!important;line-height:1.25;white-space:nowrap!important;text-align:center;align-self:end;box-sizing:border-box}
body.mmk-k12 .zm-a{min-height:32px!important;font-size:13.5px!important;font-weight:600!important;color:#3F4A3F!important;justify-content:center}
.zm-str-por{margin:28px 0 0;font-size:16px}

/* 5. Polecane na SG: karta K12 (jak w kategorii), 6 w rzędzie. */
body.mmk-k12 .sp-pol .kt-siatka.sp-kt{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
@media (max-width:1100px){body.mmk-k12 .sp-pol .kt-siatka.sp-kt{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){body.mmk-k12 .sp-pol .kt-siatka.sp-kt{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}

/* 6. Sekcje kafel + lista (Strefa Wypieków, Herbaty i kawy) — układ 1:1 jak „Produkt tygodnia + Też w tym tygodniu” (Wiktor 02.11 przez kokpit). */
body.mmk-k12 .sp-k2{padding:var(--mk-sek,56px) 0}
body.mmk-k12 .sp-k2-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
body.mmk-k12 .sp-k2-hd h2{margin:0!important;font-family:var(--sp-f);font-stretch:62%;font-weight:900;font-size:44px!important;line-height:1!important;text-transform:uppercase}
body.mmk-k12 .sp-k2-hd .sp-eb{margin:0 0 6px}
body.mmk-k12 .sp-k2-l{flex:none;min-height:48px;display:inline-flex;align-items:center;padding:0 24px;white-space:nowrap}
body.mmk-k12 .sp-k2-dol{display:none}
body.mmk-k12 .sp-k2-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:stretch}
body.mmk-k12 .sp-k2-k{background:#F5C842;color:#17432B;border-radius:20px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 60%;gap:24px;align-items:center}
body.mmk-k12 .sp-k2-h{margin:0!important;font-family:var(--sp-f)!important;font-stretch:62%;font-weight:900!important;font-size:44px!important;line-height:.95!important;text-transform:uppercase;color:#17432B!important;letter-spacing:0;overflow-wrap:normal;word-break:keep-all;hyphens:none}
body.mmk-k12 .sp-k2-h--m{font-size:36px!important}body.mmk-k12 .sp-k2-h--s{font-size:29px!important}
body.mmk-k12 .sp-k2-h a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.mmk-k12 .sp-k2-m.k12-mt{font-size:15px!important;font-weight:600!important;color:#17432B!important;margin:12px 0 16px!important;white-space:normal}
body.mmk-k12 .sp-k2-c{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
body.mmk-k12 .sp-k2-c b{font-family:var(--sp-f);font-stretch:70%;font-weight:900;font-size:60px;line-height:1;color:#17432B}
body.mmk-k12 .sp-k2-c .sp-btn{min-height:52px;padding:0 26px;font-size:16px}
body.mmk-k12 .sp-mf--k2{width:100%;max-width:none;border-radius:18px}
body.mmk-k12 .sp-k2-lista{display:flex;flex-direction:column;gap:10px;min-height:0}
body.mmk-k12 .sp-k2-lista .sp-row{flex:1 1 0;min-height:0;grid-template-columns:72px minmax(0,1fr) 44px;padding:10px 14px;border:1.5px solid rgba(23,67,43,.15)}
body.mmk-k12 .sp-ciem .sp-k2-hd h2,body.mmk-k12 .sp-ciem .sp-k2-hd .sp-eb{color:#F5C842!important}
body.mmk-k12 .sp-her .sp-k2-hd h2,body.mmk-k12 .sp-her .sp-k2-hd .sp-eb{color:#17432B!important}
@media (max-width:1100px) and (min-width:901px){body.mmk-k12 .sp-k2-h{font-size:34px!important}body.mmk-k12 .sp-k2-h--m{font-size:28px!important}body.mmk-k12 .sp-k2-h--s{font-size:24px!important}body.mmk-k12 .sp-k2-c b{font-size:46px}}
@media (max-width:900px){
  body.mmk-k12 .sp-k2-hd{margin-bottom:16px}
  body.mmk-k12 .sp-k2-hd h2{font-size:32px!important}
  body.mmk-k12 .sp-k2-hd .sp-k2-l{display:none}
  body.mmk-k12 .sp-k2-dol{display:block;margin-top:16px}
  body.mmk-k12 .sp-k2-dol .sp-k2-l{display:flex;justify-content:center;width:100%;box-sizing:border-box}
  body.mmk-k12 .sp-k2-g{grid-template-columns:minmax(0,1fr);gap:16px}
  body.mmk-k12 .sp-k2-k{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}
  body.mmk-k12 .sp-k2-i{order:-1;display:flex;justify-content:center}
  body.mmk-k12 .sp-mf--k2{width:70%}
  body.mmk-k12 .sp-k2-h{font-size:34px!important}body.mmk-k12 .sp-k2-h--m{font-size:30px!important}body.mmk-k12 .sp-k2-h--s{font-size:26px!important}
  body.mmk-k12 .sp-k2-c b{font-size:42px}
  body.mmk-k12 .sp-k2-c .sp-btn{flex-basis:100%;min-height:48px}
  body.mmk-k12 .sp-k2-lista .sp-row{flex:0 0 auto;grid-template-columns:56px minmax(0,1fr) 44px;padding:10px 12px}
}

/* ===== 02.11 22:30 decyzje Wiktora: przyciski wariant A (prostokąt 6 px, krój nagłówków K12, wersaliki, ≥ 48 px) ===== */
html body.mmk-k12 .k12-btn2,html body.mmk-k12 .ul-pod .ul-h .pd-btn,html body.mmk-k12 .sp-k2-l,html body.mmk-k12 .zm-wsz,html body.mmk-k12 .mk-blog-sg>a.more,
html body.mmk-k12 .kt-wiecej,html body.mmk-k12 .kp-ok,html body.mmk-k12 .kt-pan-ok,html body.mmk-k12 .sp-wiecej-l{
  background:#17432B!important;color:#F5C842!important;border:0!important;border-radius:6px!important;box-shadow:none!important;min-height:52px!important;padding:0 22px!important;
  font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:19px!important;letter-spacing:.03em!important;text-transform:uppercase!important;line-height:1.1!important;
  display:inline-flex!important;align-items:center!important;justify-content:center;gap:8px;text-decoration:none!important;white-space:nowrap!important;cursor:pointer}
html body.mmk-k12 .k12-btn2:hover,html body.mmk-k12 .ul-pod .ul-h .pd-btn:hover,html body.mmk-k12 .sp-k2-l:hover,html body.mmk-k12 .zm-wsz:hover,html body.mmk-k12 .mk-blog-sg>a.more:hover,html body.mmk-k12 .kt-wiecej:hover,html body.mmk-k12 .kp-ok:hover,html body.mmk-k12 .kt-pan-ok:hover{background:#0B2A19!important;color:#FFF6E0!important}
/* na zieleni: pełny żółty, ciemnozielony napis */
html body.mmk-k12 .sp-pol .k12-btn2,html body.mmk-k12 .sp-ciem .sp-k2-l,html body.mmk-k12 .mk-por2 .banner .btn{background:#F5C842!important;color:#17432B!important}
html body.mmk-k12 .sp-pol .k12-btn2:hover,html body.mmk-k12 .sp-ciem .sp-k2-l:hover,html body.mmk-k12 .mk-por2 .banner:hover .btn{background:#FFF6E0!important;color:#17432B!important}
html body.mmk-k12 .mk-por2 .banner .btn{border-radius:6px!important;min-height:52px!important;padding:0 22px!important;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:19px!important;letter-spacing:.03em!important;text-transform:uppercase!important;box-shadow:none!important;display:inline-flex!important;align-items:center}
html body.mmk-k12 .mk-blog-sg>a.more::after{content:none!important}
html body.mmk-k12 .zm-wsz{width:100%;padding:0 10px!important;font-size:18px!important}
/* „Do koszyka”: ten sam kształt, pomarańcz CTA */
html body.mmk-k12 .sp-btn--tyg{border-radius:6px!important;min-height:52px!important;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:19px!important;letter-spacing:.03em!important;text-transform:uppercase!important;background:#C24A16!important;color:#fff!important;box-shadow:none!important}
/* „+” zostaje okrągły (ikona) */

/* mniejsze kafle: nazwa 1–2 px mniejsza, cena proporcjonalnie (duże kafle bez zmian) */
html body.mmk-k12 .ul-n.k12-nz,html body.mmk-k12 .sp-row-n.k12-nz,html body.mmk-k12 .zm-n.k12-nz{font-size:15.5px!important}
html body.mmk-k12 .ul-st b{font-size:18px!important}
html body.mmk-k12 .sp-row-t b{font-size:18px!important}
html body.mmk-k12 .zm-c b{font-size:17px!important}
@media (max-width:900px){
  html body.mmk-k12 .ul-n.k12-nz,html body.mmk-k12 .sp-row-n.k12-nz,html body.mmk-k12 .zm-n.k12-nz{font-size:15px!important}
  html body.mmk-k12 .ul-st b,html body.mmk-k12 .sp-row-t b{font-size:17px!important}
  html body.mmk-k12 .k12-btn2,html body.mmk-k12 .ul-pod .ul-h .pd-btn,html body.mmk-k12 .sp-k2-l,html body.mmk-k12 .mk-blog-sg>a.more,html body.mmk-k12 .mk-por2 .banner .btn{font-size:17px!important}
}
@media (max-width:900px){html body.mmk-k12 .sp-k2-hd .sp-k2-l{display:none!important}html body.mmk-k12 .sp-k2-dol .sp-k2-l{display:flex!important;width:100%}html body.mmk-k12 .sp-pol .k12-btn2{white-space:normal!important}}
html body.mmk-k12 .ul-pod .ul-h .pd-btn span{font-size:inherit!important;line-height:1.1!important}

/* ===== 02.11 22:50 (Wiktor): menu w stylu K12 — „Kategorie” na złotym tle, rozwijane panele jak kafle, szuflada telefonu ===== */
html[data-wv] body.mmk-k12 .wv-bar--d4 .wv-trig--all,html[data-wv] body.mmk-k12 .wv-bar--d4 .wv-trig--all:hover,html[data-wv] body.mmk-k12 .wv-bar--d4 .wv-trig--all[aria-expanded="true"]{
  background:#F5C842!important;color:#17432B!important;border-radius:6px!important;padding:0 16px!important;min-height:40px;align-self:center;
  font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:17px!important;letter-spacing:.04em!important;text-transform:uppercase!important;gap:10px!important}
html[data-wv] body.mmk-k12 .wv-bar--d4 .wv-trig--all:hover{background:#FFF6E0!important}
html[data-wv] body.mmk-k12 .wv-trig--all .wv-ham i{background:#17432B!important;height:2.2px!important}
html[data-wv] body.mmk-k12 .wv-trig--all .wv-ham{width:17px!important;gap:3.5px!important}
/* panele: duży „Kategorie” i małe działów */
html[data-wv] body.mmk-k12 .wv-pnl,html[data-wv] body.mmk-k12 .wv-pan{background:#FFF6E0!important;border:2px solid #17432B!important;border-radius:16px!important;box-shadow:6px 6px 0 #F5C842!important;color:#17432B!important;font-family:'Archivo',system-ui,sans-serif!important}
html[data-wv] body.mmk-k12 .wv-sek,html[data-wv] body.mmk-k12 .wv-pan-h{font-family:'Archivo',system-ui,sans-serif!important;font-stretch:68%!important;font-weight:900!important;font-size:21px!important;line-height:1.05!important;text-transform:uppercase!important;letter-spacing:.01em!important;color:#17432B!important;border-bottom:2px dashed rgba(23,67,43,.3)!important;padding-bottom:8px!important;margin:0 0 8px!important}
html[data-wv] body.mmk-k12 .wv-dz-t,html[data-wv] body.mmk-k12 .wv-dz{display:flex!important;align-items:center;justify-content:space-between;gap:10px;font-family:'Archivo',system-ui,sans-serif!important;font-size:15.5px!important;font-weight:600!important;line-height:1.3!important;color:#17432B!important;text-decoration:none!important;padding:7px 10px!important;margin:0 -10px!important;border-radius:6px!important;background:transparent!important}
html[data-wv] body.mmk-k12 .wv-dz-t:hover,html[data-wv] body.mmk-k12 .wv-dz:hover,html[data-wv] body.mmk-k12 .wv-dz-t:focus-visible,html[data-wv] body.mmk-k12 .wv-dz:focus-visible{background:#F5C842!important;color:#17432B!important}
html[data-wv] body.mmk-k12 [data-k12-ile]::after{content:attr(data-k12-ile);flex:none;font-size:12.5px;font-weight:700;color:#5C554B;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px}
html[data-wv] body.mmk-k12 [data-k12-ile]:hover::after{color:#17432B}
html[data-wv] body.mmk-k12 .wv-pan{min-width:300px!important;box-sizing:border-box}
html[data-wv] body.mmk-k12 .wv-col.is-akt{background:transparent!important}
/* telefon: przycisk „Kategorie” złoty, oba przyciski równe */
@media (max-width:900px){
  html body.mmk-k12 .mk-mnav{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  html body.mmk-k12 .mk-mnav-b{min-height:48px;justify-content:center;border-radius:6px!important;box-sizing:border-box}
  html body.mmk-k12 .mk-mnav-kat,html body.mmk-k12 .mk-mnav-kat[aria-expanded="true"]{background:#F5C842!important;color:#17432B!important;border:0!important;
    font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:18px!important;letter-spacing:.04em;text-transform:uppercase}
  html body.mmk-k12 .mk-mnav-kat span{color:#17432B!important;font-size:18px!important}
  /* szuflada na pełny ekran */
  html body.mmk-k12 .mk-mkat{background:#FFF6E0!important;font-family:'Archivo',system-ui,sans-serif}
  html body.mmk-k12 .mk-mkat-top{background:#17432B!important;color:#F5C842!important;border:0!important;min-height:60px!important;padding:6px 8px 6px 18px!important}
  html body.mmk-k12 .mk-mkat-top b{font-stretch:68%;font-weight:900;font-size:26px;text-transform:uppercase;color:#F5C842}
  html body.mmk-k12 .mk-mkat-top .mk-mkat-x{width:48px;height:48px;border-radius:6px;background:#F5C842!important;color:#17432B!important;border:0;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center}
  html body.mmk-k12 .mk-mkat-sc{padding:10px 14px 0}
  html body.mmk-k12 .wv-acc{background:#fff;border:2px solid #17432B;border-radius:12px;margin:0 0 10px;overflow:hidden;box-shadow:3px 3px 0 #F5C842}
  html body.mmk-k12 .wv-acc .mk-mkat-dz{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 16px;border:0;background:#fff;color:#17432B;
    font-family:'Archivo',system-ui,sans-serif;font-stretch:70%;font-weight:900;font-size:21px;text-transform:uppercase;text-align:left;letter-spacing:.01em}
  html body.mmk-k12 .wv-acc .mk-mkat-dz i{font-style:normal;font-size:26px;transition:transform .15s}
  html body.mmk-k12 .wv-acc .mk-mkat-dz[aria-expanded="true"]{background:#F5C842}
  html body.mmk-k12 .wv-acc .mk-mkat-dz[aria-expanded="true"] i{transform:rotate(90deg)}
  html body.mmk-k12 .wv-acc .mk-mkat-pod{background:#FFF6E0!important;border-top:2px solid #17432B;padding:4px 0}
  html[data-wv] body.mmk-k12 .wv-acc .mk-mkat-pod a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:48px!important;padding:0 16px 0 20px!important;font-family:'Archivo',system-ui,sans-serif!important;font-size:16px!important;font-weight:600;color:#17432B!important;text-decoration:none;border-bottom:1px solid rgba(23,67,43,.12)}
  html[data-wv] body.mmk-k12 .wv-acc .mk-mkat-pod a:last-child{border-bottom:0}
  html[data-wv] body.mmk-k12 .wv-acc .mk-mkat-pod a:active,html[data-wv] body.mmk-k12 .wv-acc .mk-mkat-pod a.is-akt{background:#F5C842!important}
  html body.mmk-k12 .mk-mkat-x--dol{min-height:52px;border-radius:6px!important;background:#17432B!important;color:#F5C842!important;border:0!important;font-family:'Archivo',system-ui,sans-serif;font-stretch:72%;font-weight:900;font-size:19px;text-transform:uppercase;letter-spacing:.03em}
}
@media (max-width:900px){
  html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav-b{height:48px!important;min-height:48px!important;border-radius:6px!important;width:100%!important;justify-content:center!important;box-sizing:border-box}
  html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav-kat,html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav-kat[aria-expanded="true"],html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav-kat:hover{
    background:#F5C842!important;color:#17432B!important;border:0!important;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%!important;font-weight:900!important;font-size:18px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
  html[data-wv] body.mmk-sp.mmk-k12 .mk-hdr .mk-mnav-kat span{color:#17432B!important;font-size:18px!important}
  html[data-wv] body.mmk-k12 .mk-mkat-top b{font-family:'Archivo',system-ui,sans-serif!important;font-stretch:68%!important;font-weight:900!important;font-size:26px!important;text-transform:uppercase;color:#F5C842!important}
  html[data-wv="D4"] body.mmk-k12 .wv-acc[data-g="6"]{margin-top:10px;border-top:2px solid #17432B}
  html[data-wv="D4"] body.mmk-k12 .wv-acc[data-g="6"] .wv-acc-b{color:#17432B}
}

/* ===== 02.11 23:05 (Wiktor, telefon): wyrównanie do lewej krawędzi, „+” w granicach karty ===== */
/* ZAMIAST: wiersz jak „Też w tym tygodniu” — miniatura 64 | nazwa, marka · waga, cena | „+” 40 px wyśrodkowany pionowo, 12 px od krawędzi; wiersze równej wysokości */
@media (max-width:900px){
html body.mmk-k12 .zm-w:not(.zm-w--pusty){position:relative;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:10px 64px 10px 10px!important;min-height:104px!important;height:104px;box-sizing:border-box}
html body.mmk-k12 .zm-w .zm-f{align-self:center}
html body.mmk-k12 .zm-t{display:flex!important;flex-direction:column;justify-content:center;gap:2px;min-width:0}
html body.mmk-k12 .zm-c{display:block!important}
html body.mmk-k12 .zm-c .ul-add{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px!important;height:40px!important;margin:0}
html body.mmk-k12 .zm-o.k12-mt{margin:0!important}
html body.mmk-k12 .zm-s{padding-left:0!important;margin-left:0!important}
}
@media (max-width:900px){
  /* Strefa / Herbaty: zdjęcie na pełną szerokość treści kafla, 4:3, produkt na środku; tekst, cena, przycisk od tej samej lewej krawędzi */
  html body.mmk-k12 .sp-k2-i{display:block!important;width:100%}
  html body.mmk-k12 .sp-mf--k2{width:100%!important;max-width:none!important;aspect-ratio:4/3!important;border-radius:14px!important}
  html body.mmk-k12 .sp-mf--k2 img{padding:5%!important}
  /* Produkt tygodnia: to samo */
  html body.mmk-sp.mmk-k12 .sp-pt-i{display:block!important;width:100%;justify-content:flex-start}
  html body.mmk-sp.mmk-k12 .sp-pt .sp-mf--hero{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:4/3!important;border-radius:14px!important}
  html body.mmk-sp.mmk-k12 .sp-pt .sp-mf--hero img{padding:5%!important}
  /* „Do koszyka” od lewej, na pełną szerokość treści — jak w obu kaflach */
  html body.mmk-k12 .sp-k2-c,html body.mmk-sp.mmk-k12 .sp-pt-c{justify-content:flex-start}
}
@media (max-width:900px){html body.mmk-k12 .zm-w .zm-n.k12-nz{min-height:0!important}}

/* ===== 03.11 ETAP 2 — KARTA PRODUKTU (żywe elementy + wariant A przycisków) ===== */
html body.mmk-k12 .kr-main{padding:0!important;max-width:none!important}
html body.mmk-k12 .kr-not:empty{display:none}
html body.mmk-k12 .kr-not .woocommerce-message,html body.mmk-k12 .kr-not .woocommerce-error,html body.mmk-k12 .kr-not .woocommerce-info{max-width:1216px;margin:12px auto;font-family:'Archivo',system-ui,sans-serif}
html body.mmk-k12 .kr-btn{border-radius:6px!important;min-height:52px;font-stretch:72%;font-weight:900;font-size:19px;letter-spacing:.03em!important;text-transform:uppercase;line-height:1.1}
html body.mmk-k12 .kr-btn.loading{opacity:.7;pointer-events:none}
html body.mmk-k12 .kr-fav{border-radius:6px}
html body.mmk-k12 .kr-fav.on{color:#C24A16}
html body.mmk-k12 .kr-il{border-radius:6px;overflow:hidden}
html body.mmk-k12 .kr-il input{width:36px;height:50px;border:0!important;background:none!important;text-align:center;font-size:17px;font-weight:800;color:#17432B;padding:0!important;margin:0;box-shadow:none!important;-moz-appearance:textfield;appearance:textfield}
html body.mmk-k12 .kr-il input::-webkit-outer-spin-button,html body.mmk-k12 .kr-il input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body.mmk-k12 .kr-akc{margin:0}
html body.mmk-k12 .kr-kup--bez{grid-template-areas:"stan" "cena";grid-template-columns:minmax(0,1fr)}
html body.mmk-k12 .kr-dop{margin:-4px 0 0;font-size:13px;color:#5C554B}
html body.mmk-k12 .kr-op-g--1{grid-template-columns:minmax(0,1fr)}
html body.mmk-k12 .kr-dane--1{grid-template-columns:minmax(0,1fr)}
html body.mmk-k12 .kr-dane--1 .kr-box{max-width:900px}
html body.mmk-k12 .kr-sk-t,html body.mmk-k12 .kr-sk-t p,html body.mmk-k12 .kr-faq-t p{margin:0;font-size:15.5px;line-height:1.5;color:#24211D;overflow-wrap:anywhere}
html body.mmk-k12 .kr-sk-t .mmk-desc-block{margin:0}
html body.mmk-k12 .kr-faq-t{background:#fff;border:2px solid #17432B;border-radius:16px;padding:16px 18px}
html body.mmk-k12 .kr-op-t p,html body.mmk-k12 .kr-op-t li{overflow-wrap:break-word}
html body.mmk-k12 .kr-gal-f img{background:#fff}
html body.mmk-k12 .kr-min button{cursor:pointer}
html body.mmk-k12 .kr-por .kt-por-g{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}
html body.mmk-k12 .kr-pasek .kr-btn{font-size:17px}
@media (max-width:900px){
  html body.mmk-k12 .kr-btn{font-size:17px}
  html body.mmk-k12 .kr-akc{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px}
  html body.mmk-k12 .kr-il{grid-template-columns:40px minmax(0,1fr) 40px}
  html body.mmk-k12 .kr-il input{width:100%}
  html body.mmk-k12 .kr-kup--bez{grid-template-areas:"stan" "cena"}
}
html body.mmk-k12 .kr-faq details:not([open])>p{display:none}
@media (max-width:900px){html body.mmk-k12.single-product{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}}

/* ===== 03.11 ETAP 2 — STRONA TYPU ===== */
html body.mmk-k12 .ty-main{padding:0!important;max-width:none!important}
html body.mmk-k12 .kr-faq details:not([open])>.ty-fa{display:none}
html body.mmk-k12 .ty-fa{padding:0 18px 16px}
html body.mmk-k12 .ty-fa p{margin:0 0 8px;font-size:16px;line-height:1.55;color:#24211D;padding:0!important}
html body.mmk-k12 .ty-fa a,html body.mmk-k12 .ty-rk a,html body.mmk-k12 .ty-co a{color:#17432B;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html body.mmk-k12 .ty-tx--tab{max-width:none}
html body.mmk-k12 .ty-tx--tab>p{max-width:760px}
html body.mmk-k12 .ty-tabw{overflow-x:auto}
html body.mmk-k12 .ty-wm-kup{margin:0}
html body.mmk-k12 .ty-wm-kup .kr-btn{min-width:0}
html body.mmk-k12 .ty-lista .kt-in>.kr-pol-h{margin-bottom:16px}
html body.mmk-k12 .ty-co li{overflow-wrap:break-word}
@media (max-width:900px){
  html body.mmk-k12 .ty-fa{padding:0 14px 14px}
  html body.mmk-k12 .ty-tabw{overflow:visible}
  html body.mmk-k12 .ty-wm-kup .kr-btn{white-space:normal;padding:0 10px}
}

/* ===== 03.11 ETAP 2 — /wiedza/, artykuł, „Z bloga” ===== */
html body.mmk-k12 .wz-main{padding:0!important;max-width:none!important}
html body.mmk-k12 .wz-top--bez{padding-bottom:40px}
html body.mmk-k12 .wz-tx .ty-fa p{font-size:16.5px}
html body.mmk-k12 .wz-tx img{max-width:100%;height:auto}
html body.mmk-k12 .wz-tx>figure,html body.mmk-k12 .wz-tx>blockquote,html body.mmk-k12 .wz-tx>div{max-width:760px}
html body.mmk-k12 .wz-karty--sk{margin-top:22px}
html body.mmk-k12 .wz-tem{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:#17432B;padding:8px 6px;border-radius:6px}
html body.mmk-k12 .wz-tem.on,html body.mmk-k12 .wz-tem:hover{background:#FFF6E0}
html body.mmk-k12 .wz-sg .eyebrow{text-transform:uppercase}
html body.mmk-k12 .kt-blog{background:#FFF6E0}
html body.mmk-k12 .wz-toc{max-height:calc(100vh - 48px);overflow:auto}
html body.mmk-k12 .wz-tx ol.wz-zrodla{padding-left:22px}
html body.mmk-k12 .wz-tx{overflow-wrap:break-word}
html body.mmk-k12 details:not([open])>ol,html body.mmk-k12 details:not([open])>ul,html body.mmk-k12 details:not([open])>div:not(.kt-pan){display:none}
html body.mmk-k12 .wz-karty .kt-dl{display:none}html body.mmk-k12 .wz-karty .kt-kr{display:inline}

/* ===== 03.11 ETAP 2 — KOSZYK (szablon K12) ===== */
html body.mmk-k12 .kz-main{padding:0!important;max-width:none!important}
html body.mmk-k12 .kz-woo>.woocommerce-notices-wrapper,html body.mmk-k12 .kz-woo .woocommerce-notices-wrapper{max-width:1216px;margin:12px auto;padding:0 20px;font-family:'Archivo',system-ui,sans-serif}
html body.mmk-k12 .kz-akt{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important}
html body.mmk-k12 .kz-form-k{margin:0}
html body.mmk-k12 .kz-w-j .woocommerce-Price-amount,html body.mmk-k12 .kz-w-s .woocommerce-Price-amount{font:inherit;color:inherit}
html body.mmk-k12 .kz-w-oos{display:block;margin-top:4px;font-size:13px;font-weight:700;color:#8A5A12}
html body.mmk-k12 .kz-w--brak .kz-f img{filter:grayscale(1);opacity:.6}
html body.mmk-k12 .kz-f img,html body.mmk-k12 .kz-o-f img,html body.mmk-k12 .kz-mini-f img{width:100%;height:100%;object-fit:contain;display:block}
html body.mmk-k12 .kz-il--1{grid-template-columns:44px;justify-content:center}
html body.mmk-k12 .kz-l dd.kz-g{color:#3F6A28;background:none;padding:0}
html body.mmk-k12 .kr-btn.kz-go,html body.mmk-k12 .kz-pusty .kr-btn,html body.mmk-k12 .kz-pasek .kr-btn{text-decoration:none!important;color:#fff!important}
html body.mmk-k12 .kz-sec{border-radius:6px}
html body.mmk-k12 .kz-kup button{border-radius:6px}
html body.mmk-k12 .kz-o{position:relative}
html body.mmk-k12 .kz-mini[hidden],html body.mmk-k12 .kz-mini-tlo[hidden]{display:none!important}
html.k12-mini-on{overflow:hidden}

/* ===== 03.11 ETAP 2 — ZAMÓWIENIE: obecny formularz (pola 1:1) w wyglądzie K12 ===== */
html body.mmk-k12 .kz-gc .mmk-checkout{max-width:none;margin:0;padding:0;font-family:'Archivo',system-ui,sans-serif;color:#17432B}
html body.mmk-k12 .kz-gc .mmk-secure,html body.mmk-k12 .kz-gc .mmk-steps,html body.mmk-k12 .kz-gc h1.page,html body.mmk-k12 .kz-gc .guestbar{display:none!important}
html body.mmk-k12 .kz-gc form.checkout{display:grid!important;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;margin:0}
html body.mmk-k12 .kz-gc .mmk-flow{display:flex;flex-direction:column;gap:22px;min-width:0;width:auto!important;float:none!important}
html body.mmk-k12 .kz-gc .mmk-card{background:#fff!important;border:2px solid #17432B!important;border-radius:20px!important;padding:22px 24px 24px!important;box-shadow:5px 5px 0 #F5C842!important;display:flex;flex-direction:column;gap:16px;margin:0!important}
html body.mmk-k12 .kz-gc .mmk-step{display:flex;align-items:center;gap:12px;margin:0!important;font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:30px!important;line-height:1!important;color:#17432B!important;letter-spacing:normal!important}
html body.mmk-k12 .kz-gc .mmk-step .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:50%;background:#F5C842!important;border:2px solid #17432B;color:#17432B!important;font-stretch:100%;font-size:18px!important;line-height:1}
html body.mmk-k12 .kz-gc .mmk-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
html body.mmk-k12 .kz-gc .mmk-fields .form-row{grid-column:1/-1;width:auto!important;float:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:6px}
html body.mmk-k12 .kz-gc .mmk-fields .form-row-first,html body.mmk-k12 .kz-gc .mmk-fields .form-row-last{grid-column:auto}
html body.mmk-k12 .kz-gc .mmk-card:first-child .mmk-fields .form-row{grid-column:auto}
html body.mmk-k12 .kz-gc label{font-size:14.5px!important;font-weight:700!important;color:#24211D!important;margin:0!important}
html body.mmk-k12 .kz-gc abbr.required,html body.mmk-k12 .kz-gc .required{color:#C24A16!important;text-decoration:none!important}
html body.mmk-k12 .kz-gc .input-text,html body.mmk-k12 .kz-gc select,html body.mmk-k12 .kz-gc textarea,html body.mmk-k12 .kz-gc input[type=text],html body.mmk-k12 .kz-gc input[type=email],html body.mmk-k12 .kz-gc input[type=tel],html body.mmk-k12 .kz-gc input[type=password]{width:100%!important;min-height:52px!important;border:1.5px solid #17432B!important;border-radius:12px!important;background:#fff!important;padding:0 14px!important;font-size:16px!important;color:#24211D!important;box-shadow:none!important;font-family:'Archivo',system-ui,sans-serif!important}
html body.mmk-k12 .kz-gc textarea{padding:12px 14px!important;min-height:96px!important;line-height:1.45}
html body.mmk-k12 .kz-gc .select2-container .select2-selection--single{min-height:52px!important;border:1.5px solid #17432B!important;border-radius:12px!important;display:flex;align-items:center}
html body.mmk-k12 .kz-gc .mmk-konto-opcja label,html body.mmk-k12 .kz-gc .woocommerce-terms-and-conditions-wrapper .form-row label{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1.5px dashed rgba(23,67,43,.3);border-radius:12px;font-weight:500!important;font-size:15.5px!important;cursor:pointer}
html body.mmk-k12 .kz-gc .woocommerce-terms-and-conditions-wrapper .form-row label{border-style:solid;border-color:#17432B;font-weight:700!important}
html body.mmk-k12 .kz-gc input[type=checkbox]{width:24px!important;height:24px!important;flex:none;accent-color:#17432B;margin:0!important}
html body.mmk-k12 .kz-gc .mmk-ship-cards,html body.mmk-k12 .kz-gc ul.wc_payment_methods{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px;border:0!important;background:none!important}
html body.mmk-k12 .kz-gc .mmk-ship-card,html body.mmk-k12 .kz-gc li.wc_payment_method{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:68px;padding:12px 16px!important;border:1.5px solid rgba(23,67,43,.3)!important;border-radius:16px!important;background:#fff!important;margin:0!important;box-shadow:none}
html body.mmk-k12 .kz-gc .mmk-ship-card.on,html body.mmk-k12 .kz-gc .mmk-ship-card:has(input:checked),html body.mmk-k12 .kz-gc li.wc_payment_method:has(>input:checked){border:2px solid #17432B!important;background:#F3F8EE!important;box-shadow:3px 3px 0 #F5C842}
html body.mmk-k12 .kz-gc .mmk-ship-card input[type=radio],html body.mmk-k12 .kz-gc li.wc_payment_method>input[type=radio]{width:24px!important;height:24px!important;margin:0!important;accent-color:#17432B;grid-column:1}
html body.mmk-k12 .kz-gc .mmk-ship-card label,html body.mmk-k12 .kz-gc li.wc_payment_method>label{display:flex!important;flex-direction:column;gap:2px;font-size:16.5px!important;color:#17432B!important;cursor:pointer;grid-column:2}
html body.mmk-k12 .kz-gc .mmk-ship-card label small{font-size:13.5px;font-weight:500;color:#5C554B}
html body.mmk-k12 .kz-gc .mmk-ship-card .pr{font-stretch:75%;font-weight:900;font-size:20px;color:#17432B;white-space:nowrap;grid-column:3}
html body.mmk-k12 .kz-gc li.wc_payment_method>label img{max-height:24px;width:auto;display:inline-block;margin-left:6px;vertical-align:middle}
html body.mmk-k12 .kz-gc li.wc_payment_method .payment_box{grid-column:1/-1;margin:6px 0 0!important;background:#FFF6E0!important;border-radius:12px!important;padding:12px 14px!important;font-size:14px;color:#24211D}
html body.mmk-k12 .kz-gc li.wc_payment_method .payment_box::before{display:none!important}
html body.mmk-k12 .kz-gc #payment{background:none!important;border:0!important;padding:0!important}
html body.mmk-k12 .kz-gc #payment .place-order{padding:0!important;margin:14px 0 0!important;display:flex;flex-direction:column;gap:12px}
html body.mmk-k12 .kz-gc .woocommerce-privacy-policy-text p{font-size:13.5px;line-height:1.5;color:#5C554B;margin:0}
html body.mmk-k12 .kz-gc #place_order{width:100%!important;min-height:58px!important;border-radius:6px!important;border:0!important;background:#C24A16!important;color:#fff!important;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%;font-weight:900!important;font-size:19px!important;letter-spacing:.03em!important;text-transform:uppercase;cursor:pointer;float:none!important}
html body.mmk-k12 .kz-gc #place_order:hover{background:#A33C10!important}
html body.mmk-k12 .kz-gc .paytrust,html body.mmk-k12 .kz-gc .mmk-adres-why{font-size:14px;color:#3F4A3F;margin:0;background:none;border:0;padding:0}
html body.mmk-k12 .kz-gc .mmk-pickup{border:0;padding:0;background:none;display:flex;flex-direction:column;gap:10px}
html body.mmk-k12 .kz-gc .mmk-pickup-lead{font-size:14.5px;font-weight:700;color:#24211D}
html body.mmk-k12 .kz-gc .mmk-pickup-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:2px solid #17432B;border-radius:6px;background:#fff;color:#17432B;font-weight:800;font-size:17px;cursor:pointer;text-align:left}
html body.mmk-k12 .kz-gc .mmk-order{position:sticky;top:24px;background:#fff!important;border:2px solid #17432B!important;border-radius:20px!important;padding:24px 24px 22px!important;box-shadow:6px 6px 0 #F5C842!important;display:flex;flex-direction:column;gap:12px;width:auto!important;float:none!important;margin:0!important}
html body.mmk-k12 .kz-gc #order_review_heading{margin:0!important;font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:32px!important;line-height:1!important;color:#17432B!important}
html body.mmk-k12 .kz-gc .mmk-review{border:0!important;margin:0!important;width:100%;font-size:15px}
html body.mmk-k12 .kz-gc .mmk-review th,html body.mmk-k12 .kz-gc .mmk-review td{border:0!important;padding:7px 0!important;background:none!important;color:#17432B}
html body.mmk-k12 .kz-gc .mmk-review .order-total th,html body.mmk-k12 .kz-gc .mmk-review .order-total td{border-top:2px solid rgba(23,67,43,.15)!important;padding-top:14px!important;font-size:19px;font-weight:800}
html body.mmk-k12 .kz-gc .mmk-review .order-total td .amount{font-stretch:75%;font-weight:900;font-size:30px}
html body.mmk-k12 .kz-gc .mmk-li-im img{width:56px!important;height:56px!important;object-fit:contain;border-radius:10px;border:1px solid rgba(23,67,43,.15);background:#fff}
html body.mmk-k12 .kz-gc .mmk-freehint{margin:0;padding:10px 12px;border-radius:12px;background:#F3F8EE;font-size:14px;color:#17432B;border:0}
html body.mmk-k12.woocommerce-checkout .mk-hdr .menu{display:none}
@media (max-width:900px){
  html body.mmk-k12 .kz-gc form.checkout{grid-template-columns:minmax(0,1fr);gap:20px}
  html body.mmk-k12 .kz-gc .mmk-order{position:static;order:-1;padding:16px!important;box-shadow:4px 4px 0 #F5C842!important}
  html body.mmk-k12 .kz-gc .mmk-card{padding:16px!important;box-shadow:4px 4px 0 #F5C842!important}
  html body.mmk-k12 .kz-gc .mmk-step{font-size:24px!important}
  html body.mmk-k12 .kz-gc .mmk-fields,html body.mmk-k12 .kz-gc .mmk-card:first-child .mmk-fields{grid-template-columns:minmax(0,1fr)}
  html body.mmk-k12 .kz-gc .mmk-fields .form-row{grid-column:1/-1!important}
  html body.mmk-k12 .kz-gc #order_review_heading{font-size:24px!important}
}
html body.mmk-k12 .kz-gc .mmk-li-im .qb{position:static!important;display:block;margin:0 0 4px;background:none!important;color:#17432B!important;font-weight:800;font-size:14px;width:auto!important;height:auto!important;box-shadow:none!important;border:0!important;text-align:left}html body.mmk-k12 .kz-gc .mmk-li-im .qb::after{content:"×"}
html body.mmk-k12 .kz-main .woocommerce-Price-amount,html body.mmk-k12 .kz-main .amount{color:inherit!important;font:inherit!important}

/* ===== 03.11 ETAP 2 — KONTO (obecne formularze Woo w wyglądzie K12), WYSZUKIWARKA, 404 ===== */
html body.mmk-k12 .ko-main{padding:0!important;max-width:none!important}
html body.mmk-k12 .ko-woo{font-family:'Archivo',system-ui,sans-serif;color:#17432B}
html body.mmk-k12 .ko-woo .u-columns,html body.mmk-k12 .ko-woo .col2-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1040px;width:auto!important}
html body.mmk-k12 .ko-woo .u-column1,html body.mmk-k12 .ko-woo .u-column2{width:auto!important;float:none!important;margin:0!important;background:#fff;border:2px solid #17432B;border-radius:20px;padding:22px 24px 24px;box-shadow:5px 5px 0 #F5C842}
html body.mmk-k12 .ko-woo .u-column1>h2,html body.mmk-k12 .ko-woo .u-column2>h2,html body.mmk-k12 .ko-woo .mmk-tresc-head h2,html body.mmk-k12 .ko-woo h2{margin:0 0 14px!important;font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:68%;text-transform:uppercase;font-size:30px!important;line-height:1!important;color:#17432B!important}
html body.mmk-k12 .ko-woo form.woocommerce-form,html body.mmk-k12 .ko-woo form.login,html body.mmk-k12 .ko-woo form.register{border:0!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:14px}
html body.mmk-k12 .ko-woo .form-row{width:auto!important;float:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:6px}
html body.mmk-k12 .ko-woo label{font-size:14.5px!important;font-weight:700!important;color:#24211D!important}
html body.mmk-k12 .ko-woo .input-text,html body.mmk-k12 .ko-woo input[type=text],html body.mmk-k12 .ko-woo input[type=email],html body.mmk-k12 .ko-woo input[type=password],html body.mmk-k12 .ko-woo input[type=tel],html body.mmk-k12 .ko-woo select{width:100%!important;min-height:52px!important;border:1.5px solid #17432B!important;border-radius:12px!important;background:#fff!important;padding:0 14px!important;font-size:16px!important;box-shadow:none!important}
html body.mmk-k12 .ko-woo .woocommerce-form-login__rememberme{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;font-weight:500!important}
html body.mmk-k12 .ko-woo input[type=checkbox]{width:22px;height:22px;accent-color:#17432B}
html body.mmk-k12 .ko-woo button.button,html body.mmk-k12 .ko-woo .woocommerce-Button,html body.mmk-k12 .ko-woo .woocommerce-form-login__submit{min-height:52px!important;border-radius:6px!important;border:0!important;background:#C24A16!important;color:#fff!important;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:72%;font-weight:900!important;font-size:19px!important;letter-spacing:.03em!important;text-transform:uppercase;padding:0 22px!important;cursor:pointer;width:100%;box-shadow:none!important}
html body.mmk-k12 .ko-woo .woocommerce-form-register .woocommerce-Button{background:#17432B!important;color:#F5C842!important}
html body.mmk-k12 .ko-woo .lost_password a,html body.mmk-k12 .ko-woo .woocommerce-LostPassword a{color:#17432B;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html body.mmk-k12 .ko-woo .woocommerce-privacy-policy-text p{font-size:13.5px;color:#5C554B;margin:0}
html body.mmk-k12 .ko-woo .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
html body.mmk-k12 .ko-woo .woocommerce:has(.u-columns),html body.mmk-k12 .ko-woo .woocommerce:not(:has(.mmk-nav)){display:block}
html body.mmk-k12 .ko-woo .mmk-nav{position:sticky;top:24px;width:auto!important;float:none!important;margin:0!important}
html body.mmk-k12 .ko-woo .mmk-nav ul{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #17432B;border-radius:20px;box-shadow:5px 5px 0 #F5C842}
html body.mmk-k12 .ko-woo .mmk-nav li{margin:0;border:0}
html body.mmk-k12 .ko-woo .mmk-nav a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:14px;color:#17432B!important;font-size:16.5px;font-weight:700;text-decoration:none;white-space:nowrap;background:none}
html body.mmk-k12 .ko-woo .mmk-nav li.is-active a{background:#17432B!important;color:#F5C842!important}
html body.mmk-k12 .ko-woo .mmk-nav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#C24A16!important}
html body.mmk-k12 .ko-woo .mmk-tresc{width:auto!important;float:none!important;margin:0!important;min-width:0;background:#fff;border:2px solid #17432B;border-radius:20px;padding:22px 24px 24px;box-shadow:5px 5px 0 #F5C842}
html body.mmk-k12 .ko-woo .mmk-tresc-head{display:none}
html body.mmk-k12 .ko-woo .mmk-lbtn{border-radius:6px!important}
html body.mmk-k12 .ko-woo .mmk-lbtn--cta{background:#C24A16!important;color:#fff!important;border-color:#C24A16!important}
html body.mmk-k12 .ko-woo .woocommerce-message,html body.mmk-k12 .ko-woo .woocommerce-error,html body.mmk-k12 .ko-woo .woocommerce-info{border-radius:12px;margin:0 0 16px}
html body.mmk-k12 .e4-sz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:2px solid #17432B;border-radius:6px;padding:6px 6px 6px 14px;max-width:760px}
html body.mmk-k12 .e4-sz input[type=search]{border:0!important;min-height:48px;font-size:17px;background:none!important;box-shadow:none!important;outline-offset:2px}
html body.mmk-k12 .e4-sz .kr-btn{min-height:48px}
html body.mmk-k12 .sz-pod .kt-add{flex:none}
html body.mmk-k12 .sz-pr{grid-template-columns:60px minmax(0,1fr) auto 44px}
html body.mmk-k12 .sz-pr-f img,html body.mmk-k12 .sz-wz-f img{width:100%;height:100%;object-fit:contain;display:block}
html body.mmk-k12 .sz-wz-f img{object-fit:cover}
html body.mmk-k12 .sz-pr-t{text-decoration:none;color:#24211D}
html body.mmk-k12 .sz-brakp{width:44px;text-align:center;color:#8A857A}
html body.mmk-k12 .sz-wsz{text-decoration:none!important;color:#fff!important}
html body.mmk-k12 .sz-lista{padding-top:28px}
@media (max-width:900px){
  html body.mmk-k12 .ko-woo .u-columns,html body.mmk-k12 .ko-woo .col2-set{grid-template-columns:minmax(0,1fr);gap:20px}
  html body.mmk-k12 .ko-woo .woocommerce{grid-template-columns:minmax(0,1fr);gap:18px}
  html body.mmk-k12 .ko-woo .mmk-nav{position:static}
  html body.mmk-k12 .ko-woo .mmk-nav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px;border-radius:16px}
  html body.mmk-k12 .ko-woo .mmk-nav a{min-height:44px;font-size:15px}
  html body.mmk-k12 .ko-woo .mmk-tresc,html body.mmk-k12 .ko-woo .u-column1,html body.mmk-k12 .ko-woo .u-column2{padding:16px;box-shadow:4px 4px 0 #F5C842}
  html body.mmk-k12 .sz-pr{grid-template-columns:52px minmax(0,1fr) auto 44px;gap:10px}
  html body.mmk-k12 .sz-pr-f{width:52px;height:52px}
  html body.mmk-k12 .e4-sz{grid-template-columns:minmax(0,1fr) auto;padding-left:10px}
  html body.mmk-k12 .e4-sz .e4-sz-i{display:none}
}

/* ===== 03.11 ETAP 2 — „POWIADOM MNIE” ===== */
html body.mmk-k12 .k12-pow{display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:14px;border:2px solid #17432B;border-radius:12px;background:#FFF6E0}
html body.mmk-k12 .k12-pow[hidden]{display:none}
html body.mmk-k12 .k12-pow-pu{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
html body.mmk-k12 .k12-pow-l{font-size:14.5px;font-weight:800;color:#17432B}
html body.mmk-k12 .k12-pow-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
html body.mmk-k12 .k12-pow-r input{min-height:52px;border:1.5px solid #17432B;border-radius:6px;padding:0 14px;font-size:16px;background:#fff;min-width:0}
html body.mmk-k12 .k12-pow-z{margin:0;font-size:13px;line-height:1.45;color:#3F4A3F}
html body.mmk-k12 .k12-pow-z a{color:#17432B;font-weight:700;text-decoration:underline}
html body.mmk-k12 .k12-pow-w{margin:0;font-size:14.5px;font-weight:800;color:#17432B}
html body.mmk-k12 .k12-pow-w:empty{display:none}
html body.mmk-k12 a.kt-pow{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:900px){html body.mmk-k12 .k12-pow-r{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){html body.mmk-k12 .kr-akc.kr-akc--brak{grid-template-columns:minmax(0,1fr)}html body.mmk-k12 .kr-akc--brak .kr-btn{white-space:normal}}
/* 03.11 krok 8 (przegląd telefonu): pusty koszyk i brak wyników — od lewej krawędzi jak reszta strony */
@media (max-width:900px){html body.mmk-k12 .kz-pusty,html body.mmk-k12 .sz-brak{align-items:flex-start;text-align:left}html body.mmk-k12 .sz-pigs--c{justify-content:flex-start}}

/* ===== 03.11 POPRAWKI PO KONTROLI KOKPITU ===== */
/* 1. „Powiadom mnie” na karcie: przycisk na całą szerokość panelu, napis mieści się (telefon i komputer) */
html body.mmk-k12 .kr-akc.kr-akc--brak{display:flex;width:100%;grid-template-columns:none}
html body.mmk-k12 .kr-kup .kr-akc--brak{grid-column:1/-1}
html body.mmk-k12 .kr-akc--brak .kr-btn{width:100%;min-width:0;white-space:normal;padding:0 16px;text-align:center}
@media (min-width:901px){html body.mmk-k12 .kr-kup:has(.kr-akc--brak){grid-template-areas:"stan" "cena" "akc";grid-template-columns:minmax(0,1fr)}}
/* 2. wyróżnienie dopasowania w podpowiedziach: całe słowo, jedno ciągłe tło pod tekstem */
html body.mmk-k12 mark.sz-hl{background:linear-gradient(transparent 58%,#F5C842 58%,#F5C842 94%,transparent 94%)!important;color:inherit!important;text-decoration:none!important;font-weight:900;padding:0!important;margin:0;border-radius:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 4. zamówienie na telefonie: podsumowanie zwijane */
html body.mmk-k12 .kz-ts-btn{display:none}
@media (max-width:900px){
  html body.mmk-k12 .kz-gc .mmk-order{gap:0}
  html body.mmk-k12 .kz-ts-btn{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:10px;width:100%;min-height:56px;padding:0;border:0;background:none;color:#17432B;text-align:left;cursor:pointer;font-family:'Archivo',system-ui,sans-serif}
  html body.mmk-k12 .kz-ts-t{display:flex;flex-direction:column;gap:2px;font-size:17px;font-weight:800;min-width:0}
  html body.mmk-k12 .kz-ts-t small{font-size:13px;font-weight:600;color:#5C554B}
  html body.mmk-k12 .kz-ts-btn b{font-stretch:75%;font-weight:900;font-size:22px;white-space:nowrap}
  html body.mmk-k12 .kz-ts-btn i{width:32px;height:32px;border-radius:50%;background:#F5C842;position:relative}
  html body.mmk-k12 .kz-ts-btn i::before,html body.mmk-k12 .kz-ts-btn i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2.5px;background:#17432B;border-radius:2px}
  html body.mmk-k12 .kz-ts-btn i::after{transform:rotate(90deg)}
  html body.mmk-k12 .kz-ts-otw .kz-ts-btn i::after{transform:rotate(0)}
  html body.mmk-k12 .kz-gc .mmk-order:not(.kz-ts-otw)>:not(.kz-ts-btn){display:none!important}
  html body.mmk-k12 .kz-gc .mmk-order.kz-ts-otw>#order_review_heading{display:none!important}
  html body.mmk-k12 .kz-gc .mmk-order.kz-ts-otw>#order_review{margin-top:10px}
  html body.mmk-k12 .kz-gc .mmk-order.kz-ts-otw>.mmk-freehint{margin-top:10px}
  html body.mmk-k12 .kz-gc .mmk-order{padding:8px 16px!important}
}
html body.mmk-k12 .kz-gc .mmk-konto-opcja{border:0!important;padding:0!important;background:none!important;margin:0!important}

/* ===== 03.11 UWAGI WIKTORA 10:13 ===== */
/* 2. równe kafle obok siebie: karta (zdjęcie | informacje), typ (Wybór Mameko | Co wybrać) — ten sam dół */
html body.mmk-k12 .kr-grid{align-items:stretch}
html body.mmk-k12 .kr-gal{display:flex;flex-direction:column}
html body.mmk-k12 .kr-gal-f{flex:1 0 auto}
html body.mmk-k12 .ty-co{align-self:stretch}
/* 3. tabela w artykule: odstęp w komórkach, tylko poziome linie, nagłówek K12 */
html body.mmk-k12 .wz-tabw{padding:4px 0 6px!important;overflow-x:auto}
html body.mmk-k12 .wz-tabw table.ty-tab{border:0!important;border-collapse:collapse!important;width:100%;margin:0!important;background:none!important}
html body.mmk-k12 .wz-tabw .ty-tab th,html body.mmk-k12 .wz-tabw .ty-tab td{border:0!important;border-bottom:1px solid rgba(23,67,43,.15)!important;padding:12px 16px!important;vertical-align:top;text-align:left;background:none!important}
html body.mmk-k12 .wz-tabw .ty-tab tbody tr:last-child>*{border-bottom:0!important}
html body.mmk-k12 .wz-tabw .ty-tab thead th{background:#F3F8EE!important;font-size:13px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase;color:#17432B!important;border-bottom:2px solid #17432B!important}
html body.mmk-k12 .wz-tabw .ty-tab thead th:first-child{border-top-left-radius:16px}
html body.mmk-k12 .wz-tabw .ty-tab thead th:last-child{border-top-right-radius:16px}
@media (max-width:900px){
  html body.mmk-k12 .wz-tabw{overflow:visible;padding:0!important}
  html body.mmk-k12 .wz-tabw .ty-tab tr{padding:6px 14px!important}
  html body.mmk-k12 .wz-tabw .ty-tab th[scope=row],html body.mmk-k12 .wz-tabw .ty-tab td{padding:10px 0!important;border-bottom:1px solid rgba(23,67,43,.12)!important}
  html body.mmk-k12 .wz-tabw .ty-tab tr>*:last-child{border-bottom:0!important}
}
/* 5. „Dieta i wartości”: klastry w małym panelu (kafle K12) */
html[data-wv] body.mmk-k12 .wv-pan.wv-pan--k12dm{width:min(1080px,calc(100vw - 80px))!important;max-width:none}
html body.mmk-k12 .k12-dm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:10px}
html body.mmk-k12 .k12-dm-k{background:#fff;border:2px solid #17432B;border-radius:16px;padding:14px 14px 10px;box-shadow:4px 4px 0 #F5C842;display:flex;flex-direction:column;gap:2px;min-width:0}
html body.mmk-k12 .k12-dm-h{margin:0 0 6px!important;font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:72%;text-transform:uppercase;font-size:17px!important;letter-spacing:.02em;color:#17432B!important}
html body.mmk-k12 .wv-col--dieta .wv-sek2{margin:12px 0 4px!important;font-size:12.5px!important;color:#C24A16!important;letter-spacing:.1em}
/* 1. odstęp od zielonego: ujemny margines pierwszego kafla zapadał się w <main>, którego kremowe tło zakrywało zieleń — kafel zaczynał się na krawędzi.
   main nie zapada marginesów (flow-root), kafel nachodzi na zieleń świadomie i równo: 88 px, a nad kaflem 48 px zieleni od ostatniego wiersza nagłówka (komputer). */
html body.mmk-k12 main.kr-main{display:flow-root}
@media (min-width:901px){
  html body.mmk-k12 .ty-top,html body.mmk-k12 .wz-top:not(.wz-top--bez),html body.mmk-k12 .wz-atop{padding-bottom:136px!important}
  html body.mmk-k12 .ty-wyb,html body.mmk-k12 .wz-wyr{margin-top:-88px!important}
  html body.mmk-k12 .wz-kol{margin-top:-88px!important}
  html body.mmk-k12 .wz-toc{margin-top:28px}
}
/* 2. karta: Skład i Wartości odżywcze obok siebie — ten sam dół */
html body.mmk-k12 .kr-dane{align-items:stretch}
/* 1. „Zamiast…”: siatka nie startuje na krawędzi zieleni */
html body.mmk-k12 .kt-lista--zm{padding-top:32px!important}
/* 2. konto (Logowanie | Zarejestruj się) i 404 (Informacje i pomoc | Napisz do nas): ten sam dół */
html body.mmk-k12 .ko-woo .u-columns,html body.mmk-k12 .ko-woo .col2-set{align-items:stretch!important}
html body.mmk-k12 .e4-pom-g{align-items:stretch!important}
html body.mmk-k12 .e4-pom-l{align-self:stretch}
/* 03.11 (błąd Wiktora 11:02, Safari): zamknięta lista rozwijana całkowicie niewidoczna — bez ramki i cienia */
html body.mmk-k12 details.kt-ddw:not([open])>:not(summary),html body.mmk-k12 details.kt-ddw>.kt-pan[hidden]{display:none!important;visibility:hidden!important;border:0!important;box-shadow:none!important}
html body.mmk-k12 details.kt-ddw:not([open])::details-content{display:none!important}
/* 03.11 (Wiktor 11:03): „Źródła” w artykule — mniejszy nagłówek, tekst pomocniczy, bez linków i podkreśleń */
html body.mmk-k12 .wz-tx>h2.wz-zr-h{font-size:22px!important;margin:40px 0 10px!important;font-stretch:72%}
html body.mmk-k12 .wz-tx ol.wz-zrodla{padding-left:20px;margin:0 0 12px}
html body.mmk-k12 .wz-tx ol.wz-zrodla li{font-size:14.5px!important;line-height:1.5!important;color:#5C554B!important;margin-bottom:6px}
html body.mmk-k12 .wz-tx ol.wz-zrodla li a{color:inherit!important;text-decoration:none!important;font-weight:400!important;pointer-events:none}
@media (max-width:900px){html body.mmk-k12 .wz-tx>h2.wz-zr-h{font-size:20px!important}html body.mmk-k12 .wz-tx ol.wz-zrodla li{font-size:14px!important}}

/* ===== 03.11 POPRAWKI PO KONTROLI ===== */
/* D1: „+” w kole na środku („W koszyku się opłaca”) */
html body.mmk-k12 a.kz-o-add,html body.mmk-k12 .kz-o .kt-add{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;text-decoration:none!important;text-align:center}
/* D2: na wąskich sam ✓ w odznace (pełna nazwa w aria-label/title) */
html body.mmk-k12 .kt-chip--wm .kt-kr:empty{display:none!important}
/* B2: „Bez dodatku cukrów” w ikonach i „Moja dieta” na telefonie/tablecie — dwa wiersze, mniejsza czcionka */
html body.mmk-k12 .ik-kr,html body.mmk-k12 .kr-dt{white-space:normal!important;overflow-wrap:normal;hyphens:manual;line-height:1.12}
@media (max-width:900px){html body.mmk-k12 .ik-i .ik-kr{font-size:11.5px}}
/* D6: konto — nagłówki w kroju K12 na każdej szerokości */
html[data-wv] body.mmk-k12 .ko-woo h2,html body.mmk-k12 .ko-woo h2,html body.mmk-k12 .ko-woo .u-column1>h2,html body.mmk-k12 .ko-woo .u-column2>h2{font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;font-stretch:68%!important;text-transform:uppercase!important}
/* D3: zdjęcie w wierszu „Zamiast…” bez osobnego linku */
html body.mmk-k12 span.zm-f{display:block}
html body.mmk-k12 #customer_login h2,html body.mmk-k12 .woocommerce-account .woocommerce-MyAccount-content h2{font-family:"Archivo",system-ui,sans-serif!important;font-weight:900!important;font-stretch:68%!important;text-transform:uppercase!important;color:#17432B!important}
/* 03.11 (kokpit): regulamin rozwinięty w kasie — tylko kontekst .woocommerce-terms-and-conditions (strona /regulamin/ bez zmian) */
html body.mmk-k12 .woocommerce-terms-and-conditions{max-height:300px!important;overflow-y:auto!important;padding:14px 16px!important;border:1.5px solid rgba(23,67,43,.3)!important;border-radius:12px!important;background:#fff!important;margin:4px 0 12px!important;box-shadow:none!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc{max-width:none!important;font-size:14px!important;line-height:1.5!important;text-align:left!important;-webkit-hyphens:manual!important;hyphens:manual!important;color:#24211D!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc *{text-align:left!important;font-size:14px!important;line-height:1.5!important;word-spacing:normal!important;letter-spacing:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc h1{font-family:'Archivo',system-ui,sans-serif!important;font-size:19px!important;line-height:1.25!important;font-weight:800!important;margin:0 0 6px!important;color:#17432B!important;text-transform:none!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc h2{font-family:'Archivo',system-ui,sans-serif!important;font-size:15px!important;line-height:1.3!important;font-weight:800!important;margin:14px 0 4px!important;color:#17432B!important;text-transform:none!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc p,html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc li{margin:0 0 6px!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc ol,html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc ul{padding-left:20px!important;margin:0 0 8px!important}
html body.mmk-k12 .woocommerce-terms-and-conditions .mmk-doc img{max-width:100%!important;height:auto!important}

/* ===== 03.11 (Wiktor 12:20): cecha „1 składnik” — pigułka K12 (prostokąt 6 px) ===== */
html body.mmk-k12 .k12-1s{display:inline-block;max-width:100%;box-sizing:border-box;padding:3px 8px;border-radius:6px;background:#E3EFD9;color:#17432B;border:1px solid rgba(23,67,43,.25);font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
html body.mmk-k12 .kt-1s{align-self:flex-start;flex:none;font-size:12px;padding:2px 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.mmk-k12 .kr-1s{margin:0}
html body.mmk-k12 .kr-1s .k12-1s{font-size:14px;padding:5px 10px}
@media (max-width:900px){html body.mmk-k12 .kt-1s{font-size:11.5px}}
/* 03.11: ikona „Bez cukrów” — łyżeczka przekreślona ciemną zielenią K12 (bez czerwieni) */
html body.mmk-k12 .k12-ik-bz{position:relative;display:inline-block;line-height:1}
html body.mmk-k12 .k12-ik-bz::after{content:"";position:absolute;left:-15%;right:-15%;top:50%;height:3px;margin-top:-1.5px;background:#17432B;border-radius:2px;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #fff}

/* ===== 03.11 persony ===== */
html body.mmk-k12 .k12-ukryte{margin:0 0 14px;padding:10px 14px;border-radius:6px;background:#FFF6E0;border:1.5px dashed rgba(23,67,43,.35);font-size:14.5px;color:#3F4A3F}
html body.mmk-k12 .k12-ukryte a,html body.mmk-k12 .k12-dieta-off,html body.mmk-k12 .sz-dieta a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
html body.mmk-k12 .k12-pusto-d{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px;border:2px solid #17432B;border-radius:16px;background:#fff}
html body.mmk-k12 .k12-pusto-d p{margin:0;font-size:16px;color:#17432B;font-weight:700}
html body.mmk-k12 .k12-dieta-nota{margin:10px 0 0;font-size:14px;font-weight:700;color:#17432B}
html body.mmk-k12 .sz-dieta{margin:0 0 4px;font-size:14px;color:#3F4A3F}
html body.mmk-k12 .sz-wsz{white-space:normal!important;text-align:center;line-height:1.2;padding-top:8px!important;padding-bottom:8px!important;height:auto!important}

/* ===== 03.11 (WIDOCZNOŚĆ N1): numeracja stron list ===== */
html body.mmk-k12 .kt-strony{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;width:100%}
html body.mmk-k12 .kt-strony a,html body.mmk-k12 .kt-strony span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border-radius:6px;font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:15px;color:#17432B;text-decoration:none;border:1.5px solid rgba(23,67,43,.3);background:#fff}
html body.mmk-k12 .kt-strony .on{background:#17432B;color:#F5C842;border-color:#17432B}
html body.mmk-k12 .kt-strony .kt-str-k{border:0;background:none;min-width:20px}
html body.mmk-k12 .kt-strony a:hover{background:#FFF6E0}
@media (max-width:900px){html body.mmk-k12 .kt-strony .kt-str-p{flex-basis:100%;order:2}}
/* 03.11 N7: stały H1 strony głównej — wiersz nad kartą „Produkt tygodnia” w zielonym pasie, styl K12 (Archivo, bez wersalików — brzmienie dokładnie jak zatwierdzone), bez zmiany siatki karty */
html body.mmk-sp .sp-ss .sp-sg-h1{grid-column:1/-1;margin:22px 0 0!important;padding:0;font-family:'Archivo',system-ui,sans-serif!important;font-stretch:75%;font-weight:900!important;font-size:24px!important;line-height:1.15!important;text-transform:none!important;letter-spacing:0;color:#FFF6E0!important;overflow-wrap:break-word}
@media (max-width:900px){html body.mmk-sp .sp-ss .sp-sg-h1{margin:4px 0 0!important;font-size:18px!important}}
/* 03.11 CLS/LCP (pomiar POMOCNIKA): Complianz pokazuje baner, zanim dociągnie swój CSS — przez jedną klatkę baner stoi w treści (1 138 px) i spycha stronę (CLS 2,0).
   Baner od początku jako warstwa nad treścią (position:fixed, jak w CSS Complianz), treść i ustawienia Complianz bez zmian.
   Telefon: komunikat banera w okienku z przewijaniem — mniejsza powierzchnia niż zdjęcie / opis strony, więc baner nie jest elementem LCP. */
#cmplz-cookiebanner-container .cmplz-cookiebanner{position:fixed}
@media (max-width:900px){#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{max-height:calc(var(--cmplz_text_line_height,18px) * 4);overflow-y:auto;-webkit-overflow-scrolling:touch}}
/* 03.11 CLS karty: okruszki na telefonie zawijały się 3→2 linie po dociągnięciu czcionki (siatka karty skakała o 24 px, CLS 0,16). Jedna linia z przewijaniem w bok = stała wysokość. */
@media (max-width:900px){html body.mmk-k12 .kr-bc{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}html body.mmk-k12 .kr-bc::-webkit-scrollbar{display:none}html body.mmk-k12 .kr-bc>*{flex:0 0 auto}}
/* 05.11 „Moja dieta”: liczby w jednej linii na każdej szerokości (przyciski rzędu mają równą wysokość, liczba przy dolnej krawędzi, także przy etykiecie w 2 liniach); liczby także na telefonie */
html body.mmk-k12 .ik{align-items:stretch}
html body.mmk-k12 .ik-i{justify-content:flex-start}
html body.mmk-k12 .ik-i small{margin-top:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:900px){html body.mmk-k12 .vx .ik-i small{display:block;font-size:11.5px}}
/* 05.11: dieta z 0 wyników przy obecnym wyborze: wyszarzona, nieklikalna */
html body.mmk-k12 .ik-i.ik-0,html body.mmk-k12 .ik-i[disabled]{cursor:not-allowed;opacity:.42}
html body.mmk-k12 .ik-i.ik-0 .ik-k{filter:grayscale(1);border-style:dashed!important}
/* 05.11: wybrane diety na stronie głównej (w karcie „Moja dieta”) */
html body.mmk-k12 .v7-k{flex-wrap:wrap;row-gap:12px}
/* 06.11 HOTFIX telefon: przy flex-wrap:wrap rząd diet rozciągał się do pełnej szerokości w karcie z overflow:hidden, ostatnich diet nie dało się przewinąć */
@media (max-width:900px){html body.mmk-k12 .v7-k{flex-wrap:nowrap}}
@media (max-width:900px){html body.mmk-k12 .v7-k .k12-dieta-nota,html body.mmk-k12 .k12-dw{flex:none;width:100%;min-width:0}}
html body.mmk-k12 .v7-k .k12-dieta-nota{flex:0 0 100%;margin:0}
html body.mmk-k12 .k12-dw{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;padding-top:12px;border-top:1px solid #E6D9BB}
html body.mmk-k12 .k12-dw-n{font-size:15px;color:#17432B;font-weight:800;margin-left:4px}
html body.mmk-k12 .k12-dw-0{font-size:14px;font-weight:700;color:#17432B}
html body.mmk-k12 .k12-pusto-w{margin:0}
html body.mmk-k12 .kt-ch-0,html body.mmk-k12 .kp-c.kt-ch-0{opacity:.45;cursor:not-allowed}
@media (max-width:900px){html body.mmk-k12 .sp-wiecej-l{white-space:normal!important;max-width:100%;text-align:center}}
/* 05.11 po KONTROLI: strona typu ma rząd „Moja dieta” między górą a treścią: góra jak w kategorii, kafel Wyboru Mameko pod rzędem, bez nachodzenia (wcześniej -88 px przykrywało „Do listy”) */
@media (min-width:901px){html body.mmk-k12 .ty-top{padding-bottom:26px!important}html body.mmk-k12 .ty-wyb{margin-top:24px!important}}
/* 05.11 /sklep/ (makieta zaakceptowana): działy jako skróty, przycisk ze strony głównej; telefon: wybrane diety pierwsze w przewijanym rzędzie */
html body.mmk-k12 .ls-dz{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px}
html body.mmk-k12 .ls-dz .kt-lb{padding-top:10px;flex:none}
html body.mmk-k12 .ls-dz .kt-typy{margin:0}
html body.mmk-k12 .ls-ukr{display:none!important}
html body.mmk-k12 .ls-dz.otw .ls-ukr{display:inline-flex!important}
html body.mmk-k12 .ls-dz.otw .ls-wiecej{display:none}
html body.mmk-k12 .ls-wiecej{cursor:pointer;background:#17432B!important;color:#F5C842!important;font-weight:800;font-size:14px}
html body.mmk-k12 .k12-pusto-d + .ls-dz{margin-top:22px}
html body.mmk-k12 .ls-wej{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:6px;background:#17432B;color:#F5C842!important;font-weight:800;font-size:14px;text-decoration:none!important}
@media (max-width:900px){
  html body.mmk-k12 .ls-wej{width:100%;justify-content:center;padding:0 8px;font-size:13px;white-space:nowrap}
  html body.mmk-k12 .ls-dz{display:block;margin:0 0 16px}
  html body.mmk-k12 .ls-dz .kt-lb{display:block;padding:0 0 6px}
  html body.mmk-k12 .ls-dz .kt-typy{margin:0 -20px;padding:2px 20px 4px}
  html body.mmk-k12 .ik-i.ik-on:not([data-k12-dieta="all"]){order:-1}
}
/* 06.11 tablet 901–1087 px: menu w jednym rzędzie (płynna czcionka; przy innych fontach ostatni przycisk zawija się zamiast poszerzać stronę); karta: panel zakupu w układzie jak na telefonie, cena nie pod ilością, przycisk w panelu */
@media (min-width:901px) and (max-width:1087px){html[data-wv] body.mmk-k12 .wv-bar{gap:0!important;flex-wrap:wrap}html[data-wv] body.mmk-k12 .wv-bar .wv-trig{font-size:calc(13.1px + (100vw - 901px)*.0156)!important;padding-left:4px!important;padding-right:4px!important;letter-spacing:0!important}html[data-wv] body.mmk-k12 .wv-bar .wv-trig--all{padding-left:10px!important;padding-right:10px!important}html body.mmk-k12 .kr-grid{grid-template-columns:minmax(0,560px) minmax(360px,1fr)}html body.mmk-k12 .kr-kup{grid-template-columns:minmax(0,1fr);grid-template-areas:"stan" "cena" "akc";gap:10px}html body.mmk-k12 .kr-kup .kr-cena{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}html body.mmk-k12 .kr-kup .kr-akc{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px}html body.mmk-k12 .kr-kup .kr-akc--brak{grid-template-columns:minmax(0,1fr)}html body.mmk-k12 .kr-kup .kr-btn{width:100%;padding:0 14px;font-size:16px}html body.mmk-k12 .kr-kup .kr-il{grid-template-columns:40px minmax(0,1fr) 40px}html body.mmk-k12 .kr-kup .kr-il input{width:100%}}
/* 06.11 karta 1088–1260 px: panel zakupu w układzie jak w tablecie 901–1087, cena nie pod ilością, przycisk w panelu; siatka karty bez zmian */
@media (min-width:1088px) and (max-width:1260px){html body.mmk-k12 .kr-kup:not(.kr-kup--bez){grid-template-columns:minmax(0,1fr);grid-template-areas:"stan" "cena" "akc";gap:10px}html body.mmk-k12 .kr-kup .kr-cena{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}html body.mmk-k12 .kr-kup .kr-akc{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px}html body.mmk-k12 .kr-kup .kr-akc--brak{grid-template-columns:minmax(0,1fr)}html body.mmk-k12 .kr-kup .kr-btn{width:100%;padding:0 14px;font-size:16px}html body.mmk-k12 .kr-kup .kr-il{grid-template-columns:40px minmax(0,1fr) 40px}html body.mmk-k12 .kr-kup .kr-il input{width:100%}}
/* 13.11 Co wybrać: tekst punktu w jednej kolumnie (link nie trafia do kolumny 24 px); znaczek ✓ poza siatką, punkty bez linków wyglądają jak dotąd */
.kr-hl li{display:block;position:relative;padding-left:32px;min-height:23px}.kr-hl li::before{position:absolute;left:0;top:0}
/* 13.11 audyt (pkt 4): /wiedza/ wyróżniony wpis — szerokość zdjęcia z kolumny, nie z wysokości (aspect-ratio + height:100% dawało 783 px w kolumnie 648 i zachodziło na tytuł); pkt 9 telefon: cel dotyku okruszków i serduszka 44 px bez zmiany wyglądu (padding + ujemny margines; kółko 30 px rysowane pod przyciskiem); po KONTROLI: karta 390 — link „Wszystkie: <typ> (N)” przy „Podobne” (nowrap, 447 px) przewijał stronę w bok, teraz zawija się */
html body.mmk-k12 .wz-wk-f{width:100%;min-width:0}
@media (max-width:900px){html body.mmk-k12 .kt-bc a{padding:11px 6px;margin:-11px -6px}html body.mmk-k12 .kr-bc{margin-top:-12px;margin-bottom:2px}html body.mmk-k12 .kr-bc a{padding:12px 6px;margin:0 -6px}html body.mmk-k12 .kt-fav{width:44px;height:44px;margin:-7px;border:0;background:transparent;position:relative;isolation:isolate}html body.mmk-k12 .kt-fav::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1.5px solid rgba(23,67,43,.3);background:#fff;z-index:-1}html body.mmk-k12 .kr-pol-h{flex-wrap:wrap}html body.mmk-k12 .kr-wsz{white-space:normal;min-width:0;max-width:100%}}