/* Podstrona /live: 100 MLN+ Founder Live 9.11, 10:00–13:00 (makieta z płótna 08.10). Bazuje na styl.css. */
.strona-live { background: var(--granat); }
.gora--live { display: flex; justify-content: space-between; }
.gora__ksiazka { font: 600 15px/1 var(--f-display); color: var(--biel); text-decoration: none; padding: 10px 16px; border: 2px solid rgba(255, 255, 255, .55); border-radius: 999px; transition: background .2s, color .2s, border-color .2s; }
.gora__ksiazka:hover { background: var(--biel); color: var(--granat); border-color: var(--biel); animation: none; }
/* delikatny puls obrysu, żeby przycisk do książki był zauważalny */
.gora__ksiazka { animation: lv-ksiazka 2.4s ease-in-out infinite; }
@keyframes lv-ksiazka { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 222, 89, 0); border-color: rgba(255, 255, 255, .55); } 50% { box-shadow: 0 0 0 6px rgba(255, 222, 89, .18); border-color: var(--zolty); } }
@media (prefers-reduced-motion: reduce) { .gora__ksiazka { animation: none; } }

.lv-hero { background: var(--granat); color: var(--biel); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 72px); align-items: center;
  padding: clamp(32px, 5vw, 72px) max(clamp(16px, 4vw, 40px), calc((100% - var(--szer)) / 2)); }
.lv-licznik { display: flex; align-items: center; gap: 8px; margin: 0 0 26px; }
.lv-licznik div { width: 64px; height: 64px; border: 2px solid #9fa3ff; border-radius: 10px; display: grid; place-content: center; text-align: center; }
.lv-licznik b { font: 800 26px/1 var(--f-display); font-variant-numeric: tabular-nums; }
.lv-licznik span { font: 600 10px/1.4 var(--f-display); letter-spacing: .2em; text-transform: uppercase; color: var(--na-granacie-2); }
.lv-licznik i { font-style: normal; color: #9fa3ff; font-weight: 700; }
.lv-format { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; font: 600 13px/1.3 var(--f-display); letter-spacing: .22em; text-transform: uppercase; }
.lv-kropka { width: 8px; height: 8px; border-radius: 50%; background: #ff5a5a; flex: none; box-shadow: 0 0 0 0 rgba(255, 90, 90, .6); animation: lv-puls 1.8s infinite; }
@keyframes lv-puls { 70% { box-shadow: 0 0 0 8px rgba(255, 90, 90, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 90, 90, 0); } }
@media (prefers-reduced-motion: reduce) { .lv-kropka { animation: none; } }
.lv-hero h1 { font-size: clamp(32px, 4.2vw, 56px); line-height: 1.03; letter-spacing: -.03em; text-transform: uppercase; margin: 16px 0 22px; text-wrap: balance; }
.lv-hero h1 span { color: var(--zolty); }
.lv-lead { font-size: clamp(17px, 1.5vw, 19px); line-height: 1.55; color: var(--na-granacie-2); max-width: 34em; margin: 0; }
.lv-lead strong { color: var(--biel); }
.lv-karta { background: var(--papier); color: var(--tekst); border-radius: 22px; padding: clamp(22px, 3vw, 32px); box-shadow: 0 30px 60px -24px rgba(0, 0, 30, .7); }
.lv-karta__tytul { font: 800 clamp(24px, 2.4vw, 28px)/1.1 var(--f-display); color: var(--granat-gleboki); margin: 0 0 8px; text-align: center; }
.lv-karta__opis { font-size: 15.5px; line-height: 1.5; color: var(--tekst-2); margin: 0; text-align: center; }
.lv-karta .live__pola { grid-template-columns: minmax(0, 1fr); }
.lv-karta .live__zapis { margin-top: 18px; }
.lv-karta .przycisk { width: 100%; justify-content: center; }
.lv-zapisz { background: var(--granat); color: var(--biel); text-transform: uppercase; letter-spacing: .08em; font-size: 16px; }
.lv-zapisz:hover { background: var(--granat-jasny); color: var(--biel); }
.lv-karta .drobne { text-align: center; margin: 12px 0 0; font-size: 14px; color: var(--tekst-2); }
.lv-karta .kalendarz__linki { justify-content: center; }
.lv-karta .kalendarz__tytul { text-align: center; }

.lv-scena { padding-top: 0; }
.lv-zdjecie { position: relative; margin: 0 auto; max-width: 920px; height: clamp(320px, 42vw, 520px); border-radius: 18px; overflow: hidden; border: 1px solid #3a3ab0; background: #1a1a8f; }
.lv-zdjecie img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; filter: grayscale(1) contrast(1.05); }
.lv-zdjecie figcaption { position: absolute; top: 16px; left: 16px; display: flex; align-items: center; gap: 8px; background: rgba(6, 6, 60, .85); border-radius: 999px; padding: 8px 14px; font: 600 11px/1 var(--f-display); letter-spacing: .18em; text-transform: uppercase; color: var(--biel); }

.lv-szer { max-width: 920px !important; margin-left: auto !important; margin-right: auto !important; }
.lv-co-sekcja { border-top: 1px solid #dcdcec; }
.lv-agenda-sekcja { padding-top: 0; }
.lv-co { list-style: none; padding: 0; margin: 22px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.lv-co li { display: flex; align-items: center; gap: 14px; background: var(--biel); border: 2px solid var(--granat); border-radius: 14px; padding: 20px; }
.lv-co__nr { font: 800 22px/1.1 var(--f-display); color: var(--granat); min-width: 30px; }
.lv-co strong { display: block; font: 700 17px/1.35 var(--f-display); color: var(--granat-gleboki); margin-bottom: 4px; }
.lv-co li span:not(.lv-co__nr) { font-size: 15.5px; line-height: 1.5; color: var(--tekst-2); }
.lv-co .lv-co--prezent { background: var(--zolty); border-color: var(--granat); }
.lv-co--prezent .lv-co__nr, .lv-co--prezent strong, .lv-co .lv-co--prezent span:not(.lv-co__nr) { color: var(--granat-gleboki); }

.lv-agenda-sekcja h2 { text-align: center; }
.lv-agenda { list-style: none; padding: 0; margin: 26px auto 38px; max-width: 760px; text-align: left; border-top: 2px solid var(--granat); }
/* linie na 760 px, a godzina + opis jako jeden blok na środku linii (stałe kolumny, równo we wszystkich wierszach) */
.lv-agenda li { display: grid; grid-template-columns: 124px minmax(0, 440px); justify-content: center; align-items: center; gap: 24px; padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 128, .25); }
.lv-agenda__czas { font: 700 17px/1.4 var(--f-display); color: var(--granat); min-width: 124px; font-variant-numeric: tabular-nums; }
.lv-agenda strong { display: block; font: 700 20px/1.35 var(--f-display); color: var(--granat-gleboki); }
.lv-agenda li div span { font-size: 17px; line-height: 1.5; color: var(--tekst-2); }
.lv-agenda-sekcja .lv-szer { text-align: center; }
.lv-koniec-cta { justify-content: center; margin: 0 auto; text-transform: uppercase; letter-spacing: .08em; font-size: 16px; }
.lv-koniec-cta::after { content: none; }
.lv-klodka { flex: none; }

@media (max-width: 860px) {
  .lv-hero { grid-template-columns: minmax(0, 1fr); }
  .lv-licznik { justify-content: center; }
  .lv-hero__tekst { text-align: left; }
  .lv-hero .hero__autor { text-align: left; }
  .lv-co { grid-template-columns: minmax(0, 1fr); }
  .lv-koniec-cta { width: 100%; font-size: 14px; letter-spacing: .04em; padding: 20px 16px; }
  .lv-agenda li { grid-template-columns: 104px minmax(0, 1fr); gap: 16px; padding: 16px 0; }
  .lv-agenda__czas { font-size: 15px; min-width: 104px; }
  .lv-agenda strong { font-size: 17px; }
  .lv-agenda li div span { font-size: 15px; }
  .lv-karta .przycisk--duzy { font-size: 15px; padding: 20px 18px; }
}