/* ===== FST: compact slider ===== */
.fst-slider {
  position: relative;
  width: 100%;
  max-width: 560px;     /* компактный блок, подгони по макету */
  aspect-ratio: 4 / 3;  /* соотношение сторон; можно 16/9 или 1/1 */
  overflow: hidden;
  border-radius: 8px;
  background: var(--fst-cream, #eae9e4);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.fst-slider__track {
  position: relative;
  width: 100%;
  height: 100%;
}

.fst-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fst-slide.is-active { opacity: 1; }

.fst-slide picture, .fst-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* подрезаем по контейнеру */
  display: block;
}

/* Навигационные точки (если захотите — можно скрыть) */
.fst-slider__dots {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
}

.fst-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: rgba(1,20,35,.35);
  border: none;
  padding: 0;
  cursor: pointer;
}
.fst-dot.is-active { background: rgba(1,20,35,.9); }

/* Пауза по ховеру подсвечивается лёгким приподнятием */
.fst-slider:hover { transform: translateY(-1px); transition: transform .2s; }

/* respects reduced motion */
@media (prefers-reduced-motion: reduce) {
  .fst-slide { transition: none; }
}