/* SplitBanner — 560px, 2 sütun: solda görsel, sağda siyah panel.
   Mobilde tek sütun, görsel üstte 320px. */
.cc_ozkoxgz2_va8Cf5Q9nP .som-split {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__media {
  width: 100%;
  height: 20rem; /* 320px — mobil */
  overflow: hidden;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__panel {
  background: var(--som-ink);
  color: var(--kombos-white);
  display: flex;
  align-items: center;
  padding: 3rem 1.5rem;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__label {
  margin: 0;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: inherit;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.3125rem;
  text-transform: uppercase;
  color: inherit;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__desc {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.8;
  color: #cccccc;
  max-width: 34rem;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  padding: 0.875rem 1.875rem;
  border: 1px solid var(--kombos-white);
  background: var(--kombos-white);
  color: var(--som-ink);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.cc_ozkoxgz2_va8Cf5Q9nP .som-split__cta:hover {
  background: transparent;
  color: var(--kombos-white);
}

/* Masaüstü: 560px yükseklik, iki eşit sütun, panelde 90px yan boşluk */
@media (min-width: 768px) {
  .cc_ozkoxgz2_va8Cf5Q9nP .som-split {
    grid-template-columns: 1fr 1fr;
    min-height: 35rem; /* 560px */
  }

  .cc_ozkoxgz2_va8Cf5Q9nP .som-split__media {
    height: auto;
    min-height: 35rem;
  }

  .cc_ozkoxgz2_va8Cf5Q9nP .som-split__panel {
    padding: 3rem 5.625rem; /* 90px yan */
  }

  /* Görsel sağda: DOM sırası korunur, sadece sütunlar yer değiştirir —
     böylece ekran okuyucu metni görselden önce okur. */
  .cc_ozkoxgz2_va8Cf5Q9nP .som-split--image-right .som-split__media {
    grid-column: 2;
    grid-row: 1;
  }

  .cc_ozkoxgz2_va8Cf5Q9nP .som-split--image-right .som-split__panel {
    grid-column: 1;
    grid-row: 1;
  }
}