/* Астропрогноз на неделю — карусель карточек. Всё scoped под .yoga-astro-forecast. */
.yoga-astro-forecast { margin: 28px auto; max-width: 1100px; }
.yoga-astro-forecast__header { text-align: center; margin-bottom: 16px; }
.yoga-astro-forecast__eyebrow { margin: 0 0 4px; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; opacity: .7; }
.yoga-astro-forecast__title { margin: 0; font-size: clamp(20px, 3vw, 28px); }
.yoga-astro-forecast__intro { margin: 8px auto 0; max-width: 640px; opacity: .85; }

.yoga-astro-forecast__carousel { position: relative; display: flex; align-items: center; gap: 8px; }

.yoga-astro-forecast__track {
  display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
  padding: 4px 4px 14px; flex: 1 1 auto; scrollbar-width: thin;
}
.yoga-astro-forecast__card {
  flex: 0 0 auto; width: clamp(220px, 72vw, 300px); margin: 0;
  scroll-snap-align: center;
}
.yoga-astro-forecast__card img {
  display: block; width: 100%; height: auto; border-radius: 14px;
  box-shadow: 0 6px 22px rgba(20, 50, 70, .18);
}
.yoga-astro-forecast__card figcaption {
  margin-top: 8px; text-align: center; font-size: 14px; font-weight: 600; opacity: .85;
}

/* Стрелки — прогрессивное улучшение; на тач/мобиле прячем, там нативный свайп. */
.yoga-astro-forecast__arrow {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid rgba(20, 50, 70, .18); background: #fff; color: #245a6e;
  font-size: 24px; line-height: 1; cursor: pointer; display: none;
}
.yoga-astro-forecast__arrow:hover { background: #f1f8fb; }
@media (min-width: 760px) {
  .yoga-astro-forecast__arrow { display: block; }
  .yoga-astro-forecast__card { width: 280px; }
}