/*! ZZ Wygląd — rozmiary liczone przy html{font-size:125%} (Astra: tekst 20 px, 1rem = 20 px); najmniejszy tekst 0.8rem = 16 px.
   ZZ Wygląd — wspólny wygląd ekokiosk + zielonyzagonek.pl. Źródło: NOWY-WYGLAD-2026-10-23/wdrozenie. Klasy zw-*, zmienne --zw-*. Treść owinąć w .zw-strona. */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonty/cormorant-garamond-600-italic-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:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonty/cormorant-garamond-600-italic-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:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonty/cormorant-garamond-600-normal-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:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonty/cormorant-garamond-600-normal-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:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(fonty/cormorant-garamond-700-normal-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:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(fonty/cormorant-garamond-700-normal-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:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(fonty/lora-400-italic-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:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(fonty/lora-400-italic-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:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(fonty/lora-400-normal-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:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(fonty/lora-400-normal-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:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(fonty/lora-500-normal-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:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(fonty/lora-500-normal-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:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url(fonty/lora-600-normal-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:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url(fonty/lora-600-normal-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:'Lora';font-style:normal;font-weight:700;font-display:swap;src:url(fonty/lora-700-normal-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:'Lora';font-style:normal;font-weight:700;font-display:swap;src:url(fonty/lora-700-normal-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}

/* Układ: pracownia zielarska na papierze. Czytelność dla dojrzałych czytelniczek: duże, pełne litery, grafit na papierze, szałwia jako akcent. */
:root{
  --zw-papier:#F3EEE3;
  --zw-papier-jasny:#FBF9F3;
  --zw-papier-2:#ECE5D5;
  --zw-grafit:#1D220E;
  --zw-tekst:#1D220E;
  --zw-tekst-2:#3B402C;
  --zw-zielen-btn:#566246;
  --zw-zielen-btn-ciemna:#45503A;
  --zw-krem:#C9B897;
  --zw-szalwia:#9A987B;
  --zw-szalwia-ciemna:#5F5E47;
  --zw-terakota:#85583A;
  --zw-terakota-ciemna:#6B4529;
  --zw-zloto:#B79A5A;
  --zw-linia:rgba(154,152,123,.55);
  --zw-linia-cicha:rgba(154,152,123,.35);

  --zw-f-display:"Cormorant Garamond","Lora",Georgia,"Times New Roman",serif;
  --zw-f-tekst:"Lora",Georgia,"Times New Roman",serif;
  --zw-max:1200px;
  color-scheme:light;
}


body.zw{
  background-color:var(--zw-papier);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .25 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color:var(--zw-tekst);
  font-family:var(--zw-f-tekst);
  font-size:1rem;
  line-height:1.65;
}
@media (max-width:600px){body.zw{font-size:0.95rem}}
.zw-strona a{color:inherit}
.zw-strona img{max-width:100%;display:block}
.zw-wrap{max-width:var(--zw-max);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:700px){.zw-wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}

.zw-strona h1,.zw-strona h2,.zw-strona h3{font-family:var(--zw-f-display);font-weight:600;color:var(--zw-grafit);text-wrap:balance;margin:0;line-height:1.1}
.zw-strona h1{font-size:clamp(2rem,5.2vw,3.2rem)}
.zw-strona h2{font-size:clamp(1.6rem,3.6vw,2.28rem)}
.zw-strona h3{font-size:1.28rem;line-height:1.15}
.zw-strona p{margin:0}
.zw-etykieta{font-family:var(--zw-f-tekst);font-size:0.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zw-szalwia-ciemna);font-weight:600}
.zw-lead{font-size:0.84rem;color:var(--zw-tekst-2);max-width:34em}

.zw-btn{display:inline-flex;align-items:center;gap:.8em;font-family:var(--zw-f-tekst);font-size:0.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:1em 1.6em;border:0;transition:background-color .25s}
.zw-btn svg{width:28px;height:10px;flex:none}
.zw-btn--grafit{background:var(--zw-zielen-btn);color:#FFFDF8}
.zw-btn--grafit:hover{background:var(--zw-zielen-btn-ciemna)}
.zw-btn--terakota{background:var(--zw-terakota);color:#FFFDF8}
.zw-btn--terakota:hover{background:var(--zw-terakota-ciemna)}
.zw-link{display:inline-flex;align-items:center;gap:.8em;font-size:0.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--zw-grafit);padding-block:.4em;border-bottom:2px solid var(--zw-szalwia)}
.zw-link svg{width:28px;height:10px}
.zw-link:hover{border-bottom-color:var(--zw-grafit)}
.zw-strona :focus-visible{outline:3px solid var(--zw-terakota);outline-offset:3px}

.zw-sep{display:flex;align-items:center;gap:14px;color:var(--zw-szalwia)}
.zw-sep::before,.zw-sep::after{content:"";flex:1;height:1px;background:var(--zw-linia)}
.zw-sep svg{width:20px;height:20px;flex:none}

.zw-test{background:var(--zw-krem);color:var(--zw-tekst);color:var(--zw-tekst-2);font-size:0.8rem;text-align:center;padding-block:.45em}

/* --- 1. nagłówek: jaśniejszy pas, grafitowe menu, szałwiowa linia --- */
.zw-naglowek{background:var(--zw-papier-jasny);border-bottom:1px solid var(--zw-linia);box-shadow:0 8px 18px -14px rgba(29,34,14,.35);position:relative;z-index:5}
.zw-naglowek .zw-pasek{max-width:1320px}
.zw-pasek{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.zw-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--zw-grafit)}
.zw-logo img{width:50px;height:auto}
.zw-logo b{display:block;font-family:var(--zw-f-display);font-weight:600;font-size:1.04rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.1;white-space:nowrap}
.zw-logo small{display:block;font-size:0.8rem;color:var(--zw-tekst-2)}
.zw-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;white-space:nowrap}
.zw-menu a{text-decoration:none;font-size:0.8rem;font-weight:500;letter-spacing:.01em;color:var(--zw-grafit);padding-block:6px;border-bottom:2px solid transparent}
.zw-menu a:hover{border-bottom-color:var(--zw-szalwia)}
.zw-akcje{display:flex;align-items:center;gap:16px}
.zw-akcje>a{display:grid;place-items:center;width:40px;height:40px}
.zw-ikona{width:24px;height:24px;color:var(--zw-grafit)}
.zw-kursy.zw-kursy{width:auto;height:auto;white-space:nowrap;font-size:0.8rem;font-weight:600;text-decoration:none;color:var(--zw-zielen-btn);background:transparent;border:1.5px solid var(--zw-zielen-btn);padding:.55em 1.05em}
.zw-kursy.zw-kursy:hover{background:var(--zw-zielen-btn);color:#FFFDF8}
.zw-mob{display:none}
.zw-mob summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--zw-linia)}
.zw-mob summary::-webkit-details-marker{display:none}
.zw-mob ul{position:absolute;left:0;right:0;top:100%;margin:0;list-style:none;background:var(--zw-papier-jasny);border-bottom:1px solid var(--zw-linia);padding:8px max(16px,env(safe-area-inset-left,0px)) 16px;box-shadow:0 12px 20px -14px rgba(0,0,0,.25)}
.zw-mob li a{display:block;padding:14px 4px;border-bottom:1px solid var(--zw-linia-cicha);text-decoration:none;font-size:0.84rem;font-weight:500;color:var(--zw-grafit)}
@media (max-width:1180px){.zw-menu{display:none}.zw-mob{display:block}}
@media (max-width:600px){.zw-kursy.zw-kursy{display:none}.zw-logo b{font-size:0.92rem}.zw-logo small{display:none}.zw-logo img{width:46px}.zw-akcje{gap:4px}}
@media (max-width:480px){.zw-akcje>a[aria-label="Moje konto"]{display:none}.zw-logo{gap:10px;min-width:0}.zw-logo b{white-space:normal;font-size:0.816rem;letter-spacing:.05em;line-height:1.15}.zw-pasek{gap:8px}}

/* --- 2. hero --- */
.zw-hero,.zw-ewa{overflow:hidden}
.zw-hero .zw-wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;padding-block:56px 40px}
.zw-hero-tekst{display:grid;gap:26px;padding-left:34px;border-left:1px solid var(--zw-linia);position:relative;min-width:0}
.zw-hero-tekst::before{content:"";position:absolute;left:-5px;top:-6px;width:9px;height:9px;border:1px solid var(--zw-szalwia);transform:rotate(45deg);background:var(--zw-papier)}
.zw-hero-cta{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center}
.zw-trzy{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:0.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zw-szalwia-ciemna)}
.zw-trzy span+span::before{content:"·";color:var(--zw-szalwia);margin-right:14px}
.zw-hero-ziolo{position:relative;display:grid;place-items:center;min-height:520px;margin:0}
.zw-hero-ziolo .zw-tlo{position:absolute;width:52%;opacity:.22;filter:blur(7px) saturate(.7)}
.zw-hero-ziolo .zw-tlo.zw-a{left:-4%;top:12%}
.zw-hero-ziolo .zw-tlo.zw-b{right:-6%;bottom:2%;width:46%}
.zw-hero-ziolo .zw-glowne{position:relative;width:min(430px,88%)}
.zw-podpis{position:relative;margin-top:6px;font-style:italic;font-size:0.8rem;color:var(--zw-tekst-2);text-align:center}
@media (max-width:820px){
  .zw-hero .zw-wrap{grid-template-columns:1fr;padding-block:28px 24px}
  .zw-hero-ziolo{min-height:0;order:-1}
  .zw-hero-ziolo .zw-glowne{width:min(280px,70%)}
  .zw-hero-tekst{padding-left:20px}
}

/* --- 3. wybierz drogę --- */
.zw-sekcja{padding-block:72px}
@media (max-width:600px){.zw-sekcja{padding-block:48px}}
.zw-sekcja-glowka{display:grid;gap:10px;text-align:center;justify-items:center;margin-bottom:40px}
.zw-sekcja-glowka .zw-lead{text-align:center}
.zw-drogi{display:grid;grid-template-columns:repeat(4,1fr)}
.zw-droga{display:grid;justify-items:center;align-content:start;text-align:center;gap:10px;padding:8px 20px 18px;text-decoration:none;position:relative;min-width:0}
.zw-droga+.zw-droga::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--zw-linia-cicha)}
.zw-droga img{height:220px;width:auto;max-width:100%;object-fit:contain;margin-bottom:6px;transition:transform .5s}
.zw-droga:hover img{transform:translateY(-4px)}
.zw-droga p{font-size:0.8rem;color:var(--zw-tekst-2);max-width:16em}
.zw-droga .zw-strz{color:var(--zw-szalwia-ciemna);width:30px;height:10px;margin-top:4px}
@media (max-width:900px){.zw-drogi{grid-template-columns:repeat(2,1fr);row-gap:32px}.zw-droga:nth-child(3)::before{display:none}}
@media (max-width:480px){.zw-droga{padding-inline:6px}.zw-droga img{height:150px}.zw-droga h3{font-size:1.04rem}.zw-droga p{font-size:0.8rem}}

/* --- 4. kalendarz --- */
.zw-kalendarz{position:relative;overflow:hidden}
.zw-kalendarz .zw-laka{position:absolute;pointer-events:none;opacity:.13;filter:blur(5px) saturate(.6);width:340px}
.zw-kalendarz .zw-laka.zw-a{left:-80px;bottom:-60px}
.zw-kalendarz .zw-laka.zw-b{right:-60px;top:-40px;width:300px}
.zw-kal-uklad{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.zw-kal-obraz{position:relative;aspect-ratio:1/1.08;max-width:100%}
.zw-kal-obraz img{position:absolute;filter:drop-shadow(0 14px 18px rgba(52,53,47,.12))}
.zw-kal-obraz .zw-okladka{width:64%;left:0;top:0}
.zw-kal-obraz .zw-karta{width:58%;right:0;bottom:0;transform:rotate(3deg)}
.zw-kal-tekst{display:grid;gap:20px;min-width:0}
.zw-kal-tekst h3{font-style:italic;font-weight:600;color:var(--zw-szalwia-ciemna);font-size:1.2rem}
.zw-fakty{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:10px}
.zw-fakty li{display:flex;gap:14px;align-items:baseline;font-size:0.8rem}
.zw-fakty li::before{content:"";width:8px;height:8px;border:1.5px solid var(--zw-szalwia-ciemna);transform:rotate(45deg) translateY(-2px);flex:none}
.zw-cena{font-family:var(--zw-f-display);font-weight:700;font-size:1.6rem;color:var(--zw-grafit);line-height:1}
.zw-kal-akcja{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
@media (max-width:860px){.zw-kal-uklad{grid-template-columns:1fr;gap:28px}.zw-kal-obraz{max-width:520px;margin-inline:auto;width:100%}}

.zw-rosliny{margin-top:64px;display:grid;gap:22px}
.zw-rosliny-glowka{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.zw-rosliny-glowka p{font-family:var(--zw-f-display);font-weight:700;font-size:1.28rem;color:var(--zw-grafit)}
.zw-rosliny-glowka span{font-size:0.8rem;color:var(--zw-tekst-2);font-style:italic}
.zw-miesiace{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--zw-linia-cicha)}
.zw-miesiace li{display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}
.zw-miesiace img{height:96px;width:auto}
.zw-miesiace b{font-weight:600;font-size:0.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zw-szalwia-ciemna)}
.zw-miesiace span{font-size:0.8rem;line-height:1.25;color:var(--zw-tekst)}
.zw-miesiace li.zw-teraz span{color:var(--zw-terakota);font-weight:600}
@media (max-width:1000px){.zw-miesiace{grid-template-columns:repeat(6,1fr);row-gap:22px}}
@media (max-width:520px){.zw-miesiace{grid-template-columns:repeat(3,1fr)}.zw-miesiace img{height:84px}}

/* --- kartki papieru jako tło sekcji (border-image: rogi z ziołami zostają, środek się rozciąga) --- */
.zw-kartka{max-width:1440px;margin-inline:auto;border:0 solid transparent;border-image-repeat:stretch;padding-block:clamp(56px,9vw,110px) clamp(56px,7vw,96px)}
.zw-kartka--szalwia{border-image-source:url(obrazy/papier-ziolowy-tlo-szalwia.webp);border-image-slice:10% 22% 75% 22% fill;border-image-width:min(5.6vw,80px) min(22vw,317px) min(41.7vw,600px) min(22vw,317px)}
.zw-kartka--terakota{border-image-source:url(obrazy/papier-ziolowy-tlo-terakota.webp);border-image-slice:10% 26% 75% 26% fill;border-image-width:min(5.6vw,80px) min(26vw,374px) min(41.5vw,598px) min(26vw,374px)}
.zw-kartka>.zw-wrap{max-width:1120px}
/* mniejsze ekrany: pionowe kartki, rogi z ziołami na dole */
@media (max-width:860px){
  .zw-kartka--szalwia{border-image-source:url(obrazy/polska-zielarka-najlepszy-blog-o-ziolach-tlo-papier-szalwia-telefon.webp);border-image-slice:5% 12% 40% 12% fill;border-image-width:9vw 12vw 71.7vw 12vw}
  .zw-kartka--terakota{border-image-source:url(obrazy/polska-zielarka-blog-o-ziolach-tlo-papier-terakota-telefon.webp);border-image-slice:8% 14% 50% 14% fill;border-image-width:9.7vw 14vw 60.8vw 14vw}
  .zw-kartka{padding-block:clamp(48px,12vw,90px) clamp(64px,22vw,140px)}
}
/* czytelność na kartkach: miękka mgiełka w kolorze papieru tylko pod treścią (rozmyta, bez widocznych krawędzi),
   brzegi kartki i zioła zostają w oryginalnych kolorach */
.zw-kartka>.zw-wrap{position:relative;isolation:isolate}
.zw-kartka>.zw-wrap::before{content:"";position:absolute;inset:4px 12px;z-index:-1;pointer-events:none;background:rgba(248,243,232,.6);border-radius:56px;filter:blur(24px)}
.zw-kartka h2,.zw-kartka h3,.zw-kartka p,.zw-kartka .zw-link{text-shadow:0 0 1px rgba(248,243,232,.9),0 0 8px rgba(248,243,232,.75)}
.zw-kartka .zw-lead{color:var(--zw-tekst);font-weight:500}
.zw-kartka .zw-btn{text-shadow:none}
@media (min-width:900px){.zw-kartka--szalwia>.zw-wrap{padding-inline:72px}.zw-kartka--terakota>.zw-wrap{padding-inline:130px}}
@media (max-width:700px){.zw-kartka>.zw-wrap{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}}
/* telefon: zioła w dolnych rogach to strefa ozdobna, treść kończy się nad nimi */
@media (max-width:860px){
  .zw-kartka>.zw-wrap::before{background:rgba(248,243,232,.84);inset:-12px 4px 8px}
  .zw-kartka--szalwia{padding-bottom:56vw}
  .zw-kartka--terakota{padding-bottom:48vw}
}

/* --- 5. książki --- */
.zw-ksiazki-glowka{display:flex;justify-content:space-between;align-items:end;gap:18px 32px;flex-wrap:wrap;margin-bottom:36px}
.zw-ksiazki-glowka>div{display:grid;gap:10px;min-width:0}
.zw-polka{display:grid;grid-template-columns:repeat(4,1fr);column-gap:16px;row-gap:0}
.zw-ksiazka{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:8px;justify-items:center;text-align:center;padding:22px 12px 26px;position:relative;transition:background-color .3s;min-width:0}
.zw-ksiazka>*{align-self:start}
.zw-ksiazka .zw-kw{align-self:end}
@supports not (grid-template-rows:subgrid){.zw-ksiazka{display:flex;flex-direction:column;align-items:center}.zw-ksiazka .zw-kw{margin-top:auto}}
.zw-ksiazka:hover{background:rgba(251,249,243,.7)}
.zw-ksiazka .zw-okl{position:relative;z-index:1;width:100%;max-width:220px;aspect-ratio:1/1;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 10px 14px rgba(52,53,47,.14))}
.zw-znak{position:absolute;z-index:3;top:14px;left:12px;font-size:0.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--zw-tekst);background:var(--zw-krem);padding:.3em .7em}
.zw-ksiazka h3{font-size:1.12rem}
.zw-ksiazka p{font-size:0.8rem;font-weight:500;color:var(--zw-tekst)}
.zw-ksiazka .zw-kw{font-family:var(--zw-f-display);font-weight:700;font-size:1.2rem;color:var(--zw-grafit);margin-top:2px}
.zw-btn--maly{padding:.8em 1.2em;font-size:0.8rem}
@media (max-width:960px){.zw-polka{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.zw-polka{gap:6px}.zw-ksiazka{padding-inline:2px}.zw-ksiazka h3{font-size:0.96rem}.zw-znak{left:2px;top:8px}.zw-btn--maly{padding:.8em .9em;font-size:0.8rem;letter-spacing:.04em}}

/* --- 6. o Ewie --- */
.zw-ewa .zw-wrap{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.zw-ewa-foto{justify-self:center;padding:12px}
.zw-ewa-foto img{width:100%;max-width:420px;height:auto;outline:1px solid var(--zw-linia);outline-offset:12px}
.zw-ewa-tekst{display:grid;gap:22px;position:relative;min-width:0}
.zw-ewa-tekst .zw-krwawnik{position:absolute;right:-40px;top:-60px;width:240px;opacity:.12;filter:blur(3px);pointer-events:none;z-index:-1}
.zw-liczby3{display:flex;flex-wrap:wrap;gap:16px 0;margin-top:10px;border-top:1px solid var(--zw-linia-cicha);padding-top:22px}
.zw-liczby3 div{padding-right:26px;margin-right:26px;border-right:1px solid var(--zw-linia-cicha)}
.zw-liczby3 div:last-child{border:0;margin:0;padding:0}
.zw-liczby3 b{display:block;font-family:var(--zw-f-display);font-weight:700;font-size:1.6rem;color:var(--zw-grafit);line-height:1.05}
.zw-liczby3 span{font-size:0.8rem;color:var(--zw-tekst-2)}
@media (max-width:860px){.zw-ewa .zw-wrap{grid-template-columns:1fr;gap:28px}.zw-ewa-foto img{max-width:340px}}

/* --- 7. Ziołowy Eden --- */
.zw-eden{overflow:hidden}
.zw-eden .zw-wrap{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:center}
.zw-eden-tekst{display:grid;gap:20px;position:relative;z-index:1;min-width:0}
.zw-eden-foto img{width:118%;max-width:none;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 20%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 20%,#000 84%,transparent 100%);mask-composite:intersect;margin-left:-8%}
.zw-wartosci{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:8px}
.zw-wartosci span{display:inline-flex;align-items:center;gap:10px;font-size:0.8rem;font-weight:500;color:var(--zw-tekst-2)}
.zw-wartosci svg{width:28px;height:28px;color:var(--zw-szalwia-ciemna)}
@media (max-width:860px){.zw-eden .zw-wrap{grid-template-columns:1fr}.zw-eden-foto img{width:100%;margin-left:0}}

/* --- 8. opinie --- */
.zw-opinie{display:grid;grid-template-columns:repeat(3,1fr)}
.zw-opinia{display:grid;gap:18px;align-content:start;padding:8px 36px;text-align:center;position:relative;margin:0}
.zw-opinia+.zw-opinia::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:var(--zw-linia-cicha)}
.zw-opinia blockquote{margin:0;font-style:italic;font-size:0.84rem;line-height:1.6;color:var(--zw-tekst-2)}
.zw-opinia blockquote::before{content:"„";display:block;font-family:var(--zw-f-display);font-size:2.4rem;line-height:.6;color:var(--zw-szalwia);font-style:normal;margin-bottom:10px}
.zw-opinia cite{font-style:normal;font-size:0.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--zw-szalwia-ciemna)}
.zw-do-uzupelnienia{display:inline-block;margin-top:28px;font-size:0.8rem;color:var(--zw-tekst-2);font-style:italic;border:1px dashed var(--zw-szalwia);padding:.5em 1em}
@media (max-width:860px){.zw-opinie{grid-template-columns:1fr;gap:34px}.zw-opinia+.zw-opinia::before{left:30%;right:30%;top:-18px;bottom:auto;width:auto;height:1px}.zw-opinia{padding-inline:8px}}

/* --- 9. e-book --- */
.zw-ebook .zw-wrap{display:grid;grid-template-columns:6fr 6fr;gap:40px;align-items:center}
.zw-ebook-tekst{display:grid;gap:20px;min-width:0}
.zw-ebook .zw-etykieta{color:var(--zw-terakota-ciemna)}
.zw-ebook-okl{position:relative;display:grid;place-items:center}
.zw-ebook-okl img{position:relative;width:100%;max-width:480px;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%)}
@media (max-width:860px){.zw-ebook .zw-wrap{grid-template-columns:1fr;gap:8px}.zw-ebook-okl{order:-1}.zw-ebook-okl img{max-width:340px}}

/* --- 10. liczby --- */
.zw-liczby{border-block:1px solid var(--zw-linia-cicha)}
.zw-liczby ul{list-style:none;margin:0;padding:30px 0;display:grid;grid-template-columns:repeat(4,1fr)}
.zw-liczby li{display:flex;gap:16px;align-items:center;justify-content:center;padding-inline:14px;position:relative}
.zw-liczby li+li::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:var(--zw-linia-cicha)}
.zw-liczby svg{width:36px;height:36px;color:var(--zw-szalwia-ciemna);flex:none}
.zw-liczby b{display:block;font-family:var(--zw-f-display);font-weight:700;font-size:1.28rem;color:var(--zw-grafit);line-height:1.05}
.zw-liczby span{font-size:0.8rem;color:var(--zw-tekst-2);line-height:1.3}
@media (max-width:900px){.zw-liczby ul{grid-template-columns:repeat(2,1fr);row-gap:24px}.zw-liczby li:nth-child(3)::before{display:none}.zw-liczby li{justify-content:flex-start}}
@media (max-width:480px){.zw-liczby ul{grid-template-columns:1fr}.zw-liczby li::before{display:none}}

/* --- 11. stopka --- */
.zw-stopka{background:var(--zw-papier-jasny);border-top:3px solid var(--zw-szalwia)}
.zw-stopka .zw-wrap{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1fr;gap:32px;padding-block:48px 40px}
.zw-stopka h4{margin:0 0 12px;font-size:0.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zw-grafit);font-weight:700}
.zw-stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zw-stopka li a{text-decoration:none;font-size:0.8rem;color:var(--zw-tekst-2)}
.zw-stopka li a:hover{color:var(--zw-terakota);text-decoration:underline}
.zw-stopka .zw-logo b{white-space:normal}
.zw-stopka .zw-opis{font-size:0.8rem;color:var(--zw-tekst-2);margin-top:14px;max-width:22em}
.zw-social{display:flex;gap:16px}
.zw-social a{color:var(--zw-grafit)}
.zw-social svg{width:26px;height:26px}
.zw-dol{background:var(--zw-grafit);color:#ECE7DC;font-size:0.8rem}
.zw-dol .zw-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;padding-block:14px}
.zw-dol a{text-decoration:none}
@media (max-width:900px){.zw-stopka .zw-wrap{grid-template-columns:1fr 1fr}.zw-stopka .zw-wrap>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){}

/* ===== kategoria: Książki ziołowe ===== */
.zw-okruszki{display:flex;flex-wrap:wrap;gap:8px;font-size:0.8rem;color:var(--zw-tekst-2);padding-block:22px 6px}
.zw-okruszki a{color:var(--zw-tekst-2)}
.zw-okruszki span[aria-current]{color:var(--zw-tekst);font-weight:600}
.zw-kat-hero{padding-block:8px 24px}
.zw-kat-hero-uklad{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.zw-kat-hero-tekst{display:grid;gap:18px;min-width:0}
.zw-licznik{display:grid;justify-items:center;text-align:center;gap:6px;padding:26px 18px 22px;position:relative}
.zw-licznik::before,.zw-licznik::after{content:"";width:min(220px,70%);height:1px;background:var(--zw-szalwia)}
.zw-licznik::before{margin-bottom:10px}.zw-licznik::after{margin-top:12px}
.zw-licznik-rozeta{width:58px;height:auto;margin-bottom:4px}
.zw-licznik-nr{font-family:var(--zw-f-display);font-weight:600;font-size:clamp(2.56rem,7vw,4rem);line-height:1;color:var(--zw-terakota-ciemna);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.zw-licznik-opis{font-size:0.92rem;font-weight:600;color:var(--zw-tekst)}
.zw-licznik-pod{font-size:0.8rem;font-style:italic;color:var(--zw-tekst-2)}
@media (max-width:860px){.zw-kat-hero-uklad{grid-template-columns:1fr;gap:8px}.zw-licznik{padding-top:8px}}
.zw-pasek-kat{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid var(--zw-linia-cicha)}
.zw-pasek-kat p{font-size:0.8rem}
.zw-pasek-kat label{display:flex;align-items:center;gap:10px;font-size:0.8rem}
.zw-pasek-kat select{font:inherit;font-size:0.8rem;color:var(--zw-tekst);background:var(--zw-papier-jasny);border:1px solid var(--zw-linia);padding:.5em .8em;min-height:44px}
.zw-polka.zw-polka--3{grid-template-columns:repeat(3,1fr);column-gap:32px}
.zw-polka--3 .zw-ksiazka{padding-block:30px 40px}
.zw-polka--3 .zw-ksiazka .zw-okl{max-width:270px}
@media (max-width:960px){.zw-polka.zw-polka--3{grid-template-columns:repeat(2,1fr);column-gap:12px}}
@media (max-width:480px){.zw-polka.zw-polka--3{column-gap:4px}.zw-polka--3 .zw-ksiazka{padding-block:20px 30px}}
.zw-zaufanie ul{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.zw-zaufanie ul{grid-template-columns:1fr;row-gap:20px}.zw-zaufanie li::before{display:none}.zw-zaufanie li{justify-content:flex-start}}
.zw-polecam{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px 32px;background:var(--zw-papier-jasny);border:1px solid var(--zw-linia-cicha)}
.zw-polecam img{width:120px}
.zw-polecam div{display:grid;gap:8px;min-width:0}
@media (max-width:700px){.zw-polecam{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 18px}}

/* ===== kosmetyki ===== */
.zw-kat-hero-foto img{width:100%;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.zw-okl--foto{mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent 100%);mask-image:radial-gradient(closest-side,#000 78%,transparent 100%)}
.zw-znak--wkrotce{background:var(--zw-papier-jasny);border:1px solid var(--zw-szalwia)}
.zw-wkrotce{font-family:var(--zw-f-display);font-weight:600;font-size:1rem;color:var(--zw-tekst-2);font-style:italic}
.zw-filtry{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.zw-filtry button{font:inherit;font-size:0.8rem;font-weight:600;color:var(--zw-tekst);background:var(--zw-papier-jasny);border:1px solid var(--zw-szalwia);padding:.55em 1.1em;min-height:44px;cursor:pointer}
.zw-filtry button:hover{border-color:var(--zw-zielen-btn)}
.zw-filtry button[aria-pressed="true"]{background:var(--zw-zielen-btn);border-color:var(--zw-zielen-btn);color:#FFFDF8}
.zw-filtry button span{font-weight:400;opacity:.8;margin-left:.35em}
.zw-ksiazka[hidden]{display:none!important}
.zw-polka--kos .zw-okl{aspect-ratio:4/5;max-width:250px;filter:drop-shadow(0 10px 14px rgba(29,34,14,.10))}
.zw-btn--cichy{background:transparent;color:var(--zw-tekst-2);border:1.5px dashed var(--zw-szalwia);cursor:default}
/* ===== o mnie ===== */
.zw-om-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.zw-om-hero-tekst{display:grid;gap:18px;min-width:0}
.zw-om-hero-cta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}
.zw-om-foto{justify-self:center;padding:12px}
.zw-om-foto img{width:100%;max-width:400px;height:auto;outline:1px solid var(--zw-linia);outline-offset:12px}
.zw-om-dwa{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.zw-om-dwa--odwr{grid-template-columns:7fr 5fr}
.zw-om-tekst{display:grid;gap:16px;min-width:0;max-width:38em}
.zw-cytat{margin:8px 0 0;padding:22px 26px;border-left:3px solid var(--zw-szalwia);background:var(--zw-papier-jasny);font-family:var(--zw-f-display);font-size:1.16rem;line-height:1.35;font-weight:600;color:var(--zw-tekst)}
.zw-cytat p+p{margin-top:8px}
.zw-spolecznosc{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--zw-linia-cicha);margin-top:28px}
.zw-spolecznosc div{display:grid;justify-items:center;gap:2px;padding:20px 10px;text-align:center;position:relative}
.zw-spolecznosc div+div::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--zw-linia-cicha)}
.zw-spolecznosc b{font-family:var(--zw-f-display);font-weight:600;font-size:1.52rem;color:var(--zw-grafit);line-height:1.05}
.zw-spolecznosc span{font-size:0.8rem;color:var(--zw-tekst-2)}
.zw-okladki{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:20px}
.zw-okladki a{display:block}
.zw-okladki img{width:100%;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(29,34,14,.14));transition:transform .4s}
.zw-okladki a:hover img{transform:translateY(-4px)}
.zw-fundacja details{border-top:1px solid var(--zw-linia);border-bottom:1px solid var(--zw-linia)}
.zw-fundacja summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;min-height:64px}
.zw-fundacja summary::-webkit-details-marker{display:none}
.zw-fundacja summary h2{font-size:clamp(1.36rem,3.4vw,1.92rem)}
.zw-fundacja summary .zw-rozwin{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:0.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FFFDF8;background:var(--zw-zielen-btn);padding:.75em 1.1em}
.zw-fundacja summary .zw-rozwin::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.zw-fundacja details[open] summary .zw-rozwin::after{transform:rotate(-135deg) translateY(-1px)}
.zw-fundacja details[open] summary .zw-rozwin .zw-zw{display:none}
.zw-fundacja details:not([open]) summary .zw-rozwin .zw-ro{display:none}
.zw-fund-tresc{display:grid;gap:22px;padding:6px 4px 30px;max-width:46em}
.zw-fund-tresc h3{font-size:1.16rem;margin-top:6px}
.zw-fund-tresc ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.zw-fund-dane{display:grid;gap:4px;padding:18px 20px;background:rgba(251,249,243,.85);border:1px solid var(--zw-linia-cicha);font-size:0.8rem}
.zw-kontakt{display:grid;justify-items:center;text-align:center;gap:16px}
.zw-kontakt .zw-podpis-ewy{font-family:var(--zw-f-display);font-style:italic;font-weight:600;font-size:1.28rem;color:var(--zw-tekst)}
@media (max-width:860px){.zw-om-hero,.zw-om-dwa,.zw-om-dwa--odwr{grid-template-columns:1fr;gap:28px}.zw-om-foto img{max-width:320px}.zw-om-dwa--odwr .zw-om-zdjecie{order:-1}.zw-spolecznosc{grid-template-columns:repeat(2,1fr)}.zw-spolecznosc div:nth-child(3)::before{display:none}.zw-okladki{grid-template-columns:repeat(3,1fr)}.zw-fundacja summary{flex-wrap:wrap}}

/* ===== Formularze MailerLite (Classic, universal.js) — jedna skórka dla wszystkich =====
   Użycie: <div class="zw-zapis" id="zw-zapis"> … <div class="ml-form-embed" data-account=… data-form=…></div> … </div>
   Drugi formularz na stronie: id="zw-zapis-2". ID w selektorze jest celowe: ML wstrzykuje style z #mlb2-… (czasem z dodatkową klasą, np. button.primary) później niż nasz arkusz,
   więc :root:not(#zw-x) dokłada drugie ID do specyficzności — nasze reguły zawsze wygrywają. */
.zw-zapis{display:grid;gap:14px;padding:28px 26px 24px;background:rgba(251,249,243,.92);border:1px solid var(--zw-linia);box-shadow:0 14px 30px -24px rgba(29,34,14,.45)}
.zw-zapis-tytul{font-family:var(--zw-f-display);font-weight:600;font-size:clamp(1.28rem,3vw,1.6rem);line-height:1.15;color:var(--zw-tekst);margin:0}
.zw-zapis-pod{font-size:0.8rem;color:var(--zw-tekst-2);margin:0}
.zw-zapis-nota{font-size:0.8rem;line-height:1.5;color:var(--zw-tekst-2);margin:0}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer{width:100%!important;margin:0!important;font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-align-center{text-align:left!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:100%!important;width:100%!important;padding:0!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{padding:0!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedContent:has(h4:empty):not(:has(p)){display:none!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedContent h4,
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successContent h4{font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:1.28rem!important;line-height:1.2!important;color:var(--zw-tekst)!important;margin:0 0 8px!important;text-align:left!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper :is(.ml-form-embedContent,.ml-form-successContent) p,
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper :is(.ml-form-embedContent,.ml-form-successContent) p *{font-family:var(--zw-f-tekst)!important;font-size:0.8rem!important;line-height:1.55!important;color:var(--zw-tekst)!important;text-align:left!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-fieldRow,.ml-form-horizontalRow){margin:0 0 14px!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-fieldRow,.ml-form-horizontalRow) :is(input,select,textarea){font-family:var(--zw-f-tekst)!important;font-size:0.84rem!important;line-height:1.3!important;color:var(--zw-tekst)!important;background:#fff!important;border:1.5px solid var(--zw-szalwia)!important;border-radius:0!important;padding:.85em 1em!important;min-height:54px!important;box-shadow:none!important;width:100%!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-fieldRow,.ml-form-horizontalRow) input:focus{border-color:var(--zw-zielen-btn)!important;outline:3px solid rgba(86,98,70,.25)!important;outline-offset:0!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-fieldRow,.ml-form-horizontalRow) input::placeholder{color:#6B6A5C!important;opacity:1!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow{margin:4px 0 16px!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label{display:flex!important;gap:12px!important;align-items:flex-start!important;cursor:pointer}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]{position:static!important;opacity:1!important;width:22px!important;height:22px!important;min-width:22px!important;margin:2px 0 0!important;accent-color:var(--zw-zielen-btn)}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description,
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p{font-family:var(--zw-f-tekst)!important;font-size:0.8rem!important;line-height:1.5!important;color:var(--zw-tekst-2)!important;padding:0!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after{display:none!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody a{color:var(--zw-tekst)!important;text-decoration:underline!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-embedSubmit,.ml-form-horizontalRow) button{font-family:var(--zw-f-tekst)!important;font-size:0.8rem!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#FFFDF8!important;background:var(--zw-terakota)!important;border:0!important;border-radius:0!important;padding:1em 1.4em!important;min-height:56px!important;width:100%!important;box-shadow:none!important;transition:background-color .25s}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody :is(.ml-form-embedSubmit,.ml-form-horizontalRow) button:hover{background:var(--zw-terakota-ciemna)!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit{margin:0!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{background:var(--zw-papier-jasny)!important;border:1px solid var(--zw-szalwia)!important;padding:20px!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-recaptcha{margin:0 0 14px!important}
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-error input{border-color:#9C2F1E!important}

/* ===== Lista oczekujących (np. kosmetyki Wkrótce) ===== */
.zw-czeka{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.zw-czeka-tekst{display:grid;gap:16px;min-width:0}
.zw-czeka-sloiki{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}
.zw-czeka-sloiki img{width:84px;height:auto}
@media (max-width:860px){.zw-czeka{grid-template-columns:1fr;gap:24px}.zw-czeka-sloiki img{width:64px}}

/* ===== Szablon strony zapisu (page-templates/zw-lead.php) ===== */
body.zw-lead-szablon{margin:0}
.zw-lead-glowka{background:var(--zw-papier-jasny);border-bottom:1px solid var(--zw-linia);box-shadow:0 8px 18px -14px rgba(29,34,14,.35)}
.zw-lead-glowka .zw-wrap{padding-block:12px}
.zw-lead-glowka .zw-logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--zw-grafit)}
.zw-lead-glowka .zw-logo img{width:50px;height:auto}
.zw-lead-glowka .zw-logo b{display:block;font-family:var(--zw-f-display);font-weight:600;font-size:1.04rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.1}
.zw-lead-glowka .zw-logo small{display:block;font-size:0.8rem;color:var(--zw-tekst-2)}
.zw-lead-stopka{background:var(--zw-papier-jasny);border-top:3px solid var(--zw-szalwia);margin-top:40px}
.zw-lead-stopka .zw-wrap{display:grid;gap:10px;padding-block:28px;text-align:center;font-size:0.8rem;color:var(--zw-tekst-2)}
.zw-lead-linki{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}
.zw-lead-linki a{color:var(--zw-tekst-2)}

/* ===== Elementy nowego wyglądu na starych stronach (tryb zw_tylko_css, bez body.zw) =====
   Stary motyw zmienia nagłówkom krój i wielkość liter — tu przywracamy nasze. */
.zw-strona{font-family:var(--zw-f-tekst);color:var(--zw-tekst);font-size:1rem;line-height:1.65;text-align:left}
:root:not(#zw-x) .zw-strona :is(h1,h2,h3,.zw-zapis-tytul){font-family:var(--zw-f-display);font-weight:600;color:var(--zw-tekst);text-transform:none;letter-spacing:normal}
:root:not(#zw-x) .zw-strona :is(p,li,label,small,span,a){font-family:var(--zw-f-tekst);text-transform:none}
:root:not(#zw-x) .zw-strona .zw-etykieta{text-transform:uppercase;letter-spacing:.14em}
:root:not(#zw-x) .zw-strona .zw-btn{text-transform:uppercase}

/* Sklep ma mu-plugin sz-fonts.php, który wymusza Fraunces/Albert Sans z !important na h1–h6, p, li, button, input.
   W nowym wyglądzie nasze kroje muszą wygrać — do czasu przełączenia całej Astry (wtedy poprawiamy sz-fonts.php). */
:root:not(#zw-x) :is(body.zw,.zw-strona) :is(h1,h2,h3,.zw-zapis-tytul,.zw-cena,.zw-kw,.zw-licznik-nr){font-family:var(--zw-f-display)!important}
:root:not(#zw-x) :is(body.zw,.zw-strona) :is(p,li,a,span,label,small,button,input,select,textarea,blockquote,figcaption,cite,.zw-btn){font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) :is(body.zw,.zw-strona) :is(.zw-cytat,.zw-cytat p,:is(h1,h2,h3,h4) a,.wp-block-post-title a,.zw-zapis-tytul,.zw-kw,.zw-cena,.zw-licznik-nr,.zw-spolecznosc b,.zw-liczby b,.zw-liczby3 b,.zw-podpis-ewy,.zw-cytat,.zw-rosliny-glowka p,.zw-wkrotce){font-family:var(--zw-f-display)!important}

/* ===== Z propozycji Agenta C (23.10): konflikty z motywem potomnym, większy lead, karty wpisów, nota ===== */
/* ───────────────────────── B. KONFLIKTY ─────────────────────────
   1) Motyw potomny (style.css, sekcja „POJEDYNCZY WPIS”) ma .entry-content a / img / blockquote (0,1,1).
      Te reguły przebijają klasy .zw-btn, .zw-cytat (0,1,0):
      - przyciski dostają podkreślenie;
      - .zw-strona a{color:inherit} z zz-wyglad.css (0,1,1) przebija .zw-btn--terakota{color:#FFFDF8},
        więc napis na przycisku robi się ciemny na rdzawym tle (kontrast ok. 2,6:1);
      - zdjęcia dostają zaokrąglenie 12 px (ramka outline zostaje kwadratowa);
      - .zw-cytat dostaje stary wygląd cytatu.
   2) Grupa Gutenberga (core/group) w układzie „flow” dodaje 24 px odstępu między sekcjami.
   3) Kroje .zw-cytat p i .wp-block-post-title a: ZROBIONE w zz-wyglad.css o 19:40.
   Do wgrania zostają punkty 1 i 2: */
.zw-strona.is-layout-flow>*,.zw-strona>.is-layout-flow>*{margin-block:0}
.zw-strona a.zw-btn,.zw-strona a.zw-link,.zw-strona a.zw-droga,.zw-strona .zw-okladki a,.zw-strona .zw-ksiazka a{text-decoration:none}
.zw-strona a.zw-btn--terakota,.zw-strona a.zw-btn--grafit,
.zw-strona a.zw-btn--terakota:hover,.zw-strona a.zw-btn--grafit:hover{color:#FFFDF8}
.zw-strona a.zw-link,.zw-strona a.zw-link:hover{color:var(--zw-grafit)}
.zw-strona img{border-radius:0;box-shadow:none}
.zw-strona blockquote.zw-cytat{font-family:var(--zw-f-display);font-style:normal;color:var(--zw-tekst);border:0;border-left:3px solid var(--zw-szalwia);border-radius:0;background:var(--zw-papier-jasny);padding:22px 26px;margin:8px 0 0}


/* 4) „Lead” (.zw-lead, w briefie „większy akapit”) ma po przeliczeniu .84rem = 16,8 px, czyli MNIEJ niż tekst
      strony 20 px. Tak samo było we wzorze, bo tam rem liczył się od 16 px. Opisy pod liczbami i w kafelkach „Wybierz swoją drogę”
      mają 16 px, a to zwykły tekst, nie etykiety. Propozycja: */
.zw-lead{font-size:1.1rem}                                                       /* 22 px */
.zw-droga p,.zw-liczby span,.zw-liczby3 span,.zw-spolecznosc span{font-size:.9rem}  /* 18 px */


/* ───────────────────────── C. KARTY NAJNOWSZYCH WPISÓW (.zw-wpisy) ─────────────────────────
   Użycie: blok „Pętla zapytania / Najnowsze wpisy” z klasą „zw-wrap zw-wpisy” wewnątrz .zw-strona
   (szkic strony głównej bloga 57953). Wpisy wchodzą same, nic nie jest wklejone na sztywno. */
.zw-wpisy .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;list-style:none;margin:0;padding:0}
.zw-wpisy .wp-block-post{display:flex;flex-direction:column;gap:10px;margin:0;min-width:0}
.zw-wpisy .wp-block-post-featured-image{margin:0 0 8px;aspect-ratio:3/2;overflow:hidden;background:var(--zw-papier-2)}
.zw-wpisy .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.zw-wpisy .wp-block-post-terms{font-size:.8em;font-weight:600;letter-spacing:.06em;color:var(--zw-szalwia-ciemna)}
.zw-wpisy .wp-block-post-terms a{color:inherit;text-decoration:none}
.zw-wpisy .wp-block-post-title{font-family:var(--zw-f-display);font-weight:600;font-size:1.3em;line-height:1.15;margin:0}
.zw-wpisy .wp-block-post-title a{color:var(--zw-grafit);text-decoration:none}
.zw-wpisy .wp-block-post-excerpt{font-size:.95em;line-height:1.6;color:var(--zw-tekst-2);margin:0}
.zw-wpisy .wp-block-post-excerpt__more-link{display:inline-block;margin-top:6px;font-weight:600;color:var(--zw-grafit);text-decoration:none;border-bottom:2px solid var(--zw-szalwia);padding-block:8px 2px}
.zw-wpisy-dol{display:flex;justify-content:center;margin-top:44px}
@media (max-width:960px){.zw-wpisy .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.zw-wpisy .wp-block-post-template{grid-template-columns:1fr;gap:40px}}


/* ───────────────────────── E. NOTA EDUKACYJNA ───────────────────────── */
.zw-nota,.zw-strona .zw-nota{max-width:40em;margin-inline:auto;text-align:center;font-size:.9em;color:var(--zw-tekst-2);padding-block:8px 48px}

/* ===== Poprawki po wdrożeniu strony głównej sklepu (23.10) ===== */
/* motyw potomny podkreśla linki w treści — w kafelkach, przyciskach i kartach bez podkreśleń */
.zw-strona :is(a.zw-droga,a.zw-droga *,a.zw-btn,a.zw-link,a.zw-logo,.zw-okladki a,.zw-ksiazka h3 a,.zw-ksiazka a:has(img)){text-decoration:none!important}
/* 12 miesięcy kalendarza: na komputerze dwa rzędy po 6, żeby nazwy miesięcy się nie nakładały */
@media (min-width:1001px){.zw-miesiace{grid-template-columns:repeat(6,1fr);row-gap:26px}}
/* opinie bez ramki cytatu z motywu potomnego */
.zw-strona .zw-opinia blockquote{border:0;border-radius:0;background:none;padding:0;margin:0;box-shadow:none}
/* przycisk w karcie książki w jednej linii na komputerze */
@media (min-width:961px){.zw-ksiazka .zw-btn--maly{letter-spacing:.03em;padding-inline:1.1em;white-space:nowrap}}

/* ===== Kategoria sklepu (Woo + Astra) — body.zw-kat, mu-plugin zz-kategoria.php ===== */
body.zw-kat .ast-woocommerce-container{max-width:var(--zw-max);margin-inline:auto}
body.zw-kat .woocommerce-breadcrumb{font-size:.8rem;color:var(--zw-tekst-2);margin:6px 0 14px}
body.zw-kat .woocommerce-breadcrumb a{color:var(--zw-tekst-2)}
body.zw-kat .woocommerce-products-header{margin:0 0 26px;padding:0}
.zw-kat-glowka .zw-kartka{max-width:none}
.zw-kat-hero-uklad{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}
.zw-kat-hero-tekst{display:grid;gap:16px;min-width:0}
.zw-strona .zw-kat-hero-tekst h1{font-size:clamp(2rem,4.4vw,3rem)}
.zw-licznik{display:grid;justify-items:center;text-align:center;gap:6px;padding:20px 12px 16px}
.zw-licznik::before,.zw-licznik::after{content:"";width:min(220px,70%);height:1px;background:var(--zw-szalwia)}
.zw-licznik::before{margin-bottom:10px}.zw-licznik::after{margin-top:12px}
.zw-licznik-rozeta{width:54px;height:auto}
.zw-strona .zw-licznik-nr{font-weight:600;font-size:clamp(2.6rem,6vw,4rem);line-height:1;color:var(--zw-terakota-ciemna);font-variant-numeric:tabular-nums;margin:0}
.zw-strona .zw-licznik-opis{font-size:1.05rem;font-weight:600;color:var(--zw-tekst);margin:0}
.zw-strona .zw-licznik-pod{font-size:.85rem;font-style:italic;color:var(--zw-tekst-2);margin:0}
@media (max-width:860px){.zw-kat-hero-uklad{grid-template-columns:1fr;gap:4px}.zw-licznik{padding-top:4px}}
/* pasek: liczba wyników i sortowanie */
body.zw-kat .woocommerce-result-count{font-size:.9rem;color:var(--zw-tekst-2);margin:8px 0 18px}
body.zw-kat .woocommerce-ordering select{font-family:var(--zw-f-tekst);font-size:.85rem;color:var(--zw-tekst);background-color:var(--zw-papier-jasny);border:1px solid var(--zw-linia);border-radius:0;min-height:44px;padding:.4em 2em .4em .8em}
/* siatka: 3 kolumny, bez kafelków; cena i przycisk zawsze na jednej linii */
body.zw-kat ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 28px!important;margin:0 0 30px!important}
body.zw-kat ul.products::before,body.zw-kat ul.products::after{display:none!important}
body.zw-kat ul.products li.product{width:auto!important;margin:0!important;float:none!important;display:flex!important;flex-direction:column;align-items:center;text-align:center!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:22px 10px 30px!important;position:relative;transition:background-color .3s}
body.zw-kat ul.products li.product:hover{background:rgba(251,249,243,.75)!important}
body.zw-kat ul.products li.product .astra-shop-thumbnail-wrap{position:relative;width:100%;max-width:260px;margin:0 auto 10px;background:none!important;border-radius:0!important;overflow:visible!important}
body.zw-kat ul.products li.product .astra-shop-thumbnail-wrap img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:0!important;box-shadow:none!important;background:none!important;filter:drop-shadow(0 10px 14px rgba(29,34,14,.14))}
body.zw-kat ul.products li.product .astra-shop-summary-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0!important;width:100%}
body.zw-kat .ast-woo-product-category{display:none!important}
body.zw-kat ul.products li.product .woocommerce-loop-product__title{font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:1.3rem!important;line-height:1.15!important;color:var(--zw-tekst)!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important}
body.zw-kat ul.products li.product .ast-loop-product__link{text-decoration:none!important}
body.zw-kat .zw-kat-opis{font-size:.85rem;line-height:1.5;color:var(--zw-tekst-2);margin:0 0 6px;max-width:18em}
body.zw-kat ul.products li.product .price{margin-top:auto!important;font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:1.3rem!important;color:var(--zw-tekst)!important}
body.zw-kat ul.products li.product .price del{font-size:.8em;color:var(--zw-tekst-2)!important;opacity:.8}
body.zw-kat ul.products li.product .price ins{text-decoration:none}
body.zw-kat ul.products li.product .star-rating{margin:0 auto 4px!important;color:var(--zw-zloto)}
body.zw-kat ul.products li.product .button{margin-top:8px!important;font-family:var(--zw-f-tekst)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.05em;text-transform:uppercase;color:#FFFDF8!important;background:var(--zw-terakota)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:.85em 1.3em!important;line-height:1.2!important;transform:none!important}
body.zw-kat ul.products li.product .button:hover{background:var(--zw-terakota-ciemna)!important}
body.zw-kat ul.products li.product .added_to_cart{font-size:.8rem;margin-top:6px;color:var(--zw-tekst)}
body.zw-kat ul.products li.product .onsale,body.zw-kat .zw-kat-znak{position:absolute;top:0;left:0;right:auto;z-index:3;min-width:0;min-height:0;line-height:1.3;border-radius:0!important;padding:.3em .7em!important;font-family:var(--zw-f-tekst)!important;font-size:.8rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--zw-tekst)!important;background:var(--zw-krem)!important;box-shadow:none!important;margin:0!important}
@media (max-width:960px){body.zw-kat ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px!important}}
@media (max-width:480px){body.zw-kat ul.products li.product{padding-inline:2px!important}body.zw-kat ul.products li.product .woocommerce-loop-product__title{font-size:1.1rem!important}body.zw-kat ul.products li.product .button{padding-inline:.8em!important;letter-spacing:.02em}}
/* pod listą */
.zw-kat-dol{display:grid;gap:40px;margin:10px 0 50px}
.zw-kat-dol .zw-polecam h2{font-size:clamp(1.4rem,2.6vw,1.8rem)}
.zw-zaufanie ul{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.zw-zaufanie ul{grid-template-columns:1fr;row-gap:18px}.zw-zaufanie li::before{display:none}.zw-zaufanie li{justify-content:flex-start}}
body.zw-kat ul.products li.product .star-rating{display:none!important}

/* ===== Poprawki z kontroli spójności (QA 23.10) i od Agenta B ===== */
/* lista oczekujących i formularze: na telefonie nic nie rozpycha siatki (długi adres e-mail w zgodzie ML) */
@media (max-width:860px){.zw-czeka{grid-template-columns:minmax(0,1fr)}}
.zw-czeka>*,.zw-zapis,.zw-zapis>*{min-width:0}
:is(#zw-zapis,#zw-zapis-2) .ml-form-checkboxRow .label-description :is(p,a){overflow-wrap:anywhere}
/* widoczny kwadrat zgody w formularzach ML */
:root:not(#zw-x) :is(#zw-zapis,#zw-zapis-2) .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;outline:1.5px solid var(--zw-szalwia-ciemna)!important;outline-offset:0!important;background:#fff!important}

/* ===== NAGŁÓWEK I STOPKA (24.10) — mu-plugin zz-naglowek-stopka.php, każda strona bloga i sklepu =====
   Markup: <header id="masthead" class="zw-naglowek"> i <footer class="zw-stopka">. id="masthead" zostaje dla wysuwanego koszyka Astry.
   :root:not(#zw-x) + !important przebija motyw potomny (#masthead ciemny z !important), sz-header2/sz-fixes i sz-fonts (krój z !important). */
:root:not(#zw-x) #masthead.zw-naglowek{position:relative!important;z-index:60;display:block!important;margin:0!important;padding:0!important;background:var(--zw-papier-jasny)!important;background-image:none!important;border:0!important;border-bottom:1px solid var(--zw-linia)!important;box-shadow:0 8px 18px -14px rgba(29,34,14,.35)!important;color:var(--zw-grafit);font-family:var(--zw-f-tekst)!important;font-size:1rem;line-height:1.3;text-align:left}
:root:not(#zw-x) .zw-naglowek *,:root:not(#zw-x) .zw-stopka *{box-sizing:border-box}
:root:not(#zw-x) .zw-naglowek :is(p,li,a,span,label,small,button,input,summary,b){font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) .zw-naglowek ul,:root:not(#zw-x) .zw-stopka ul{list-style:none;margin:0;padding:0}
:root:not(#zw-x) .zw-naglowek li,:root:not(#zw-x) .zw-stopka li{margin:0;padding:0;list-style:none}
:root:not(#zw-x) .zw-naglowek summary{list-style:none;cursor:pointer}
:root:not(#zw-x) .zw-naglowek summary::-webkit-details-marker{display:none}
:root:not(#zw-x) .zw-naglowek summary::marker{content:""}
:root:not(#zw-x) .zw-naglowek .zw-pasek{max-width:1320px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px;min-height:76px}
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) :focus-visible{outline:3px solid var(--zw-terakota)!important;outline-offset:2px}
:root:not(#zw-x) .zw-naglowek .zw-ikona{display:block;width:24px;height:24px;color:currentColor;flex:none}

/* marka: logo + „Słowiańska Zielarka” + podpis (napisy w stałych ZW_MARKA_* w mu-pluginie) */
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) .zw-logo{display:flex;align-items:center;gap:14px;min-width:0;flex:none;text-decoration:none!important;color:var(--zw-grafit)!important;background:none!important}
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) .zw-logo img{display:block;width:52px;height:auto;flex:none;margin:0;border-radius:0!important;box-shadow:none!important}
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) .zw-logo-napis{display:block;min-width:0}
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) .zw-logo b{display:block;font-family:var(--zw-f-display)!important;font-weight:600;font-size:1.2rem;line-height:1.05;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--zw-grafit)}
:root:not(#zw-x) :is(.zw-naglowek,.zw-stopka) .zw-logo small{display:block;margin-top:4px;font-family:var(--zw-f-tekst)!important;font-size:.8rem;font-weight:500;line-height:1.25;letter-spacing:.01em;text-transform:none;color:var(--zw-tekst-2)}

/* menu na komputerze: Lora 19 px, grafit, podkreślenie szałwią */
:root:not(#zw-x) .zw-naglowek .zw-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
:root:not(#zw-x) .zw-naglowek .zw-menu{display:flex;align-items:center;gap:4px;white-space:nowrap}
:root:not(#zw-x) .zw-naglowek .zw-menu>li{position:relative}
:root:not(#zw-x) .zw-naglowek :is(.zw-menu>li>a,.zw-pod>summary){display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;font-size:.95rem;font-weight:500;letter-spacing:.01em;line-height:1.2;color:var(--zw-grafit)!important;background:none!important;text-decoration:none!important;text-underline-offset:.4em}
:root:not(#zw-x) .zw-naglowek :is(.zw-menu>li>a:hover,.zw-pod>summary:hover,.zw-menu>li>a[aria-current],.zw-pod>summary.zw-teraz){text-decoration:underline!important;text-decoration-color:var(--zw-szalwia)!important;text-decoration-thickness:2px!important}
:root:not(#zw-x) .zw-naglowek .zw-pod>summary .zw-ikona{width:18px;height:18px;color:var(--zw-szalwia-ciemna);transition:transform .2s}
:root:not(#zw-x) .zw-naglowek .zw-pod[open]>summary .zw-ikona{transform:rotate(180deg)}
:root:not(#zw-x) .zw-naglowek .zw-podmenu{position:absolute;top:100%;left:0;z-index:70;min-width:14rem;padding:8px 0;background:var(--zw-papier-jasny);border:1px solid var(--zw-linia);box-shadow:0 18px 30px -18px rgba(29,34,14,.45);white-space:nowrap}
:root:not(#zw-x) .zw-naglowek .zw-podmenu a{display:block;padding:12px 22px;font-size:.95rem;font-weight:500;line-height:1.3;color:var(--zw-grafit)!important;text-decoration:none!important}
:root:not(#zw-x) .zw-naglowek .zw-podmenu a:hover,:root:not(#zw-x) .zw-naglowek .zw-podmenu a[aria-current]{background:var(--zw-papier)!important;text-decoration:underline!important;text-decoration-color:var(--zw-szalwia)!important;text-decoration-thickness:2px!important;text-underline-offset:.3em}

/* akcje: szukaj, konto, koszyk (24 px, bez ramek), „Moje kursy” z zieloną obwódką */
:root:not(#zw-x) .zw-naglowek .zw-akcje{display:flex;align-items:center;gap:2px;flex:none}
:root:not(#zw-x) .zw-naglowek :is(.zw-ikona-link,.zw-szukaj>summary,.zw-mob>summary){position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;color:var(--zw-grafit)!important;background:none!important;border:0;border-radius:0;text-decoration:none!important}
:root:not(#zw-x) .zw-naglowek :is(.zw-ikona-link,.zw-szukaj>summary):hover{color:var(--zw-terakota)!important}
:root:not(#zw-x) .zw-naglowek .zw-koszyk .zw-koszyk-srodek{display:grid!important;place-items:center;width:100%;height:100%;margin:0!important;padding:0!important;background:none!important;border:0!important;color:inherit!important}
:root:not(#zw-x) .zw-naglowek .zw-koszyk-ile{position:absolute;top:1px;right:-2px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--zw-terakota);color:#FFFDF8;font-size:.8rem;font-weight:700;line-height:22px;text-align:center}
:root:not(#zw-x) .zw-naglowek .zw-koszyk-ile[data-ile="0"]{display:none}
:root:not(#zw-x) .zw-naglowek .zw-kursy{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;padding:.5em 1.05em;font-size:.8rem;font-weight:600;letter-spacing:.02em;line-height:1.2;white-space:nowrap;color:var(--zw-zielen-btn)!important;background:transparent!important;border:1.5px solid var(--zw-zielen-btn);border-radius:0;text-decoration:none!important;transition:background-color .2s}
:root:not(#zw-x) .zw-naglowek .zw-kursy:hover{background:var(--zw-zielen-btn)!important;color:#FFFDF8!important}

/* wyszukiwarka: rozwijane pole pod nagłówkiem, przy prawej krawędzi */
:root:not(#zw-x) .zw-naglowek .zw-szukaj-forma{position:absolute;top:100%;right:16px;z-index:70;width:min(28rem,calc(100% - 32px));display:grid;gap:10px;margin:0;padding:18px;background:var(--zw-papier-jasny);border:1px solid var(--zw-linia);box-shadow:0 18px 30px -18px rgba(29,34,14,.45)}
@media (min-width:700px){:root:not(#zw-x) .zw-naglowek .zw-szukaj-forma{right:max(32px,calc((100% - 1320px) / 2 + 32px))}}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-forma label{display:block;margin:0;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zw-szalwia-ciemna)}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-forma{grid-template-columns:minmax(0,1fr)}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-rzad{display:flex;gap:8px;min-width:0}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-rzad input[type=search]{flex:1 1 0;min-width:0;width:0;min-height:50px;margin:0;padding:.6em .9em!important;font-size:.9rem!important;line-height:1.3;color:var(--zw-tekst)!important;background:#fff!important;border:1.5px solid var(--zw-szalwia)!important;border-radius:0!important;box-shadow:none!important;outline-offset:0}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-rzad input[type=search]::placeholder{color:#6B6A5C;opacity:1}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-rzad button{flex:none;min-height:50px;margin:0;padding:0 1.1em!important;font-size:.8rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:#FFFDF8!important;background:var(--zw-zielen-btn)!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer}
:root:not(#zw-x) .zw-naglowek .zw-szukaj-rzad button:hover{background:var(--zw-zielen-btn-ciemna)!important}

/* menu na telefonie i tablecie (to samo menu z WordPressa) */
:root:not(#zw-x) .zw-naglowek .zw-mob{display:none}
:root:not(#zw-x) .zw-naglowek .zw-mob>summary{border:1px solid var(--zw-linia);margin-left:6px}
:root:not(#zw-x) .zw-naglowek .zw-mob>summary .zw-ikona+.zw-ikona,:root:not(#zw-x) .zw-naglowek .zw-mob[open]>summary .zw-ikona:first-child{display:none}
:root:not(#zw-x) .zw-naglowek .zw-mob[open]>summary .zw-ikona+.zw-ikona{display:block}
:root:not(#zw-x) .zw-naglowek .zw-mob>nav{position:absolute;top:100%;left:0;right:0;z-index:70;max-height:calc(100vh - 90px);overflow:auto;padding:6px 16px 22px;background:var(--zw-papier-jasny);border-bottom:1px solid var(--zw-linia);box-shadow:0 18px 26px -18px rgba(29,34,14,.45)}
:root:not(#zw-x) .zw-naglowek .zw-mob ul{position:static;inset:auto;background:none;border:0;box-shadow:none;padding:0}
:root:not(#zw-x) .zw-naglowek .zw-mob-lista{max-width:46rem;margin-inline:auto}
:root:not(#zw-x) .zw-naglowek .zw-mob-lista a{display:block;padding:13px 4px;font-size:1.05rem;font-weight:500;line-height:1.3;color:var(--zw-grafit)!important;text-decoration:none!important;border-bottom:1px solid var(--zw-linia-cicha)}
:root:not(#zw-x) .zw-naglowek .zw-mob-lista a[aria-current]{text-decoration:underline!important;text-decoration-color:var(--zw-szalwia)!important;text-decoration-thickness:2px!important;text-underline-offset:.3em}
:root:not(#zw-x) .zw-naglowek .zw-mob-etykieta{display:block;padding:18px 4px 4px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--zw-szalwia-ciemna)}
:root:not(#zw-x) .zw-naglowek .zw-mob-grupa ul{padding-left:18px}
:root:not(#zw-x) .zw-naglowek .zw-mob-konto:first-of-type{margin-top:10px}
:root:not(#zw-x) .zw-naglowek .zw-mob-konto a{font-size:.95rem;color:var(--zw-zielen-btn)!important;font-weight:600}

@media (min-width:1400px){
  :root:not(#zw-x) .zw-naglowek .zw-logo b{font-size:1.3rem}
  :root:not(#zw-x) .zw-naglowek :is(.zw-menu>li>a,.zw-pod>summary){padding-inline:12px}
}
@media (max-width:1280px){
  :root:not(#zw-x) .zw-naglowek .zw-nav{display:none}
  :root:not(#zw-x) .zw-naglowek .zw-mob{display:block}
}
@media (max-width:600px){
  :root:not(#zw-x) .zw-naglowek .zw-pasek{min-height:0;padding-block:10px;gap:10px}
  :root:not(#zw-x) .zw-naglowek .zw-kursy{display:none}
  :root:not(#zw-x) .zw-naglowek .zw-logo{gap:10px}
  :root:not(#zw-x) .zw-naglowek .zw-logo img{width:46px}
  :root:not(#zw-x) .zw-naglowek .zw-logo small{display:none}
  :root:not(#zw-x) .zw-naglowek .zw-logo b{font-size:1.1rem}
}
@media (max-width:480px){
  :root:not(#zw-x) .zw-naglowek a.zw-konto-link{display:none}
  :root:not(#zw-x) .zw-naglowek .zw-logo{flex:0 1 auto}
  :root:not(#zw-x) .zw-naglowek .zw-logo b{white-space:normal;font-size:.95rem;letter-spacing:.04em;line-height:1.12}
  :root:not(#zw-x) .zw-naglowek .zw-akcje{gap:0}
}
@media (max-width:400px){
  :root:not(#zw-x) .zw-naglowek .zw-logo{gap:8px}
  :root:not(#zw-x) .zw-naglowek .zw-logo img{width:42px}
  :root:not(#zw-x) .zw-naglowek .zw-logo b{font-size:.9rem;letter-spacing:.03em}
  :root:not(#zw-x) .zw-naglowek .zw-pasek{gap:6px}
}
@media (max-width:370px){
  :root:not(#zw-x) .zw-naglowek .zw-logo img{width:38px}
  :root:not(#zw-x) .zw-naglowek .zw-logo b{font-size:.8rem;letter-spacing:.02em}
  :root:not(#zw-x) .zw-naglowek .zw-mob>summary{margin-left:2px}
}
@media (max-width:340px){
  :root:not(#zw-x) .zw-naglowek .zw-logo{gap:6px}
  :root:not(#zw-x) .zw-naglowek .zw-logo img{width:28px}
  :root:not(#zw-x) .zw-naglowek .zw-pasek{gap:4px}
}

/* stopka: jasna, szałwiowa linia 3 px u góry, ciemny tylko dolny pasek */
:root:not(#zw-x) footer.zw-stopka{display:block;clear:both;margin:0;padding:0;background:var(--zw-papier-jasny)!important;border-top:3px solid var(--zw-szalwia);color:var(--zw-tekst);font-family:var(--zw-f-tekst)!important;font-size:.9rem;line-height:1.5;text-align:left}
:root:not(#zw-x) .zw-stopka :is(p,li,a,span,small,b,h2){font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) .zw-stopka .zw-stopka-siatka{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr)) minmax(0,.95fr);gap:32px;padding-block:52px 44px}
:root:not(#zw-x) .zw-stopka .zw-stopka-siatka>*{min-width:0}
:root:not(#zw-x) .zw-stopka .zw-logo b{white-space:normal;font-family:var(--zw-f-display)!important}
:root:not(#zw-x) .zw-stopka :is(.zw-opis,.zw-stopka-nota){margin:16px 0 0;max-width:22em;font-size:.9rem;font-style:normal;font-weight:400;line-height:1.55;color:var(--zw-tekst-2)}
:root:not(#zw-x) .zw-stopka .zw-stopka-nota{margin-top:10px;color:var(--zw-tekst)}
:root:not(#zw-x) footer.zw-stopka h2.zw-stopka-tytul{font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) .zw-stopka h2.zw-stopka-tytul{margin:4px 0 12px;padding:0;font-size:.8rem!important;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--zw-grafit)!important;border:0;background:none}
:root:not(#zw-x) .zw-stopka .zw-stopka-kol ul{display:grid;gap:2px}
:root:not(#zw-x) .zw-stopka .zw-stopka-kol li a{display:inline-block;padding-block:5px;font-size:.9rem;line-height:1.35;color:var(--zw-tekst-2)!important;text-decoration:none!important;overflow-wrap:anywhere}
:root:not(#zw-x) .zw-stopka .zw-stopka-kol li a:hover{color:var(--zw-terakota)!important;text-decoration:underline!important;text-underline-offset:.2em}
:root:not(#zw-x) .zw-stopka .zw-godziny{display:block;font-size:.8rem;line-height:1.3;color:var(--zw-tekst-2)}
:root:not(#zw-x) .zw-stopka .zw-social{display:flex;flex-wrap:wrap;gap:0;margin-left:-10px}
:root:not(#zw-x) .zw-stopka .zw-social a{display:grid;place-items:center;width:44px;height:44px;color:var(--zw-grafit)!important;text-decoration:none!important}
:root:not(#zw-x) .zw-stopka .zw-social a:hover{color:var(--zw-terakota)!important}
:root:not(#zw-x) .zw-stopka .zw-social svg{display:block;width:26px;height:26px}
:root:not(#zw-x) .zw-stopka .zw-dol{background:var(--zw-grafit);color:#F3EEE3;font-size:.8rem;line-height:1.45}
:root:not(#zw-x) .zw-stopka .zw-dol .zw-wrap{padding-block:16px 18px}
:root:not(#zw-x) .zw-stopka .zw-dol p{margin:0;font-size:.8rem;text-align:center;color:#F3EEE3}
:root:not(#zw-x) .zw-stopka .zw-dol-linki{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 26px}
:root:not(#zw-x) .zw-stopka .zw-dol-linki>span{padding-block:6px}
:root:not(#zw-x) .zw-stopka .zw-dol a{color:#F3EEE3!important;text-decoration:none!important;padding-block:6px}
:root:not(#zw-x) .zw-stopka .zw-dol a:hover{text-decoration:underline!important}
:root:not(#zw-x) .zw-stopka p.zw-dol-dane{margin-top:6px;color:var(--zw-krem)}
@media (max-width:1100px){:root:not(#zw-x) .zw-stopka .zw-stopka-siatka{grid-template-columns:repeat(3,minmax(0,1fr))}:root:not(#zw-x) .zw-stopka .zw-stopka-marka{grid-column:1/-1}}
@media (max-width:760px){
  :root:not(#zw-x) .zw-stopka .zw-stopka-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding-block:40px 32px}
  :root:not(#zw-x) .zw-stopka .zw-stopka-kol li a{padding-block:10px}
}

/* ===== BLOG: listy wpisów (24.10) — /blog/, kategorie, tagi, wyszukiwarka, 404 (body.zw.zw-lista z mu-pluginu zz-naglowek-stopka.php) =====
   Siatka kart jak „Czytaj, zanim zaparzysz” na głównej (.zw-wpisy): zdjęcie 3:2, kategoria, tytuł, zajawka, „Czytaj dalej”. Bez paska bocznego. */
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search,.error404) #primary{margin:0!important;padding:40px 0 64px!important;width:100%;float:none}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 32px;margin:0 0 52px!important;padding:0!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row::before,:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row::after{display:none!important;content:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article{width:auto!important;max-width:none!important;flex:none!important;float:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-article-inner{display:flex!important;flex-direction:column;gap:10px;height:100%;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-article-inner>:is(.ast-blog-featured-section,.post-content){width:100%!important;max-width:100%!important;flex:none;float:none!important;margin:0!important;padding:0!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .post-content{display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .post-content>.entry-header{order:-1;margin:0!important;padding:0!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .post-thumb-img-content{display:block;aspect-ratio:3/2;overflow:hidden;margin:0 0 6px!important;padding:0;background:var(--zw-papier-2);border-radius:0!important;box-shadow:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .post-thumb-img-content a{display:block;height:100%}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .post-thumb-img-content img{display:block;width:100%;height:100%!important;object-fit:cover;border-radius:0!important;box-shadow:none!important;transform:none!important;filter:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-title{margin:0!important;padding:0;font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:1.3rem!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-title a{font-family:var(--zw-f-display)!important;color:var(--zw-grafit)!important;text-decoration:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-title a:hover{color:var(--zw-terakota)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.15em}
/* meta: zostaje kategoria (16 px), znikają „/ Przez Ewa Kozioł” i liczba komentarzy */
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-meta{margin:0!important;padding:0;font-size:0!important;line-height:0;letter-spacing:0!important;text-transform:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-meta :is(.posted-by,.comments-link,.posted-on){display:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-meta .cat-links{display:inline-block;font-size:.8rem!important;line-height:1.4}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-meta .cat-links a{font-family:var(--zw-f-tekst)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:none!important;line-height:1.4;color:var(--zw-szalwia-ciemna)!important;text-decoration:none!important;background:none!important;padding:0!important;border:0!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .entry-meta .cat-links a:hover{text-decoration:underline!important}
/* zajawka: 4 linijki, bez odtwarzaczy i osadzeń */
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-excerpt-container{margin:0!important;padding:0;font-size:.95rem;line-height:1.6;color:var(--zw-tekst-2)}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-excerpt-container p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;font-size:.95rem!important;font-weight:400!important;line-height:1.6;color:var(--zw-tekst-2)}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-excerpt-container :is(.castos-player,.podcast_player,audio,iframe,.ssp-download,figure,img,.wp-block-embed){display:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .read-more{margin:4px 0 0!important;padding:0}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .read-more a{display:inline-block;padding:10px 0 3px!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.02em;text-transform:none!important;color:var(--zw-grafit)!important;background:none!important;border:0!important;border-bottom:2px solid var(--zw-szalwia)!important;border-radius:0!important;text-decoration:none!important;box-shadow:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .read-more a:hover{border-bottom-color:var(--zw-grafit)!important}
/* nagłówek listy: /blog/ (zw-lista-glowka), kategoria, tag, wyszukiwarka (Astra .ast-archive-description) */
:root:not(#zw-x) body.zw.zw-lista .zw-lista-glowka,:root:not(#zw-x) body.zw.zw-lista:is(.archive,.search) .ast-archive-description{display:grid;gap:10px;margin:0 0 40px!important;padding:0 0 28px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--zw-linia-cicha)!important;border-radius:0!important;box-shadow:none!important;text-align:left}
:root:not(#zw-x) body.zw.zw-lista .zw-lista-glowka p{margin:0}
:root:not(#zw-x) body.zw.zw-lista :is(.zw-lista-glowka h1,.ast-archive-description .ast-archive-title,.ast-archive-description h1){margin:0!important;font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:clamp(2.1rem,4.2vw,3rem)!important;line-height:1.08!important;letter-spacing:0!important;text-transform:none!important;color:var(--zw-grafit)!important}
:root:not(#zw-x) body.zw.zw-lista .ast-archive-description :is(p,.taxonomy-description,.ast-archive-description-text){max-width:40em;margin:0!important;font-family:var(--zw-f-tekst)!important;font-size:1rem!important;font-weight:400!important;font-style:normal!important;line-height:1.6;color:var(--zw-tekst-2)!important}
/* paginacja: kwadratowe pola min. 48 px */
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination{margin:0!important;padding:0!important;border:0!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination .page-numbers{display:inline-grid;place-items:center;float:none!important;min-width:48px;min-height:48px;margin:0!important;padding:0 14px!important;font-family:var(--zw-f-tekst)!important;font-size:.9rem!important;font-weight:600;line-height:1;color:var(--zw-grafit)!important;background:var(--zw-papier-jasny)!important;border:1px solid var(--zw-szalwia)!important;border-radius:0!important;text-decoration:none!important;box-shadow:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination .page-numbers.current,
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination a.page-numbers:hover{color:#FFFDF8!important;background:var(--zw-zielen-btn)!important;border-color:var(--zw-zielen-btn)!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination .page-numbers.dots{background:transparent!important;border-color:transparent!important}
:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) .ast-pagination :is(.prev,.next){padding:0 18px!important}
/* wyszukiwarka bez wyników i strona 404 */
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404){max-width:46rem;margin:0 auto!important;padding:8px 0 24px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) :is(h1,.page-title){margin:0 0 14px!important;font-family:var(--zw-f-display)!important;font-weight:600!important;font-size:clamp(2.1rem,4.2vw,3rem)!important;line-height:1.08!important;letter-spacing:0!important;text-transform:none!important;color:var(--zw-grafit)!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) :is(p,.page-sub-title){margin:0 0 20px!important;font-family:var(--zw-f-tekst)!important;font-size:1rem!important;font-weight:400!important;line-height:1.6;color:var(--zw-tekst-2)!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) :is(.widget_search,.ast-404-search){max-width:34rem!important;width:100%!important;margin-inline:auto}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) form.search-form{display:flex!important;gap:8px;width:100%!important;max-width:34rem!important;margin:0 auto!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) form.search-form label{flex:1 1 0;min-width:0;margin:0;position:relative}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) .search-field{width:100%!important;min-height:52px;margin:0;padding:.6em .9em!important;font-family:var(--zw-f-tekst)!important;font-size:.95rem!important;color:var(--zw-tekst)!important;background:#fff!important;border:1.5px solid var(--zw-szalwia)!important;border-radius:0!important;box-shadow:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) form.search-form button.ast-search-submit{display:none!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) form.search-form input.search-submit{display:inline-block!important;position:static!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;clip:auto!important;overflow:visible!important;text-indent:0!important;opacity:1!important}
:root:not(#zw-x) body.zw.zw-lista:is(.search,.error404) :is(.no-results,.error-404) :is(.search-submit,button[type=submit]){flex:none;min-height:52px;margin:0;padding:0 1.2em!important;font-family:var(--zw-f-tekst)!important;font-size:.8rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FFFDF8!important;background:var(--zw-zielen-btn)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* pierwszy wpis na komputerze szeroko (zdjęcie obok tekstu): 10 wpisów na stronie = 1 szeroki + 3 pełne rzędy po 3 */
@media (min-width:961px){
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article:first-child{grid-column:1/-1}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article:first-child .ast-article-inner{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article:first-child .post-thumb-img-content{margin:0!important}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article:first-child .entry-title{font-size:clamp(1.6rem,2.6vw,2.1rem)!important;line-height:1.1!important}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row>article:first-child .ast-excerpt-container p{-webkit-line-clamp:5;font-size:1rem!important}
}
@media (max-width:960px){:root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}}
@media (max-width:640px){
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search,.error404) #content>.ast-container{padding-left:16px!important;padding-right:16px!important}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search,.error404) #primary{padding:28px 0 48px!important}
  :root:not(#zw-x) body.zw.zw-lista:is(.blog,.archive,.search) #primary .ast-row{grid-template-columns:minmax(0,1fr);gap:44px}
}

/* ===== Telefon: węższe marginesy treści (24.10, prośba po przeniesieniu stron bloga) =====
   Astra dawała grupie .zw-strona 30 px z każdej strony + .zw-wrap 16 px = ok. 46 px; zostawało ~300 px na tekst.
   Teraz do 600 px: 20 px zwykły tekst, 28 px na kartkach papieru (brzeg kartki). */
@media (max-width:600px){
  :root:not(#zw-x) .entry-content>.wp-block-group.zw-strona,:root:not(#zw-x) .wp-block-group.alignfull.zw-strona{padding-left:0!important;padding-right:0!important}
  :root:not(#zw-x) .zw-strona .zw-wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  :root:not(#zw-x) .zw-strona .zw-kartka>.zw-wrap{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
}

/* ===== Strony bloga przeniesione 24.10 (agent „strony bloga”, propozycje-css-strony-2026-10-24.css) =====
   Te same reguły siedzą jeszcze w <style id="zw-x-24-10"> w treści 13 stron; po ich usunięciu działają stąd.
   BEZ reguły chowającej nagłówek i stopkę (dotyczyła tylko erraty 57894 — tam ukrywa je teraz meta Astry strony). */
.zw-strona .zw-x-kolumna{max-width:40em;margin-inline:auto;display:grid;gap:18px;min-width:0}
.zw-strona .zw-x-kolumna>h2{margin-top:20px}
.zw-strona .zw-x-kolumna>h3{margin-top:6px}
.zw-strona .zw-x-kolumna :is(ul,ol){margin:0;padding-left:1.3em;display:grid;gap:10px}
.zw-strona .zw-x-kolumna a{overflow-wrap:anywhere}
.zw-strona .zw-x-szer{max-width:44em}
.zw-strona .zw-x-ramka{padding:20px 24px;background:var(--zw-papier-jasny);border:1px solid var(--zw-linia-cicha);border-left:3px solid var(--zw-szalwia)}
.zw-strona .zw-x-ramka p{margin:0}
/* odstęp pod starym nagłówkiem Astry (położonym absolutnie, ok. 146 px) */
.zw-strona .zw-x-pierwsza{padding-top:110px}
.zw-strona .zw-x-nad{height:86px}
@media (max-width:900px){.zw-strona .zw-x-pierwsza{padding-top:48px}.zw-strona .zw-x-nad{height:0}}
/* nowy nagłówek (body.zw-nowy-naglowek) nie leży na treści, więc tej kompensaty nie trzeba; przebija też <style> w treści stron */
:root:not(#zw-x) body.zw-nowy-naglowek .zw-strona .zw-x-pierwsza{padding-top:48px}
:root:not(#zw-x) body.zw-nowy-naglowek .zw-strona .zw-x-nad{height:0}
.zw-strona .zw-x-poczty{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 12px}
.zw-strona .zw-x-poczty a{display:inline-flex;align-items:center;min-height:44px;padding:.3em 1em;border:1.5px solid var(--zw-szalwia);background:var(--zw-papier-jasny);font-weight:600;text-decoration:none}
.zw-strona .zw-x-poczty a:hover{border-color:var(--zw-zielen-btn)}
/* mniejszy odstęp sekcji tylko na stronach tekstowych (te, które używają klas zw-x-), nie na głównych */
.zw-strona:has(:is(.zw-x-kolumna,.zw-x-opinie,.zw-x-herb,.zw-x-media,.zw-x-poczty,.zw-x-ramka,.zw-x-pierwsza,.zw-x-nad)) .zw-sekcja{padding-block:48px}
.zw-strona .zw-x-media img{margin-inline:auto}
.zw-strona .zw-x-media .aligncenter{display:block}
.zw-strona .zw-x-opinie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.zw-strona .zw-x-op{display:grid;gap:12px;align-content:start;min-width:0;padding:26px 28px;background:var(--zw-papier-jasny);border:1px solid var(--zw-linia-cicha)}
.zw-strona .zw-x-op blockquote.zw-cytat{margin:0;padding:18px 20px}
.zw-strona .zw-x-op h3{margin-top:8px}
.zw-strona .zw-x-kto{font-size:.9rem;color:var(--zw-tekst-2)}
.zw-strona .zw-x-reakcje,.zw-strona .zw-x-tagi{font-size:.85rem;color:var(--zw-tekst-2)}
.zw-strona .zw-x-tagi{font-style:italic}
@media (max-width:860px){.zw-strona .zw-x-opinie{grid-template-columns:minmax(0,1fr)}.zw-strona .zw-x-op{padding:22px 18px}}
.zw-strona .zz-downloads{margin:6px 0 14px}
.zw-strona a.zz-download{display:grid;gap:6px;justify-items:start;text-align:left;text-transform:none;letter-spacing:0;padding:1.1em 1.4em}
.zw-strona a.zz-download strong{font-size:1.05rem;font-weight:700}
.zw-strona a.zz-download span{font-size:.85rem;font-weight:500}
.zw-strona .zz-steps li{padding-left:.3em}
.zw-strona .zw-x-herb-foto img{max-width:100%;height:auto}
.zw-strona .zw-x-nota-hero{font-size:.85rem;color:var(--zw-tekst-2)}
.zw-strona .zw-x-puste{display:none}
.zw-strona .zw-x-apt img{width:190px;max-width:100%;height:auto}
.zw-strona .zw-x-herb .zw-ksiazka .zw-btn--maly{white-space:normal;text-align:left}
@media (max-width:560px){.zw-strona .zw-x-herb .zw-polka{grid-template-columns:minmax(0,1fr)}}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__panel{background:#1D220E;border:1px solid #C9B897;border-radius:0}
:root:not(#zw-x) #zzha-countdown,:root:not(#zw-x) #zzha-countdown .zzha-countdown__title,:root:not(#zw-x) #zzha-countdown .zzha-countdown__value{font-family:var(--zw-f-tekst)!important}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__title strong{font-family:var(--zw-f-display)!important;color:#C9B897}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__unit{border-radius:0}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__title{font-size:16px}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__title strong{font-size:20px}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__value{font-size:22px}
:root:not(#zw-x) #zzha-countdown .zzha-countdown__label{font-size:16px}

/* ===== Wpisy bloga: napisy min. 16 px także na telefonie (QA usterka 11) =====
   zz-wpis.css liczy etykiety w em od 19 px (telefon) = 15,2 px; komentarze Astry 15,3 px; stare boksy w treści z inline 13 px. */
:root:not(#zw-x) body.zw-wpis :is(.zw-tldr-etykieta,.zw-autorka-tekst .zw-etykieta,.zw-autorka-tekst .zw-link,.zw-powiazany-kat,.comment-reply-login,.comment-reply-link,.ast-reply-link a,.logged-in-as,.comment-notes){font-size:max(16px,.8em)!important}
:root:not(#zw-x) body.zw-wpis .entry-content :is([style*="font-size:10px"],[style*="font-size: 10px"],[style*="font-size:11px"],[style*="font-size: 11px"],[style*="font-size:12px"],[style*="font-size: 12px"],[style*="font-size:13px"],[style*="font-size: 13px"],[style*="font-size:14px"],[style*="font-size: 14px"],[style*="font-size:15px"],[style*="font-size: 15px"]){font-size:16px!important}

/* ===== Drobne z QA (usterka 15), 24.10 ===== */
/* link ze strzałką: cel dotyku min. 44 px */
:root:not(#zw-x) .zw-link{min-height:44px;padding-block:.65em}
/* 12 miesięcy kalendarza na telefonie: „PAŹDZIERNIK” wersalikami nie mieścił się w kolumnie (121 px w 107 px) */
@media (max-width:430px){:root:not(#zw-x) .zw-miesiace b{text-transform:none;letter-spacing:.01em}}

/* Kategoria sklepu (30.10): niepełny ostatni rząd na środku, nie przy lewej krawędzi.
   Flex zamiast grid — produkty ukryte filtrem (display:none) wypadają z rzędu, więc środek liczy się sam. */
body.zw-kat ul.products{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
body.zw-kat ul.products li.product{flex:0 0 calc((100% - 56px) / 3);max-width:calc((100% - 56px) / 3)}
@media (max-width:960px){body.zw-kat ul.products li.product{flex-basis:calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2)}}