/* Start custom CSS *//* ============================================================
   SJO — Cambridge Digital v2 — CSS
   Wklej do: WordPress → Wygląd → Personalizuj → Dodatkowy CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Lora:wght@600&display=swap');

.sjo-cd2 *, .sjo-cd2 *::before, .sjo-cd2 *::after { box-sizing: border-box; }

.sjo-cd2 {
  --dark-green: #1B4D3E; --mid-green: #2D6A4F; --light-green: #52B788;
  --pale-green: #D8F3DC; --very-pale: #F0FAF2;
  --cambridge-red: #C8102E; --red-light: #FDEAEA;
  --sun: #F7A833; --sun-light: #FEF3DC;
  --text: #2C2C2A; --muted: #5F5E5A;
  --bg: #F0FAF2; --white: #fff; --border: #B7E4C7; --radius: 16px;
  font-family: 'Nunito', sans-serif !important;
  color: var(--text); width: 100%;
}

/* ── HERO ── */
.sjo-cd2 .sjo-hero {
  background: linear-gradient(135deg, #1B4D3E 0%, #2D6A4F 55%, #52B788 100%) !important;
  padding: 3.5rem 3rem 2.5rem !important; border-radius: var(--radius) !important;
  margin-bottom: 1.5rem !important; position: relative !important; overflow: hidden !important;
  text-align: center !important;
}
.sjo-cd2 .sjo-hero::before {
  content: '' !important; position: absolute !important;
  top: -100px !important; right: -100px !important; width: 350px !important; height: 350px !important;
  background: rgba(255,255,255,.06) !important; border-radius: 50% !important;
}
.sjo-cd2 .sjo-hero::after {
  content: '' !important; position: absolute !important;
  bottom: -80px !important; left: -80px !important; width: 250px !important; height: 250px !important;
  background: rgba(255,255,255,.04) !important; border-radius: 50% !important;
}
.sjo-cd2 .sjo-cambridge-logo {
  background: white !important; border-radius: 12px !important;
  padding: 10px 24px !important; display: inline-block !important;
  margin-bottom: 1.75rem !important; position: relative !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.2) !important;
}
.sjo-cd2 .sjo-cambridge-logo img { height: 44px !important; display: block !important; width: auto !important; }
.sjo-cd2 .sjo-hero h1 {
  font-family: 'Lora', serif !important; font-size: 2.6rem !important;
  font-weight: 600 !important; color: #fff !important;
  line-height: 1.2 !important; margin: 0 0 1rem !important; position: relative !important;
}
.sjo-cd2 .sjo-hero h1 em { color: var(--sun) !important; font-style: normal !important; }
.sjo-cd2 .sjo-hero-lead {
  font-size: 16px !important; color: rgba(255,255,255,.9) !important;
  line-height: 1.6 !important; margin: 0 auto 2rem !important;
  max-width: 600px; font-family: 'Nunito', sans-serif !important; position: relative !important;
}

/* ── ALERT ── */
.sjo-cd2 .sjo-alert {
  background: var(--red-light) !important; border: 2px solid var(--cambridge-red) !important;
  border-radius: 12px !important; padding: 1rem 1.5rem !important;
  display: inline-flex !important; align-items: flex-start !important; gap: 12px !important;
  font-size: 14px !important; font-weight: 700 !important; color: #8B0000 !important;
  font-family: 'Nunito', sans-serif !important; position: relative !important;
  margin-bottom: 2rem !important; max-width: 620px !important; text-align: left !important;
}
.sjo-cd2 .sjo-alert-icon { font-size: 1.5rem !important; flex-shrink: 0 !important; margin-top: 2px !important; }

/* ── PRZYCISKI ── */
.sjo-cd2 .sjo-hero-btns { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; position: relative !important; }
.sjo-cd2 .sjo-btn-primary {
  background: var(--sun) !important; color: var(--dark-green) !important;
  border: none !important; border-radius: 50px !important; padding: 15px 36px !important;
  font-family: 'Nunito', sans-serif !important; font-size: 16px !important; font-weight: 800 !important;
  text-decoration: none !important; display: inline-block !important; transition: all .2s !important;
  box-shadow: 0 4px 20px rgba(247,168,51,.45) !important;
}
.sjo-cd2 .sjo-btn-primary:hover { background: #e09520 !important; transform: translateY(-2px) !important; color: var(--dark-green) !important; }
.sjo-cd2 .sjo-btn-outline {
  background: transparent !important; color: #fff !important;
  border: 2px solid rgba(255,255,255,.6) !important; border-radius: 50px !important;
  padding: 13px 28px !important; font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important;
}
.sjo-cd2 .sjo-btn-outline:hover { background: rgba(255,255,255,.15) !important; color: #fff !important; }
.sjo-cd2 .sjo-btn-green {
  background: var(--dark-green) !important; color: #fff !important;
  border: none !important; border-radius: 50px !important; padding: 13px 28px !important;
  font-family: 'Nunito', sans-serif !important; font-size: 15px !important; font-weight: 700 !important;
  text-decoration: none !important; display: inline-block !important; transition: all .2s !important;
}
.sjo-cd2 .sjo-btn-green:hover { background: var(--mid-green) !important; transform: translateY(-1px) !important; color: #fff !important; }

/* ── SEKCJA TITLE ── */
.sjo-cd2 .sjo-section-title {
  font-family: 'Lora', serif !important; font-size: 1.6rem !important;
  font-weight: 600 !important; text-align: center !important;
  margin: 0 0 .5rem !important; color: var(--text) !important;
}
.sjo-cd2 .sjo-section-sub {
  font-size: 14px !important; color: var(--muted) !important;
  text-align: center !important; margin: 0 0 1.75rem !important;
  font-family: 'Nunito', sans-serif !important;
}

/* ── KORZYŚCI ── */
.sjo-cd2 .sjo-benefits { margin-bottom: 1.5rem !important; }
.sjo-cd2 .sjo-benefits-grid {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important;
}
.sjo-cd2 .sjo-benefit-card {
  background: var(--white) !important; border-radius: var(--radius) !important;
  padding: 1.5rem !important; border: 1.5px solid var(--border) !important;
  border-top: 4px solid var(--mid-green) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.sjo-cd2 .sjo-benefit-card:nth-child(1) { border-top-color: var(--mid-green) !important; }
.sjo-cd2 .sjo-benefit-card:nth-child(2) { border-top-color: var(--light-green) !important; }
.sjo-cd2 .sjo-benefit-card:nth-child(3) { border-top-color: var(--dark-green) !important; }
.sjo-cd2 .sjo-benefit-card:nth-child(4) { border-top-color: var(--sun) !important; }
.sjo-cd2 .sjo-benefit-card:nth-child(5) { border-top-color: var(--cambridge-red) !important; }
.sjo-cd2 .sjo-benefit-card:nth-child(6) { border-top-color: var(--mid-green) !important; }
.sjo-cd2 .sjo-benefit-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 28px rgba(0,0,0,.08) !important; }
.sjo-cd2 .sjo-benefit-emoji { font-size: 2.4rem !important; display: block !important; margin-bottom: .75rem !important; }
.sjo-cd2 .sjo-benefit-card h3 {
  font-family: 'Nunito', sans-serif !important; font-size: 15px !important;
  font-weight: 800 !important; color: var(--dark-green) !important; margin: 0 0 .5rem !important;
}
.sjo-cd2 .sjo-benefit-card p {
  font-size: 13px !important; color: var(--muted) !important;
  line-height: 1.6 !important; margin: 0 !important; font-family: 'Nunito', sans-serif !important;
}

/* ── TABELA ── */
.sjo-cd2 .sjo-compare { margin-bottom: 1.5rem !important; }
.sjo-cd2 .sjo-compare-wrap {
  border-radius: var(--radius) !important; overflow: hidden !important;
  border: 1.5px solid var(--border) !important;
}
.sjo-cd2 .sjo-compare-table { width: 100% !important; border-collapse: collapse !important; font-family: 'Nunito', sans-serif !important; }
.sjo-cd2 .sjo-compare-table thead tr { background: var(--dark-green) !important; }
.sjo-cd2 .sjo-compare-table thead th {
  padding: 1rem 1.5rem !important; font-size: 14px !important; font-weight: 800 !important;
  color: #fff !important; text-align: center !important;
}
.sjo-cd2 .sjo-compare-table thead th:first-child { text-align: left !important; }
.sjo-cd2 .sjo-compare-table tbody tr { border-bottom: 1px solid var(--border) !important; background: var(--white) !important; }
.sjo-cd2 .sjo-compare-table tbody tr:nth-child(even) { background: var(--very-pale) !important; }
.sjo-cd2 .sjo-compare-table tbody tr:last-child { border-bottom: none !important; }
.sjo-cd2 .sjo-compare-table tbody td { padding: .9rem 1.5rem !important; font-size: 13px !important; color: var(--text) !important; text-align: center !important; }
.sjo-cd2 .sjo-compare-table tbody td:first-child { text-align: left !important; font-weight: 700 !important; color: var(--dark-green) !important; }
.sjo-cd2 .sjo-td-paper { color: var(--muted) !important; }
.sjo-cd2 .sjo-td-digital { color: var(--mid-green) !important; font-weight: 800 !important; }

/* ── POZIOMY ── */
.sjo-cd2 .sjo-levels { margin-bottom: 1.5rem !important; }
.sjo-cd2 .sjo-levels-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 10px !important; }
.sjo-cd2 .sjo-level-card {
  background: var(--white) !important; border-radius: var(--radius) !important;
  padding: 1.25rem 1rem !important; text-align: center !important;
  border: 1.5px solid var(--border) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s !important;
}
.sjo-cd2 .sjo-level-card:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; border-color: var(--mid-green) !important; }
.sjo-cd2 .sjo-level-cefr {
  display: inline-block !important; font-size: 11px !important; font-weight: 800 !important;
  padding: 3px 12px !important; border-radius: 50px !important; margin-bottom: .6rem !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-level-card:nth-child(1) .sjo-level-cefr { background: var(--pale-green) !important; color: var(--dark-green) !important; }
.sjo-cd2 .sjo-level-card:nth-child(2) .sjo-level-cefr { background: #DCFCE7 !important; color: #166534 !important; }
.sjo-cd2 .sjo-level-card:nth-child(3) .sjo-level-cefr { background: var(--sun-light) !important; color: #854F0B !important; }
.sjo-cd2 .sjo-level-card:nth-child(4) .sjo-level-cefr { background: #FFEDD5 !important; color: #9A3412 !important; }
.sjo-cd2 .sjo-level-card:nth-child(5) .sjo-level-cefr { background: #FEE2E2 !important; color: #991B1B !important; }
.sjo-cd2 .sjo-level-name { font-family: 'Nunito', sans-serif !important; font-size: 13px !important; font-weight: 800 !important; color: var(--text) !important; display: block !important; margin-bottom: .2rem !important; }
.sjo-cd2 .sjo-level-school { font-size: 11px !important; color: var(--muted) !important; font-family: 'Nunito', sans-serif !important; }

/* ── STRUKTURA EGZAMINU ── */
.sjo-cd2 .sjo-structure {
  background: var(--very-pale) !important; border-radius: var(--radius) !important;
  padding: 2.5rem 3rem !important; margin-bottom: 1.5rem !important;
  border: 1.5px solid var(--border) !important;
}
.sjo-cd2 .sjo-structure-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; margin-top: 1.5rem !important; }
.sjo-cd2 .sjo-struct-card {
  background: var(--white) !important; border-radius: var(--radius) !important;
  padding: 1.5rem !important; border: 1.5px solid var(--border) !important;
  display: flex !important; gap: 14px !important; align-items: flex-start !important;
}
.sjo-cd2 .sjo-struct-icon {
  width: 52px !important; height: 52px !important; border-radius: 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 24px !important; flex-shrink: 0 !important;
}
.sjo-cd2 .sjo-struct-card:nth-child(1) .sjo-struct-icon { background: var(--pale-green) !important; }
.sjo-cd2 .sjo-struct-card:nth-child(2) .sjo-struct-icon { background: var(--sun-light) !important; }
.sjo-cd2 .sjo-struct-card h3 { font-family: 'Nunito', sans-serif !important; font-size: 15px !important; font-weight: 800 !important; color: var(--dark-green) !important; margin: 0 0 .4rem !important; }
.sjo-cd2 .sjo-struct-card p { font-size: 13px !important; color: var(--muted) !important; line-height: 1.6 !important; margin: 0 !important; font-family: 'Nunito', sans-serif !important; }
.sjo-cd2 .sjo-struct-card p strong { color: var(--text) !important; }

/* ── B2B BOX ── */
.sjo-cd2 .sjo-b2b {
  background: linear-gradient(135deg, #1B4D3E, #2D6A4F) !important;
  border-radius: var(--radius) !important; padding: 2rem 2.5rem !important;
  margin-bottom: 1.5rem !important; display: flex !important;
  align-items: center !important; gap: 2rem !important;
}
.sjo-cd2 .sjo-b2b-icon { font-size: 3.5rem !important; flex-shrink: 0 !important; }
.sjo-cd2 .sjo-b2b-text { flex: 1; }
.sjo-cd2 .sjo-b2b-text h3 { font-family: 'Lora', serif !important; font-size: 1.3rem !important; font-weight: 600 !important; color: #fff !important; margin: 0 0 .5rem !important; }
.sjo-cd2 .sjo-b2b-text p { font-size: 14px !important; color: rgba(255,255,255,.85) !important; line-height: 1.6 !important; margin: 0 !important; font-family: 'Nunito', sans-serif !important; }
.sjo-cd2 .sjo-b2b-btn {
  background: var(--sun) !important; color: var(--dark-green) !important;
  border-radius: 50px !important; padding: 12px 24px !important; white-space: nowrap !important;
  font-family: 'Nunito', sans-serif !important; font-size: 14px !important; font-weight: 800 !important;
  text-decoration: none !important; flex-shrink: 0 !important; display: block !important;
  transition: all .2s !important;
}
.sjo-cd2 .sjo-b2b-btn:hover { background: #e09520 !important; color: var(--dark-green) !important; }

/* ── FAQ ── */
.sjo-cd2 .sjo-faq { margin-bottom: 1.5rem !important; }
.sjo-cd2 .sjo-faq-list { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.sjo-cd2 .sjo-faq-item {
  background: var(--white) !important; border-radius: var(--radius) !important;
  border: 1.5px solid var(--border) !important; overflow: hidden !important;
  transition: border-color .2s !important;
}
.sjo-cd2 .sjo-faq-item:hover { border-color: var(--light-green) !important; }
.sjo-cd2 .sjo-faq-q {
  padding: 1.1rem 1.5rem !important; font-size: 14px !important; font-weight: 800 !important;
  color: var(--dark-green) !important; display: flex !important;
  align-items: center !important; gap: 12px !important; font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-faq-q-icon {
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  background: var(--pale-green) !important; color: var(--dark-green) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 14px !important; font-weight: 900 !important; flex-shrink: 0 !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-faq-a {
  padding: 0 1.5rem 1.1rem 3.6rem !important; font-size: 13px !important;
  color: var(--muted) !important; line-height: 1.7 !important; font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-faq-a strong { color: var(--text) !important; }

/* ── CTA KOŃCOWY ── */
.sjo-cd2 .sjo-cta {
  background: linear-gradient(135deg, #1B4D3E, #2D6A4F) !important;
  border-radius: var(--radius) !important; padding: 2.5rem 2rem !important;
  text-align: center !important; position: relative !important; overflow: hidden !important;
}
.sjo-cd2 .sjo-cta::before {
  content: '🎓' !important; position: absolute !important;
  font-size: 12rem !important; opacity: .05 !important; right: -20px !important; bottom: -20px !important;
}
.sjo-cd2 .sjo-cta h2 { font-family: 'Lora', serif !important; font-size: 1.7rem !important; font-weight: 600 !important; color: #fff !important; margin: 0 0 .75rem !important; }
.sjo-cd2 .sjo-cta p { font-size: 15px !important; color: rgba(255,255,255,.85) !important; margin: 0 0 1.75rem !important; font-family: 'Nunito', sans-serif !important; max-width: 520px; margin-left: auto !important; margin-right: auto !important; }
.sjo-cd2 .sjo-cta-btns { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; margin-bottom: 1.25rem !important; }
.sjo-cd2 .sjo-chips { display: flex !important; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; }
.sjo-cd2 .sjo-chip {
  display: flex !important; align-items: center !important; gap: 6px !important;
  background: rgba(255,255,255,.12) !important; border: 1.5px solid rgba(255,255,255,.25) !important;
  border-radius: 50px !important; padding: 7px 16px !important; font-size: 13px !important;
  font-weight: 700 !important; color: #fff !important; text-decoration: none !important;
  font-family: 'Nunito', sans-serif !important; transition: background .2s !important;
}
.sjo-cd2 .sjo-chip:hover { background: rgba(255,255,255,.22) !important; color: #fff !important; }

/* ── RESPONSYWNOŚĆ ── */
@media (max-width: 900px) {
  .sjo-cd2 .sjo-levels-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .sjo-cd2 .sjo-hero { padding: 2rem 1.5rem !important; }
  .sjo-cd2 .sjo-hero h1 { font-size: 1.9rem !important; }
  .sjo-cd2 .sjo-benefits-grid { grid-template-columns: 1fr !important; }
  .sjo-cd2 .sjo-levels-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .sjo-cd2 .sjo-structure { padding: 2rem 1.5rem !important; }
  .sjo-cd2 .sjo-structure-grid { grid-template-columns: 1fr !important; }
  .sjo-cd2 .sjo-b2b { flex-direction: column !important; text-align: center !important; padding: 1.5rem !important; }
  .sjo-cd2 .sjo-cta { padding: 2rem 1.5rem !important; }
}
@media (max-width: 480px) {
  .sjo-cd2 .sjo-hero h1 { font-size: 1.5rem !important; }
  .sjo-cd2 .sjo-levels-grid { grid-template-columns: 1fr 1fr !important; }
  .sjo-cd2 .sjo-compare-table { font-size: 11px !important; }
}

/* ── HERO Z OBRAZKIEM ── */
.sjo-cd2 .sjo-hero { text-align: left !important; padding: 3rem !important; }
.sjo-cd2 .sjo-hero-inner {
  display: flex !important; align-items: center !important; gap: 2.5rem !important;
}
.sjo-cd2 .sjo-hero-text { flex: 1; }
.sjo-cd2 .sjo-hero-img {
  flex-shrink: 0 !important; width: 420px !important;
  border-radius: var(--radius) !important; overflow: hidden !important;
}
.sjo-cd2 .sjo-hero-img img {
  width: 100% !important; display: block !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}
.sjo-cd2 .sjo-cambridge-logo { margin-bottom: 1.25rem !important; }
.sjo-cd2 .sjo-alert { max-width: 100% !important; }
.sjo-cd2 .sjo-hero-btns { justify-content: flex-start !important; }

/* ── KARTY KORZYŚCI Z OBRAZKIEM ── */
.sjo-cd2 .sjo-benefit-card {
  border-top: none !important;
  overflow: hidden !important;
  display: flex !important; flex-direction: column !important;
  padding: 0 !important;
}
.sjo-cd2 .sjo-benefit-img {
  width: 100% !important; height: 160px !important;
  object-fit: cover !important; display: block !important;
}
.sjo-cd2 .sjo-benefit-body {
  padding: 1.25rem !important; flex: 1 !important;
}
.sjo-cd2 .sjo-benefit-body h3 {
  font-family: 'Nunito', sans-serif !important; font-size: 14px !important;
  font-weight: 800 !important; color: var(--dark-green) !important;
  margin: 0 0 .5rem !important;
}
.sjo-cd2 .sjo-benefit-body p {
  font-size: 13px !important; color: var(--muted) !important;
  line-height: 1.6 !important; margin: 0 !important;
  font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-benefit-body em { font-style: italic !important; color: var(--text) !important; }
/* Karty bez obrazka — zastępujemy dużą ikonką */
.sjo-cd2 .sjo-benefit-card--text {
  background: var(--very-pale) !important;
  border-top: 4px solid var(--mid-green) !important;
}
.sjo-cd2 .sjo-benefit-card--text:nth-child(5) { border-top-color: var(--cambridge-red) !important; }
.sjo-cd2 .sjo-benefit-card--text:nth-child(6) { border-top-color: var(--sun) !important; }
.sjo-cd2 .sjo-benefit-icon-big {
  font-size: 3rem !important; padding: 1.25rem 1.25rem 0 !important;
  display: block !important;
}

/* ── STRUKTURA — KARTY Z OBRAZKIEM ── */
.sjo-cd2 .sjo-struct-card {
  display: flex !important; flex-direction: column !important;
  padding: 0 !important; overflow: hidden !important;
}
.sjo-cd2 .sjo-struct-card-img { width: 100% !important; }
.sjo-cd2 .sjo-struct-card-img img {
  width: 100% !important; height: 220px !important;
  object-fit: cover !important; display: block !important;
}
.sjo-cd2 .sjo-struct-card-body { padding: 1.5rem !important; }
.sjo-cd2 .sjo-struct-card-body h3 {
  font-family: 'Nunito', sans-serif !important; font-size: 15px !important;
  font-weight: 800 !important; color: var(--dark-green) !important; margin: 0 0 .5rem !important;
}
.sjo-cd2 .sjo-struct-card-body p {
  font-size: 13px !important; color: var(--muted) !important;
  line-height: 1.6 !important; margin: 0 !important; font-family: 'Nunito', sans-serif !important;
}
.sjo-cd2 .sjo-struct-card-body strong { color: var(--text) !important; }

/* ── B2B Z OBRAZKIEM ── */
.sjo-cd2 .sjo-b2b {
  padding: 0 !important; overflow: hidden !important;
  display: flex !important; align-items: stretch !important;
}
.sjo-cd2 .sjo-b2b-img { flex-shrink: 0 !important; width: 320px !important; }
.sjo-cd2 .sjo-b2b-img img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
}
.sjo-cd2 .sjo-b2b-content {
  flex: 1 !important; padding: 2rem 2.5rem !important;
  display: flex !important; flex-direction: column !important;
  align-items: flex-start !important; gap: 1rem !important;
}
.sjo-cd2 .sjo-b2b-icon { font-size: 3rem !important; }
.sjo-cd2 .sjo-b2b-text h3 {
  font-family: 'Lora', serif !important; font-size: 1.3rem !important;
  font-weight: 600 !important; color: #fff !important; margin: 0 0 .5rem !important;
}
.sjo-cd2 .sjo-b2b-text p {
  font-size: 14px !important; color: rgba(255,255,255,.85) !important;
  line-height: 1.6 !important; margin: 0 !important; font-family: 'Nunito', sans-serif !important;
}

/* ── RESPONSYWNOŚĆ — AKTUALIZACJA ── */
@media (max-width: 900px) {
  .sjo-cd2 .sjo-hero-inner { flex-direction: column !important; }
  .sjo-cd2 .sjo-hero-img { width: 100% !important; }
  .sjo-cd2 .sjo-hero { text-align: center !important; }
  .sjo-cd2 .sjo-hero-btns { justify-content: center !important; }
  .sjo-cd2 .sjo-alert { text-align: left !important; }
  .sjo-cd2 .sjo-b2b { flex-direction: column !important; }
  .sjo-cd2 .sjo-b2b-img { width: 100% !important; height: 220px !important; }
  .sjo-cd2 .sjo-b2b-img img { height: 220px !important; }
}/* End custom CSS */