/* =========================================================================
   Endocare — USG specjalistyczne
   Paleta i typografia zgodne z globalnym kitem Elementora strony.
   Wszystko z prefiksem .eu-, żeby nie kolidowało z motywem.
   Zasada porządkowa: każda siatka ma grid-auto-rows:1fr, a kafel jest
   kolumną flex — wysokości w rzędzie są zawsze identyczne.
   ========================================================================= */

.eu{
  --at:#330944;      /* atrament */
  --fi:#40005C;      /* fiolet */
  --la:#F2EFFE;      /* lawenda */
  --zl:#F0D06C;      /* złoto */
  --bi:#FFFFFF;
  --mg:#E4DAF3;
  --dym:rgba(51,9,68,.64);
  --kr:rgba(51,9,68,.11);
  --krj:rgba(255,255,255,.16);
  --maks:1180px;
  --rytm:clamp(68px,8vw,120px);
  --rd:26px;
  --rs:16px;
  --cien:0 30px 64px -34px rgba(51,9,68,.45);

  color:var(--at);
  font-family:"Parkinsans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.65;font-weight:400;
  overflow-x:clip;
}

.eu *,.eu *::before,.eu *::after{box-sizing:border-box}
/* Reset domyślnych stylów przeglądarki. Opakowany w :where(), żeby miał zerową
   wagę własną — inaczej selektory typu „.eu p” biją klasy komponentów i po cichu
   kasują ich marginesy. To ma być punkt wyjścia, nadpisywalny zwykłą klasą. */
.eu :where(img){max-width:100%;height:auto;display:block}
.eu :where(p){margin:0 0 1.05em}
.eu :where(p:last-child){margin-bottom:0}
.eu :where(ul,ol){margin:0;padding:0;list-style:none}
.eu svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.eu-wrap{width:min(100% - 44px,var(--maks));margin-inline:auto}

/* ---------- typografia ---------------------------------------------------- */
.eu-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--fi);margin:0 0 16px
}
.eu-eyebrow--jasny{color:var(--zl)}
.eu-h2{font-size:clamp(29px,3.3vw,43px);font-weight:600;line-height:1.13;letter-spacing:-.016em;margin:0 0 20px}
.eu-h2--jasny{color:var(--bi)}
.eu-lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.55;color:var(--dym);max-width:52ch}
.eu em{
  font-style:normal;text-decoration:underline;text-decoration-color:var(--zl);
  text-decoration-thickness:.075em;text-underline-offset:.19em;text-decoration-skip-ink:none
}

.eu-gora{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(30px,3.6vw,48px)}
.eu-gora__lid{font-size:16.5px;color:var(--dym)}
.eu-gora__lid--jasny{color:rgba(255,255,255,.72)}
@media (max-width:1000px){.eu-gora{grid-template-columns:1fr;align-items:start;gap:18px}}

/* ---------- przyciski ----------------------------------------------------- */
.eu-btn{
  --bg:transparent;--fg:var(--at);--bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 28px;border-radius:999px;border:1.5px solid var(--bd);
  background:var(--bg);color:var(--fg);min-height:50px;
  font:600 15px/1 "Parkinsans",system-ui,sans-serif;text-decoration:none;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease
}
.eu-btn:hover{transform:translateY(-2px)}
.eu-btn--zloto{--bg:var(--zl);box-shadow:0 10px 26px rgba(240,208,108,.44)}
.eu-btn--przezr{--bd:var(--krj);--fg:#fff}
.eu-btn--przezr:hover{background:rgba(255,255,255,.08)}
.eu-btn--linia{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 4px;border:0;min-height:0}
.eu-btn--linia:hover{transform:none}
.eu-btn__label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--dym)}
.eu-btn__tel{font-size:20px;font-weight:600;letter-spacing:-.01em}

/* ======================== 1. HERO ======================== */
.eu-hero{padding:clamp(24px,3vw,42px) 0 0}
.eu-hero__panel{
  position:relative;overflow:hidden;border-radius:var(--rd);
  background:linear-gradient(118deg,var(--at) 0%,var(--fi) 62%,#4d0a6e 100%);
  color:#fff;display:grid;grid-template-columns:1.2fr .8fr;
  gap:clamp(20px,3vw,40px);align-items:end;
  padding:clamp(36px,4.4vw,64px) 0 0 clamp(30px,4vw,60px);
  box-shadow:var(--cien)
}
/* delikatna siatka „ultrasonograficzna” w tle panelu */
.eu-hero__panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 90% at 76% 108%, rgba(240,208,108,.20), transparent 58%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, transparent 1px 46px)
}
.eu-hero__tresc{position:relative;z-index:2;padding-bottom:clamp(38px,4.4vw,62px);max-width:620px}
.eu-hero__h1{font-size:clamp(33px,4vw,53px);font-weight:600;line-height:1.06;letter-spacing:-.026em;margin:0 0 20px;color:#fff}
.eu-hero__h1 span,.eu-hero__h1 em{display:block;text-wrap:balance}
.eu-hero__lead{font-size:clamp(16.5px,1.45vw,18.5px);line-height:1.55;color:rgba(255,255,255,.8);max-width:46ch;margin:0}
.eu-hero__akcje{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.eu-hero__prowadzi{margin:28px 0 0;font-size:14px;color:rgba(255,255,255,.66)}
.eu-hero__prowadzi strong{color:#fff;font-weight:600}
.eu-sep{margin:0 8px;opacity:.5}

/* sonda — plik bez tła, dlatego sam cień robi głębię */
.eu-hero__sonda{position:relative;z-index:2;margin:0;align-self:end}
.eu-hero__sonda img{
  width:100%;max-width:230px;margin:0 auto -2px;display:block;
  /* Przechył w lewo o 45°. Obrys obróconego obrazu rośnie do ~2,1 szerokości,
     dlatego cofamy go procentowo — panel przycina zawartość. */
  transform:translate(-26%,-7%) rotate(-45deg);transform-origin:center;
  filter:drop-shadow(0 34px 44px rgba(12,2,18,.55))
}

/* odczyty jak z ekranu aparatu */
.eu-hud{
  position:absolute;inset:auto auto 0 0;z-index:1;pointer-events:none;
  width:100%;height:100%;
  font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.34)
}
.eu-hud__linia{position:absolute;right:clamp(18px,2.4vw,30px);top:clamp(18px,2.4vw,28px)}
.eu-hud__linia + .eu-hud__linia{top:calc(clamp(18px,2.4vw,28px) + 17px)}
.eu-hud__linia--dol{top:auto;bottom:clamp(18px,2.4vw,28px)}
.eu-hud__skala{
  position:absolute;right:clamp(18px,2.4vw,30px);top:50%;transform:translateY(-50%);
  display:grid;gap:26px;text-align:right
}
.eu-hud__skala li{position:relative;padding-right:16px}
.eu-hud__skala li::after{
  content:"";position:absolute;right:0;top:50%;width:9px;height:1px;
  background:rgba(255,255,255,.28)
}
@media (max-width:940px){.eu-hud{display:none}}

/* pasek faktów */
.eu-fakty{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;
  margin-top:clamp(34px,4vw,54px);
  border-top:1px solid var(--kr);border-bottom:1px solid var(--kr)
}
.eu-fakty li{
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  padding:22px 24px;border-left:1px solid var(--kr)
}
.eu-fakty li:first-child{border-left:0;padding-left:0}
.eu-fakty strong{font-size:15px;font-weight:600;line-height:1.3}
.eu-fakty span{font-size:13px;color:var(--dym);line-height:1.4}

@media (max-width:940px){
  .eu-hero__panel{grid-template-columns:1fr;padding:clamp(30px,5vw,44px) clamp(24px,5vw,40px) 0;gap:0}
  .eu-hero__tresc{padding-bottom:26px;max-width:none}
  /* Jedna kolumna: sonda jest wyśrodkowana, więc bez przesunięcia w bok.
     Obrys po obrocie musi zmieścić się w szerokości panelu. */
  .eu-hero__sonda img{max-width:150px;transform:translate(0,-4%) rotate(-45deg)}
  .eu-fakty{grid-template-columns:repeat(2,1fr)}
  .eu-fakty li{border-left:0;padding:18px 0}
  .eu-fakty li:nth-child(even){padding-left:22px;border-left:1px solid var(--kr)}
}
@media (max-width:520px){
  .eu-fakty{grid-template-columns:1fr}
  .eu-fakty li:nth-child(even){padding-left:0;border-left:0}
  .eu-fakty li + li{border-top:1px solid var(--kr)}
}

/* ======================== 2. FILARY ======================== */
.eu-filary{padding:var(--rytm) 0}
.eu-filary__siatka{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}
.eu-filar{
  display:flex;flex-direction:column;gap:12px;
  background:var(--la);border-radius:var(--rd);
  padding:clamp(24px,2.4vw,32px);
  border-top:3px solid var(--zl);
  transition:transform .2s ease,box-shadow .2s ease
}
.eu-filar:hover{transform:translateY(-3px);box-shadow:var(--cien)}
.eu-filar__ikona{
  display:grid;place-items:center;flex:none;width:46px;height:46px;
  border-radius:14px;background:var(--bi);color:var(--fi);
  box-shadow:0 8px 20px -14px rgba(51,9,68,.55)
}
.eu-filar__ikona svg{width:23px;height:23px}
.eu-filar h3{margin:4px 0 0;font-size:17px;font-weight:600;line-height:1.3}
.eu-filar p{margin:0;font-size:14.5px;color:var(--dym);line-height:1.5}
@media (max-width:1000px){.eu-filary__siatka{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.eu-filary__siatka{grid-template-columns:1fr}}

/* ============ 3. EKSPLORATOR ZAKRESU ============ */
.eu-zakres{background:var(--at);color:#fff;padding:var(--rytm) 0}
.eu-zakres__gora{max-width:720px;margin-bottom:clamp(34px,4vw,52px)}
.eu-zakres__lid{font-size:16.5px;color:rgba(255,255,255,.72);margin:0}

.eu-eksplorator{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(18px,2.4vw,34px);align-items:start}

.eu-eksplorator__lista{display:grid;gap:8px}
.eu-obszar{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;
  width:100%;text-align:left;cursor:pointer;
  padding:17px 20px;border-radius:var(--rs);
  border:1px solid var(--krj);background:rgba(255,255,255,.04);color:rgba(255,255,255,.74);
  font:600 15px/1.3 "Parkinsans",system-ui,sans-serif;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease
}
.eu-obszar:hover{background:rgba(255,255,255,.09);color:#fff}
.eu-obszar__nr{font-size:11px;letter-spacing:.1em;color:var(--zl);opacity:.75}
.eu-obszar.is-akt{background:var(--zl);border-color:var(--zl);color:var(--at)}
.eu-obszar.is-akt .eu-obszar__nr{color:var(--at);opacity:.6}

.eu-eksplorator__panele{
  background:rgba(255,255,255,.05);border:1px solid var(--krj);
  border-radius:var(--rd);padding:clamp(26px,3vw,40px);min-height:100%
}
.eu-panel[hidden]{display:none}
.eu-panel h3{margin:0 0 8px;font-size:21px;font-weight:600;line-height:1.25;color:#fff}
.eu-panel__lid{margin:0 0 22px;font-size:15px;color:rgba(255,255,255,.66);line-height:1.55}
.eu-panel__lista{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.eu-panel__lista li{
  position:relative;padding-left:24px;
  font-size:15px;color:rgba(255,255,255,.86);line-height:1.45
}
.eu-panel__lista li::before{
  content:"";position:absolute;left:0;top:8px;
  width:8px;height:8px;border-radius:50%;background:var(--zl)
}
.eu-panel.is-akt{animation:eu-wejscie .3s ease}
@keyframes eu-wejscie{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.eu-zakres__nota{
  display:flex;align-items:center;gap:14px;
  margin:clamp(26px,3vw,38px) 0 0;
  font-size:14.5px;color:rgba(255,255,255,.62);line-height:1.55
}
.eu-zakres__sygnet{
  display:grid;place-items:center;flex:none;width:36px;height:36px;
  border-radius:50%;background:rgba(240,208,108,.14);color:var(--zl)
}
.eu-zakres__sygnet svg{width:18px;height:18px}

@media (max-width:960px){
  .eu-eksplorator{grid-template-columns:1fr}
  .eu-eksplorator__lista{grid-template-columns:repeat(2,1fr);display:grid}
  .eu-panel__lista{grid-template-columns:1fr}
}
@media (max-width:560px){.eu-eksplorator__lista{grid-template-columns:1fr}}

/* ======================== 4. PRZEBIEG WIZYTY ======================== */
.eu-przebieg{padding:var(--rytm) 0}
.eu-przebieg__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,4.6vw,72px);align-items:start}
.eu-przebieg__foto{margin:30px 0 0}
.eu-przebieg__foto img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--rd);box-shadow:var(--cien)}

.eu-kroki{counter-reset:krok;display:grid;gap:14px}
.eu-krok{
  display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
  background:var(--la);border-radius:var(--rd);padding:clamp(22px,2.2vw,28px)
}
.eu-krok__nr{
  display:grid;place-items:center;flex:none;width:38px;height:38px;
  border-radius:50%;background:var(--zl);color:var(--at);
  font-size:15px;font-weight:600
}
.eu-krok h3{margin:6px 0 6px;font-size:17px;font-weight:600;line-height:1.3}
.eu-krok p{margin:0;font-size:14.5px;color:var(--dym);line-height:1.55}
@media (max-width:960px){.eu-przebieg__grid{grid-template-columns:1fr;gap:30px}}

/* ======================== 5. PRZYGOTOWANIE ======================== */
.eu-przyg{background:var(--fi);color:#fff;padding:var(--rytm) 0}
.eu-przyg__uklad{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(18px,2.6vw,34px);align-items:start}
.eu-przyg__siatka{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:16px}
.eu-przyg__siatka li{
  display:flex;flex-direction:column;gap:8px;
  padding:clamp(22px,2.4vw,30px);border-radius:var(--rd);
  background:rgba(255,255,255,.06);border:1px solid var(--krj)
}
.eu-przyg__siatka h3{margin:0;font-size:16.5px;font-weight:600;line-height:1.3;color:#fff}
.eu-przyg__siatka p{margin:0;font-size:14.5px;color:rgba(255,255,255,.74);line-height:1.55}

.eu-zabierz{
  background:var(--zl);color:var(--at);border-radius:var(--rd);
  padding:clamp(24px,2.6vw,32px);height:100%
}
.eu-zabierz__et{
  margin:0 0 16px;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;opacity:.7
}
.eu-zabierz ul{display:grid;gap:12px}
.eu-zabierz li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.5;font-weight:500}
.eu-zabierz li::before{
  content:"";position:absolute;left:0;top:7px;width:9px;height:9px;
  border-radius:50%;border:2px solid var(--at)
}
@media (max-width:1000px){.eu-przyg__uklad{grid-template-columns:1fr}}
@media (max-width:600px){.eu-przyg__siatka{grid-template-columns:1fr}}

/* ======================== 6. WSKAZANIA ======================== */
.eu-decyzja{padding:var(--rytm) 0}
.eu-kolumny{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:18px}
.eu-kolumna{
  display:flex;flex-direction:column;
  background:var(--la);border-radius:var(--rd);padding:clamp(26px,3vw,38px)
}
.eu-kolumna--akcent{background:var(--at);color:#fff}
.eu-kolumna__et{
  margin:0 0 18px;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fi)
}
.eu-kolumna--akcent .eu-kolumna__et{color:var(--zl)}
.eu-ptaszki{display:grid;gap:13px}
.eu-ptaszki li{position:relative;padding-left:34px;font-size:15.5px;line-height:1.5;color:var(--dym)}
.eu-kolumna--akcent .eu-ptaszki li{color:rgba(255,255,255,.82)}
.eu-ptaszki li::before{
  content:"";position:absolute;left:0;top:2px;width:21px;height:21px;border-radius:50%;
  background:var(--zl)
}
.eu-ptaszki li::after{
  content:"";position:absolute;left:6.5px;top:8.5px;width:8px;height:4.5px;
  border-left:2px solid var(--at);border-bottom:2px solid var(--at);
  transform:rotate(-45deg)
}
.eu-ptaszki--zwarte li{font-size:15px}

@media (max-width:860px){
  .eu-kolumny{grid-template-columns:1fr}
}

/* ======================== 7. MIEDNICA ======================== */
.eu-miednica{background:var(--la);padding:var(--rytm) 0}
.eu-miednica__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,4.6vw,72px);align-items:center}
.eu-miednica__foto{margin:0}
.eu-miednica__foto img{width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:var(--rd);box-shadow:var(--cien)}
.eu-miednica__nota{
  margin-top:24px;padding:18px 22px;border-radius:var(--rs);
  background:var(--bi);font-size:14.5px;color:var(--dym);line-height:1.55
}
@media (max-width:960px){.eu-miednica__grid{grid-template-columns:1fr;gap:30px}}

/* ======================== 8. PYTANIA ======================== */
.eu-faq{padding:var(--rytm) 0}
.eu-faq__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,4.4vw,70px);align-items:start}
.eu-faq__slowo{position:sticky;top:100px}
.eu-faq__kontakt{margin:24px 0 0;font-size:15px;color:var(--dym);line-height:1.6}
.eu-faq__kontakt a{color:var(--fi);font-weight:600;font-size:19px;text-underline-offset:4px}

.eu-faq__lista{display:grid;gap:10px}
.eu-pyt{border:1px solid var(--kr);border-radius:var(--rs);background:var(--bi);overflow:hidden}
.eu-pyt[open]{border-color:transparent;background:var(--la)}
.eu-pyt summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 24px;cursor:pointer;list-style:none;
  font-size:16.5px;font-weight:600;line-height:1.4;min-height:64px
}
.eu-pyt summary::-webkit-details-marker{display:none}
.eu-pyt__znak{
  position:relative;flex:none;width:22px;height:22px;border-radius:50%;
  background:var(--la);transition:background-color .18s ease
}
.eu-pyt[open] .eu-pyt__znak{background:var(--zl)}
.eu-pyt__znak::before,.eu-pyt__znak::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--fi);
  transform:translate(-50%,-50%);transition:opacity .18s ease
}
.eu-pyt__znak::before{width:10px;height:2px;border-radius:2px}
.eu-pyt__znak::after{width:2px;height:10px;border-radius:2px}
.eu-pyt[open] .eu-pyt__znak::after{opacity:0}
.eu-pyt__odp{padding:0 24px 22px}
.eu-pyt__odp p{margin:0;font-size:15.5px;color:var(--dym);line-height:1.65;max-width:70ch}
@media (max-width:900px){
  .eu-faq__grid{grid-template-columns:1fr;gap:24px}
  .eu-faq__slowo{position:static}
}

/* ======================== 9. LEKARZ ======================== */
.eu-lekarz{padding:var(--rytm) 0}
.eu-lekarz__karta{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,4vw,58px);align-items:center;
  background:var(--la);border-radius:var(--rd);padding:clamp(24px,3vw,40px)
}
.eu-lekarz__foto{margin:0}
.eu-lekarz__foto img{width:100%;border-radius:var(--rs);background:var(--bi)}
.eu-lekarz__nazwisko{margin-bottom:16px}
.eu-kwalifikacje{display:grid;gap:11px;margin:26px 0 30px}
.eu-kwalifikacje li{position:relative;padding-left:24px;font-size:15.5px;color:var(--dym);line-height:1.5}
.eu-kwalifikacje li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:2px;border-radius:2px;background:var(--zl)}
.eu-lekarz__akcje{display:flex;align-items:center;gap:clamp(16px,3vw,34px);flex-wrap:wrap}
.eu-lekarz__wiecej{margin:22px 0 0;font-size:14px}
.eu-lekarz__wiecej a{color:var(--fi);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}

.eu-praktyczne{
  display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;
  gap:clamp(18px,3vw,34px);margin-top:clamp(30px,4vw,46px)
}
.eu-praktyczne li{display:flex;flex-direction:column}
.eu-praktyczne p{font-size:15.5px;color:var(--dym);line-height:1.55;margin:0}
.eu-praktyczne .eu-eyebrow{display:block;margin-bottom:9px}

@media (max-width:960px){
  .eu-lekarz__karta{grid-template-columns:1fr}
  .eu-lekarz__foto img{max-width:320px;margin-inline:auto}
  .eu-praktyczne{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){.eu-praktyczne{grid-template-columns:1fr;gap:20px}}

/* =========================================================================
   Zabezpieczenie przed stylami motywu
   Motyw i kit Elementora nadają nagłówkom własne rozmiary, a listom zerują
   marginesy. Poniżej powtarzamy docelowe wartości z prefiksem body.
   ========================================================================= */

body.endo-usg .page-header,
body.endo-usg .vamtam-page-header,
body.endo-usg .meta-header{display:none !important}

body.endo-usg .eu-hero__h1{
  font-size:clamp(33px,4vw,53px) !important;
  line-height:1.06 !important;color:#fff !important
}
body.endo-usg .eu-h2{
  font-size:clamp(29px,3.3vw,43px) !important;
  font-weight:600 !important;line-height:1.13 !important
}
body.endo-usg .eu-h2--jasny,
body.endo-usg .eu-przyg .eu-h2,
body.endo-usg .eu-zakres .eu-h2{color:#fff !important}

body.endo-usg .eu-filar h3,
body.endo-usg .eu-krok h3,
body.endo-usg .eu-przyg__siatka h3{
  font-size:17px !important;font-weight:600 !important;line-height:1.3 !important
}
body.endo-usg .eu-przyg__siatka h3{color:#fff !important}
body.endo-usg .eu-panel h3{
  font-size:21px !important;font-weight:600 !important;line-height:1.25 !important;color:#fff !important
}

/* Motyw daje listom padding 1.7em selektorem elementowym — bazowy reset wyżej
   ma wyższą wagę i sam to zbija. Nie powtarzamy tu margin:0, bo z !important
   kasowałoby odstępy komponentów (pasek faktów, kwalifikacje, informacje). */
body.endo-usg .eu-kwalifikacje,
body.endo-usg .eu-ptaszki,
body.endo-usg .eu-zabierz ul,
body.endo-usg .eu-kroki,
body.endo-usg .eu-faq__lista{display:grid}
body.endo-usg .eu li{margin:0 !important}
body.endo-usg .eu-btn{border-radius:999px !important}

/* ---------- wejścia sekcji ------------------------------------------------ */
/* klasy nadaje JS, więc bez skryptu treść jest widoczna od razu */
.eu-reveal{opacity:0;transform:translateY(18px)}
.eu-reveal.is-in{
  opacity:1;transform:none;
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.68,.35,1)
}
@media (prefers-reduced-motion:reduce){
  .eu-reveal,.eu-reveal.is-in{opacity:1;transform:none;transition:none}
}