.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid {
  padding-top: min(var(--section-top, 4rem), var(--bike-section-gap));
}

@media (min-width: 1024px) {
  .cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid {
    padding-top: var(--section-top, 4rem);
  }
}

/* columns per device from Görünüm › Masaüstü / Tablet / Mobil sütun sayısı */
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid__grid {
  display: grid;
  grid-template-columns: repeat(var(--bg-cols-m, 1), minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid__grid {
    grid-template-columns: repeat(var(--bg-cols-t, 2), minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid__grid {
    grid-template-columns: repeat(var(--bg-cols-d, 3), minmax(0, 1fr));
  }
}

.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid__cell {
  min-width: 0;
}

/* Layout variables read by PromoBanner */
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--pos-top {
  --banner-justify: flex-start;
}
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--pos-center {
  --banner-justify: center;
}
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--pos-bottom {
  --banner-justify: flex-end;
}

.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--align-center {
  --banner-align: center;
  --banner-text-align: center;
}

.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--title-sm {
  --banner-title-size: 1.625rem;
  --banner-title-size-mobile: 1.5rem;
}
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--title-md {
  --banner-title-size: 1.75rem;
  --banner-title-size-mobile: 1.5rem;
  --banner-pad: 1.875rem;
}
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--title-lg {
  --banner-content-max: 45rem;
  --banner-title-size: 2.75rem;
  --banner-title-size-mobile: 1.75rem;
  --banner-pad: 2.5rem;
}

/* Kart oranı: the cell takes its height from its width; the banner (and the slot wrapper around it) fills it */
.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--ratio .bike-banner-grid__cell {
  display: flex;
  flex-direction: column;
  aspect-ratio: var(--bg-ratio);
}

.cc_J2aTpvNHJ1_9NGdPGpaoj .bike-banner-grid--ratio .bike-banner-grid__cell > * {
  flex: 1 1 auto;
  min-height: 0;
}