/* „Twój wybór” (FRONT 01.11): przełączniki filtra diety, przycisk w nagłówku, pasek pod nagłówkiem, okno, komunikat pustej listy.
   Kolory S+ (zieleń #17432B, żółć #F5C842, krem #FFF6E0, CTA #C24A16); działa też bez S+ (kolory z tych samych wartości). */
.tw-off{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;color:#17432B;font:800 15px 'Archivo',system-ui,sans-serif;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* sekcja na SG */
.tw-sek{background:#F5C842}
.tw-sek .tw-k{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center}
body.mmk-sp .tw-sek h2 span{background:#17432B;color:#F5C842}
.tw-sek .sp-lead{color:#17432B}
.tw-ile{margin:12px 0 0;font-size:15px;color:#17432B}
/* przycisk w nagłówku */
.mk-hdr .tw-nag{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;font:600 15px 'Archivo',system-ui,sans-serif;color:inherit;position:relative}
body.mmk-sp .mk-hdr .tw-nag{color:#FFF6E0}
body.mmk-sp .mk-hdr .tw-nag:hover{color:#F5C842}
.mk-hdr .tw-nag-n{min-width:20px;height:20px;border-radius:10px;background:#F5C842;color:#17432B;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
/* pasek pod nagłówkiem */
.tw-pasek{background:#F5C842;color:#17432B;font-family:'Archivo',system-ui,sans-serif;position:relative;z-index:1}
.tw-pasek-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:1280px;margin:0 auto;padding:6px 32px;box-sizing:border-box}
.tw-pasek-t{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.tw-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid #17432B;background:#fff;color:#17432B;font:700 14px 'Archivo',system-ui,sans-serif;cursor:pointer}
.tw-chip span{color:#C24A16}
.tw-pasek-chipy{display:flex;flex-wrap:wrap;gap:6px}
.tw-pasek-ile{font-size:14px;font-weight:600;margin-left:auto}
/* okno */
.tw-okno{position:fixed;inset:0;z-index:999;background:rgba(15,51,32,.55);display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 16px}
.tw-okno[hidden]{display:none}
.tw-okno-k{background:#FFF6E0;color:#17432B;border-radius:18px;max-width:640px;width:100%;padding:22px 24px 24px;box-shadow:0 20px 50px rgba(0,0,0,.3);font-family:'Archivo',system-ui,sans-serif}
.tw-okno-g{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tw-okno-k h2{margin:0;font:900 30px/1 'Archivo',system-ui,sans-serif;font-stretch:68%;text-transform:uppercase}
.tw-okno-k p{margin:0 0 14px;font-size:15px}
.tw-x{width:44px;height:44px;border:0;background:none;font-size:20px;cursor:pointer;color:#17432B}
/* pusta lista */
.tw-pusto{margin:16px 0;padding:18px 20px;border:1.5px solid #17432B;border-radius:14px;background:#FFF6E0;color:#17432B;box-shadow:4px 4px 0 #F5C842;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-family:'Archivo',system-ui,sans-serif}
.tw-pusto p{margin:0;font-size:16px}
.tw-laduje{cursor:progress}
@media (max-width:900px){
  .tw-sek .tw-k{grid-template-columns:minmax(0,1fr);gap:16px}
      .mk-hdr .tw-nag{min-width:44px;justify-content:center}
  .mk-hdr .tw-nag>span:not(.tw-nag-n){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mk-hdr .tw-nag .mk-ico{width:22px;height:22px}
  .mk-hdr .tw-nag-n{position:absolute;top:2px;right:0;min-width:18px;height:18px;font-size:11px}
  .tw-pasek-in{padding:6px 16px}
  .tw-pasek-t{font-size:12px}
  .tw-chip{min-height:44px}
  .tw-pasek-ile{margin-left:0}
  .tw-okno{padding:16px;align-items:flex-end}
}

/* 01.11 poprawki (Wiktor): pasek na telefonie w jednej linii — chipy przewijane w bok, liczba i „wyłącz” zawsze widoczne; ≤ 56 px */
@media (max-width:700px){
  .tw-pasek-in{flex-wrap:nowrap;gap:8px;padding:2px 8px 2px 16px;min-height:48px}
  .tw-pasek-t{display:none}
  .tw-pasek-chipy{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}
  .tw-pasek-chipy::-webkit-scrollbar{display:none}
  .tw-chip{flex:none;min-height:44px;padding:0 10px;font-size:13px}
  .tw-pasek-ile{flex:none;font-size:12px;margin-left:0;white-space:nowrap}
  .tw-pasek .tw-off{flex:none;font-size:14px}
  .mk-hdr .tw-nag-n{top:4px;right:2px}
}

/* 01.11 SUWAKI (Wiktor): wiersz = nazwa + liczba + suwak; cały wiersz klikalny (≥ 52 px), stan bez koloru: gałka po prawej + „wł.” */
.tw-karta{background:#fff;border:1.5px solid #17432B;border-radius:18px;box-shadow:6px 6px 0 #17432B;padding:8px 18px 12px}
.tw-lista{font-family:'Archivo',system-ui,sans-serif;color:#17432B}
.tw-grupa{display:grid;grid-template-columns:minmax(0,1fr);column-gap:28px}
.tw-grupa--diety{grid-template-columns:repeat(2,minmax(0,1fr))}
.tw-grupa-h{margin:10px 0 0;padding-top:12px;border-top:2px solid #17432B;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tw-s{display:grid;grid-template-columns:minmax(0,1fr) auto 34px 52px;align-items:center;gap:10px;width:100%;min-height:56px;padding:6px 0;margin:0;
  border:0;border-bottom:1px solid rgba(23,67,43,.15);background:none;color:#17432B;text-align:left;cursor:pointer;font:inherit}
.tw-grupa .tw-s:last-child,.tw-grupa--diety .tw-s:nth-last-child(-n+2){border-bottom:0}
.tw-s-n{font-size:17px;font-weight:700;line-height:1.2}
.tw-s-c{font-size:13px;font-weight:600;color:#3F4A3F;font-variant-numeric:tabular-nums;white-space:nowrap}
.tw-s-st{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:right;color:#5C554B}
.tw-s-k{position:relative;width:52px;height:30px;border-radius:15px;background:#fff;border:2px solid #17432B;box-sizing:border-box;transition:background .15s}
.tw-s-g{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#17432B;transition:transform .15s}
.tw-s[aria-checked="true"] .tw-s-k{background:#17432B}
.tw-s[aria-checked="true"] .tw-s-g{transform:translateX(22px);background:#F5C842}
.tw-s[aria-checked="true"] .tw-s-st{color:#17432B}
.tw-s:focus-visible{outline:3px solid #C24A16;outline-offset:2px;border-radius:8px}
.tw-s:hover .tw-s-n{text-decoration:underline;text-underline-offset:3px}
.tw-s[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.tw-grupa--wm .tw-s-n::after{content:" ✓";color:#2F7A34}
.tw-sek .tw-k{align-items:center}
.tw-ile{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.tw-okno-k .tw-lista{margin:4px 0 6px}
.tw-okno-k .tw-ile{margin-top:10px}
@media (max-width:900px){
  .tw-grupa--diety{grid-template-columns:minmax(0,1fr)}
  .tw-grupa--diety .tw-s:nth-last-child(2){border-bottom:1px solid rgba(23,67,43,.15)}
  .tw-karta{padding:4px 14px 8px;box-shadow:4px 4px 0 #17432B}
  .tw-s{min-height:52px;grid-template-columns:minmax(0,1fr) auto 30px 52px;gap:8px}
  .tw-s-n{font-size:16px}
  .tw-okno-k{max-height:calc(100vh - 32px);overflow:auto}
}
/* 01.11: „wył.” w jednej linii na telefonie; ukryty „wyłącz wszystko”, gdy nic nie włączone */
.tw-off[hidden]{display:none!important}
.tw-s-st{white-space:nowrap}
@media (max-width:900px){.tw-s{grid-template-columns:minmax(0,1fr) auto 38px 52px}.tw-s-st{font-size:11px}}
/* telefon: krótsza lista suwaków (AS5 ≤ 7 874 px także na 360), cel nadal ≥ 44 px */
@media (max-width:700px){.tw-s{min-height:48px;padding:2px 0}.tw-grupa-h{margin-top:6px;padding-top:8px}.tw-sek .sp-lead{margin-top:4px}}