/* ==========================================================================
   Strona „Kup karnet" z oknem systemu biletowego (2026-11-04, ustawienie 48) —
   templates/themes/_shared/karnet/_okno.html.twig, podpinany przez sam komponent.
   Wymiary 1:1 z warsawserialcon.pl/kup-karnet/?id=26 (kontener 1000 px, 104 px nad i pod,
   ikona 50 px, odstęp 19,2 px); motywy bez kopii strony dostają to samo w swoim kontenerze.
   ========================================================================== */
.karnet-okno { padding: 2rem 0 4rem; }
/* iframe jak w źródle: inline, pełna szerokość, bez ramki; wysokość docelowo z postMessage
   skórki systemu — ta z CSS to zapas na wypadek, gdy wiadomość nie dojdzie (skórka wysyła ją
   na wpisaną na sztywno domenę produkcyjną); przewinięcie „;1” zatrzymuje scroll-padding-top
   motywu (miejsce na przyklejony nagłówek) */
.karnet-okno-ramka { width: 100%; height: 1320px; border: 0; }
.karnet-uwaga { display: flex; align-items: center; gap: 19.2px; }
.karnet-uwaga-ikona { display: block; flex: 0 0 50px; width: 50px; color: #000; }
.karnet-uwaga-ikona img, .karnet-uwaga-ikona svg { width: 50px; height: 50px; vertical-align: baseline; }
.karnet-uwaga p { margin: 0; }
.karnet-strona > h1 { margin-bottom: 0; }
@media (max-width: 767px) {
    .karnet-okno-ramka { height: 2200px; }
}
/* motyw wsf (1:1): odstęp NAD daje pasmo tytułowe (margin-bottom 104 px), pod oknem 104 px
   jak dolne dopełnienie rzędu w źródle; dolne dopełnienie artykułu wyłączone; odnośniki
   w treści źródła są pogrubione */
.theme-wsf .karnet-okno { padding: 0 0 104px; }
.theme-wsf .karnet-strona .wsf-article-body { padding-bottom: 0; }
.theme-wsf .karnet-uwaga a { font-weight: 700; }
/* telefon i tablet (≤767 px) jak w źródle: 64 px pod ostatnim rzędem (nad nim 64 px daje pasmo) */
@media (max-width: 767.98px) {
    .theme-wsf .karnet-okno { padding-bottom: 64px; }
}