/* ============ SPLIT (Autokar / Historia / kierunek "warto wiedzieć") ============ */
.split{ display: grid; grid-template-columns: minmax(0,1fr); gap: 32px; align-items: center; }
.split__media{ position: relative; }
.split__media img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius); box-shadow: 0 28px 56px rgba(16,13,43,.2); }
.split__chip{
  position: absolute; left: 22px; bottom: -18px;
  background: #fff; border-radius: var(--radius-sm);
  padding: 13px 18px; box-shadow: 0 14px 32px rgba(16,13,43,.22);
  display: flex; flex-direction: column; gap: 2px;
}
.split__chip strong{ font-size: 21px; font-weight: 800; color: var(--indigo); line-height: 1; }
.split__chip span{ font-size: 11px; color: var(--ink-faint); font-weight: 600; }
.split__body h2{ font-size: clamp(28px, 3.2vw, 40px); margin-bottom: 18px; }
.split__body p{ color: var(--ink-soft); line-height: 1.6; font-size: 15.5px; max-width: 46ch; margin-bottom: 22px; }
.check-list{ margin-bottom: 26px; }
.check-list li{ padding: 11px 0; border-top: 1px solid var(--line); font-size: 14.5px; padding-left: 24px; position: relative; }
.check-list li:last-child{ border-bottom: 1px solid var(--line); }
.check-list li::before{ content: ""; position: absolute; left: 2px; top: 19px; width: 6px; height: 6px; border-radius: 50%; background: var(--indigo); }
@media (min-width: 861px){ .split{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; } .split--rev .split__media{ order: 2; } }
/* Przyciski sekcji split: główny + telefon (Wynajem autokaru, klient 15.10) */
.split__actions{ display: flex; flex-wrap: wrap; gap: 12px; }
.split__phone svg{ width: 16px; height: 16px; flex-shrink: 0; }
/* Wyróżniona sekcja (Wynajem autokaru): tło, większe zdjęcie autokaru */
.split-featured{ background: var(--surface-2); }
.split-featured .split__media img{ aspect-ratio: 16/10; }
/* Pionowe zdjęcie przodu autokaru: 4:3 mieści lusterka i zderzak, kadr od lusterek w dół */
.split__media img.split__img--front{ aspect-ratio: 4/3; object-position: 50% 44%; }
@media (min-width: 861px){ .split-featured .split{ grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 56px; } }

/* ============ NOTES (Poradnik/Aktualności) - article cards ============ */
.notes-grid{ display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.notes-card{
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;
  transition: transform .25s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease, border-color .25s ease;
}
.notes-card:hover{ transform: translateY(-6px); box-shadow: 0 22px 44px rgba(16,13,43,.14); border-color: transparent; }
.notes-card__media{ aspect-ratio: 16/10; overflow: hidden; }
.notes-card__media img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.notes-card:hover .notes-card__media img{ transform: scale(1.06); }
.notes-card__body{ padding: 22px 22px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.notes-card__tag{ font-size: 12px; font-weight: 700; color: var(--indigo); text-transform: uppercase; letter-spacing: .04em; }
.notes-card__body h3, .notes-card__body h2{ font-size: 16.5px; font-weight: 700; line-height: 1.4; color: var(--ink); }
.notes-card__body p{ font-size: 13.5px; color: var(--ink-soft); line-height: 1.55; flex: 1; }
.notes-card__meta{
  display: flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 600; color: var(--ink-faint);
  margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line);
}
.notes-card__meta svg{ width: 13px; height: 13px; stroke: var(--ink-faint); transition: transform .18s ease; }
.notes-card:hover .notes-card__meta{ color: var(--indigo); }
.notes-card:hover .notes-card__meta svg{ stroke: var(--indigo); transform: translateX(3px); }
@media (min-width: 861px){ .notes-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }