/* Peek carousel: visible-edge card carousel with prev/next margin and scale (3rd services view) */

.services-view-peek {
  position: relative;
  width: 100%;
  padding: 1rem 0;
}

.peek-carousel {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 1rem;
  padding: 1.5rem 15%;
  margin: 0 auto;
}

.peek-slide {
  flex: 0 0 280px;
  scroll-snap-align: center;
  scroll-snap-stop: optional;
}

.peek-slide .card {
  width: 100%;
  height: 100%;
  margin: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.peek-slide.active .card {
  transform: scale(1.05);
  z-index: 1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.peek-slide:not(.active) .card {
  transform: scale(0.95);
}

@media (max-width: 768px) {
  .peek-carousel {
    padding-left: 12%;
    padding-right: 12%;
  }
  .peek-slide {
    flex: 0 0 260px;
  }
}