.hero-ram {
  margin-top: 0.5rem;
}

.hero-content--ram {
  gap: 0.5rem;
}

.tuning-in {
  padding: 0 1rem;

  h2 {
    text-align: center;
    margin-top: 1rem;
  }

  p {
    margin-bottom: 1rem;
  }
}

.stickers {
  padding: 0 1rem;

  h2 {
    text-align: center;
    margin-top: 1rem;
  }

  p {
    margin-bottom: 1rem;
  }
}

.podcast-flex-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  gap: 1rem;

  @media (min-width: 50rem) {
    flex-direction: row;
    justify-content: center;
  }
}

.podcast-flex-section > div {
  width: 100%;
  max-width: 15rem;
}

.podcast-flex-section img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/*carousel*/
.sticker-slider-wrapper {
  position: relative;
  max-width: 20rem;
  margin: 0 auto;
}

.sticker-slider {
  display: flex;
  align-items: center;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; 
  -ms-overflow-style: none;
}

.sticker-slider::-webkit-scrollbar {
  display: none;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.5rem; 
  color: var(--color-link); 
  cursor: pointer;
  z-index: 2;
  transition: opacity ease 250ms;
}

.slider-arrow.prev {
  left: -2.5rem; 
}

.slider-arrow.next {
  right: -2.5rem; 
}

.slider-arrow:disabled {
  opacity: 0.5;
  cursor: default;
}

.sticker {
  flex: 1 0 100%;
  scroll-snap-align: start;
}


.ram-links {
  padding: 0 1rem;

  h2 {
    text-align: center;
    margin-top: 1rem;
  }

  p {
    margin-bottom: 1rem;
  }
}

.ram-list {
  padding: 0 0.5rem;

  > li {
    margin-bottom: 1rem;
  }
}