.cards-wrapper { width: 100%; overflow-x: hidden; /* Ukrycie scrolla na poziomie wrappera */ display: flex; justify-content: center; overscroll-behavior: contain; /* Zapobiega przewijaniu strony przy przewijaniu kart */ }
.cards { display: flex; justify-content: center; width: 100%; padding: 0 calc((100% - 1410px) / 2); overflow-x: auto; /* Poprawka – tylko przewijanie poziome */ overflow-y: hidden; /* Zapobieganie przewijaniu pionowemu */ overscroll-behavior-x: contain; scrollbar-width: none; touch-action: pan-x; /* Blokuje scrollowanie w pionie */ -webkit-overflow-scrolling: touch; /* Płynne przewijanie na iOS */ }
.cards::-webkit-scrollbar { width: 0 !important; display: none; }
.cards > * + * { margin-left: 15px; }
.cards::after { content: ""; display: block; flex: 0 0 var(--space); }
.card.card-with-number { flex: 1 0 auto; width: 100%; max-width: 360px; height: 440px; padding: 25px;overflow: hidden; }
.cards-with-number .card .card-heading { height: 70%; font-style: italic; }
.cards-with-number .card span.lp { font-size: 48px;}
.cards-with-number .card h3, .cards-with-number .card p { color: #fff; }

@media only screen and (max-width:1440px) {
    .cards {
        padding: 0 40px;
    }
}

@media only screen and (max-width:991px) {
.cards { padding: 0px 40px 40px 15px; }
.card.card-with-number { max-width: 320px; }
}