.scrp-wrap{max-width:1024px;margin:10px auto}
.scrp-field{margin-bottom:14px}
.scrp-field input[type="text"],.scrp-field input[type="email"],.scrp-field input[type="number"],.scrp-field input[type="date"],.scrp-field select,.scrp-field textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px}
.scrp-error{background:#fee2e2;border:1px solid #fecaca;padding:10px;border-radius:6px;margin-bottom:10px}
.scrp-success{background:#dcfce7;border:1px solid #bbf7d0;padding:10px;border-radius:6px;margin-bottom:10px}
.scrp-course-meta{margin-bottom:14px}
.scrp-free--ok{background:#eff6ff;border:1px solid #bfdbfe;padding:8px;border-radius:8px;margin-top:8px}
.scrp-free--full{background:#fef9c3;border:1px solid #fde68a;padding:8px;border-radius:8px;margin-top:8px}
.scrp-grid .scrp-card img{width:100%;height:220px;object-fit:cover;display:block}
/* --- NOWA DEFINICJA SIATKI --- */
/* Domyślnie (Komputery):  */
.scrp-grid {
    grid-template-columns: repeat(var(--scrp-cols, 3), 1fr);
}
/* Na telefonach (ekrany mniejsze niż 768px): ZAWSZE 1 kolumna */
@media (max-width: 768px) {
    .scrp-grid {
        grid-template-columns: 1fr !important;
    }
}