/*! 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}