/* ===========================================================================
   /szkolenia — tylko elementy właściwe tej stronie.
   Wspólne komponenty: wspolne.css
   =========================================================================== */

/* ── Hero ───────────────────────────────────────────────────────────────── */
.hero{display:flex;flex-direction:column}
.hero__foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%}
.hero__tekst{padding:var(--s-5) var(--margines) var(--s-6)}
.hero__h1{font-size:var(--ts-display);line-height:var(--lh-display);margin-bottom:var(--s-4)}
.hero__lead{color:var(--stone);margin-bottom:var(--s-5)}
.hero__akcje{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-6)}
.hero__akcje .akcja,.hero__akcje .akcja-poboczna{flex:1 1 auto;min-width:180px}

.fakty{display:grid;gap:var(--s-3);border-top:1px solid var(--line);padding-top:var(--s-4)}
.fakty li{display:flex;flex-direction:column;gap:2px}
.fakty b{font-weight:var(--waga-mocna);font-size:1.125rem}
.fakty span{font-size:var(--ts-small);color:var(--stone)}

/* ── Obietnica — jedyne miejsce, gdzie kolor wchodzi w prozę ────────────── */
.obietnica{
  font-family:var(--font-display);font-size:var(--ts-h3);
  font-weight:var(--waga-display);line-height:1.35;
  color:var(--red);margin-top:var(--s-4);
}

/* ── Programy ───────────────────────────────────────────────────────────── */
.programy{display:grid;gap:0;margin-top:var(--s-5)}
.program{
  display:grid;gap:var(--s-4);padding-block:var(--s-6);
  border-top:1px solid var(--line);
  scroll-margin-top:calc(var(--wys-naglowka) + var(--s-3));
}
.program:first-child{border-top:0;padding-top:0}
.program__foto img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.program__glowa{margin-bottom:var(--s-3)}
.program__nazwa{font-size:var(--ts-h2)}
.program__meta{font-size:var(--ts-small);color:var(--stone);margin-top:var(--s-1)}
.program__tresc > .proza{margin-bottom:var(--s-4)}

/* Podział Teoria/Praktyka albo Dzień 1/Dzień 2 — odwzorowuje
   realną strukturę szkolenia, nie jest ozdobą. */
.plan{display:grid;gap:var(--s-4);margin-bottom:var(--s-4)}
.plan__blok h4{
  font-size:var(--ts-small);font-weight:var(--waga-mocna);letter-spacing:0;
  margin-bottom:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--line);
}
.plan__blok ul{display:grid;gap:var(--s-2)}
.plan__blok li{font-size:var(--ts-small);color:var(--stone);line-height:1.45;
  padding-left:var(--s-3);position:relative}
.plan__blok li::before{content:'';position:absolute;left:0;top:.6em;
  width:5px;height:1px;background:var(--line)}

.ceny{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-4);
  border-top:1px solid var(--line);padding-top:var(--s-4)}
.ceny p{display:flex;flex-direction:column;gap:2px}
.ceny span{font-size:var(--ts-small);color:var(--stone)}
.ceny b{font-size:var(--ts-h3);font-weight:var(--waga-mocna);color:var(--red)}
.ceny b i{font-style:normal;font-size:var(--ts-small);font-weight:var(--waga-ui)}
.ceny .niedostepne{color:var(--stone)}
.ceny .akcja{margin-left:auto}

/* ── Opinie ─────────────────────────────────────────────────────────────── */
.opinie{display:grid;gap:var(--s-4);margin-top:var(--s-5)}
.opinia{border-top:1px solid color-mix(in srgb, var(--paper) 25%, transparent);
  padding-top:var(--s-3)}
.opinia blockquote p{font-family:var(--font-proza);font-size:var(--ts-proza);
  line-height:var(--lh-proza)}
.opinia__autor{font-size:var(--ts-small);margin-top:var(--s-2);
  color:color-mix(in srgb, var(--paper) 65%, var(--ink))}

/* ═══ TABLET ════════════════════════════════════════════════════════════ */
@media (min-width:48rem){
  .hero{
    display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-5);
    padding-inline:var(--margines);max-width:var(--kontener);margin-inline:auto;
    min-height:calc(100svh - var(--wys-naglowka));
  }
  .hero__tekst{padding:var(--s-6) 0}
  .hero__foto img{aspect-ratio:3/4}
  .fakty{grid-template-columns:repeat(3,1fr);gap:var(--s-4)}

  .program{grid-template-columns:4fr 8fr;gap:var(--s-5);align-items:start}
  .program__foto img{aspect-ratio:3/4}
  .plan{grid-template-columns:1fr 1fr;gap:var(--s-5)}

  .opinie{grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
}

/* ═══ DESKTOP ═══════════════════════════════════════════════════════════ */
@media (min-width:64rem){
  .hero__akcje .akcja,.hero__akcje .akcja-poboczna{flex:0 0 auto}
  .program{grid-template-columns:3fr 9fr}
}