.cc_v2hx42ht_iEEBqZPYFu .firsts-rail {
  position: relative;
  background: var(--fidan-ink);
  color: var(--fidan-white);
  border-radius: var(--fidan-radius-lg) var(--fidan-radius-lg) 0 0;
  padding-bottom: 3.5rem;
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__pin {
  padding-top: 3.5rem;
}

@media (min-width: 1024px) {
  .cc_v2hx42ht_iEEBqZPYFu .firsts-rail { padding-bottom: 0; }
  .cc_v2hx42ht_iEEBqZPYFu .firsts-rail__pin {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 4.5rem;
  }
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 2rem;
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__title { font-size: clamp(2.4rem, 5vw, 4.4rem); color: var(--fidan-white); }
.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__soft { color: var(--fidan-butter) !important; }

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__text {
  display: block;
  max-width: 26rem;
  color: rgba(255, 255, 255, 0.72);
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__row {
  display: flex;
  gap: 1rem;
  padding: 0.5rem 1rem 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  will-change: transform;
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__row::-webkit-scrollbar { display: none; }

@media (min-width: 1024px) {
  .cc_v2hx42ht_iEEBqZPYFu .firsts-rail__row { overflow: visible; padding-left: 2.5rem; gap: 1.25rem; }
}

@media (min-width: 1280px) {
  .cc_v2hx42ht_iEEBqZPYFu .firsts-rail__row { padding-left: 6rem; }
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__card {
  position: relative;
  flex: 0 0 min(78vw, 22.5rem);
  display: flex;
  flex-direction: column;
  border-radius: var(--fidan-radius-lg);
  overflow: hidden;
  background: var(--fidan-white);
  color: var(--fidan-ink);
  text-decoration: none;
  scroll-snap-align: start;
  transition: transform 0.4s var(--fidan-ease);
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__card:hover { transform: translateY(-6px) rotate(-0.6deg); }

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__ph {
  display: block;
  aspect-ratio: 4 / 3.3;
  overflow: hidden;
  background: var(--fidan-tissue);
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__ph img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__n {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--fidan-butter);
  box-shadow: var(--fidan-puff);
  font-family: var(--fidan-font-soft);
  font-weight: 800;
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  padding: 1.1rem 1.2rem 1.3rem;
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__h { font-size: 1.6rem; }

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__p { display: block; color: var(--fidan-ink-2); }

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.3rem;
  padding-bottom: 0.1rem;
  border-bottom: 2px solid var(--fidan-butter);
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__bar {
  position: relative;
  height: 0.375rem;
  margin-top: 2rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.cc_v2hx42ht_iEEBqZPYFu .firsts-rail__bar i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 999px;
  background: var(--fidan-butter);
}