/* Jem Normalnie: style motywu wg web/makieta/Strona.dc.html */

@font-face{font-family:'Figtree';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/source-serif-4-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/source-serif-4-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --jn-tekst:#1F2421;
  --jn-tekst-2:#4A524D;
  --jn-tekst-3:#6A716C;
  --jn-tekst-4:#3A413D;
  --jn-tlo:#FFFFFF;
  --jn-tlo-szare:#F6F5F2;
  --jn-zdjecie:#DCD8CF;
  --jn-linia:#ECEAE5;
  --jn-linia-2:#DAD7D0;
  --jn-linia-3:#E2DED5;
  --jn-zielony:#3E6B2F;
  --jn-zielony-ciemny:#2D5022;
  --jn-zielony-jasny:#E9F1E4;
  --jn-zielony-tekst:#DCE8D6;
  --jn-zolty:#FFD95A;
  --jn-zolty-jasny:#FFF4CC;
  --jn-cta:#C4441F;
  --jn-cta-hover:#A93816;
  --jn-serif:'Source Serif 4',Georgia,serif;
  --jn-sans:'Figtree',system-ui,sans-serif;
  --jn-cien:0 14px 34px rgba(31,36,33,.16);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--jn-tlo);color:var(--jn-tekst);font-family:var(--jn-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--jn-zielony)}
a:hover{color:var(--jn-zielony-ciemny)}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--jn-serif);font-weight:700}
h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15}
h3{font-size:19px;font-weight:700;line-height:1.3}
ul,ol{margin:0;padding:0;list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--jn-zolty);outline-offset:2px}
#kalkulator,#jak,#dzien,#cennik,#faq{scroll-margin-top:84px}

.jn-pomin{position:absolute;left:-9999px;top:0;background:var(--jn-tekst);color:#fff;padding:8px 14px;z-index:100}
.jn-pomin:focus{left:8px;top:8px}
.jn-kontener{max-width:1200px;margin:0 auto;padding:0 20px}
.jn-kontener--waski{max-width:1040px}
.jn-kontener--cennik{max-width:1000px;display:flex;flex-direction:column;gap:32px}
.jn-cennik__lead{margin-top:8px;color:var(--jn-tekst-2)}
.jn-wysrodkowany{text-align:center}
.jn-zdjecie{background:var(--jn-zdjecie);color:var(--jn-tekst-3);display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px}

/* Przyciski */
.jn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:13px 22px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.jn-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,36,33,.18)}
.jn-btn--cta{background:var(--jn-cta);color:#fff}
.jn-btn--cta:hover{background:var(--jn-cta-hover);color:#fff}
.jn-btn--bialy{background:#fff;color:var(--jn-zielony-ciemny);font-weight:800}
.jn-btn--bialy:hover{color:var(--jn-zielony-ciemny)}
.jn-btn--obrys{border:2px solid var(--jn-tekst);color:var(--jn-tekst);background:transparent}
.jn-btn--obrys:hover{color:var(--jn-tekst)}
.jn-btn--maly{padding:11px 20px}
.jn-btn--duzy{padding:17px 28px;font-size:18px}
/* Zasady przycisków (docs/marka.md, „Przyciski”): CTA pomarańczowy tylko sprzedaż; czarny = jedna główna akcja
   w sekcji; obrys = inne pełne akcje; .jn-akcja = ciche akcje pomocnicze (szary tekst z ikoną). Stan (zakładka,
   zaznaczona opcja) nigdy nie jest czarny: aktywna zakładka to biała pigułka, zaznaczona opcja jasnozielona z ✓. */
.jn-akcja{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 2px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--jn-tekst-2);text-decoration:none;cursor:pointer}
.jn-akcja:hover{color:var(--jn-tekst);text-decoration:underline;text-underline-offset:3px}
.jn-akcja svg{flex:none}
.jn-link-strzalka{color:var(--jn-tekst);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.jn-link-strzalka:hover{color:var(--jn-tekst)}

/* Nagłówek */
.jn-pasek-gwarancji{background:var(--jn-zielony-ciemny);color:#fff;font-size:14px;text-align:center;padding:8px 16px}
.jn-pasek-gwarancji a{color:inherit;text-decoration:none}
.jn-pasek-gwarancji a:hover{text-decoration:underline;text-underline-offset:3px}
.jn-naglowek{border-bottom:1px solid var(--jn-linia);background:#fff;position:sticky;top:0;z-index:50}
.jn-naglowek__wnetrze{padding-top:14px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
/* Logo „jem norma[widelec]nie” (jn_logo): zielony napis, widelec w kolorze tekstu; w stopce biały i żółty */
.jn-logo{font-family:var(--jn-sans);font-weight:800;font-size:28px;letter-spacing:-0.03em;line-height:1;color:var(--jn-zielony);text-decoration:none;display:inline-flex;align-items:baseline;white-space:nowrap}
.jn-logo:hover{color:var(--jn-zielony)}
.jn-logo__widelec{height:.74em;width:auto;vertical-align:baseline;margin:0 .035em;color:var(--jn-tekst)}
.jn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jn-menu{display:flex;align-items:center;gap:24px;font-size:16px;font-weight:500}
.jn-menu a:not(.jn-btn){color:var(--jn-tekst);text-decoration:none}
.jn-menu a:not(.jn-btn):hover{text-decoration:underline}
.jn-menu-przycisk{display:none;font:inherit;font-weight:700;background:var(--jn-tlo-szare);border:1px solid var(--jn-linia-3);border-radius:999px;padding:8px 16px;cursor:pointer;color:var(--jn-tekst)}
@media (max-width:960px){
  .jn-menu-przycisk{display:inline-flex}
  .jn-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--jn-linia);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px}
  .jn-menu a:not(.jn-btn){padding:12px 0;border-bottom:1px solid var(--jn-linia)}
  .jn-menu .jn-btn{margin-top:14px}
  .jn-naglowek.jest-otwarte .jn-menu{display:flex}
  .jn-logo{font-size:22px}
}

/* Hero */
.jn-hero{background:var(--jn-tlo-szare);overflow:hidden}
.jn-hero__wnetrze{padding-top:56px;padding-bottom:80px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.jn-hero__tekst{flex:1 1 440px;display:flex;flex-direction:column;gap:22px}
.jn-hero h1{font-size:clamp(36px,4.4vw,54px);line-height:1.1}
.jn-hero__lead{font-size:19px;color:var(--jn-tekst-2);max-width:540px}
.jn-hero__akcje{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.jn-hero__cechy{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:15px;color:var(--jn-tekst-2);font-weight:500}
.jn-hero__cechy li{display:inline-flex;gap:6px;align-items:center}
.jn-hero__cechy .jn-ikona,.jn-ptaszki .jn-ikona{color:var(--jn-zielony);stroke-width:2.6}
.jn-plakietka{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--jn-linia-3);border-radius:999px;padding:6px 14px 6px 8px;font-size:14px;font-weight:600}
.jn-plakietka span{background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny);border-radius:999px;padding:2px 10px}
.jn-hero__obraz{flex:1 1 460px;position:relative;min-height:520px}
.jn-hero__zdjecie{position:absolute;inset:0 0 0 40px;border-radius:28px;padding:40px}
.jn-dymek{position:absolute;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:var(--jn-cien)}
.jn-dymek--obiad{left:0;top:48px;width:260px;display:flex;flex-direction:column;gap:6px}
.jn-dymek--lista{right:24px;bottom:36px;width:230px;display:flex;gap:12px;align-items:center}
.jn-dymek__etykieta{font-size:13px;color:var(--jn-tekst-3);font-weight:600}
.jn-dymek__tytul{font-weight:700;line-height:1.3}
.jn-dymek__porcje{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600}
.jn-dymek__porcje span{background:var(--jn-tlo-szare);border-radius:999px;padding:3px 10px}
.jn-dymek__ikona{width:40px;height:40px;border-radius:12px;background:var(--jn-zolty);display:flex;align-items:center;justify-content:center;flex:none}
@media (max-width:600px){
  .jn-hero__wnetrze{padding-top:36px;gap:32px}
  .jn-hero__obraz{min-height:420px;flex-basis:100%}
  .jn-hero__zdjecie{left:0}
  .jn-dymek--obiad{left:12px;top:20px;width:230px}
  .jn-dymek--lista{right:12px;bottom:20px;width:210px}
}

/* Kalkulator skrócony */
.jn-kalk-sekcja{padding:0 20px}
.jn-kalk{max-width:1160px;margin:-40px auto 0;background:var(--jn-zielony);color:#fff;border-radius:24px;padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;position:relative;box-shadow:0 18px 40px rgba(45,80,34,.25)}
.jn-kalk__naglowek{flex:1 1 260px;display:flex;flex-direction:column;gap:6px}
.jn-kalk__naglowek h2{font-size:28px;line-height:1.2}
.jn-kalk__naglowek p{color:var(--jn-zielony-tekst);font-size:16px}
.jn-kalk__pola{flex:3 1 560px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.jn-kalk__pola .jn-btn{flex:1 1 150px}
.jn-pole{flex:1 1 80px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.jn-pole--szersze{flex-basis:130px}
.jn-input{font:inherit;font-size:16px;padding:12px 14px;border:1px solid #CFCBC2;border-radius:10px;background:#fff;color:var(--jn-tekst);width:100%}
.jn-input:focus{outline:2px solid var(--jn-zolty);outline-offset:1px}
@media (max-width:600px){.jn-kalk{padding:24px 20px}}

/* Liczby */
.jn-liczby__wnetrze{max-width:1160px;padding-top:48px;display:flex;flex-wrap:wrap;gap:16px}
.jn-liczba{flex:1 1 220px;display:flex;flex-direction:column;gap:2px;padding:8px 4px}
.jn-liczba__wartosc{font-family:var(--jn-serif);font-weight:700;font-size:44px;line-height:1.1;color:var(--jn-zielony)}
.jn-liczba__tytul{font-weight:700}
.jn-liczba__opis{color:var(--jn-tekst-2);font-size:15px}

/* Sekcje */
.jn-sekcja{padding:80px 0}
.jn-sekcja--szara{background:var(--jn-tlo-szare);padding:72px 0}
.jn-sekcja--linia{border-top:1px solid var(--jn-linia)}
.jn-sekcja > .jn-kontener{display:flex;flex-direction:column;gap:32px}
.jn-sekcja__naglowek{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}
.jn-sekcja__naglowek h2{max-width:560px}
.jn-sekcja__naglowek p{color:var(--jn-tekst-2);max-width:460px}
.jn-sekcja__naglowek > div{display:flex;flex-direction:column;gap:8px;max-width:560px}
.jn-sekcja__naglowek--srodek{flex-direction:column;align-items:center;text-align:center}
#jak{padding-top:88px;padding-bottom:72px}
.jn-dwie-kolumny{flex-direction:row!important;flex-wrap:wrap;gap:56px!important;align-items:center}
.jn-dwie-kolumny--gora{align-items:flex-start;gap:48px!important}
.jn-karta{transition:transform .2s ease,box-shadow .2s ease}
.jn-karta:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,36,33,.10)}

/* Kroki */
.jn-kroki{display:flex;align-items:stretch;gap:10px}
.jn-krok{flex:1 1 0;min-width:0;background:var(--jn-tlo-szare);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.jn-krok p{color:var(--jn-tekst-2);font-size:16px}
.jn-krok__nr{width:48px;height:48px;border-radius:50%;background:var(--jn-zielony);color:#fff;font-family:var(--jn-serif);font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center}
.jn-kroki__strzalka{flex:none;display:flex;align-items:center;justify-content:center;color:var(--jn-zielony)}
@media (max-width:820px){.jn-kroki{flex-direction:column}.jn-kroki__strzalka svg{transform:rotate(90deg)}}

/* Przełączniki */
.jn-przelacznik{display:flex;background:#fff;border:1px solid var(--jn-linia-3);border-radius:999px;padding:4px;gap:4px}
.jn-przelacznik button{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:15px;padding:9px 18px;border-radius:999px;min-height:40px;background:transparent;color:var(--jn-tekst)}
.jn-przelacznik button[aria-pressed="true"]{background:var(--jn-tekst);color:#fff}
.jn-przelacznik--dni{background:none;border:0;padding:0}
.jn-przelacznik--dni button{flex:1;font-size:13px;padding:6px 0;min-height:34px;border-radius:8px;background:var(--jn-tlo-szare);color:var(--jn-tekst-2)}
.jn-przelacznik--dni button[aria-pressed="true"]{background:var(--jn-zielony);color:#fff}

/* Przykładowy dzień */
.jn-dzien{display:flex;flex-wrap:wrap;gap:20px}
.jn-danie{flex:1 1 230px;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.jn-danie__zdjecie{aspect-ratio:4/3;position:relative;font-size:14px;padding:12px}
.jn-danie__pora{position:absolute;left:12px;top:12px;background:#fff;color:var(--jn-tekst);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.jn-danie__nazwa{padding:18px 20px 22px;font-size:18px}

/* Planer */
.jn-planer__tekst{flex:1 1 440px;display:flex;flex-direction:column;gap:18px}
.jn-planer__tekst > p{color:var(--jn-tekst-2)}
.jn-cechy{display:flex;flex-direction:column;gap:12px}
.jn-cecha{display:flex;gap:14px;align-items:flex-start}
.jn-cecha p{color:var(--jn-tekst-2);font-size:16px}
.jn-cecha__ikona{width:36px;height:36px;border-radius:12px;background:var(--jn-zielony-jasny);color:var(--jn-zielony);display:flex;align-items:center;justify-content:center;flex:none}
.jn-telefon-wrap{flex:1 1 340px;display:flex;justify-content:center}
.jn-telefon{width:320px;max-width:100%;border:10px solid var(--jn-tekst);border-radius:44px;background:#fff;padding:24px 16px 20px;display:flex;flex-direction:column;gap:12px;font-size:14px;box-shadow:0 24px 50px rgba(31,36,33,.18)}
.jn-telefon__gora{display:flex;justify-content:space-between;align-items:center}
.jn-telefon__gora strong{font-weight:800;font-size:18px}
.jn-telefon__gora span{font-size:12px;color:var(--jn-tekst-3);font-weight:600}
.jn-telefon__dzien{display:flex;flex-direction:column;gap:12px}
.jn-telefon__posilek{border:1px solid var(--jn-linia);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.jn-telefon__posilek span{color:var(--jn-tekst-3);font-size:12px;font-weight:600}
.jn-telefon__posilek strong{line-height:1.3}
.jn-telefon__lista{background:var(--jn-zolty);border-radius:12px;padding:11px 12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}

/* Misja */
.jn-misja{flex:1 1 440px;display:flex;flex-direction:column;gap:18px}
.jn-misja__etykieta{font-weight:700;color:var(--jn-zielony)}
.jn-misja__tekst{font-family:var(--jn-serif);font-weight:600;font-size:clamp(26px,2.8vw,36px);line-height:1.3}
.jn-filary{flex:1 1 400px;display:flex;flex-direction:column;gap:14px}
.jn-filar{display:flex;gap:16px;align-items:flex-start;background:var(--jn-tlo-szare);border-radius:20px;padding:22px}
.jn-filar strong{font-size:19px}
.jn-filar p{color:var(--jn-tekst-2);font-size:16px}
.jn-filar__ikona{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.jn-filar__ikona--zielona{background:var(--jn-zielony)}
.jn-filar__ikona--cta{background:var(--jn-cta)}
.jn-filar__ikona--zolta{background:var(--jn-zolty);color:var(--jn-tekst)}

/* Porównanie */
.jn-porownanie{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.jn-porownanie__karta{flex:1 1 260px;background:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}
.jn-porownanie__karta > strong,.jn-porownanie__gora strong{font-size:19px}
.jn-porownanie__cena{font-family:var(--jn-serif);font-weight:700;font-size:32px;line-height:1.1}
.jn-porownanie__okres{color:var(--jn-tekst-3);font-size:14px}
.jn-porownanie__karta ul{border-top:1px solid var(--jn-linia);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--jn-tekst-4)}
.jn-porownanie__karta--nasza{background:var(--jn-zielony-ciemny);color:#fff;box-shadow:0 18px 40px rgba(45,80,34,.25)}
.jn-porownanie__karta--nasza .jn-porownanie__okres{color:#CFE0C8}
.jn-porownanie__karta--nasza ul{color:#fff;border-top-color:rgba(255,255,255,.2)}
.jn-porownanie__gora{display:flex;justify-content:space-between;align-items:center;gap:8px}
.jn-znaczek{background:var(--jn-zolty);color:var(--jn-tekst);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
.jn-ramka{background:#fff;border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;gap:8px}
.jn-ramka h3{font-size:20px}
.jn-ramka p{color:var(--jn-tekst-2)}

/* Cennik */
.jn-pakiety,.jn-po-zakupie{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.jn-pakiet{flex:1 1 300px;border:1px solid var(--jn-linia-2);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px}
.jn-pakiet .jn-btn{margin-top:auto;padding:14px}
.jn-pakiet__nazwa{font-size:20px}
.jn-pakiet__cena{font-family:var(--jn-serif);font-weight:700;font-size:52px;line-height:1}
.jn-pakiet__dopisek{color:var(--jn-tekst-3)}
.jn-pakiet--wyrozniony{background:var(--jn-zielony-ciemny);color:#fff;border-color:var(--jn-zielony-ciemny)}
.jn-pakiet--wyrozniony .jn-pakiet__dopisek{color:#CFE0C8}
.jn-pakiet--wyrozniony .jn-ptaszki{color:#fff}
.jn-pakiet--wyrozniony .jn-ptaszki .jn-ikona{color:var(--jn-zolty)}
.jn-pakiet--wyrozniony .jn-znaczek{font-size:13px;padding:4px 12px}
.jn-pakiet__gora{display:flex;justify-content:space-between;align-items:center;gap:8px}
.jn-ptaszki{display:flex;flex-direction:column;gap:8px;font-size:16px;color:var(--jn-tekst-4)}
.jn-ptaszki li{display:flex;gap:8px}
.jn-ptaszki .jn-ikona{flex:none;margin-top:2px}
.jn-po-zakupie__kroki{flex:3 1 420px;border:1px solid var(--jn-linia-2);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px}
.jn-po-zakupie__kroki h3,.jn-gwarancja h3{font-size:20px}
.jn-po-zakupie__kroki ol{display:flex;flex-direction:column;gap:16px;counter-reset:krok}
.jn-po-zakupie__kroki li{display:flex;gap:14px;align-items:flex-start;counter-increment:krok}
.jn-po-zakupie__kroki li::before{content:counter(krok);width:32px;height:32px;border-radius:50%;background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny);font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.jn-gwarancja{flex:2 1 300px;background:var(--jn-zolty-jasny);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}
.jn-gwarancja p{color:var(--jn-tekst-4)}
.jn-gwarancja .jn-akcja{align-self:flex-start}
.jn-gwarancja__ikona{width:44px;height:44px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}

/* FAQ */
.jn-faq-uklad{flex-direction:row!important;flex-wrap:wrap;gap:48px!important}
.jn-faq-uklad__bok{flex:1 1 300px;display:flex;flex-direction:column;gap:14px}
.jn-faq-uklad__bok p{color:var(--jn-tekst-2)}
.jn-faq{flex:2 1 560px;display:flex;flex-direction:column}
.jn-faq details{border-bottom:1px solid var(--jn-linia-2);padding:18px 0}
.jn-faq details:last-child{border-bottom:0}
.jn-faq summary{list-style:none;font-weight:700;font-size:18px;cursor:pointer;display:flex;justify-content:space-between;gap:16px}
.jn-faq summary::-webkit-details-marker{display:none}
.jn-faq p{margin-top:10px;color:var(--jn-tekst-2)}
.jn-faq__plus{font-size:24px;line-height:1;color:var(--jn-zielony);transition:transform .2s ease}
.jn-faq details[open] .jn-faq__plus{transform:rotate(45deg)}

/* CTA na dole */
.jn-sekcja--cta-dol{padding:72px 20px}
.jn-cta-dol{max-width:1160px;margin:0 auto;background:var(--jn-zielony);color:#fff;border-radius:28px;padding:56px 32px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.jn-cta-dol > p{color:var(--jn-zielony-tekst);max-width:520px}
.jn-cta-dol__ps{margin-top:12px!important;color:#E3EDDD!important;max-width:560px!important;font-size:16px;text-align:left;border-top:1px solid rgba(255,255,255,.25);padding-top:18px}

/* Stopka */
.jn-stopka{background:var(--jn-tekst);color:#C9CEC9;font-size:14px}
.jn-stopka__wnetrze{padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.jn-stopka__firma{display:flex;flex-direction:column;gap:6px}
.jn-stopka__nazwa.jn-logo{font-size:24px;color:#fff}
.jn-stopka__nazwa .jn-logo__widelec{color:var(--jn-zolty)}
.jn-stopka__linki{display:flex;gap:20px;flex-wrap:wrap}
.jn-stopka a{color:#C9CEC9}
.jn-stopka a:hover{color:#fff}

/* Przyklejony przycisk: na telefonie dolny pasek, na komputerze pod nagłówkiem
   jest już przycisk w menu, więc pasek pokazujemy tylko na wąskich ekranach. */
.jn-przyklejony{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--jn-linia);box-shadow:0 -6px 20px rgba(31,36,33,.08);transform:translateY(110%);transition:transform .25s ease}
.jn-przyklejony.jest-widoczny{transform:none}
.jn-przyklejony .jn-btn{width:100%;padding:14px}
@media (min-width:961px){.jn-przyklejony{display:none}}
@media (max-width:960px){body.home .jn-stopka{padding-bottom:76px}}

/* Podstrony */
.jn-tekst{max-width:760px;padding-top:56px;padding-bottom:80px}
.jn-tekst h1{font-size:clamp(32px,4vw,44px);line-height:1.15;margin-bottom:24px}
.jn-tekst p,.jn-tekst ul,.jn-tekst ol{margin-bottom:1em}
.jn-tekst ul{list-style:disc;padding-left:1.4em}
.jn-tekst ol{list-style:decimal;padding-left:1.4em}
.jn-tekst--sklep{max-width:1100px}

/* Kontakt ([jn_kontakt]): dane kontaktowe i dane firmy w osobnych kartach */
.jn-tekst .jn-kontakt__wstep{font-size:19px;color:var(--jn-tekst-2);margin-bottom:28px}
.jn-kontakt{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.jn-kontakt__karta{background:var(--jn-tlo-szare);border-radius:20px;padding:28px}
.jn-kontakt__karta--firma{background:var(--jn-tlo);border:1px solid var(--jn-linia)}
.jn-kontakt__karta h2{font-size:22px;line-height:1.2;margin:0 0 18px}
.jn-kontakt dl{display:flex;flex-direction:column;gap:14px;margin:0}
.jn-kontakt dt{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--jn-tekst-3)}
.jn-kontakt dd{margin:2px 0 0;font-size:17px}
.jn-kontakt__karta:not(.jn-kontakt__karta--firma) dd{font-size:20px;font-weight:600}
.jn-kontakt dd a{color:var(--jn-zielony);text-decoration:none;overflow-wrap:anywhere}
.jn-kontakt dd a:hover{text-decoration:underline}
.jn-tekst .jn-kontakt__uwaga{margin:18px 0 0;font-size:15px;color:var(--jn-tekst-2)}
@media (max-width:640px){.jn-kontakt{grid-template-columns:1fr}.jn-kontakt__karta{padding:22px 20px}}

/* Komunikaty */
.jn-komunikat{background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny);border-radius:12px;padding:14px 18px;font-weight:600;margin-bottom:20px}
.jn-komunikat--blad{background:#FBE7E1;color:#8A2C12}

/* Pełny kalkulator */
.jn-kontener--kalk{max-width:760px}
.jn-kalk-strona__naglowek{display:flex;flex-direction:column;gap:10px}
.jn-kalk-strona__naglowek h1{font-size:clamp(32px,4vw,44px);line-height:1.15}
.jn-kalk-strona__naglowek p{color:var(--jn-tekst-2)}
.jn-kalk-pelny{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 14px 34px rgba(31,36,33,.08)}
.jn-kalk-pelny .jn-pole{font-size:15px}
.jn-kalk-pelny__wiersz{display:flex;flex-wrap:wrap;gap:12px}
.jn-kalk-pelny__wiersz .jn-pole{flex:1 1 140px}
.jn-kalk-pelny__grupa{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.jn-kalk-pelny__grupa legend{font-weight:600;font-size:15px;padding:0;margin-bottom:8px}
.jn-wybor{display:flex;flex-wrap:wrap;gap:8px}
.jn-wybor label{position:relative}
.jn-wybor input{position:absolute;opacity:0;width:1px;height:1px}
.jn-wybor span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #CFCBC2;border-radius:999px;font-weight:600;cursor:pointer;background:#fff}
.jn-wybor input:checked + span{background:var(--jn-zielony-jasny);border-color:var(--jn-zielony);color:var(--jn-zielony-ciemny)}
.jn-wybor input:checked + span::before{content:"✓";margin-right:6px;font-weight:800}
.jn-wybor input:focus-visible + span{outline:3px solid var(--jn-zolty);outline-offset:2px}
.jn-zdrowie{display:flex;flex-direction:column;gap:8px;font-size:16px}
.jn-zdrowie label{display:flex;gap:10px;align-items:center}
.jn-zdrowie input{width:20px;height:20px}
.jn-kalk-pelny > .jn-btn{align-self:flex-start}
.jn-wykluczenie{background:var(--jn-zolty-jasny);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.jn-wykluczenie p{color:var(--jn-tekst-4)}
.jn-wynik{border-top:1px solid var(--jn-linia);padding-top:24px;display:flex;flex-direction:column;gap:18px;scroll-margin-top:100px}
.jn-wynik__glowny{display:flex;flex-direction:column;gap:2px}
.jn-wynik__glowny > span{color:var(--jn-tekst-3);font-weight:600;font-size:15px}
.jn-wynik__glowny strong{font-family:var(--jn-serif);font-size:clamp(32px,4vw,44px);line-height:1.1;color:var(--jn-zielony)}
.jn-wynik__makro{display:flex;flex-wrap:wrap;gap:12px}
.jn-wynik__makro > div{flex:1 1 140px;background:var(--jn-tlo-szare);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column}
.jn-wynik__makro span{font-size:14px;color:var(--jn-tekst-3);font-weight:600}
.jn-wynik__makro strong{font-size:22px}
.jn-wynik__makro small{color:var(--jn-tekst-3)}
.jn-wynik__info{color:var(--jn-tekst-2)}
.jn-wynik__pakiety{display:flex;flex-wrap:wrap;gap:12px}
.jn-wynik__pakiety .jn-btn{flex:1 1 220px;padding:16px}
.jn-wynik__drobne{font-size:14px;color:var(--jn-tekst-3)}
.jn-lista-zapis{margin:28px 0 0;padding:20px;border:1px solid var(--jn-linia,#DAD7D0);border-radius:12px}
.jn-lista-zapis h3{margin:0 0 6px}
.jn-lista-zapis>p{margin:0 0 12px}
.jn-lista-zapis .jn-zgoda-zdrowie{margin:12px 0 0}
.jn-lista-zapis .jn-btn{margin-top:16px}
.jn-lista-zapis__komunikat{margin:12px 0 0;font-weight:600}
.jn-lista-zapis__komunikat.jest-blad{color:#8A2C12}
.jn-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
@media (max-width:600px){.jn-kalk-pelny{padding:20px}}

/* Po zamówieniu i w panelu */
.jn-po-zamowieniu,.jn-karta-diety{background:var(--jn-tlo-szare);border-radius:20px;padding:24px;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.jn-po-zamowieniu h2{font-size:28px}
.jn-karta-diety > strong{font-family:var(--jn-serif);font-size:26px;line-height:1.2}
.jn-karta-diety__wkrotce{color:var(--jn-tekst-3);font-size:15px}
.jn-karta-diety__pdf{margin:0}
.jn-karta-diety > p{margin:0}
.jn-karta-diety__makro{color:var(--jn-tekst-3);font-size:15px}

/* Pakiety pod wynikiem kalkulatora */
.jn-btn--ciemny{background:var(--jn-tekst);color:#fff}
.jn-btn--ciemny:hover{background:#000;color:#fff}
.jn-wynik__krok{border-top:1px solid var(--jn-linia);padding-top:20px;display:flex;flex-direction:column;gap:6px}
.jn-wynik__krok h2{font-size:26px;line-height:1.2}
.jn-wynik__krok p{color:var(--jn-tekst-2)}
.jn-wynik__pakiet{flex:1 1 240px;border:1px solid var(--jn-linia-2);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px}
.jn-wynik__pakiet > span:not(.jn-wynik__cena){color:var(--jn-tekst-2);font-size:15px}
.jn-wynik__pakiet strong{font-size:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.jn-wynik__cena{font-family:var(--jn-serif);font-weight:700;font-size:34px;line-height:1.1}
.jn-wynik__pakiet .jn-btn{flex:none;margin-top:auto;width:100%;padding:15px}
.jn-wynik__pakiet--wyrozniony{border:2px solid var(--jn-cta);background:#FFF8F5}
.jn-wynik__pakiety{align-items:stretch}

/* Panel klienta: Mój jadłospis (21 dań, planer, lista zakupów) */
.jn-wybor-dan{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}
.jn-wybor-dan h2{font-size:clamp(26px,3vw,32px);line-height:1.2}
.jn-wybor-dan__grupa{border:0;margin:0;padding:0}
.jn-wybor-dan__grupa legend{font-weight:700;padding:0;margin-bottom:6px}
.jn-wybor-dan__grupa ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--jn-linia)}
.jn-wybor-dan__danie{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid var(--jn-linia);cursor:pointer}
.jn-wybor-dan__danie input{width:20px;height:20px;flex:none;accent-color:var(--jn-zielony)}
.jn-wybor-dan__danie span{flex:1;min-width:0}
.jn-wybor-dan__danie small{display:block;color:var(--jn-tekst-3);font-size:14px;line-height:1.4}
.jn-wybor-dan__danie--brak{cursor:default;color:var(--jn-tekst-3)}
.jn-wybor-dan__zaznacz{margin:-8px 0 0}
.jn-wybor-dan__niepasujace{background:var(--jn-tlo-szare);border-radius:16px;padding:18px 20px}
.jn-wybor-dan__niepasujace legend{float:left;width:100%;margin-bottom:4px}
.jn-wybor-dan__niepasujace p{color:var(--jn-tekst-2);font-size:15px;margin:0 0 10px;clear:both}
.jn-wybor-dan__niepasujace ul{border-top-color:var(--jn-linia-2)}
.jn-wybor-dan__niepasujace .jn-wybor-dan__danie{border-bottom-color:var(--jn-linia-2);color:var(--jn-tekst-2)}
.jn-wybor-dan__licznik{width:100%;color:var(--jn-tekst-2);font-weight:600;font-size:15px}
.jn-wybor-dan__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.jn-panel{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}
/* Listy panelu bez stylu treści podstron (.jn-tekst ul/ol) */
.jn-panel ul{list-style:none;padding-left:0;margin:0}
.jn-panel ol{margin:4px 0 0;padding-left:1.3em}
.jn-panel__ladowanie{color:var(--jn-tekst-3)}
.jn-panel__zakladki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--jn-tlo-szare);border-radius:999px;padding:4px;position:sticky;top:72px;z-index:20}
.jn-panel__zakladki button,.jn-dni button{font:inherit;font-weight:700;border:0;border-radius:999px;background:transparent;color:var(--jn-tekst-2);cursor:pointer;min-height:44px;padding:8px 6px;min-width:0}
.jn-panel__zakladki button[aria-selected="true"],.jn-dni button[aria-selected="true"]{background:#fff;color:var(--jn-tekst);box-shadow:0 1px 4px rgba(31,36,33,.16),0 0 0 1px var(--jn-linia-2)}
.jn-panel__widok{display:flex;flex-direction:column;gap:16px}
.jn-panel__widok[hidden]{display:none}
.jn-panel__naglowek{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.jn-panel__naglowek h2{font-size:clamp(26px,3vw,32px);line-height:1.2;margin:0}
.jn-panel__akcje{display:flex;flex-wrap:wrap;gap:8px}
.jn-panel__opis{color:var(--jn-tekst-2);margin:0}
.jn-dni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:var(--jn-tlo-szare);border-radius:999px;padding:4px}
.jn-dni button.jest-dzis:not([aria-selected="true"]){color:var(--jn-zielony);text-decoration:underline;text-underline-offset:4px}
.jn-dzien-planu{display:flex;flex-direction:column;gap:14px}
.jn-dzien-planu__suma{background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny);border-radius:14px;padding:12px 16px;margin:0;font-size:15px}
.jn-posilki{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.jn-posilki-grupa{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.jn-posilki-grupa__tytul{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jn-tekst-3);margin:0}
.jn-posilek{border:1px solid var(--jn-linia-2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fff;min-width:0}
.jn-posilek__naglowek{min-width:0;display:flex;flex-direction:column;gap:4px}
.jn-posilek__naglowek h3{font-family:var(--jn-serif);font-size:21px;line-height:1.25;margin:0}
.jn-posilek__pora{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--jn-cta)}
.jn-posilek__typ{font-size:14px;color:var(--jn-tekst-3)}
.jn-posilek__zmien{align-self:flex-start;margin-top:2px;font-size:14px}
/* Okno „Zmień danie” (dialog): na komputerze na środku, na telefonie wysuwane od dołu */
html:has(.jn-wybor-dania[open]){overflow:hidden}
.jn-wybor-dania{width:min(560px,calc(100% - 32px));max-width:100vw;max-height:min(80vh,760px);padding:0;border:0;border-radius:20px;background:#fff;color:var(--jn-tekst);box-shadow:var(--jn-cien)}
.jn-wybor-dania[open]{display:flex;flex-direction:column}
.jn-wybor-dania::backdrop{background:rgba(31,36,33,.45)}
.jn-wybor-dania__naglowek{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--jn-linia)}
.jn-wybor-dania__naglowek h2{font-family:var(--jn-serif);font-size:20px;line-height:1.25;margin:0}
.jn-wybor-dania__zamknij{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:none;font-size:18px;color:var(--jn-tekst-2);cursor:pointer}
.jn-wybor-dania__zamknij:hover{background:var(--jn-tlo-szare)}
.jn-wybor-dania__lista{overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 16px}
.jn-wybor-dania__lista h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--jn-zielony);margin:16px 8px 6px}
.jn-wybor-dania__lista ul{list-style:none;margin:0;padding:0}
.jn-wybor-dania__opis{font-size:14px;color:var(--jn-tekst-3);margin:0 8px 6px}
.jn-wybor-dania__opcja{width:100%;min-height:44px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:0;border-radius:12px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.jn-wybor-dania__opcja:hover{background:var(--jn-tlo-szare)}
.jn-wybor-dania__opcja[aria-current=true]{background:var(--jn-zielony-jasny)}
.jn-wybor-dania__nazwa{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:700;font-size:16px;line-height:1.3}
.jn-wybor-dania__skladniki{font-size:14px;color:var(--jn-tekst-3);line-height:1.4}
.jn-wybor-dania__znak{font-size:12px;font-weight:700;line-height:1.6;padding:0 8px;border-radius:999px;background:var(--jn-tlo-szare);color:var(--jn-tekst-3)}
.jn-wybor-dania__znak--teraz{background:var(--jn-zielony);color:#fff}
@media (max-width:600px){
  .jn-wybor-dania{width:100%;max-height:85vh;margin:auto 0 0;border-radius:20px 20px 0 0}
}
.jn-posilek__skladniki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:16px}
.jn-posilek__skladniki li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--jn-linia);padding-bottom:4px}
.jn-ilosc{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.jn-posilek__przyprawy{font-size:14px;color:var(--jn-tekst-2);margin:0}
.jn-posilek__makro{font-size:14px;color:var(--jn-tekst-3);margin:0}
.jn-posilek__przygotowanie summary{cursor:pointer;font-weight:700;color:var(--jn-zielony);min-height:44px;display:flex;align-items:center}
.jn-posilek__przygotowanie ol{margin:4px 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:6px;font-size:16px;list-style:decimal}
/* Zamienniki: zwinięte w karcie dania jak przygotowanie, przelicznik na dole „21 dań” */
.jn-posilek__zamienniki summary{cursor:pointer;font-weight:700;color:var(--jn-zielony);min-height:44px;display:flex;align-items:center}
.jn-posilek__zamienniki[open]{display:flex;flex-direction:column;gap:12px}
.jn-zamiana{display:flex;flex-direction:column;gap:4px}
.jn-zamiana + .jn-zamiana{margin-top:14px}
.jn-posilek__zamienniki .jn-akcja{margin-top:6px;font-size:14px}
.jn-zamiana__z{margin:0;font-size:15px;font-weight:700}
/* Ocena dania: cichy wiersz na dole karty, gwiazdki 44 px do kliknięcia, rozwinięcie jak „Przygotowanie” (inc/oceny.php) */
.jn-ocena{border-top:1px solid var(--jn-linia);padding-top:8px;display:flex;flex-direction:column;gap:4px}
.jn-ocena__wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.jn-ocena__pytanie{font-size:15px;font-weight:600;color:var(--jn-tekst-2)}
.jn-ocena__gwiazdki{display:flex}
.jn-gwiazdka{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:var(--jn-linia-2);cursor:pointer}
.jn-gwiazdka svg{fill:none;stroke:#B9B4AA;stroke-width:1.6}
.jn-gwiazdka.jest-wlaczona svg{fill:var(--jn-zolty);stroke:#C99A00}
.jn-gwiazdka:focus-visible{outline:3px solid var(--jn-zolty);outline-offset:-2px}
@media (hover:hover){
  .jn-ocena__gwiazdki:hover .jn-gwiazdka svg{fill:var(--jn-zolty-jasny);stroke:#C99A00}
  .jn-ocena__gwiazdki .jn-gwiazdka:hover ~ .jn-gwiazdka svg{fill:none;stroke:#B9B4AA}
}
.jn-ocena__napis{font-size:15px;font-weight:700;color:var(--jn-tekst)}
.jn-ocena__status{font-size:14px;color:var(--jn-zielony)}
.jn-ocena__status--blad{color:var(--jn-cta)}
.jn-ocena__wiecej summary{cursor:pointer;font-weight:700;color:var(--jn-zielony);min-height:44px;display:flex;align-items:center}
.jn-ocena__wiecej[open]{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.jn-ocena__wiecej .jn-wybor span{min-height:40px;padding:6px 14px;font-size:15px}
.jn-ocena__wiecej .jn-pole{width:100%;display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.jn-ocena__komentarz{resize:vertical;min-height:80px}
.jn-zamiana__z span{font-weight:400;color:var(--jn-tekst-3)}
.jn-zamienniki{display:flex;flex-direction:column;gap:12px;margin-top:24px;scroll-margin-top:140px}
.jn-przelicznik__tytul{font-family:var(--jn-serif);font-size:21px;line-height:1.25;margin:0}
.jn-przelicznik__pola{display:flex;flex-wrap:wrap;gap:12px}
.jn-przelicznik__produkt{flex:3 1 180px}
.jn-przelicznik__ile{flex:1 1 90px}
.jn-zakupy__zakres{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
.jn-zakupy__wybor{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--jn-tlo-szare);border-radius:20px;padding:20px 24px}
.jn-zakupy__wybor h3{font-family:var(--jn-serif);font-size:22px;margin:0}
.jn-zakupy__wybor .jn-panel__opis{margin:0}
.jn-zakupy__albo{margin:8px 0 0;color:var(--jn-tekst-3);font-weight:600}
.jn-zakupy__dni span{flex-direction:column;justify-content:center;min-width:56px;line-height:1.15}
.jn-zakupy__dni small{font-size:11px;font-weight:700;color:var(--jn-zielony)}
.jn-zakupy__dni input:checked + span::before{position:absolute;top:3px;right:9px;margin:0;font-size:11px}
.jn-zakupy__widok-listy{display:flex;flex-direction:column;gap:12px}
.jn-zakupy__widok-listy .jn-panel__opis{margin:0}
.jn-zakupy__licznik{font-weight:600;color:var(--jn-tekst-2);margin:0}
.jn-zakupy__lista{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start}
.jn-zakupy__dzial{border:1px solid var(--jn-linia-2);border-radius:18px;padding:14px 16px;background:#fff;min-width:0}
.jn-zakupy__dzial h3{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--jn-cta);margin:0 0 4px}
.jn-zakupy__dzial ul{list-style:none;margin:0;padding:0}
.jn-zakupy__dzial li + li{border-top:1px solid var(--jn-linia)}
.jn-zakupy__dzial label{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:17px}
.jn-zakupy__dzial input{width:24px;height:24px;flex:none;accent-color:var(--jn-zielony)}
.jn-zakupy__nazwa{flex:1;min-width:0}
.jn-zakupy__dzial input:checked ~ span{text-decoration:line-through;color:var(--jn-tekst-3)}
@media (max-width:600px){
  .jn-panel__zakladki{top:64px}
  .jn-posilek{padding:16px}
  .jn-dni button{padding:8px 0;font-size:15px}
}

/* Zdjęcia dań na stronie głównej (assets/img/dania, jn_zdjecie_dania) */
.jn-danie__zdjecie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Zdjęcie w hero (assets/img/hero.webp): kadr pod dymkami, twarz w środku po prawej */
.jn-hero__zdjecie{overflow:hidden}
.jn-hero__zdjecie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%}
@media (max-width:600px){.jn-hero__zdjecie img{object-position:100% 35%}}
.jn-stopka__info{flex-basis:100%;font-size:13px;color:#9AA19B;margin:0}

/* Kilka jadłospisów na koncie: przełącznik nad kartą diety */
.jn-jadlospisy{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.jn-jadlospisy a{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border:1px solid var(--jn-linia-2);border-radius:16px;text-decoration:none;color:var(--jn-tekst);background:#fff;min-width:150px}
.jn-jadlospisy a span{font-size:14px;color:var(--jn-tekst-3)}
.jn-jadlospisy a[aria-current="page"]{border:2px solid var(--jn-zielony);background:var(--jn-zielony-jasny)}

/* Nazwa jadłospisu (zwijany formularz na karcie diety) */
.jn-nazwa{font-size:15px;align-self:stretch}
.jn-nazwa summary{cursor:pointer;list-style:none;min-height:44px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.jn-nazwa summary::-webkit-details-marker{display:none}
.jn-nazwa__tekst{color:var(--jn-zielony);font-weight:800;font-size:17px}
.jn-nazwa__zmien{color:var(--jn-tekst-3);font-size:14px;display:inline-flex;align-items:center;gap:5px}
.jn-nazwa summary:hover .jn-nazwa__zmien,.jn-nazwa[open] .jn-nazwa__zmien{color:var(--jn-tekst-2);text-decoration:underline}
.jn-nazwa form{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.jn-nazwa label{font-weight:600}
.jn-nazwa__wiersz{display:flex;flex-wrap:wrap;gap:8px}
.jn-nazwa input[type=text]{flex:1 1 200px;min-height:44px;font:inherit;font-size:16px;padding:8px 12px;border:1px solid #CFCBC2;border-radius:12px;background:#fff}
.jn-nazwa small{color:var(--jn-tekst-3)}

/* Koszyk w nagłówku (jn_koszyk_naglowek): ikona zawsze, licznik ze Store API tylko przy niepustym koszyku */
.jn-naglowek__prawa{display:flex;align-items:center;gap:8px;flex:none}
.jn-koszyk{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--jn-tekst);text-decoration:none}
.jn-koszyk:hover{background:var(--jn-tlo-szare);color:var(--jn-tekst)}
.jn-ikona-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--jn-tekst);text-decoration:none}
.jn-ikona-link:hover{background:var(--jn-tlo-szare);color:var(--jn-tekst)}
/* Zalogowany: zielona kropka przy ikonie konta */
.jn-ikona-link__kropka{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--jn-zielony);border:2px solid #fff}
.jn-koszyk__licznik{position:absolute;top:1px;right:-6px;min-width:16px;height:18px;padding:0 4px;border-radius:999px;background:var(--jn-cta);color:#fff;font-size:12px;font-weight:800;line-height:18px;text-align:center;border:2px solid #fff;box-sizing:content-box}

/* Przyciski bloków Woo (koszyk, kasa): jak nasz główny przycisk; motywowe a:hover dawało ciemnozielony tekst na ciemnym tle */
body .wc-block-components-button:not(.is-link),body .wc-block-components-button:not(.is-link):visited{background:var(--jn-tekst);color:#fff;border:0;border-radius:999px;font-weight:700;text-decoration:none}
body .wc-block-components-button:not(.is-link):hover,body .wc-block-components-button:not(.is-link):focus,body .wc-block-components-button:not(.is-link):active{background:#000;color:#fff;text-decoration:none}

/* Moje konto jak aplikacja (krok 2, makieta web/makieta/konto-aplikacja.html).
   Nagłówek konta: logo, menu w jednej linii, koszyk, cichy Wyloguj. Aktywna pozycja = stan (zielona kreska), nie przycisk. */
.jn-naglowek--konto .jn-naglowek__wnetrze{padding-top:0;padding-bottom:0;min-height:68px;justify-content:flex-start}
.jn-konto-menu{display:flex;align-items:stretch;gap:8px;margin:0 auto 0 40px;align-self:stretch}
.jn-konto-menu a{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:44px;font-weight:700;font-size:16px;color:var(--jn-tekst-2);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.jn-konto-menu a:hover{color:var(--jn-tekst)}
.jn-konto-menu a[aria-current="page"]{color:var(--jn-tekst);border-bottom-color:var(--jn-zielony)}
.jn-naglowek--konto .jn-naglowek__prawa{margin-left:auto}
.jn-konto-ikona{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--jn-linia-3);background:var(--jn-tlo-szare);align-items:center;justify-content:center;color:var(--jn-tekst);cursor:pointer;padding:0}
.jn-konto-ikona[aria-expanded="true"]{background:#fff;border-color:var(--jn-tekst)}
.jn-konto-ikona__zamknij,.jn-konto-ikona[aria-expanded="true"] .jn-konto-ikona__osoba{display:none}
.jn-konto-ikona[aria-expanded="true"] .jn-konto-ikona__zamknij{display:block}
/* Menu konta pod ikoną (telefon): jadłospisy jak opcje (wybrany jasnozielony z ✓), potem Konto, Zamówienia, Wyloguj */
.jn-konto-rozwijane{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--jn-linia);box-shadow:0 18px 30px rgba(31,36,33,.12);padding:8px 16px 16px;z-index:55;max-height:calc(100vh - 80px);overflow-y:auto}
.jn-konto-rozwijane h2{font-family:var(--jn-sans);font-size:13px;font-weight:700;color:var(--jn-tekst-3);margin:10px 8px 6px}
.jn-konto-rozwijane a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px;border-radius:12px;color:var(--jn-tekst);text-decoration:none;font-weight:600}
.jn-konto-rozwijane a:hover{background:var(--jn-tlo-szare);color:var(--jn-tekst)}
.jn-konto-rozwijane a span{display:flex;flex-direction:column;line-height:1.3}
.jn-konto-rozwijane a small{font-weight:400;color:var(--jn-tekst-3);font-size:14px}
.jn-konto-rozwijane a[aria-current="page"]{background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny)}
.jn-konto-rozwijane a[aria-current="page"]::after{content:"✓";margin-left:auto;font-weight:800}
.jn-konto-rozwijane hr{border:0;border-top:1px solid var(--jn-linia);margin:8px 0}
.jn-konto-rozwijane a.jn-akcja{font-weight:600;color:var(--jn-tekst-2);min-height:44px}

/* Dolny pasek (telefon): Dania / Tydzień / Zakupy, te same widoki co zakładki panelu. Stan = jasnozielona pigułka pod ikoną. */
.jn-pasek-dolny{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--jn-linia-2);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.jn-pasek-dolny a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:13px;font-weight:700;color:var(--jn-tekst-3);text-decoration:none}
.jn-pasek-dolny a:hover{color:var(--jn-tekst)}
.jn-pasek-dolny a > span{display:flex;align-items:center;justify-content:center;width:60px;height:30px;border-radius:999px}
.jn-pasek-dolny a[aria-current="page"]{color:var(--jn-zielony-ciemny)}
.jn-pasek-dolny a[aria-current="page"] > span{background:var(--jn-zielony-jasny)}

/* Strony konta */
.jn-tekst--konto{padding-top:28px}
.jn-tekst--konto h1{font-size:clamp(28px,3.4vw,36px);margin-bottom:20px}
.jn-tekst--konto h1.jn-sr{margin:0}
.jn-konto,.woocommerce-account .woocommerce-MyAccount-content.jn-konto{display:flex;flex-direction:column;float:none;width:auto}
.jn-konto-sekcja{max-width:760px;width:100%;border:1px solid var(--jn-linia-2);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;margin:0 0 20px}
.jn-tekst .jn-konto-sekcja p{margin:0}
.jn-konto-sekcja h2{font-size:24px;line-height:1.2}
.jn-konto-wiersz{display:flex;flex-wrap:wrap;gap:12px}
.jn-konto-wiersz .jn-konto-pole{flex:1 1 220px}
.jn-konto-pole{display:flex;flex-direction:column;gap:4px}
.jn-konto-pole label{font-size:15px;font-weight:600}
.jn-konto-pole input{font:inherit;font-size:16px;min-height:46px;padding:10px 12px;border:1px solid #CFCBC2;border-radius:12px;background:#fff;color:var(--jn-tekst);width:100%}
.jn-konto-pole input:focus{outline:2px solid var(--jn-zolty);outline-offset:1px}
.jn-konto-sekcja small{color:var(--jn-tekst-3);font-size:14px}
.jn-konto-haslo summary{list-style:none}
.jn-konto-haslo summary::-webkit-details-marker{display:none}
.jn-konto-haslo fieldset{border:0;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.jn-tekst .jn-zamowienia{list-style:none;padding-left:0;margin:0}
.jn-zamowienia li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:12px 0;border-top:1px solid var(--jn-linia)}
.jn-zamowienia__opis{flex:1 1 220px;display:flex;flex-direction:column;line-height:1.35}
.jn-status{font-size:13px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny)}
.jn-status--czeka{background:var(--jn-zolty-jasny);color:#6B5200}
.jn-status--szary{background:var(--jn-tlo-szare);color:var(--jn-tekst-3)}
.jn-konto-strony{display:flex;gap:16px}

/* Brak jadłospisu (zamiast kokpitu) */
.jn-brak{max-width:560px;margin:32px auto 48px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.jn-brak__ikona{width:64px;height:64px;border-radius:50%;background:var(--jn-zielony-jasny);color:var(--jn-zielony);display:flex;align-items:center;justify-content:center}
.jn-brak h2{font-size:clamp(28px,3.4vw,34px);line-height:1.2}
.jn-tekst .jn-brak p{color:var(--jn-tekst-2);margin:0}

/* Postępy (krok 5b, inc/postepy.php, zrodla/postepy.ts): waga i obwody z wykresami */
.jn-tekst .jn-postepy-lead{color:var(--jn-tekst-2);max-width:640px;margin:-8px 0 20px}
.jn-postepy{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:start}
.jn-postepy__lewa,.jn-postepy__prawa{display:flex;flex-direction:column;gap:20px;min-width:0}
.jn-postepy-historia{grid-column:1/-1}
.jn-postepy-karta{border:1px solid var(--jn-linia-2);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.jn-tekst .jn-postepy-karta p,.jn-tekst .jn-postepy-karta ul{margin:0}
.jn-postepy-karta h2{font-family:var(--jn-sans);font-size:19px;font-weight:700;line-height:1.3}
.jn-postepy-podsumowanie{background:var(--jn-tlo-szare);border:0}
.jn-postepy-podsumowanie span{display:block;font-size:14px;font-weight:600;color:var(--jn-tekst-3);line-height:1.3}
.jn-postepy-podsumowanie__glowna strong{display:block;font-size:44px;line-height:1.1;font-weight:800}
.jn-postepy-podsumowanie__zmiany{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jn-postepy-podsumowanie__zmiany p{background:#fff;border-radius:12px;padding:10px 12px}
.jn-postepy-podsumowanie__zmiany strong{font-size:20px}
.jn-postepy-formularz .jn-konto-pole input{max-width:100%}
.jn-postepy-zajete{background:var(--jn-zolty-jasny);color:#6B5200!important;border-radius:8px;padding:4px 10px;align-self:flex-start}
.jn-postepy-obwody summary,.jn-postepy-instrukcja summary,.jn-postepy-usun summary{list-style:none}
.jn-postepy-obwody summary::-webkit-details-marker,.jn-postepy-instrukcja summary::-webkit-details-marker,.jn-postepy-usun summary::-webkit-details-marker{display:none}
.jn-postepy-obwody summary::before{content:"+";font-weight:800;width:14px}
.jn-postepy-obwody[open] summary::before{content:"−"}
.jn-postepy-obwody__pola{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jn-postepy-formularz__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.jn-postepy-instrukcja{border-top:1px solid var(--jn-linia);padding-top:4px}
.jn-postepy-instrukcja > div{display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--jn-tekst-2)}
.jn-tekst .jn-postepy-instrukcja ul{list-style:disc;padding-left:1.2em}
.jn-postepy-wykres{gap:6px}
.jn-postepy-wykres__naglowek{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px}
.jn-postepy-wykres__naglowek span{font-size:14px;color:var(--jn-tekst-3)}
.jn-postepy-wykres__pusty{color:var(--jn-tekst-3);font-size:15px}
.jn-postepy-wykres__plotno{position:relative;min-height:150px;touch-action:pan-y}
.jn-wykres{display:block;width:100%;height:auto;overflow:visible;font-family:var(--jn-sans)}
.jn-wykres__siatka{stroke:var(--jn-linia);stroke-width:1}
.jn-wykres__os{fill:var(--jn-tekst-3);font-size:12px;font-variant-numeric:tabular-nums}
.jn-wykres__tlo{fill:var(--jn-zielony);opacity:.1}
.jn-wykres__linia{fill:none;stroke:var(--jn-zielony);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.jn-wykres__punkt{fill:var(--jn-zielony);stroke:#fff;stroke-width:2}
.jn-wykres__ostatnia{fill:var(--jn-tekst);font-size:13px;font-weight:700}
.jn-wykres__kursor line{stroke:var(--jn-tekst-3);stroke-width:1}
.jn-wykres__kursor circle{fill:var(--jn-zielony);stroke:#fff;stroke-width:2}
.jn-wykres__dymek{position:absolute;pointer-events:none;transform:translateY(calc(-100% - 10px));background:var(--jn-tekst);color:#fff;font-size:13px;font-weight:600;border-radius:8px;padding:4px 10px;white-space:nowrap}
.jn-postepy-historia ul{list-style:none;padding:0}
.jn-postepy-historia li{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;padding:6px 0;border-top:1px solid var(--jn-linia)}
.jn-postepy-historia li:first-child{border-top:0}
.jn-postepy-historia__data{width:96px;color:var(--jn-tekst-3);font-variant-numeric:tabular-nums}
.jn-postepy-historia__wpis{flex:1 1 160px;display:flex;flex-direction:column;line-height:1.35}
.jn-postepy-historia__wpis small{color:var(--jn-tekst-3);font-size:14px}
.jn-postepy-historia__akcje{display:flex;gap:16px;margin-left:auto}
.jn-postepy-historia__akcje form{margin:0}
.jn-postepy-historia .jn-akcja{font-size:14px}
.jn-postepy-stopka{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:14px;color:var(--jn-tekst-3)}
.jn-tekst .jn-postepy-stopka p{margin:0}
.jn-postepy-usun form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:480px;color:var(--jn-tekst-2)}
@media (max-width:760px){
  .jn-postepy{grid-template-columns:minmax(0,1fr);gap:16px}
  .jn-postepy__lewa,.jn-postepy__prawa{gap:16px}
  .jn-postepy-karta{padding:16px;border-radius:16px}
  .jn-postepy-podsumowanie__glowna strong{font-size:38px}
  .jn-postepy-historia__data{width:auto;min-width:84px}
}

@media (min-width:961px){
  .jn-konto-rozwijane{display:none!important}
}
@media (max-width:960px){
  .jn-konto-menu,.jn-wyloguj{display:none}
  .jn-konto-ikona{display:inline-flex}
  .jn-pasek-dolny{display:grid}
  /* Na telefonie pasek zastępuje zakładki; treść kończy się nad nim */
  body:has(.jn-pasek-dolny) .jn-panel__zakladki{display:none}
  body:has(.jn-pasek-dolny){padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .jn-klawiatura .jn-pasek-dolny,.jn-konto-otwarte .jn-pasek-dolny,html:has(dialog[open]) .jn-pasek-dolny{display:none}
  /* Przełącznik jadłospisów jest w menu konta */
  .jn-konto .jn-jadlospisy{display:none}
}
@media (max-width:600px){
  .jn-naglowek--konto .jn-naglowek__wnetrze{min-height:60px}
  .jn-tekst--konto{padding-top:12px;padding-bottom:32px}
  .jn-konto-sekcja{padding:18px}
  /* Zwarta karta diety: dania zaczynają się wyżej */
  .jn-konto .jn-karta-diety{padding:14px 16px;gap:4px;margin-bottom:16px;border-radius:16px}
  .jn-konto .jn-karta-diety > strong{font-size:20px}
  .jn-konto .jn-karta-diety > p:not([class]){display:none}
  .jn-konto .jn-nazwa summary{min-height:40px}
  /* Tydzień: bez długiego opisu, PDF i „Przywróć” w jednym wierszu; pierwsze danie wyżej */
  .jn-konto .jn-panel__opis--tydzien{display:none}
  .jn-konto .jn-panel__naglowek{gap:4px 12px}
  .jn-konto .jn-panel__naglowek h2{flex-basis:100%}
  .jn-konto .jn-panel__akcje{align-items:center;gap:4px 16px}
}

/* Blog (krok 5d, makieta web/makieta/blog.html): lista, karty, wpis, spis treści, ramki z kalkulatorem */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jn-blog-kategoria{font-size:14px;font-weight:700;color:var(--jn-zielony);text-decoration:none}
.jn-blog-meta{font-size:14px;color:var(--jn-tekst-3)}
.jn-okruszki ol{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--jn-tekst-3);margin:0 0 14px}
.jn-okruszki li:not(:last-child)::after{content:'›';margin-left:8px}
.jn-okruszki a{color:var(--jn-tekst-3)}
.jn-okruszki li[aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28ch}

.jn-blog-lista{padding-top:40px;padding-bottom:56px}
.jn-blog-lista h1{font-size:clamp(32px,4vw,44px);line-height:1.15;margin-bottom:8px}
.jn-blog-lista__lead{color:var(--jn-tekst-2);max-width:640px;margin-bottom:22px}
.jn-blog-zakladki{display:flex;gap:6px;overflow-x:auto;padding:4px;background:var(--jn-tlo-szare);border-radius:999px;margin-bottom:28px;width:max-content;max-width:100%;scrollbar-width:none}
.jn-blog-zakladki a{white-space:nowrap;padding:8px 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--jn-tekst-2);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.jn-blog-zakladki a[aria-current]{background:#fff;color:var(--jn-tekst);box-shadow:0 1px 3px rgba(31,36,33,.12)}
.jn-blog-karta{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}
.jn-blog-karta:hover{color:inherit}
.jn-blog-karta:hover .jn-blog-karta__tytul{text-decoration:underline;text-underline-offset:3px}
.jn-blog-karta__zdjecie{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.jn-blog-karta__opis{display:flex;flex-direction:column;gap:6px}
.jn-blog-karta__tytul{font-size:19px;line-height:1.3;font-weight:700;margin:0}
.jn-blog-karta__zajawka{color:var(--jn-tekst-2);font-size:16px}
.jn-blog-karta--wyrozniona{margin-bottom:36px}
.jn-blog-karta--wyrozniona .jn-blog-karta__tytul{font-family:var(--jn-serif);font-size:clamp(24px,3vw,34px);line-height:1.2}
.jn-blog-siatka{display:grid;gap:32px}
@media (min-width:700px){.jn-blog-siatka{grid-template-columns:repeat(2,1fr)}}
@media (min-width:961px){
  .jn-blog-siatka{grid-template-columns:repeat(3,1fr)}
  .jn-blog-karta--wyrozniona{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}
}
.jn-blog-pusty{background:var(--jn-tlo-szare);border-radius:16px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.jn-blog-pusty p{color:var(--jn-tekst-2)}
.jn-blog-pusty .jn-btn{margin-top:10px}
.jn-paginacja,.pagination{margin-top:40px}
.pagination .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--jn-tekst-2);text-decoration:none;padding:0 14px;font-weight:600}
.pagination .page-numbers.current{background:var(--jn-tlo-szare);color:var(--jn-tekst)}

.jn-wpis{padding-top:28px;padding-bottom:48px}
.jn-wpis__artykul{max-width:680px;margin:0 auto}
.jn-wpis h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:6px 0 12px}
.jn-wpis__lead p{font-size:19px;color:var(--jn-tekst-2);margin-bottom:12px}
.jn-wpis .jn-blog-meta{margin-bottom:20px}
.jn-wpis__zdjecie{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:24px}
.jn-wpis__skrot{background:var(--jn-zielony-jasny);border-radius:14px;padding:16px 18px;margin-bottom:24px}
.jn-wpis__skrot-tytul{font-weight:700;font-size:15px;margin-bottom:4px}
.jn-spis{border:1px solid var(--jn-linia);border-radius:14px;padding:4px 18px;margin-bottom:24px;font-size:16px}
.jn-spis summary{cursor:pointer;font-weight:700;padding:12px 0}
.jn-spis ol{list-style:decimal;padding-left:20px;margin-bottom:12px;color:var(--jn-tekst-2)}
.jn-spis li{margin:6px 0}
.jn-spis a{color:var(--jn-tekst-2);text-decoration:none}
/* Bez pogrubienia: szerszy tekst zawijał się inaczej i spis „skakał” przy przewijaniu. Wyróżnia kolor i numer (poza tekstem). */
.jn-spis a:hover,.jn-spis a.jest-aktywny{color:var(--jn-tekst)}
.jn-spis li:has(a.jest-aktywny)::marker{color:var(--jn-zielony);font-weight:800}
.jn-spis__tytul{font-weight:700;margin:8px 0 6px}
.jn-wpis__boczna{display:none}

/* Treść wpisu z edytora bloków */
.jn-wpis__tresc{font-size:18px;line-height:1.7}
.jn-wpis__tresc h2{font-size:clamp(24px,2.6vw,30px);line-height:1.25;margin:36px 0 10px;scroll-margin-top:84px}
.jn-wpis__tresc h3{font-size:20px;margin:26px 0 8px}
.jn-wpis__tresc h4{font-size:18px;margin:20px 0 6px}
.jn-wpis__tresc p{margin:0 0 16px}
.jn-wpis__tresc ul,.jn-wpis__tresc ol{margin:0 0 16px;padding-left:24px}
.jn-wpis__tresc ul{list-style:disc}
.jn-wpis__tresc ol{list-style:decimal}
.jn-wpis__tresc li{margin:6px 0}
.jn-wpis__tresc blockquote{margin:24px 0;padding:4px 0 4px 18px;border-left:4px solid var(--jn-zolty);color:var(--jn-tekst-2)}
.jn-wpis__tresc figure{margin:24px 0}
.jn-wpis__tresc img{max-width:100%;height:auto;border-radius:12px}
.jn-wpis__tresc .wp-block-table{overflow-x:auto}
.jn-wpis__tresc table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}
.jn-wpis__tresc th,.jn-wpis__tresc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--jn-linia)}
.jn-wpis__tresc th{background:var(--jn-tlo-szare)}
.jn-wpis__tresc td:first-child{font-weight:600}
/* Bez grubych ramek z wp-block-library */
.jn-wpis__tresc .wp-block-table th,.jn-wpis__tresc .wp-block-table td{border:0;border-bottom:1px solid var(--jn-linia)}
.jn-wpis__tresc .wp-block-table thead{border-bottom:0}

.jn-blog-cta{background:var(--jn-tlo-szare);border-radius:16px;padding:22px;margin:32px 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.jn-blog-cta p{margin:0;color:var(--jn-tekst-2);font-size:16px;line-height:1.55}
.jn-blog-cta .jn-blog-cta__tytul{font-family:var(--jn-serif);font-weight:700;font-size:23px;line-height:1.2;color:var(--jn-tekst)}
.jn-blog-cta--koniec{background:var(--jn-zielony-ciemny)}
.jn-blog-cta--koniec p{color:var(--jn-zielony-tekst)}
.jn-blog-cta--koniec .jn-blog-cta__tytul{color:#fff}
.jn-blog-cta--boczna{margin:0;padding:18px}
.jn-blog-cta--boczna .jn-blog-cta__tytul{font-size:19px}

.jn-wpis__faq,.jn-wpis__zrodla{margin-top:36px}
.jn-wpis__faq h2,.jn-wpis__zrodla h2{font-size:26px;margin-bottom:8px}
.jn-wpis__faq details{border-top:1px solid var(--jn-linia);padding:14px 0}
.jn-wpis__faq summary{cursor:pointer;font-weight:700}
.jn-wpis__faq details p{margin-top:8px;color:var(--jn-tekst-2)}
.jn-wpis__zrodla h2{font-family:var(--jn-sans);font-size:17px}
.jn-wpis__zrodla ol{list-style:decimal;padding-left:20px;font-size:15px;color:var(--jn-tekst-2)}
.jn-wpis__zrodla li{margin:4px 0}
.jn-blog-udostepnij{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:28px;padding-top:12px;border-top:1px solid var(--jn-linia);font-size:15px;color:var(--jn-tekst-3)}
.jn-blog-powiazane{background:var(--jn-tlo-szare);padding:44px 0 56px}
.jn-blog-powiazane h2{font-size:clamp(26px,3vw,32px);margin-bottom:22px}

@media (min-width:1100px){
  .jn-wpis{display:grid;grid-template-columns:minmax(0,680px) 260px;gap:64px;justify-content:center}
  .jn-wpis__artykul{margin:0}
  .jn-wpis__boczna{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px;align-self:start;font-size:15px}
  .jn-wpis__boczna .jn-spis{margin:0;padding:12px 18px}
  .jn-spis--tel{display:none}
}

/* „Jak liczymy porcje” (page-jak-liczymy-porcje.php): układ wpisu bloga + kroki i porównanie dania */
.jn-wpis__tresc .jn-metoda__kroki{list-style:none;padding:0;margin:8px 0 20px;display:grid;gap:12px;counter-reset:krok}
.jn-metoda__kroki li{position:relative;margin:0;padding:16px 18px 16px 62px;background:var(--jn-tlo-szare);border-radius:14px;font-size:16px;line-height:1.55;counter-increment:krok}
.jn-metoda__kroki li::before{content:counter(krok);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--jn-zielony);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.jn-metoda__kroki strong{display:block;margin-bottom:2px}
.jn-metoda__kroki span{color:var(--jn-tekst-2)}
.jn-metoda__zdjecie{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin:4px 0 14px}
.jn-metoda__porownanie{display:grid;gap:12px;margin-bottom:10px}
.jn-metoda__porcja{border:1px solid var(--jn-linia);border-radius:14px;padding:14px 18px}
.jn-wpis__tresc .jn-metoda__porcja h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font-size:21px}
.jn-metoda__porcja h3 small{font-family:var(--jn-sans);font-size:13px;font-weight:600;color:var(--jn-tekst-3)}
.jn-wpis__tresc .jn-metoda__porcja ul{list-style:none;margin:0;padding:0;font-size:16px}
.jn-wpis__tresc .jn-metoda__porcja li{display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-top:1px solid var(--jn-linia)}
.jn-metoda__porcja b{white-space:nowrap}
.jn-metoda__porcja li.jest-wiecej b{background:var(--jn-zolty-jasny);border-radius:6px;padding:0 6px}
.jn-wpis__tresc .jn-metoda__uwaga{font-size:15px;color:var(--jn-tekst-3);margin-bottom:16px}
@media (min-width:700px){
  .jn-wpis__tresc .jn-metoda__kroki,.jn-metoda__porownanie{grid-template-columns:1fr 1fr}
}

/* Zgody na ciasteczka (wtyczka, inc/zgody.php): baner na dole i okno ustawień. Akceptuj i Odrzuć wyglądają tak samo. */
.jn-stopka__linki{align-items:baseline}
.jn-stopka .jn-stopka__zgody{-webkit-appearance:none;appearance:none;display:inline;margin:0;padding:0;min-height:0;width:auto;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;line-height:inherit;letter-spacing:inherit;color:#C9CEC9;text-decoration:underline;cursor:pointer}
.jn-stopka .jn-stopka__zgody:hover{color:#fff;background:none}
.jn-zgody{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 20px;background:#fff;color:var(--jn-tekst);border:1px solid var(--jn-linia);border-radius:20px;box-shadow:var(--jn-cien);padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.jn-zgody[hidden]{display:none}
.jn-zgody__tekst{flex:1 1 380px;margin:0;font-size:14px;line-height:1.5}
.jn-zgody__tekst a,.jn-zgody-okno a{color:var(--jn-zielony)}
.jn-zgody__przyciski{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media (max-width:560px){.jn-zgody{left:8px;right:8px;bottom:8px;padding:14px 16px}.jn-zgody__przyciski .jn-btn{flex:1 1 0;padding-left:12px;padding-right:12px;white-space:nowrap}.jn-zgody__przyciski .jn-akcja{flex-basis:100%;justify-content:center}}
html:has(.jn-zgody-okno[open]){overflow:hidden}
.jn-zgody-okno{width:min(560px,calc(100% - 32px));max-width:100vw;max-height:min(85vh,760px);overflow-y:auto;padding:0 20px 20px;border:0;border-radius:20px;background:#fff;color:var(--jn-tekst);box-shadow:var(--jn-cien);font-size:15px;line-height:1.5}
.jn-zgody-okno::backdrop{background:rgba(31,36,33,.45)}
.jn-zgody-okno__naglowek{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px;padding:12px 12px 12px 20px;background:#fff;border-bottom:1px solid var(--jn-linia)}
.jn-zgody-okno__tytul{font-family:var(--jn-serif);font-size:20px;font-weight:700;margin:0}
.jn-zgody-okno__zamknij{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:none;font-size:22px;color:var(--jn-tekst-2);cursor:pointer}
.jn-zgody-okno__zamknij:hover{background:var(--jn-tlo-szare)}
.jn-zgody-kategoria{padding:12px 0;border-bottom:1px solid var(--jn-linia)}
.jn-zgody-kategoria p{margin:4px 0 6px;color:var(--jn-tekst-2);font-size:14px}
.jn-zgody-kategoria__wybor{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.jn-zgody-kategoria__wybor input{width:20px;height:20px;accent-color:var(--jn-zielony)}
.jn-zgody-kategoria summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--jn-tekst-2);min-height:32px}
.jn-zgody-tabela{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.jn-zgody-tabela th,.jn-zgody-tabela td{text-align:left;vertical-align:top;padding:6px 8px 6px 0;border-bottom:1px solid var(--jn-linia);overflow-wrap:anywhere}
.jn-zgody-okno .jn-zgody__przyciski{margin-top:16px}
.jn-zgody-okno__id{margin:12px 0 0;font-size:12px;color:var(--jn-tekst-2)}
.jn-zgody-okno__id code{overflow-wrap:anywhere}

/* Zgoda na dane o zdrowiu pod wynikiem kalkulatora (inc/prawne.php, ankieta.php) */
.jn-zgoda-zdrowie{display:flex;gap:10px;align-items:flex-start;margin:18px 0 6px;font-size:14px;line-height:1.5;color:var(--jn-tekst-2);cursor:pointer}
.jn-zgoda-zdrowie input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--jn-zielony)}
/* Zgoda na dane o zdrowiu przy zakupie: obramowana, bo bez niej nie ma kasy. */
.jn-wynik > .jn-zgoda-zdrowie{margin:0 0 20px;padding:14px 16px;border:1px solid var(--jn-linia-2);border-radius:14px;background:var(--jn-tlo)}
.jn-wynik > .jn-zgoda-zdrowie strong{color:var(--jn-tekst)}
.jn-zgoda-zdrowie.jest-blad{border-color:var(--jn-cta);background:#FFF4F0}
.jn-zgoda-zdrowie.jest-blad strong{color:#8A2C12}

/* Regulamin i polityka prywatności (szablony wtyczki) */
.jn-dokument{font-size:16px;line-height:1.65}
.jn-dokument h2{scroll-margin-top:90px;font-size:22px;margin:36px 0 10px}
.jn-dokument ol,.jn-dokument ul{padding-left:24px;margin:8px 0}
.jn-dokument ol{list-style:decimal}
.jn-dokument ol[type=a]{list-style:lower-alpha}
.jn-dokument ul{list-style:disc}
.jn-dokument li::marker{color:var(--jn-tekst-2)}
.jn-dokument li{margin:6px 0}
.jn-dokument__spis{background:var(--jn-tlo-szare);border-radius:16px;padding:14px 20px;margin:16px 0 8px}
.jn-dokument__spis ol{margin:0}
.jn-dokument__tabela{overflow-x:auto;-webkit-overflow-scrolling:touch}
.jn-dokument table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.jn-dokument th,.jn-dokument td{text-align:left;vertical-align:top;padding:8px 10px 8px 0;border-bottom:1px solid var(--jn-linia)}
.jn-dokument .jn-zgody-tabela{min-width:0}
.jn-dokument__formularz{border:1px dashed var(--jn-linia-2,#CFCBC2);border-radius:12px;padding:8px 18px;overflow-wrap:anywhere}

/* ---------- Strona /kalkulator/ jako strona sprzedażowa (audyt 2026-11-06) ---------- */
.jn-kalk-strona__naglowek .jn-kalk-strona__lead{font-size:18px;color:var(--jn-tekst-2);max-width:620px}
.jn-kalk-strona__cechy{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;font-weight:600;color:var(--jn-tekst-2)}
.jn-kalk-strona__cechy li{display:inline-flex;gap:6px;align-items:center}
.jn-kalk-strona__cechy .jn-ikona,.jn-wynik__zaufanie .jn-ikona{color:var(--jn-zielony);stroke-width:2.6}
.jn-kalk-pelny{scroll-margin-top:90px}

.jn-wynik__naglowek{display:flex;flex-direction:column;gap:6px}
.jn-wynik__naglowek h2{font-size:clamp(28px,3.4vw,36px);line-height:1.15;color:var(--jn-zielony-ciemny)}
.jn-wynik__naglowek p{color:var(--jn-tekst-2)}
.jn-wynik__naglowek strong{color:var(--jn-tekst)}

.jn-talerz{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--jn-linia-2);border-radius:20px;overflow:hidden;background:var(--jn-tlo)}
@media (min-width:700px){.jn-talerz:has(.jn-talerz__zdjecie:not([hidden])){grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.jn-talerz__zdjecie{background:var(--jn-zdjecie)}
.jn-talerz__zdjecie img{display:block;width:100%;height:100%;max-height:320px;object-fit:cover}
.jn-talerz__tresc{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.jn-talerz__etykieta{align-self:flex-start;background:var(--jn-zolty-jasny);color:var(--jn-tekst);font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px}
.jn-talerz__nazwa{font-family:var(--jn-serif);font-size:22px;line-height:1.25}
.jn-talerz__skladniki{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column}
.jn-talerz__skladniki li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--jn-linia-2);font-size:16px}
.jn-talerz__skladniki li:last-child{border-bottom:0}
.jn-talerz__skladniki b{white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--jn-zolty-jasny);border-radius:6px;padding:0 6px}
.jn-talerz__drobne{font-size:14px;color:var(--jn-tekst-3)}
.jn-talerz__zamiana{font-size:15px;background:var(--jn-zielony-jasny);border-radius:12px;padding:10px 12px;color:var(--jn-tekst-4)}
.jn-wynik__dan{font-size:16px;color:var(--jn-tekst-2)}

.jn-wynik > .jn-zgoda-zdrowie--mala{font-size:13px;line-height:1.45;margin:0;padding:10px 12px}
.jn-wynik__zaufanie{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--jn-tekst-2)}
.jn-wynik__zaufanie li{display:inline-flex;gap:6px;align-items:center}
.jn-wynik .jn-lista-zapis{margin:6px 0 0;background:var(--jn-tlo-szare);border:0}

.jn-wynik__szczegoly{border-top:1px solid var(--jn-linia);padding-top:14px}
.jn-wynik__szczegoly summary{cursor:pointer;font-weight:700;color:var(--jn-zielony);font-size:15px}
.jn-wynik__szczegoly[open] summary{margin-bottom:12px}
.jn-wynik__szczegoly > p{margin-top:10px;font-size:14px;color:var(--jn-tekst-3)}

.jn-dostajesz{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}
.jn-dostajesz__karta{background:var(--jn-tlo-szare);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.jn-dostajesz__karta h3{font-size:19px;line-height:1.3}
.jn-dostajesz__karta p{color:var(--jn-tekst-2);font-size:16px}

.jn-opinie{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}
.jn-opinia{margin:0;background:var(--jn-tlo);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}
.jn-opinia blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--jn-tekst-4)}
.jn-opinia blockquote p::before{content:'„'}
.jn-opinia blockquote p::after{content:'”'}
.jn-opinia figcaption{margin-top:auto;font-size:14px;color:var(--jn-tekst-3)}
.jn-opinia figcaption strong{color:var(--jn-tekst)}

/* Wersja 2 po audycie (2026-11-06) */
.jn-ruch{display:flex;flex-direction:column;gap:8px}
.jn-ruch label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--jn-linia-2);border-radius:14px;padding:11px 14px;font-size:15px;line-height:1.4;color:var(--jn-tekst-2);cursor:pointer}
.jn-ruch label:has(input:checked){border-color:var(--jn-zielony);background:var(--jn-zielony-jasny)}
.jn-ruch input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--jn-zielony)}
.jn-ruch strong{color:var(--jn-tekst)}
.jn-talerz__skladniki li{align-items:flex-start}
.jn-talerz__skladniki b{align-self:flex-start}
.jn-talerz__drobne{color:var(--jn-tekst-2)}
.jn-wynik > .jn-zgoda-zdrowie--mala{font-size:14px}
.jn-wynik > .jn-zgoda-zdrowie--mala.jest-blad{border-color:var(--jn-cta);background:#FFF8F5}
.jn-zgoda-komunikat{margin:-10px 0 0;color:#8A2C12;font-weight:700;font-size:15px}
.jn-wynik__cena small{display:block;font-family:var(--jn-sans);font-size:14px;font-weight:600;color:var(--jn-tekst-3)}
.jn-wynik__opinia{margin:0;border-left:3px solid var(--jn-zolty);padding:4px 0 4px 14px}
.jn-wynik__opinia blockquote{margin:0;font-family:var(--jn-serif);font-size:18px;line-height:1.4}
.jn-wynik__opinia blockquote p::before{content:'„'}.jn-wynik__opinia blockquote p::after{content:'”'}
.jn-wynik__opinia blockquote p{quotes:none}
.jn-wynik__opinia figcaption{margin-top:6px;font-size:13px;color:var(--jn-tekst-3)}
.jn-wynik__krok{scroll-margin-top:90px}
[data-jn-policz].jn-btn--obrys{align-self:flex-start;padding:10px 18px;font-size:15px}
.jn-opinie__zasady{margin-top:16px;font-size:14px;color:var(--jn-tekst-3);max-width:720px}
.jn-porownanie__zrodla{margin:14px 0 20px;font-size:13px;color:var(--jn-tekst-3)}
.jn-pasek-zakupu{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--jn-tlo);box-shadow:0 -8px 24px rgba(31,36,33,.14);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));font-size:15px}
.jn-pasek-zakupu[hidden]{display:none}
.jn-pasek-zakupu .jn-btn{padding:12px 18px;white-space:nowrap}
@media (min-width:961px){.jn-pasek-zakupu{left:50%;right:auto;transform:translateX(-50%);bottom:16px;border-radius:18px;min-width:460px}}
.jn-talerz__przepis{font-size:15px;color:var(--jn-tekst-2)}
.jn-talerz__podpis{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jn-tekst-3);margin-top:4px}
.jn-talerz__przepis{font-weight:600;color:var(--jn-tekst-4)}

/* Wynik w strefach, opinie wyżej (audyt UX 2026-11-06); tylko strona /kalkulator/ (.jn-kalk-pelny--zakup) */
.jn-kalk-strona .jn-kontener--kalk{max-width:1080px}
.jn-kalk-strona__naglowek,.jn-kalk-pelny--zakup .jn-kalk-pelny__pola{max-width:760px;margin-inline:auto;width:100%}
.jn-kalk-pelny--zakup{background:none;box-shadow:none;padding:0;border-radius:0;gap:28px}
.jn-kalk-pelny__pola{display:flex;flex-direction:column;gap:20px}
.jn-kalk-pelny--zakup .jn-kalk-pelny__pola{background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 34px rgba(31,36,33,.08)}
.jn-kalk-pelny--zakup .jn-kalk-pelny__pola > .jn-btn{align-self:flex-start}
.jn-kalk-pelny--zakup .jn-wynik{border-top:0;padding-top:0;gap:20px}
.jn-wynik__strefa{border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:16px;min-width:0}
.jn-wynik__strefa--talerz{background:#fff;box-shadow:0 14px 34px rgba(31,36,33,.08)}
.jn-wynik__strefa--zakup{background:var(--jn-zielony-jasny);scroll-margin-top:90px}
.jn-wynik__strefa--talerz .jn-talerz{border:0;border-radius:16px;background:var(--jn-tlo-szare)}
.jn-wynik__etykieta{font-size:15px;font-weight:700;color:var(--jn-zielony-ciemny)}
.jn-wynik__naglowek .jn-wynik__kcal{font-size:clamp(40px,5vw,56px);line-height:1.05;color:var(--jn-zielony)}
.jn-wynik__wpakiecie{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--jn-linia);display:grid;gap:10px;font-size:16px;color:var(--jn-tekst)}
.jn-wynik__wpakiecie li{display:flex;gap:8px;align-items:flex-start}
.jn-wynik__wpakiecie li > span{min-width:0}
.jn-wynik__wpakiecie .jn-ikona{color:var(--jn-zielony);flex:none;margin-top:4px;stroke-width:2.6}
.jn-wynik__chipsy{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.jn-wynik__chipsy[hidden]{display:none}
.jn-chip{background:var(--jn-tlo-szare);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jn-wynik__strefa--zakup .jn-wynik__krok{border-top:0;padding-top:0}
.jn-wynik__strefa--zakup .jn-wynik__krok h2{font-size:clamp(24px,2.6vw,30px)}
.jn-wynik__strefa .jn-wynik__opinia{background:#fff;border:0;border-radius:16px;padding:16px 18px}
.jn-wynik__strefa .jn-wynik__opinia blockquote{font-size:17px}
.jn-wynik__opinia figcaption,.jn-opinia figcaption{display:flex;gap:10px;align-items:center}
.jn-wynik__strefa--zakup > .jn-zgoda-zdrowie{margin:0;padding:0;border:0;background:none;font-size:13px;line-height:1.45;color:var(--jn-tekst-2)}
.jn-wynik__strefa--zakup > .jn-zgoda-zdrowie input{width:22px;height:22px}
.jn-wynik__strefa--zakup > .jn-zgoda-zdrowie.jest-blad{padding:10px 12px;border:2px solid var(--jn-cta);border-radius:12px;background:#FFF8F5}
.jn-wynik__strefa--zakup .jn-zgoda-komunikat{margin:-8px 0 0}
.jn-wynik__strefa--zakup .jn-wynik__pakiet{background:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(31,36,33,.06)}
.jn-wynik__strefa--zakup .jn-wynik__pakiet--wyrozniony{border:2px solid var(--jn-cta);background:#fff}
.jn-wynik__strefa--zakup .jn-wynik__zaufanie{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;font-size:13px}
.jn-kalk-pelny--zakup .jn-lista-zapis{background:transparent;border:1px dashed var(--jn-linia-2);max-width:760px;margin:8px auto 0;width:100%}
.jn-kalk-pelny__wiersz--2{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:700px){.jn-kalk-pelny__wiersz--2{grid-template-columns:1fr 1fr}}
@media (max-width:600px){
  .jn-kalk-pelny--zakup .jn-kalk-pelny__pola,.jn-wynik__strefa{padding:20px;border-radius:20px}
  .jn-wynik__strefa--zakup .jn-wynik__zaufanie{grid-template-columns:1fr}
}
@media (min-width:1000px){
  .jn-kalk-pelny--zakup .jn-wynik:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px 28px;align-items:start}
  .jn-wynik__strefa--zakup{position:sticky;top:96px}
  .jn-wynik__strefa--zakup .jn-wynik__pakiety{flex-direction:column}
  .jn-kalk-pelny--zakup .jn-lista-zapis{grid-column:1 / -1}
}
@media (min-width:700px){
  .jn-ruch{display:grid;grid-template-columns:1fr 1fr}
  .jn-ruch strong{display:block}
  .jn-zdrowie{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
}
.jn-kalk-strona__opinia{margin:8px 0 0;display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;max-width:620px}
.jn-kalk-strona__opinia blockquote{margin:0;font-family:var(--jn-serif);font-size:17px;line-height:1.35}
.jn-kalk-strona__opinia blockquote p::before{content:'„'}.jn-kalk-strona__opinia blockquote p::after{content:'”'}
.jn-kalk-strona__opinia figcaption{font-size:13px;color:var(--jn-tekst-2);margin-top:2px}
.jn-inicjal{flex:none;width:36px;height:36px;border-radius:50%;background:var(--jn-zielony);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}
.jn-opinia{background:var(--jn-tlo-szare);position:relative;padding:28px 24px 22px}
.jn-opinia::before{content:'„';font-family:var(--jn-serif);font-size:64px;line-height:.6;color:var(--jn-zolty);height:24px}
.jn-opinia blockquote{font-size:17px;color:var(--jn-tekst)}
.jn-opinia blockquote p::before{content:none}
.jn-sekcja--szara .jn-dostajesz__karta{background:var(--jn-tlo)}
.jn-sekcja[data-jn-sekcja="kalkulator_cena"] .jn-btn{align-self:flex-start}
.jn-sekcja[data-jn-sekcja="kalkulator_cena"] .jn-kontener{display:flex;flex-direction:column}
.jn-opinia blockquote p::after{content:none}
.jn-wynik__wpakiecie li > span{flex:1 1 auto}
.jn-wynik__chipsy{max-width:100%}
.jn-chip{display:block}
.jn-wynik__wpakiecie{grid-template-columns:minmax(0,1fr)}.jn-wynik__wpakiecie li{min-width:0}

/* Poprawki po uwagach Kamila (2026-11-06): mail pod talerzem, równe pola, karuzela opinii */
@media (min-width:1000px){.jn-kalk-pelny--zakup .jn-lista-zapis{grid-column:1;max-width:none;margin:0}}
.jn-kalk-pelny__wiersz--2{align-items:end}
.jn-opinie-karuzela{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}
.jn-opinie-karuzela .jn-kalk-strona__opinia{max-width:none;margin:0;width:100%;min-height:96px;animation:jn-slajd .45s ease}
.jn-opinie-karuzela .jn-kalk-strona__opinia[hidden]{display:none}
@keyframes jn-slajd{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jn-opinie-karuzela .jn-kalk-strona__opinia{animation:none}}
.jn-opinie-karuzela__kropki{display:flex;gap:4px;justify-content:center}
.jn-opinie-karuzela__kropki button{width:28px;height:28px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.jn-opinie-karuzela__kropki button::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--jn-linia-2);transition:background .2s,width .2s}
.jn-opinie-karuzela__kropki button[aria-pressed="true"]::after{width:22px;border-radius:4px;background:var(--jn-zielony)}
.jn-opinie-karuzela__kropki button:focus-visible{outline:2px solid var(--jn-zielony);outline-offset:2px;border-radius:6px}

/* Wymiana dań na start (panel, inc/wymiany.php) */
.jn-karta-diety__wymiany{margin:0;background:var(--jn-zolty-jasny);border-radius:12px;padding:10px 12px;font-size:15px}
.jn-wymiana{margin-top:10px;border-top:1px solid var(--jn-linia);padding-top:10px}
.jn-wymiana > summary{cursor:pointer;font-weight:700;color:var(--jn-zielony);font-size:15px}
.jn-wymiana > summary:focus-visible{outline:2px solid var(--jn-zielony);outline-offset:2px;border-radius:4px}
.jn-wymiana__formularz{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.jn-wymiana__opis{font-size:14px;color:var(--jn-tekst-2)}
.jn-wymiana__lista{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.jn-wymiana__lista legend{font-size:13px;font-weight:700;color:var(--jn-tekst-3);margin-bottom:4px;padding:0}
.jn-wymiana__opcja{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--jn-linia-2);border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.35;cursor:pointer}
.jn-wymiana__opcja:has(input:checked){border-color:var(--jn-zielony);background:var(--jn-zielony-jasny)}
.jn-wymiana__opcja input{flex:none;width:20px;height:20px;margin-top:0;accent-color:var(--jn-zielony)}
.jn-wymiana__wiecej > summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--jn-zielony);margin-bottom:6px}
.jn-wymiana__wiecej .jn-wymiana__lista{max-height:320px;overflow-y:auto;padding-right:4px}
.jn-wymiana__formularz .jn-btn{align-self:flex-start}

/* Pierwszy tydzień w panelu (inc/konto.php) */
.jn-start{background:var(--jn-zielony-jasny);border-radius:20px;padding:22px 24px;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.jn-start h2{font-size:24px;line-height:1.2}
.jn-start ol{margin:0;padding-left:22px;display:grid;gap:10px}
.jn-start li{line-height:1.5}
.jn-start .jn-akcja{margin-left:4px}
.jn-start__pdf{font-size:14px;color:var(--jn-tekst-2)}
.jn-start .jn-akcja{color:var(--jn-zielony-ciemny);text-decoration:underline;text-underline-offset:3px;font-weight:700;white-space:nowrap}
.jn-start .jn-akcja::after{content:' →'}
.jn-start .jn-akcja:hover{color:var(--jn-cta)}


/* Talerz: zdjęcie zawsze nad treścią, pełna szerokość, bez pustego pola (Kamil 2026-11-07) */
.jn-talerz,.jn-talerz:has(.jn-talerz__zdjecie:not([hidden])){grid-template-columns:minmax(0,1fr)!important}
.jn-talerz__zdjecie{position:relative;aspect-ratio:16/9;overflow:hidden}
.jn-talerz__zdjecie img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 60%}
.jn-talerz__poglad{position:absolute;left:10px;bottom:10px;background:rgba(31,36,33,.65);color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:3px 9px}
.jn-wynik__lista-pakietu{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:6px;font-size:15px;line-height:1.4;color:var(--jn-tekst-2)}
.jn-wynik__lista-pakietu li{display:flex;gap:8px;align-items:flex-start}
.jn-wynik__lista-pakietu .jn-ikona{flex:none;margin-top:3px;color:var(--jn-zielony);stroke-width:2.6}
.jn-wynik__lista-pakietu strong{color:var(--jn-tekst)}
.jn-wynik__pakiet .jn-wynik__lista-pakietu strong{display:inline;font-size:inherit}
.jn-wynik__pakiet .jn-wynik__oszczednosc{align-self:flex-start;background:var(--jn-zielony-jasny);color:var(--jn-zielony-ciemny);font-weight:700;font-size:13px;border-radius:999px;padding:3px 10px}

/* Hierarchia w wyniku (Kamil 2026-11-07): talerz mniejszy, korzyści wyraźniejsze */
.jn-talerz__tresc{padding:14px 16px 16px;gap:6px}
.jn-talerz__nazwa{font-size:19px}
.jn-talerz__podpis{font-size:11px;margin-top:2px}
.jn-talerz__skladniki li{font-size:14px;padding:4px 0}
.jn-talerz__skladniki b{font-size:13px}
.jn-talerz__drobne,.jn-talerz__przepis{font-size:13px}
.jn-talerz__zamiana{font-size:13px;padding:8px 10px}
@media (min-width:700px){.jn-talerz__skladniki{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.jn-talerz__skladniki li:last-child{border-bottom:1px dashed var(--jn-linia-2)}}
.jn-wynik__wpakiecie-tytul{font-family:var(--jn-serif);font-size:22px;line-height:1.2;margin-top:12px}
.jn-wynik__wpakiecie{border-top:0;padding-top:0;gap:12px;font-size:17px;font-weight:600}
.jn-wynik__wpakiecie li > span{font-weight:600}
.jn-wynik__wpakiecie .jn-ikona{width:22px;height:22px;padding:4px;margin-top:1px;border-radius:50%;background:var(--jn-zielony);color:#fff;stroke-width:3}
.jn-wynik__chipsy .jn-chip{font-weight:500;font-size:13px}
.jn-kalk-strona__etykieta{align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jn-zielony)}

/* Poprawki po audycie strony głównej (2026-11-07) */
.jn-sekcja__naglowek > .jn-przelacznik{flex-direction:row;max-width:none;align-self:flex-end}
.jn-opinie-karuzela{display:grid;gap:10px}
.jn-opinie-karuzela .jn-kalk-strona__opinia,.jn-opinie-karuzela .jn-kalk-strona__opinia[hidden]{display:flex;grid-area:1/1;min-height:0;animation:none}
.jn-opinie-karuzela .jn-kalk-strona__opinia[hidden]{visibility:hidden}
.jn-opinie-karuzela__kropki{grid-area:2/1}
.jn-opinie-karuzela__kropki button::after{background:#A9A59C}
.jn-kalk__pola select.jn-input{height:50px;box-sizing:border-box}
.jn-hero__tekst .jn-opinie-karuzela{max-width:500px}
.jn-hero__tekst .jn-opinie-karuzela__kropki{justify-content:flex-start;padding-left:6px}
.jn-gwarancja .jn-akcja{color:var(--jn-zielony-ciemny);text-decoration:underline;text-underline-offset:3px;font-weight:700}
