/* Базовые стили для контейнера */
.calendar-container {
  width: 100%;
  max-width: 800px; /* Максимальная ширина календаря */
  margin: 0 auto; /* Центрирование */
  padding: 20px; /* Отступы вокруг календаря */
}

/* Стили для iframe */
.calendar-container iframe {
  width: 100%; /* Ширина всегда 100% от родительского контейнера */
  height: 600px; /* Фиксированная высота для десктопов */
  border: none;
  border-radius: 12px;
}

/* Адаптация для планшетов */
@media (max-width: 1024px) {
  .calendar-container iframe {
    height: 500px; /* Уменьшаем высоту для планшетов */
  }
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .calendar-container iframe {
    height: 400px; /* Уменьшаем высоту для мобильных устройств */
  }
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 480px) {
  .calendar-container iframe {
    height: 300px; /* Минимальная высота для маленьких экранов */
  }
}