/* S9 Jak zaczynamy v3 (04.10): trasa z przystankami (lewa 7/12) i przyklejony panel ceny (prawa 5/12). */
.s09-uklad { display: grid; gap: 32px; }
.s09-trasa { position: relative; display: grid; margin: 0; padding: 0; list-style: none; }
.s09-st { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 18px; padding-bottom: 28px; }
.s09-st:not(:last-child)::before { content: ""; position: absolute; left: 21px; top: 46px; bottom: 2px; border-left: 2px dashed var(--cr-marka-jasna); }
.s09-st__kropka { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--cr-tlo); border: 2px solid var(--cr-marka); font-family: var(--cr-f-nagl); font-size: 1.125rem; font-weight: 700; color: var(--cr-marka); }
.s09-st--meta .s09-st__kropka { background: var(--cr-marka); color: var(--cr-biel); }
.s09-st__t { padding-top: 2px; }
.s09-st__czas { display: inline-block; margin-bottom: 6px; padding: 3px 10px; border-radius: 999px; background: var(--cr-papier); font-family: var(--cr-f-nagl); font-size: 14px; font-weight: 600; color: var(--cr-marka); }
.s09-st h3 { font-size: 1.375rem; line-height: 1.25; }
.s09-st__opis { margin-top: 6px; font-size: 1.0625rem; line-height: 1.5; color: var(--cr-tekst-2); max-width: 56ch; }
.s09-st__lista { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 10px 0 0; padding: 0; list-style: none; }
.s09-st__lista li { display: flex; align-items: center; gap: 6px; font-size: .9375rem; color: var(--cr-tekst); }
.s09-st__lista .i { width: 18px; height: 18px; flex: none; color: var(--cr-marka); stroke-width: 2.25; }
.s09-cena { display: grid; gap: 14px; padding: 28px; border-radius: var(--cr-r-m); background: var(--cr-papier); }
.s09-cena h3 { font-size: 1.375rem; }
.s09-cena__lista { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.s09-cena__lista li { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--cr-marka); }
.s09-cena__lista .i { width: 20px; height: 20px; flex: none; }
.s09-cena__t { font-size: .9375rem; line-height: 1.5; color: var(--cr-tekst-2); }
.s09-btn { justify-self: start; margin-top: 6px; }
@media (min-width: 1024px) {
  .s09-uklad { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; align-items: start; }
  .s09-bok { position: sticky; top: calc(var(--cr-nagl-h) + 24px); margin-top: 120px; }
}