/* Strona branżowa /systemy-dla-firm-delegujacych (OPIS-DESIGNU-v2 §7.1).
   Linkowana po daplo.css. Wspólne układy z glowna.css przeniesione tutaj (dowód, rozmowa, przed/po, SC-13, finał). */

/* ---------- Części wspólne dla obrazów strony ---------- */
.wachlarz { position: relative; }
.wachlarz .kartka { width: 176px; left: var(--x); top: var(--y); transform: rotate(var(--o)); transform-origin: 50% 100%; }
.wachlarz .kartka:not(.kartka--wierzch) .kartka__t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kartka__firma { font-size: 13px; font-weight: 600; line-height: 1.25; color: var(--stal); padding-bottom: 6px; border-bottom: 1px solid var(--linia); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kartka__puste { display: flex; gap: 10px; padding-top: 8px; }
.kartka__puste i { flex: 1; border-bottom: 1px dashed var(--stal); }
.mk__chip--jest { background: var(--czern); color: #fff; border-color: var(--czern); }
main .mk__av--m { font-size: 13px; }
.mini {
  width: 44px; aspect-ratio: 1 / 1.414; background: var(--papier); border: 1px solid var(--linia); border-radius: 2px; box-shadow: 0 1px 0 var(--linia); position: relative; display: block;
  background-image: linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet));
  background-size: 60% 3px, 76% 2px, 70% 2px, 52% 2px; background-position: 18% 14%, 18% 30%, 18% 40%, 18% 50%; background-repeat: no-repeat;
}
.mini--err { border-color: var(--err); box-shadow: 0 0 0 2px var(--err-tlo); }
.mini--err::after { content: ""; position: absolute; right: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--err); }
.ik-tak { color: var(--ok); }

/* ---------- 1. Nagłówek H-A ---------- */
.bh { margin-top: 8px; padding-bottom: 56px; overflow-x: clip; }
.bh__g { align-items: center; row-gap: 32px; }
.bh__tekst .etykieta { margin-bottom: 20px; }
.bh__lead { margin-top: 16px; max-width: 48ch; }
.bh__branze { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; }
.bh__branze .pig { background: #fff; border-color: var(--linia); }
.bh__cta { margin-top: 32px; }
.bh__obraz { margin: 0; min-width: 0; }
.bh__komp { position: relative; }
.bh__foto { aspect-ratio: 4 / 3; }
.bh__mkpole { position: relative; z-index: 2; margin: -24px 8px 0; container-type: inline-size; }
.bh__mk { height: auto; }
.bh__mk .mk__ekran { gap: 10px; padding: 14px 16px; }
.bh__mk .mk__tab, .kt__mk .mk__tab, .ui13__lista, .tc__doki { grid-template-columns: minmax(0, 1fr); }
.bh__mk .mk__tab .mk__dok { padding: 0 12px; }
.bh__mk .mk__tab .mk__dok + .mk__dok { border-top: 1px solid var(--linia); }
.bh__mk-dol { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bh__licz { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
.bh__licz::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ok); }
.bh__chip { top: auto; bottom: calc(100% + 12px); left: 4px; max-width: 60%; }
.bh__podpis { margin-top: 16px; font-size: .9375rem; line-height: 1.45; color: var(--stal); font-weight: 500; }
@container (max-width: 360px) { .bh__chip-2, .bh__dok-4 { display: none; } }
@media (min-width: 1024px) {
  .bh { margin-top: 16px; padding-top: 72px; padding-bottom: 104px; }
  .bh__g { column-gap: 24px; }
  .bh__tekst { padding-right: 24px; }
  .bh__lead { max-width: 44ch; }
  .bh__lead { font-size: 1.25rem; }
  .bh__cta .btn { min-width: 0; }
  .bh__komp { max-width: 588px; margin-left: auto; }
  .bh__foto { aspect-ratio: 1 / 1; }
  .bh__mkpole { position: absolute; left: -24px; bottom: -48px; width: 384px; margin: 0; }
  .bh__chip { top: -22px; bottom: auto; left: auto; right: -48px; max-width: none; }
  .bh__podpis { margin-top: 72px; text-align: right; }
}

/* ---------- 2. Pas dowodu i karta rozmowy (wzór S2, S2b) ---------- */
.dowod { padding-top: 56px; }
.dowod__pas { display: grid; gap: 12px; margin: 0; }
.dowod__pas li { display: flex; align-items: center; gap: 16px; }
.dowod__pas b { display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.35; }
.dowod__pas .podpis { display: block; margin-top: 2px; }
.dowod__link { margin-top: 8px; }
@media (min-width: 1024px) {
  .dowod { padding-top: 48px; }
  .dowod__pas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; align-items: stretch; }
  .dowod__pas li { padding: 4px 24px; border-left: 1px dashed var(--szkielet); align-items: flex-start; }
  .dowod__pas li:nth-child(odd) { padding-left: 0; border-left: 0; }
  .dowod__link { margin-top: 24px; }
}
@media (min-width: 1280px) {
  .dowod__pas { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 0; }
  .dowod__pas li:nth-child(odd) { padding-left: 24px; border-left: 1px dashed var(--szkielet); }
  .dowod__pas li:first-child { padding-left: 0; border-left: 0; }
}
.rozmowa__g { align-items: center; row-gap: 16px; }
.rozmowa__h { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rozmowa__tekst { order: -1; }
.wiersze { display: grid; gap: 16px; margin: 0; }
.wiersze li { display: flex; align-items: center; gap: 16px; }
@media (min-width: 768px) {
  .rozmowa__h { position: static !important; width: auto; height: auto; clip: auto; white-space: normal; overflow: visible; margin-bottom: 32px; }
  .rozmowa__tekst { order: 0; }
}
@media (min-width: 1024px) {
  .rozmowa__g { column-gap: 24px; }
  .rozmowa__tekst { padding-left: 48px; }
  .rozmowa__karta .kroz { max-width: 360px; }
}

/* ---------- 3. #tydzien: SC-01d przed i po ---------- */
.tyd__pasek { justify-content: space-between; align-items: center; gap: 24px; margin: -24px 0 32px; }
.tyd__seg { width: 240px; }
.tyd__leg { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; font-size: .9375rem; line-height: 1.4; color: var(--stal); font-weight: 500; }
.tyd__leg li { display: flex; align-items: center; gap: 10px; }
.tyd__leg-l { width: 32px; border-top: 2px solid var(--przeplyw); }
.tyd__leg-l--kresk { border-top: 0; height: 2px; background: repeating-linear-gradient(90deg, var(--stal) 0 6px, transparent 6px 12px); }
.tyd__leg-k { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--err); background: #fff; }
.tyd__naglowek { font-size: 1.0625rem; font-weight: 600; margin-bottom: 16px; }
.tyd__panel { background: #fff; border-radius: var(--r-m); padding: 20px 16px; margin: 0; }
.tyd__panel + .tyd__panel { margin-top: 16px; }

.sc01d__dni { margin: 0; display: grid; gap: 10px; position: relative; }
.sc01d__d { position: relative; display: grid; gap: 6px; align-content: start; }
.sc01d__dzien { font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--stal); }
.sc01d__skrot { display: none; }
@media (max-width: 1023px) { .sc01d__skrot { display: block; } }
.sc01d__w { padding: 10px 12px; gap: 6px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.sc01d__d { min-width: 0; }
.sc01d__w .wezel__t { font-size: 14px; }
.sc01d__w .wezel__p { font-size: 14px; }
.sc01d__recz { display: none; width: max-content; max-width: 100%; padding: 3px 8px; border: 1.5px dashed var(--obrys-ui); border-radius: 4px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1.3; }
.sc01d__recz--err { display: block; border-color: var(--err); background: var(--err-tlo); }
.sc01d__blad { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--err); }
.sc01d__stos { display: none; gap: 6px; padding: 4px 0; }
.sc01d__stos .mini { width: 30px; }
.sc01d__bus { display: flex; align-items: center; gap: 12px; }
.sc01d__bus .il { width: 72px; height: 72px; }
.sc01d__karto { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; font-weight: 600; }
.sc01d__chipy { display: flex; gap: 4px; }
.sc01d__chipy i { font-style: normal; display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border: 1px solid var(--linia); border-radius: 999px; font-size: 13px; font-weight: 600; }
.sc01d__fan { display: none; }
.sc01d__w--ok { border-color: var(--ok); }
.sc01d__strefy { display: none; }
.sc01d__ramy { position: relative; }
.sc01d__kartka { display: contents; }
.sc01d__suma { display: none; }
.sc01d__kartka > i { display: none; }

/* telefon: oś pionowa z dniami po lewej */
@media (max-width: 1023px) {
  .tyd__panel { padding: 20px 12px; }
  .sc01d__dni { padding-left: 48px; gap: 12px; }
  .sc01d__dzien { position: absolute; left: -48px; top: 8px; width: 36px; height: 26px; border-radius: 999px; background: #fff; border: 1.5px solid var(--stal); display: grid; place-items: center; z-index: 1; }
  .sc01d__pelna { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .sc01d__skrot { font-size: 13px; font-weight: 600; line-height: 1; color: var(--czern); }
  .sc01d__d::after { content: ""; position: absolute; left: -31px; top: 34px; bottom: -20px; width: 2px; background: repeating-linear-gradient(180deg, var(--stal) 0 6px, transparent 6px 12px); }
  .sc01d__d:last-child::after { display: none; }
  .sc01d--po .sc01d__d:nth-child(-n+2) .sc01d__dzien { border-color: var(--przeplyw); border-width: 2px; }
  .sc01d--po .sc01d__d:first-child::after { background: var(--przeplyw); }
  .sc01d--po .sc01d__d:first-child { gap: 8px; }
  .sc01d--po .sc01d__w--sys { background: var(--panel); border-color: var(--panel); }
  .sc01d__bus { gap: 8px; }
  .sc01d__bus .il { width: 64px; height: 64px; }
  .tyd__panel figcaption { margin-top: 16px; }
}
@media (min-width: 1024px) {
  .tyd__panel { padding: 0; background: transparent; }
  html.js .tyd__plotno { position: relative; height: 660px; }
  html.js .tyd__panel { display: flex; flex-direction: column; }
  html.js .tyd__panel > figcaption { margin-top: auto; }
  html.js .tyd__panel { position: absolute; inset: 0; opacity: 0; transform: translateY(8px); transition: opacity 300ms var(--krzywa), transform 300ms var(--krzywa); pointer-events: none; }
  html.js .tyd__panel.jest-stan { opacity: 1; transform: none; pointer-events: auto; }
  html.js .tyd__naglowek { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  html:not(.js) .tyd__panel + .tyd__panel { margin-top: 48px; }

  .sc01d__dni { grid-template-columns: repeat(5, minmax(0, 1fr)) 184px; column-gap: 24px; row-gap: 0; }
  .sc01d__d { gap: 16px; }
  .sc01d__dzien { justify-self: start; display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; background: #fff; border: 1px solid var(--linia); border-radius: 999px; font-size: 14px; color: var(--czern); position: relative; z-index: 2; }
  .sc01d__w { padding: 14px 16px; gap: 10px; min-height: 176px; align-content: start; }
  .sc01d__recz { display: block; }
  .sc01d__suma { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 40px 0 0; padding-top: 28px; border-top: 1px dashed var(--szkielet); }
  .sc01d__suma li { display: flex; align-items: center; gap: 14px; min-width: 0; }
  .sc01d__suma li > span:last-child { min-width: 0; }
  .sc01d__suma b { display: block; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
  .sc01d__suma .podpis { display: block; margin-top: 2px; }
  .sc01d__suma .sc01d__recz { flex: none; }
  .sc01d__suma .mini { flex: none; width: 34px; }
  .sc01d__kartka { grid-template-columns: minmax(0, 1fr); }
  .sc01d__kartka { display: grid; gap: 7px; justify-items: start; align-content: start; min-height: 116px; padding: 12px 10px 10px; background: var(--papier); border: 1px solid var(--linia); border-radius: 2px; box-shadow: var(--cien); }
  .sc01d__kartka > i { display: block; height: 3px; width: 86%; border-radius: 2px; background: var(--szkielet); }
  .sc01d__kartka > i:first-child { width: 52%; height: 4px; background: var(--stal); opacity: .45; margin-bottom: 2px; }
  .sc01d__kartka > i:last-child { width: 64%; }
  .sc01d__kartka .sc01d__recz { font-size: 13px; padding: 2px 6px; }
  .sc01d__stos { min-height: 116px; align-items: center; justify-content: flex-start; padding: 0; }
  .sc01d__stos .mini { width: 30px; }
  .sc01d:not(.sc01d--po) .sc01d__d:not(.sc01d__d--bus) { grid-template-rows: auto 1fr; }
  .sc01d__stos { display: flex; }
  .sc01d__bus { display: grid; gap: 8px; justify-items: start; }
  .sc01d__bus .il { width: 144px; height: 144px; }
  .sc01d__bus .sc01d__w { min-height: 0; }
  .sc01d__d--bus .sc01d__dzien { border-style: dashed; border-color: var(--stal); }

  /* Po: dwie strefy i komórki */
  .sc01d--po { padding-top: 0; }
  .sc01d--po .sc01d__dni { padding-top: 64px; }
  .sc01d__strefy { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 184px; column-gap: 24px; position: absolute; inset: -4px 0 -16px 0; }
  .sc01d__strefa { position: relative; border-radius: var(--r-m); margin: 0 -12px; padding: 12px; }
  .sc01d__strefa--sys { grid-column: 1 / span 2; background: #fff; }
  .sc01d__strefa--biuro { grid-column: 3 / span 4; border: 1.5px dashed var(--szkielet); }
  .sc01d__strefa--sys .pig { background: var(--czern); color: #fff; border-color: var(--czern); }
  .sc01d__strefa--biuro .pig { background: transparent; border-color: var(--obrys-ui); }
  .sc01d--po .sc01d__dzien { border-color: transparent; background: transparent; padding: 0; min-height: 24px; }
  .sc01d--po .sc01d__d:first-child { gap: 16px; }
  .sc01d--po .sc01d__d:first-child .sc01d__w + .sc01d__w { margin-top: 24px; }
  .sc01d--po .sc01d__w { min-height: 0; }
  .sc01d--po .sc01d__w--sys { background: var(--panel); border-color: transparent; }
  .sc01d--po .sc01d__d:nth-child(n+2) .sc01d__w { min-height: 120px; }
  .sc01d--po .sc01d__d:nth-child(n+3) .sc01d__w.wezel--kresk { background: transparent; }
  .sc01d__fan { display: block; position: relative; height: 64px; }
  .sc01d__fan .mini { position: absolute; top: 4px; width: 40px; padding: 18px 5px 0; background-size: 0 0; }
  .sc01d__fan .mini::before { content: ""; position: absolute; left: 5px; right: 10px; top: 7px; height: 3px; background: var(--szkielet); border-radius: 2px; }
  .sc01d__fan .mini:nth-child(1) { left: 0; transform: rotate(-6deg); }
  .sc01d__fan .mini:nth-child(2) { left: 26px; transform: rotate(-2deg); }
  .sc01d__fan .mini:nth-child(3) { left: 52px; }
  .sc01d__fan .zn-plamka { display: block; }
  .sc01d figcaption { margin-top: 40px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sc01d__dni, .sc01d__strefy { grid-template-columns: repeat(5, minmax(0, 1fr)) 136px; column-gap: 16px; }
  .sc01d__strefa { margin: 0 -8px; }
  .sc01d__w { padding: 12px; }
  .sc01d:not(.sc01d--po) .sc01d__w .wezel__g .ik { display: none; }
  .sc01d__kartka { padding: 10px 8px 8px; }
  .sc01d__kartka .sc01d__recz { white-space: normal; }
  .sc01d__stos { gap: 4px; }
  .sc01d__stos .mini { width: 24px; }
  .sc01d__bus .il { width: 112px; height: 112px; }
  .sc01d__dzien { padding: 0 10px; font-size: 13px; }
  .sc01d__suma li { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (min-width: 1280px) { html.js .tyd__plotno { height: 590px; } }
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  html.js .tyd__plotno { height: auto; }
  html.js .tyd__panel { position: static; opacity: 1; transform: none; pointer-events: auto; }
  html.js .tyd__panel + .tyd__panel { margin-top: 48px; }
  html.js .tyd__naglowek { position: static !important; width: auto; height: auto; clip: auto; }
  .tyd__seg { display: none; }
}

/* ---------- 4. #droga: SC-13 pełna ---------- */
.sc13 { position: relative; }
.sc13__strefy { display: none; }
.sc13__ramy { position: relative; }
.sc13__lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; position: relative; }
.sc13__w { grid-template-columns: 24px 1fr; column-gap: 12px; row-gap: 4px; align-items: center; padding: 12px 14px; }
.sc13__w .etap { grid-row: span 3; align-self: start; margin-top: 1px; }
.sc13__w .wezel__t { font-size: 1.0625rem; }
.sc13__obraz { display: none; }
.dr__rola { grid-column: 2; font-size: .875rem; line-height: 1.4; color: var(--stal); }
.dr__rola b { color: var(--czern); font-weight: 600; }
@media (max-width: 1023px) {
  .sc13__lista::before { content: ""; position: absolute; left: 26px; top: 20px; bottom: 20px; border-left: 2px solid var(--przeplyw); z-index: 0; }
  .sc13__w { position: relative; z-index: 1; }
  .sc13__w.wezel--kresk { background: #fff; }
  .sc13__lista { gap: 8px; }
  .sc13__w { padding: 10px 12px; row-gap: 2px; }
  .sc13__w .wezel__t { font-size: 1rem; }
}
@media (min-width: 1024px) {
  .sc13 { padding-top: 8px; }
  .sc13__strefy { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 28px; position: absolute; inset: 0 0 -16px 0; }
  .sc13__strefa { position: relative; border-radius: var(--r-m); margin: 0 -14px; padding: 14px; }
  .sc13__strefa--sys { grid-column: 1 / span 4; background: var(--panel); }
  .sc13__strefa--biuro { grid-column: 5 / span 2; border: 1.5px dashed var(--szkielet); }
  .sc13__strefa--sys .pig { background: var(--czern); color: #fff; border-color: var(--czern); }
  .sc13__strefa--biuro .pig { background: transparent; border-color: var(--obrys-ui); }
  .sc13__lista { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 28px; padding-top: 72px; }
  .sc13__w { grid-template-columns: 1fr; justify-items: start; align-content: start; gap: 10px; min-height: 348px; padding: 16px; }
  .sc13__w .etap { grid-row: auto; }
  .sc13__w .wezel__t { font-size: .9375rem; min-height: 2.6em; }
  .dr__rola { grid-column: auto; }
  .dr__rola + .dr__rola { padding-top: 8px; border-top: 1px dashed var(--szkielet); width: 100%; }
  .sc13__obraz { display: grid; place-items: center; width: 100%; height: 112px; border-radius: 8px; background: var(--tlo-2); }
  .dr .sc13__w.wezel--kresk { background: #fff; }
  .sc13__karto { place-items: start; align-content: center; gap: 8px; padding: 12px; background: #fff !important; border: 1px solid var(--linia); font-size: 14px; font-weight: 600; }
  .sc13__karto i { display: block; height: 6px; border-radius: 3px; background: var(--szkielet); width: 80%; opacity: .6; }
  .sc13__karto i + i { width: 56%; }
  .sc13__sp { align-content: center; gap: 6px; padding: 10px; }
  .sc13__sp span { display: flex; align-items: center; width: 100%; min-height: 30px; padding: 0 10px; background: #fff; border: 1px solid var(--linia); border-radius: 6px; font-size: 13px; font-weight: 600; }
  .sc13__sp span:first-child { border-color: var(--czern); }
  .sc13__fan { position: relative; }
  .sc13__fan .mini { position: absolute; width: 44px; padding: 20px 6px 0; background-size: 0 0; }
  .sc13__fan .mini:nth-child(1) { transform: translateX(-26px) rotate(-6deg); }
  .sc13__fan .mini:nth-child(2) { transform: rotate(-2deg); }
  .sc13__fan .mini:nth-child(3) { transform: translateX(26px); }
  .sc13__fan .mini::before { content: ""; position: absolute; left: 6px; right: 12px; top: 8px; height: 3px; background: var(--szkielet); border-radius: 2px; }
  .sc13__wyj { position: relative; }
  .sc13__wyj .il { width: 88px; height: 88px; }
  .sc13__wyj .sc13__id { position: absolute; right: 6px; bottom: 4px; width: 48px; height: 48px; }
  .sc13 figcaption { text-align: center; margin: 48px auto 0; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sc13__strefy, .sc13__lista { column-gap: 14px; }
  .sc13__strefa { margin: 0 -7px; padding: 12px 7px; }
  .sc13__w { padding: 12px; }
  .sc13__karto { padding: 8px; font-size: 13px; }
  .sc13__sp { padding: 6px; }
  .sc13__sp span { padding: 0 6px; }
  .sc13__fan .mini { width: 38px; }
  .sc13__fan .mini:nth-child(1) { transform: translateX(-20px) rotate(-6deg); }
  .sc13__fan .mini:nth-child(3) { transform: translateX(20px); }
  .sc08 .sc08__k b { white-space: normal; }
}

/* ---------- 5. Rzędy modułów ---------- */
.rz__g { row-gap: 32px; align-items: center; }
.rz__tekst { display: grid; gap: 16px; justify-items: start; align-content: start; min-width: 0; }
.rz__tekst > p { max-width: 56ch; }
.rz__tekst > .h2 { margin-top: 4px; }
.rz__tekst > p + p { margin-top: 0; }
.rz__obraz { margin: 0; min-width: 0; }
.rz__podpis { margin-top: 16px; font-size: .9375rem; line-height: 1.45; color: var(--stal); font-weight: 500; }
@media (min-width: 1024px) { .rz__g { column-gap: 24px; } }

/* #kartoteka: UI-01b z UI-14 i FT-08 w kole */
.rz__mkpole { width: 100%; margin-top: 16px; }
.kt { aspect-ratio: 350 / 280; max-width: 100%; overflow: visible; }
.kt__mk { position: absolute; inset: 0; container-type: inline-size; }
.kt__mk .mk__szukaj { white-space: nowrap; overflow: hidden; min-width: 0; }
.kt__mk .mk__ekran { gap: 10px; padding: 12px 14px; }
.kt__filtry { display: flex; gap: 8px; }
.kt__filtr { flex: none; }
.kt__tr { grid-template-columns: minmax(0, 1fr) auto; }
.kt__st { display: none; }
@container (max-width: 459px) { .kt__tr--4 { display: none; } }
.kt__tel { display: none; }
.kt__tel-ekran { padding: 10px; gap: 8px; }
.kt__tel-nazw { font-size: 14px; line-height: 1.2; font-weight: 600; }
.kt__tel-chipy { display: flex; gap: 4px; }
.kt__tel-chipy i { font-style: normal; height: 22px; padding: 0 6px; border: 1px solid var(--linia); border-radius: 999px; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; }
@container (min-width: 460px) { .kt__st { display: block; font-size: 13px; color: var(--stal); } .kt__tr { grid-template-columns: minmax(0, 1.3fr) 1fr auto; } }
@container (max-width: 339px) { .kt__filtr { display: none; } .kt__tr .mk__status { display: none; } .kt__tr { grid-template-columns: minmax(0, 1fr); row-gap: 2px; min-height: 46px; padding-top: 6px; padding-bottom: 6px; } .kt__tr:nth-child(n+3) { display: none; } .kt__mk .mk__gora .mk__okr { display: none; } .kt__st { display: block; font-size: 13px; color: var(--stal); white-space: nowrap; } }
.kt__kolo-pole { display: grid; justify-items: center; }
.kt__kolo { display: grid; justify-items: center; gap: 16px; width: 100%; }
.kt__foto { width: 300px; max-width: 100%; aspect-ratio: 1; border-radius: 50%; background: var(--panel); }
.kt__chip { position: static; max-width: 100%; }
.kt__kolo .chip + .chip { margin-top: -8px; }
@media (max-width: 1023px) {
  .rz--kartoteka .rz__g { row-gap: 16px; }
  .rz--kartoteka .rz__tekst { display: contents; }
  .rz--kartoteka .rz__tekst > .pig { justify-self: start; }
  .rz--kartoteka .rz__tekst > .link { justify-self: start; }
  .rz--kartoteka .kt__kolo-pole { order: 1; margin-top: 16px; }
  .rz--kartoteka .rz__mkpole { order: 2; margin-top: 8px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .kt { max-width: 384px; aspect-ratio: 384 / 274; }
}
@media (min-width: 1024px) {
  .rz__mkpole { max-width: 384px; margin-top: 24px; }
  .kt { aspect-ratio: 384 / 274; }
  .kt__mk { right: auto; bottom: auto; width: 83%; height: 83%; }
  .kt__tel { display: flex; width: 120px; min-width: 0; right: 0; bottom: 0; }
  .kt__kolo { position: relative; width: 432px; max-width: 100%; aspect-ratio: 1; display: block; margin-left: auto; }
  .kt__foto { width: 100%; }
  .kt__chip { position: absolute; z-index: 3; }
  .kt__chip--1 { left: -40px; bottom: 56px; }
  .kt__chip--2 { right: -24px; top: 40px; }
  .kt__kolo .chip + .chip { margin-top: 0; }
  .kt__kolo-pole .rz__podpis { justify-self: end; }
}

/* #dokumenty: UI-13 i DOC-02 */
.dk { overflow-x: clip; }
.dk .ns__gl .pig { margin-bottom: 12px; background: #fff; }
.ui13 { row-gap: 24px; align-items: start; }
.ui13__kroki { display: grid; gap: 12px; min-width: 0; }
.ui13__krok { margin: 0; padding: 20px; border: 0; background: #fff; border-radius: var(--r-m); display: grid; gap: 8px; min-width: 0; }
.ui13__leg { display: flex; align-items: center; gap: 12px; padding: 0; margin-bottom: 8px; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; float: left; width: 100%; }
.ui13__leg + * { clear: both; }
.ui13__pod { font-size: .9375rem; font-weight: 600; color: var(--stal); margin-top: 4px; }
.ui13__opcje { display: grid; gap: 8px; }
.ui13__opcje--sp { grid-template-columns: 1fr 1fr; }
@media (max-width: 767px) { .ui13__opcje--sp .ui13__ok { display: none; } .ui13__opcje--sp .ui13__op { padding: 6px 10px; } }
.ui13__op { position: relative; display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 12px; border: 1px solid var(--obrys-ui); border-radius: var(--r-s); background: #fff; cursor: pointer; transition: border-color var(--ruch-szybki) var(--krzywa); }
.ui13__op input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.ui13__op:has(input:checked) { border-color: var(--czern); box-shadow: inset 0 0 0 1px var(--czern); }
.ui13__op:has(input:focus-visible) { outline: 3px solid var(--fokus); outline-offset: 3px; }
.ui13__op--os { min-height: 56px; }
.ui13__av { width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--tlo-2); border: 1px solid var(--linia); display: grid; place-items: center; font-size: 13px; font-weight: 600; }
.ui13__op-t { display: grid; min-width: 0; line-height: 1.3; }
.ui13__op-t b { font-size: 1rem; font-weight: 600; }
.ui13__op-t span { font-size: .9375rem; color: var(--stal); }
.ui13__ok { margin-left: auto; opacity: 0; }
.ui13__op:has(input:checked) .ui13__ok { opacity: 1; }
.ui13__krok[disabled] .ui13__leg, .ui13__krok[disabled] .ui13__pod { color: var(--wyl-tekst); }
.ui13__krok[disabled] .ui13__leg .etap { background: var(--wyl-tlo); color: var(--wyl-tekst); }
.ui13__krok[disabled] .ui13__op { background: var(--wyl-tlo); border-color: var(--wyl-tlo); cursor: not-allowed; }
.ui13__krok[disabled] .ui13__op-t b, .ui13__krok[disabled] .ui13__op-t span { color: var(--wyl-tekst); }
@media (hover: hover) and (pointer: fine) { .ui13__krok:not([disabled]) .ui13__op:hover { border-color: var(--czern); } }
.ui13__krok--3 { margin-top: 16px; }
.ui13__krok--3 .ui13__leg { float: none; margin-bottom: 4px; }
.ui13__akcje { display: flex; flex-wrap: wrap; gap: 12px; }
.ui13__akcje .btn { min-width: 0; }
.ui13__gen[aria-busy="true"] { pointer-events: none; }
.ui13__stan { font-size: .9375rem; line-height: 1.45; font-weight: 500; color: var(--stal); min-height: 1.45em; }
.ui13__stan:empty { display: none; }

.ui13__scena { min-width: 0; container-type: inline-size; }
.ui13__plotno { position: relative; }
.ui13__mk { position: relative; height: auto; }
.ui13__ekran { gap: 12px; }
.ui13__kto { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ui13__kto .mk__modul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui13__status { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--tlo-2); font-size: 13px; font-weight: 600; white-space: nowrap; flex: none; }
.ui13__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--stal); }
[data-faza="gotowe"] .ui13__status { background: var(--ok-tlo); }
[data-faza="gotowe"] .ui13__status::before { background: var(--ok); }
.ui13__pusto { display: grid; gap: 10px; align-content: start; }
.ui13__pusto p { font-size: 14px; line-height: 1.4; color: var(--stal); max-width: 32ch; }
.ui13__lista .mk__dok { padding: 0 12px; }
.ui13__lista .mk__dok + .mk__dok { border-top: 1px solid var(--linia); }
.ui13__wiecej b { color: var(--stal); font-weight: 500; font-size: 13px; }
.ui13__druk { display: none; align-items: center; gap: 10px; }
.ui13__pasek { margin-top: auto; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; }
.ui13__bar { flex: 1; height: 6px; border-radius: 3px; background: var(--ok-tlo); overflow: hidden; }
.ui13__bar i { display: block; height: 100%; background: var(--ok); border-radius: 3px; transform-origin: left center; transition: transform 800ms var(--krzywa); }
[data-faza="start"] .ui13__lista, [data-faza="wybrane"] .ui13__lista, [data-faza="generuje"] .ui13__lista,
[data-faza="start"] .ui13__pasek, [data-faza="wybrane"] .ui13__pasek { display: none; }
[data-faza="gotowe"] .ui13__pusto, [data-faza="generuje"] .ui13__pusto { display: none; }
@container (min-width: 560px) { [data-faza="gotowe"] .ui13__druk { display: flex; } }
[data-faza="generuje"] .ui13__pasek { margin-top: 8px; }
.ui13__wach { position: relative; width: 250px; height: 216px; margin: -40px 8px 0 auto; z-index: 3; }
.ui13__wach .kartka { width: 138px; padding: 10px 9px; gap: 5px; transition: opacity 250ms var(--krzywa), transform 350ms var(--krzywa); transition-delay: calc(var(--i, 0) * 70ms); }
.ui13__wach .kartka:nth-last-child(n+4) { display: none; }
[data-faza]:not([data-faza="gotowe"]) .ui13__wach .kartka { opacity: 0; transform: translate(-24px, 24px) rotate(0deg); transition-delay: 0ms; }
[data-faza]:not([data-faza="gotowe"]) .ui13__wach { pointer-events: none; }
@container (max-width: 559px) { [data-faza]:not([data-faza="gotowe"]) .ui13__wach { height: 0; margin-top: 0; } }
@container (max-width: 559px) {
  .ui13__mk .mk__app { grid-template-columns: 1fr; }
  .ui13__mk .mk__bok { display: none; }
  .ui13__chip-3 { display: none; }
  .ui13__lista .mk__dok:nth-child(n+4):not(.ui13__wiecej) { display: none; }
}
@container (min-width: 560px) {
  .ui13__plotno { aspect-ratio: 7 / 5; }
  .ui13__mk { position: absolute; inset: 0; min-height: 0; }
  .ui13__lista, .ui13__pasek { width: 54%; }
  .ui13__pusto { width: 60%; }
  .ui13__wach { position: absolute; right: -32px; bottom: -40px; width: 312px; height: 262px; margin: 0; }
  .ui13__wach .kartka { width: 172px; padding: 14px 12px; gap: 7px; }
  .ui13__wach .kartka:nth-last-child(n+4) { display: flex; }
}
.ui13__duch { display: none; }
@container (min-width: 560px) {
  [data-faza="start"] .ui13__duch, [data-faza="wybrane"] .ui13__duch { display: block; }
  .ui13__duch { position: absolute; right: -32px; bottom: -40px; width: 312px; height: 262px; z-index: 2; pointer-events: none; }
  .ui13__duch i { position: absolute; bottom: 0; width: 172px; aspect-ratio: 1 / 1.3; border: 2px dashed var(--szkielet); border-radius: 2px; background: var(--tlo-2); transform-origin: 50% 100%; }
  .ui13__duch i:nth-child(1) { right: 116px; transform: rotate(-6deg); opacity: .6; }
  .ui13__duch i:nth-child(2) { right: 58px; transform: rotate(-3deg); opacity: .8; }
  .ui13__duch i:nth-child(3) { right: 0; display: grid; place-items: center; padding: 20px; background: #fff; }
  .ui13__duch span { font-style: normal; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--stal); text-align: center; }
  [data-faza="wybrane"] .ui13__duch i:nth-child(3) { border-color: var(--stal); }
}
@media (min-width: 1024px) {
  .ui13 { column-gap: 24px; }
  .ui13__scena { padding-top: 8px; }
  .ui13__krok--3 { margin-top: 64px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
  .ui13__krok--3 .ui13__leg { width: auto; margin: 0; }
  .ui13__krok--3 .ui13__stan { flex-basis: 100%; }
}

/* DOC-02 */
.doc02 { margin-top: 56px; padding-top: 48px; border-top: 1px dashed var(--szkielet); row-gap: 24px; align-items: start; position: relative; }
.doc02__tekst { display: grid; gap: 16px; justify-items: start; align-content: start; min-width: 0; }
.doc02__tekst p { max-width: 52ch; }
.doc02__karto { display: none; }
.doc02__obraz { min-width: 0; }
.doc02__stol { position: relative; padding-top: 28px; }
.doc02__kartka { position: relative; background: var(--papier); border: 1px solid var(--linia); border-radius: 2px; box-shadow: var(--cien); padding: 16px; display: grid; gap: 10px; }
.doc02__kartka > .kartka__szk { display: none; }
.doc02__glowa { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--linia); padding-right: 104px; }
.doc02__glowa b { font-size: 15px; font-weight: 600; }
.doc02__glowa i { display: none; }
.doc02__tyt { font-size: 18px; font-weight: 700; line-height: 1.25; padding-right: 104px; }
.doc02__tab { border: 1px solid var(--linia); border-radius: 2px; background: #fff; display: grid; margin-top: 12px; }
.doc02__tab > div { display: grid; gap: 2px; padding: 8px 12px; border-top: 1px solid var(--linia); }
.doc02__tab > div:first-child { border-top: 0; }
.doc02__tab span { font-size: 14px; color: var(--stal); line-height: 1.3; }
.doc02__tab b { font-size: 16px; font-weight: 600; line-height: 1.35; }
.doc02__mini { position: absolute; top: -8px; right: 12px; width: 96px; aspect-ratio: 1 / 1.414; background: var(--papier); border: 1px solid var(--linia); border-radius: 2px; box-shadow: var(--cien); padding: 12px 10px; display: grid; align-content: start; gap: 5px; z-index: 2; }
.doc02__mini i { height: 3px; border-radius: 2px; background: var(--szkielet); }
.doc02__mini i:nth-child(1) { width: 60%; height: 4px; background: var(--stal); opacity: .5; }
.doc02__mini i:nth-child(3) { width: 76%; }
.doc02__mini b { height: 26px; border: 1px solid var(--linia); background: #fff; position: relative; margin: 2px 0; }
.doc02__mini b::after { content: ""; position: absolute; left: 4px; top: 4px; width: 44%; height: 5px; background: var(--pole); box-shadow: inset 0 -1px 0 var(--pole-krawedz); border-radius: 1px; }
@media (min-width: 1024px) {
  .doc02 { column-gap: 24px; align-items: center; }
  .doc02__karto { display: grid; gap: 0; width: 100%; max-width: 380px; background: #fff; border: 2px solid var(--szkielet); border-radius: var(--r-m); padding: 16px 18px 10px; }
  .doc02__karto-t { font-size: 15px; font-weight: 600; padding-bottom: 8px; }
  .doc02__pole { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--linia); }
  .doc02__pole span { font-size: 13px; color: var(--stal); }
  .doc02__pole b { font-size: 14px; font-weight: 600; }
  .doc02__stol { height: 520px; padding: 0; margin-bottom: calc(-1 * var(--kafel-py)); overflow: hidden; }
  .doc02__kartka { position: absolute; top: 32px; left: 50%; width: 480px; margin-left: -240px; aspect-ratio: 1 / 1.414; padding: 40px 44px; gap: 12px; align-content: start; display: flex; flex-direction: column; }
  .doc02__kartka > .kartka__szk { display: block; height: 5px; }
  .doc02__glowa { padding-right: 0; }
  .doc02__glowa i { display: block; width: 88px; height: 5px; border-radius: 2px; background: var(--szkielet); }
  .doc02__tyt { font-size: 22px; padding: 8px 0 4px; }
  .doc02__tab { margin: 8px 0; }
  .doc02__stol { padding-top: 0; }
  .doc02__tab > div { grid-template-columns: 150px minmax(0, 1fr); align-items: baseline; gap: 8px; padding: 10px 14px; }
  .doc02__tab span { font-size: 14px; }
  .doc02__tab b { font-size: 15px; }
  .doc02__mini { display: none; }
}

/* #spolki: SC-08 i DOC-03 */
.sp__g { align-items: start; }
.sp__obraz { display: grid; gap: 40px; min-width: 0; }
.sc08 { margin: 0; }
.sc08__g { display: grid; gap: 20px; position: relative; padding-left: 28px; }
.sc08__g::before { content: ""; position: absolute; left: 7px; top: 28px; bottom: 56px; border-left: 2px solid var(--przeplyw); }
.sc08__karto { padding: 14px 16px; gap: 8px; }
.sc08__os { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; }
.sc08__sp { margin: 0; display: grid; gap: 8px; position: relative; z-index: 2; }
.sc08__sp li { position: relative; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; background: #fff; border: 1px solid var(--linia); border-radius: var(--r-s); font-size: 15px; font-weight: 500; line-height: 1.3; }
.sc08__sp li i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--szkielet); flex: none; }
.sc08__sp li.jest { border-color: var(--czern); box-shadow: inset 0 0 0 1px var(--czern); font-weight: 600; }
.sc08__sp li.jest i { border-color: var(--czern); background: radial-gradient(circle, var(--czern) 0 3px, #fff 3.5px); }
.sc08__sp li::before { content: ""; position: absolute; left: -22px; width: 22px; top: 50%; border-top: 1px dashed var(--szkielet); }
.sc08__sp li.jest::before { border-top: 2px solid var(--przeplyw); margin-top: -1px; }
.sc08__dok { padding: 14px 16px; gap: 6px; }
.sc08__wach { position: relative; display: block; height: 108px; margin-bottom: 4px; }
.sc08__k { position: absolute; top: 0; width: 76px; aspect-ratio: 1 / 1.414; background: var(--papier); border: 1px solid var(--linia); border-radius: 2px; box-shadow: var(--cien); padding: 8px 6px; display: grid; align-content: start; gap: 5px; overflow: hidden; }
.sc08__k b { display: none; }
.sc08__k i { height: 3px; border-radius: 2px; background: var(--szkielet); }
.sc08__k i + i { width: 70%; }
.sc08__k .zn-plamka { margin-top: 2px; width: 80%; }
.sc08__k:nth-child(1) { left: 0; transform: rotate(-6deg); }
.sc08__k:nth-child(2) { left: 30px; transform: rotate(-3deg); }
.sc08__k:nth-child(3) { left: 60px; }
.sc08 figcaption { margin-top: 16px; }
@media (min-width: 1024px) {
  .sc08__g { grid-template-columns: 180px minmax(0, 1fr) 160px; column-gap: 40px; align-items: center; padding: 8px 0; min-height: 376px; }
  .sc08__g::before, .sc08__sp li::before { display: none; }
  .sc08__sp { gap: 12px; }
  .sc08__k { width: 104px; padding: 10px 6px; gap: 6px; }
  .sc08__k b { display: block; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px; }
  .sc08__k:nth-child(2) { left: 20px; }
  .sc08__k:nth-child(3) { left: 40px; }
  .sc08__wach { height: 160px; }
  .sc08__k .sc08__k-t { height: 4px; width: 64%; margin: 4px 0 6px; background: var(--stal); opacity: .45; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sc08__g { grid-template-columns: 148px minmax(0, 1fr) 120px; column-gap: 28px; }
  .sc08__sp li { padding: 0 10px; font-size: 14px; }
  .sc08__k { width: 88px; }
  .sc08__k:nth-child(2) { left: 14px; }
  .sc08__k:nth-child(3) { left: 28px; }
}
.doc03 { margin: 0; }
.doc03__siatka { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; max-width: 350px; }
.doc03__siatka i {
  aspect-ratio: 1 / 1.414; position: relative; background-color: var(--papier); border: 1px solid var(--linia); border-radius: 2px;
  background-image: linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet)), linear-gradient(var(--szkielet), var(--szkielet));
  background-size: 64% 3px, 76% 2px, 70% 2px, 76% 2px, 50% 2px; background-position: 30% 10%, 30% 40%, 30% 50%, 30% 76%, 30% 86%; background-repeat: no-repeat;
}
.doc03__siatka i::after { content: ""; position: absolute; left: 12%; top: 18%; width: 54%; height: 5px; background: var(--pole); box-shadow: inset 0 -1px 0 var(--pole-krawedz); border-radius: 1px; }
.doc03__siatka i:nth-child(3n+2)::after { top: 58%; width: 44%; }
.doc03__siatka i:nth-child(4n+3)::after { top: 64%; width: 60%; }
.doc03__siatka i:nth-child(7n)::after { top: 28%; width: 38%; }
.doc03__podpis { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; font-size: .9375rem; line-height: 1.45; color: var(--stal); font-weight: 500; }
.doc03__plamka { flex: none; width: 24px; height: 8px; margin-top: 7px; background: var(--pole); box-shadow: inset 0 -2px 0 var(--pole-krawedz); border-radius: 2px; }
@media (min-width: 768px) { .doc03__siatka { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; max-width: 588px; } .doc03__siatka i::after { height: 6px; } }
.sp__zmiany { display: grid; gap: 16px; margin: 8px 0; }
.sp__zmiany li { display: flex; align-items: flex-start; gap: 16px; }
.sp__zmiany b { display: block; font-size: 1.0625rem; font-weight: 600; line-height: 1.4; }
.sp__zmiany .podpis { display: block; margin-top: 2px; }
@media (max-width: 1023px) {
  .sp__tekst { order: -1; }
}
@media (min-width: 1024px) {
  .sp__tekst { padding-left: 40px; }
}

/* #teczki: FT-11 z UI-04 */
.tc__tekst .pig { background: #fff; }
.tc__czesci { display: grid; gap: 14px; margin: 8px 0; padding: 0; }
.tc__czesci li { display: flex; align-items: flex-start; gap: 16px; }
.tc__lit { width: 48px; height: 48px; flex: none; border-radius: var(--r-s); background: #fff; display: grid; place-items: center; font-size: 1.25rem; font-weight: 700; }
.tc__czesci b { display: block; font-size: 1.0625rem; font-weight: 600; line-height: 1.4; }
.tc__czesci .podpis { display: block; margin-top: 2px; }
.tc__komp { position: relative; }
.tc__foto { aspect-ratio: 4 / 3; }
.tc__mkpole { position: relative; margin-top: 16px; container-type: inline-size; }
.tc__mk { height: auto; }
.tc__mk .mk__ekran { gap: 10px; padding: 12px 14px; }
.tc__doki { display: grid; }
.tc__doki .mk__dok + .mk__dok { border-top: 1px solid var(--linia); }
.tc__obraz .rz__podpis { margin-top: 16px; }
@container (max-width: 400px) { .tc__skan-4 { display: none; } .tc__mk .mk__skany { grid-template-columns: repeat(3, 1fr); } .tc__mk .mk__skan { aspect-ratio: 1 / 1.1; } }
@media (min-width: 1024px) {
  .tc__komp { max-width: 588px; margin-left: auto; }
  .tc__foto { aspect-ratio: 1 / 1; }
  .tc__mkpole { position: absolute; left: -64px; bottom: -48px; width: 384px; margin: 0; z-index: 2; }
  .tc__obraz .rz__podpis { margin-top: 72px; text-align: right; }
  .tc__tekst { padding-right: 24px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .tc__mkpole { left: -16px; width: 336px; }
}

/* ---------- 6. #kierunki: SC-11 ---------- */
.sc11 { margin: 0; row-gap: 24px; align-items: start; }
.sc11__leg { display: grid; gap: 24px; align-content: start; }
.sc11__leg-w { display: flex; gap: 16px; align-items: flex-start; }
.sc11__leg-w b { display: block; font-size: 1.0625rem; font-weight: 600; line-height: 1.4; }
.sc11__leg-w .podpis { display: block; margin-top: 2px; }
.sc11__leg-trasa { position: relative; width: 48px; height: 24px; flex: none; }
.sc11__leg-trasa i { position: absolute; left: 4px; right: 0; top: 11px; border-top: 2px solid var(--przeplyw); }
.sc11__leg-trasa::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #fff; border: 2px solid var(--przeplyw); box-sizing: border-box; z-index: 1; }
.sc11__leg-w--kraje { display: grid; gap: 8px; }
.sc11__kraje-t { font-size: 1.0625rem; font-weight: 600; }
.sc11__kraje { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.sc11__kraje li { display: inline-flex; align-items: center; min-height: 32px; padding: 3px 14px; border: 1.5px solid var(--obrys-ui); border-radius: 999px; font-size: .9375rem; font-weight: 600; }
.sc11__mapa-pole { min-width: 0; }
.sc11__mapa { position: relative; width: 100%; aspect-ratio: 180 / 227; --vx: 100; --vy: 10; --vw: 180; --vh: 227; }
.sc11__defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sc11__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.sc11__svg--d { display: none; }
.sc11__kraje-l { fill: none; stroke: var(--szkielet); stroke-width: 1; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.sc11__pl { fill: var(--panel); stroke: var(--czern); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.sc11__trasa { fill: none; stroke: var(--przeplyw); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.sc11__mapa [style*="--x"] { position: absolute; left: calc((var(--x) - var(--vx)) / var(--vw) * 100%); top: calc((var(--y) - var(--vy)) / var(--vh) * 100%); }
.sc11__pkt { width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #fff; border: 2px solid var(--przeplyw); z-index: 2; }
.sc11__grot { width: 12px; height: 12px; margin: -6px 0 0 -2px; overflow: visible; z-index: 2; }
.sc11__grot path { fill: none; stroke: var(--przeplyw); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sc11__et { transform: translate(-50%, -50%); white-space: nowrap; font-size: 14px; font-weight: 600; line-height: 1.2; z-index: 2; }
.sc11__et--kraj { font-size: 16px; font-weight: 700; }
.sc11__et--miasto { transform: translate(12px, -50%); font-size: 14px; padding: 3px 8px; background: #fff; border: 1px solid var(--linia); border-radius: 999px; }
.sc11__et--inny { display: none; color: var(--stal); font-weight: 500; }
.sc11__plak { right: 3%; top: 5%; max-width: 166px; display: grid; gap: 6px; z-index: 3; }
.sc11__plak-t { font-size: 13px; font-weight: 600; color: var(--stal); }
.sc11__pola { display: flex; flex-wrap: wrap; gap: 6px; }
.sc11__podpis { margin-top: 12px; font-size: .9375rem; line-height: 1.45; color: var(--stal); font-weight: 500; }
@media (max-width: 767px) {
  .sc11__mapa-pole { order: -1; }
}
@media (min-width: 768px) {
  .sc11__mapa { aspect-ratio: 358 / 240; --vx: 2; --vy: 5; --vw: 358; --vh: 240; }
  .sc11__svg--d { display: block; }
  .sc11__svg--t { display: none; }
  .sc11__et--inny { display: block; }
  .sc11__plak { right: auto; left: 58%; top: 26%; max-width: none; padding: 12px 14px; }
}
@media (min-width: 1024px) {
  .sc11 { column-gap: 24px; }
  .sc11__mapa-pole { grid-column: span 9; }
  .sc11__leg { align-self: end; padding-bottom: 72px; }
  .sc11__podpis { text-align: right; }
}

/* ---------- 7. #porownanie ---------- */
.tp th[scope="col"]:not(.my) { color: var(--czern); }
.tp tbody th { font-size: 1rem; line-height: 1.4; }
.tp td, .tp tbody th { height: 56px; }
.tp .wart b { font-weight: 600; }
.tp sup a { font-size: .75em; color: var(--stal); text-decoration: none; margin-left: 2px; }
.tp__tel .tpor-karta dd b { font-weight: 600; }
.tp__tel .tpor-karta h3 { font-size: 1.0625rem; }
.tp__tel .tpor-karta dd .ik { margin-top: 2px; }
.tp__zr { margin-top: 20px; font-size: .9375rem; line-height: 1.45; color: var(--stal); max-width: 96ch; }

/* ---------- 8. #wyniki: pas wyników i karta case ---------- */
.wn { display: grid; gap: 24px; }
.wn__podpis { margin-top: -12px; }
.wn__kafel { position: relative; border-radius: var(--r-m); padding: 48px 24px 28px; }
.wn__pig { position: absolute; top: 0; left: 24px; transform: translateY(-50%); background: var(--panel); border-color: var(--panel); max-width: calc(100% - 48px); }
.wn__pig .ik { color: var(--ok); }
.wn__case { display: grid; overflow: hidden; }
.wn__okl { position: relative; background: var(--pole); display: grid; place-items: center; padding: 56px 20px 32px; aspect-ratio: 1 / 1; container-type: inline-size; }
.wn__et { position: absolute; left: 20px; top: 16px; margin: 0; color: var(--czern); }
.wn__mk { width: 88%; height: auto; }
.wn__mk .mk__ekran { gap: 12px; }
.wn__os { display: grid; gap: 6px; justify-items: start; }
.wn__pola { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@container (max-width: 340px) { .wn__mk .mk__bok { display: none; } .wn__mk .mk__app { grid-template-columns: 1fr; } }
.wn__tresc { padding: 24px; display: grid; gap: 14px; justify-items: start; align-content: start; }
.wn__tresc > p { max-width: 58ch; }
.wn__glos { padding: 20px; background: var(--tlo-2); border: 0; gap: 10px; }
.wn__glos .glos__cyt { font-size: 1.125rem; }
.wn__glos .glos__pod { color: var(--stal); }
.wn__glos .glos__gw { color: var(--czern); }
@media (min-width: 768px) {
  .wn__kafel { padding: 56px 48px 44px; }
  .wn__pig { left: 48px; }
  .wn__case { grid-template-columns: 320px minmax(0, 1fr); }
  .wn__okl { aspect-ratio: auto; }
  .wn__tresc { padding: 32px; }
}
@media (min-width: 1024px) {
  .wn { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .wn__kafel, .wn__case, .wn__podpis { grid-column: 2 / span 10; }
  .wn__case { grid-template-columns: 360px minmax(0, 1fr); }
}

/* ---------- 9. #faq ---------- */
.bfaq { row-gap: 24px; }
.bfaq__lewa { display: grid; gap: 24px; align-content: start; }
.bfaq__lewa .etykieta { margin-bottom: 12px; }
.bfaq__foto { aspect-ratio: 4 / 3; margin: 0; }
.bfaq__wszystkie { margin-top: 16px; }
@media (min-width: 1024px) { .bfaq__foto { aspect-ratio: 1 / 1; } }
@media (min-width: 1024px) {
  .bfaq { column-gap: 24px; }
  .bfaq__lewa { padding-right: 24px; gap: 40px; }
}

/* ---------- 10. Finał (wzór S14) ---------- */
.final .g12 { row-gap: 32px; align-items: start; }
.final__lewa { display: grid; gap: 20px; }
.final__lewa .kroz { margin-top: 12px; }
@media (min-width: 1024px) {
  .final .g12 { column-gap: 24px; }
  .final__lewa { padding-right: 48px; }
  .final__lewa .kroz { max-width: 360px; }
}

/* szeroki ekran */
@media (min-width: 1600px) {
  .hero-komp, .bh__komp, .tc__komp { max-width: 720px; }
  .wdr__komp { max-width: 720px; }
}
/* Przed/Po: nieaktywny panel znika całkowicie (sama przezroczystość nie wystarczała, oba widoki się nakładały) 27.09 */
@media (min-width: 1024px) {
  html.js .tyd__panel { visibility: hidden; transition: opacity 300ms var(--krzywa), transform 300ms var(--krzywa), visibility 0s linear 300ms; }
  html.js .tyd__panel.jest-stan { visibility: visible; transition: opacity 300ms var(--krzywa), transform 300ms var(--krzywa), visibility 0s; }
  html.js .tyd__panel:not(.jest-stan) * { visibility: hidden !important; }
}