.doctors-coverflow {
  position: relative;
}
.doctors-coverflow-stage {
  position: relative;
  height: 560px;
  padding-inline: 3.25rem;
  touch-action: pan-y;
}
.doctors-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(18.25rem, 78vw);
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease, filter 0.4s ease;
}
.doctors-slide.is-active {
  transform: translate(-50%, -52%) scale(1.05);
  opacity: 1;
  pointer-events: auto;
  z-index: 5;
}
.doctors-slide.is-side {
  opacity: 0.48;
  pointer-events: auto;
  z-index: 3;
  filter: saturate(0.75);
}
.doctors-slide[data-offset="-1"] {
  transform: translate(calc(-50% - min(26vw, 17.75rem)), -46%) scale(0.8);
}
.doctors-slide[data-offset="1"] {
  transform: translate(calc(-50% + min(26vw, 17.75rem)), -46%) scale(0.8);
}
.doctors-photo-fade img {
  object-position: top center;
}
.doctors-slide.is-side .doctors-photo-fade {
  opacity: 0.5;
}
.doctors-card {
  background: #fff;
  border-radius: 1.75rem;
  overflow: hidden;
  box-shadow: 0 18px 40px -18px rgba(27, 58, 107, 0.18);
}
.doctors-slide.is-active .doctors-card {
  box-shadow: 0 28px 50px -16px rgba(27, 58, 107, 0.22);
}
.doctors-book-btn {
  color: #1B3A6B;
  background: #fff;
  border: 1px solid rgba(27, 58, 107, 0.22);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.doctors-book-btn:hover,
.doctors-book-btn:focus-visible {
  background: #1B3A6B;
  color: #fff;
  border-color: #1B3A6B;
}
.doctors-book-btn svg {
  stroke: currentColor;
}
.doctors-nav {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  z-index: 8;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: #fff;
  border: 0;
  box-shadow: 0 10px 30px -12px rgba(27, 58, 107, 0.35);
  color: #1B3A6B;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.doctors-nav:hover {
  transform: translateY(-50%) translateY(-2px);
  box-shadow: 0 14px 32px -10px rgba(27, 58, 107, 0.4);
}
.doctors-nav-prev { left: 0; }
.doctors-nav-next { right: 0; }
.doctors-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1.25rem;
}
.doctors-dot {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #d4d7de;
  cursor: pointer;
  transition: width 0.3s ease, background 0.3s ease;
}
.doctors-dot.is-active {
  width: 1.65rem;
  background: hsl(var(--secondary));
}
@media (max-width: 900px) {
  .doctors-coverflow-stage { height: 520px; padding-inline: 2.75rem; }
  .doctors-slide[data-offset="-1"] {
    transform: translate(calc(-50% - 52%), -46%) scale(0.76);
  }
  .doctors-slide[data-offset="1"] {
    transform: translate(calc(-50% + 52%), -46%) scale(0.76);
  }
}
@media (max-width: 640px) {
  .doctors-coverflow-stage { height: 500px; padding-inline: 2.75rem; }
  .doctors-slide.is-side,
  .doctors-slide.is-far {
    opacity: 0;
    pointer-events: none;
  }
  .doctors-slide.is-active {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .doctors-slide,
  .doctors-nav,
  .doctors-dot {
    transition: none;
  }
}