/* related-carousel.css */
.related-carousel {
  width: 100%;
  overflow: hidden;
  padding: 32px 0 24px;
  background: linear-gradient(135deg, rgba(78,205,196,.08), rgba(255,107,157,.08));
}
.related-carousel__track {
  display: flex;
  gap: 16px;
  overflow: hidden;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  padding: 0 16px;
}
.related-carousel__track.is-dragging {
  cursor: grabbing;
}
.related-carousel__card {
  flex: 0 0 calc(50% - 24px);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  transition: transform .3s, box-shadow .3s;
  display: block;
}
.related-carousel__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.related-carousel__card img {
  width: 100%;
  aspect-ratio: 768 / 400;
  object-fit: cover;
  display: block;
  opacity: 1 !important;
}
.related-carousel__label {
  display: block;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.3;
  color: #333;
  background: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  min-height: 52px;
}
@media (max-width: 768px) {
  .related-carousel__card {
    flex: 0 0 calc(100% - 32px);
    border-radius: 18px;
  }
  .related-carousel__card img {
    aspect-ratio: 768 / 400;
  }
  .related-carousel__label {
    font-size: 14px;
    padding: 12px 14px;
    min-height: 44px;
  }
  .related-carousel {
    padding: 24px 0 16px;
  }
}