/* Rolki Krasnala: dwa rzedy, 9:16, lekkie (video preload=none + plakat). Mobile: przewijany rzad. */
.rolki-krasnal { padding: 56px 20px; background: #fff; text-align: center; }
.rolki-krasnal[hidden] { display: none; }
.rolki-krasnal .section-title { margin-bottom: 1.25rem; }
.rolki-krasnal .section-title + .rolki-row + .section-title { margin-top: 3rem; }
.rolki-row { display: flex; justify-content: center; gap: 20px; min-height: 462px; }
.rolka { flex: 0 1 260px; min-width: 0; }
.rolka video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; background: #111; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, .18); }
.rolki-cta { margin-top: 2.5rem; }
@media (max-width: 640px) {
  .rolki-krasnal { padding: 40px 0; }
  .rolki-krasnal .container { padding: 0; }
  .rolki-krasnal .section-title { padding: 0 16px; }
  .rolki-row { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 4px 16px 12px; gap: 14px; min-height: calc(min(62vw, 260px) * 16 / 9 + 16px); }
  .rolka { flex: 0 0 62vw; max-width: 260px; scroll-snap-align: center; }
  .rolki-cta { padding: 0 16px; }
}

/* odbior CMO+CSO 26.10: cena w przycisku bez lamania na 375 px */
.rolki-cta [data-current-price]{white-space:nowrap}