/* Skipped (covered by shared chunk CSS): ../../sub-components/Media/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/PillButton/styles.css */

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel {
  position: relative;
  flex: 0 0 var(--panel-basis, 100%);
  min-width: 0;
  scroll-snap-align: center;
  overflow: hidden;
  border-radius: var(--rounded-lg);
  background-color: var(--color-yuzey-sage);
  color: var(--color-marka-koyu);
  font-family: var(--font-govde);
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-light {
  color: var(--color-yuzey-krem);
  background-color: var(--color-marka-koyu);
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel .media-picture {
  position: absolute;
  inset: 0;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--color-marka-koyu);
  pointer-events: none;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-side {
  position: absolute;
  top: var(--spacing-xl);
  left: var(--spacing-base);
  z-index: 2;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: inherit;
  opacity: 0.75;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-base);
  height: 100%;
  padding: var(--spacing-xl) var(--spacing-lg);
  text-align: center;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-top .split-banner-panel-content {
  justify-content: flex-start;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-bottom .split-banner-panel-content {
  justify-content: flex-end;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-heading {
  margin: 0;
  max-width: 18ch;
  font-size: 28px;
  color: inherit;
}

.cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-subtext {
  margin: 0;
  max-width: 40ch;
  color: inherit;
  opacity: 0.86;
}

@media (min-width: 768px) {
  .cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-content {
    padding: var(--spacing-section-sm) var(--spacing-xl);
  }

  .cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-heading {
    font-size: 32px;
  }

  .cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-side {
    left: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .cc_giqaf1ns_xAYlgA5kUc .split-banner-panel {
    border-radius: var(--rounded-xl);
  }

  .cc_giqaf1ns_xAYlgA5kUc .split-banner-panel-heading {
    font-size: 40px;
  }
}