/* Стили для кнопок типа бани, материала и размера */
.bath-type, .bath-material, .bath-size {
  cursor: pointer;
  border: 1px solid #1D1E19;
  border-radius: 2px;
  padding: 4px 10px; /* Изменяем отступы для кнопок */
  margin-right: 2px;
  font-size: 10px; /* Размер шрифта */
  align-self: flex-end; /* Размещаем кнопки внизу контейнера */
}


/* Применяем стили для кнопок к контейнеру .button-container */
.button-container {
  display: flex; /* Размещаем дочерние элементы в ряд */
  flex-direction: column; /* Размещаем дочерние элементы вертикально */
  align-items: flex-end; /* Выравниваем элементы по вертикали к нижней границе контейнера */
  height: 100%; /* Устанавливаем высоту контейнера на всю доступную высоту */
}

/* Стили для активных кнопок */
.bath-type.active, .bath-material.active, .bath-size.active {
  background-color: #008000;
  color: #fff;
}

/* Стили для контейнера кнопок типа бани */
.bath-type-container, .bath-material-container, .bath-size-container {
  margin-bottom: 10px;
}

/* Стили для контейнера с ценой */
.bath-price {
  margin-top: 20px;
  font-weight: bold;
  color: #FFFFFF;
}

/* Стили для изображений */
#bath-image-container img {
  width: 100%; /* Устанавливаем ширину изображения на 100% от родительского контейнера */
  height: auto; /* Автоматическое определение высоты, чтобы сохранить пропорции */
}

/* Пример стилей для адаптации iframe под мобильные устройства */
#iframe-container {
  width: 100%; /* Установка ширины на 100% */
}

/* Стили для десктопной версии */
#iframe-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* Сохраняем аспектное соотношение 16:9 */
}

/* Стили для мобильной версии */
@media only screen and (max-width: 1290px) {
  #iframe-container {
    padding-top: 177.77%; /* Аспектное соотношение 9:16 */
  }
}

#iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



@media screen and (max-width: 768px) {
  .bath-type, .bath-material, .bath-size {
    margin-bottom: 8px; /* Вертикальный отступ между кнопками */
    margin-left: 5px; /* Горизонтальный отступ слева */
    margin-right: 5px; /* Горизонтальный отступ справа */
    font-size: 18px; /* Увеличиваем размер шрифта на 2 пикселя */
    border-radius: 10px; /* Закругляем углы */
  }
}