.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__products {
  flex: 999 1 40rem;
  min-width: 0;
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card {
  position: relative;
  display: flex;
  flex: 1 1 22.5rem;
  min-height: 17.5rem;
  overflow: hidden;
  border-radius: var(--bike-radius-block);
  background: var(--bike-navy);
  color: var(--bike-white);
  isolation: isolate;
}

@media (min-width: 1024px) {
  .cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card {
    min-height: 26.25rem;
  }

  /* Tam genişlik: one row; the promo card is as wide as its image ratio at the slider's height (--promo-w, set by
     the section), the slider takes the rest */
  .cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__layout.is-wide {
    flex-wrap: nowrap;
  }

  .cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__layout.is-wide .bike-picks__products {
    flex: 1 1 0;
  }

  .cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__layout.is-wide .bike-picks__card {
    flex: 0 0 var(--promo-w, 22.5rem);
    /* a long title wraps instead of widening the card past the image ratio */
    min-width: 0;
  }
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card-img {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(29, 38, 51, 0.75), rgba(29, 38, 51, 0.1) 70%);
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card-body {
    padding: 2rem;
  }
}

.cc_J2aTpvNHJ1_w7MsQCv0KJ .bike-picks__card-title {
  margin: 0;
}