.elementor-97 .elementor-element.elementor-element-fd02e17{--display:flex;--margin-top:77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-97 .elementor-element.elementor-element-72a9c91{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-97 .elementor-element.elementor-element-704a4dd{text-align:center;}.elementor-97 .elementor-element.elementor-element-7c49091{text-align:center;}.elementor-97 .elementor-element.elementor-element-2ec5be6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-97 .elementor-element.elementor-element-2ec5be6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-2ec5be6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for mphbe-room, class: .elementor-element-56e33b3 *//* Загальна стилізація блоку картки */
.mphb-room-type {
  background-color: #2e3643; /* темно-сірий фон */
  color: #fff; /* білий текст */
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); /* м'яка тінь */
  font-family: 'Inter', sans-serif;
  font-size: 16px; /* загальний розмір шрифту */
  line-height: 1.6;
  margin-bottom: 32px;
}

/* Назва будинку */
.mphb-room-type h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  color: #fff;
}

/* Опис тексту */
.mphb-room-type p {
  font-size: 16px;
  margin-bottom: 16px;
  color: #ddd;
}

/* Заголовок "Деталі" */
.mphb-room-type p strong {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-top: 20px;
  margin-bottom: 12px;
  color: #fff;
}

/* Список деталей */
.mphb-room-type ul {
  padding-left: 18px;
  margin-bottom: 16px;
}

.mphb-room-type ul li {
  font-size: 15px;
  margin-bottom: 6px;
  color: #ccc;
}

/* Ціна */
.mphb-room-type .mphb-price {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #fff;
}

/* Кнопка перегляду */
.mphb-room-type .mphb-view-room-button {
  background-color: #007BFF;
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.mphb-room-type .mphb-view-room-button:hover {
  background-color: #0056b3;
}
a.mphb-room-type-title {
  font-size: 24px;      /* Зміни розмір за потреби */
  font-weight: 700;     /* Робимо жирним */
  color: #ffffff;       /* Білий або той, який тобі підходить */
  text-decoration: none; /* Прибрати підкреслення */
  display: inline-block;
  margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for mphbe-room, class: .elementor-element-f258b76 *//* Контейнер карточки */
.elementor-widget-mphb-single-room-type {
  background-color: #1e1e1e; /* фон */
  padding: 20px;
  border-radius: 12px;       /* закруглені кути */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* тінь */
  color: #ffffff;            /* основний текст */
  height: 100%;              /* рівна висота */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Назва помешкання */
.elementor-widget-mphb-single-room-type .mphb-room-type-title {
  font-size: 22px;
  font-weight: 700;
  color: #e91e63;
  margin-bottom: 12px;
  display: block;
}

/* Опис */
.elementor-widget-mphb-single-room-type .mphb-room-type-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #eeeeee;
}

/* Заголовок "Деталі" */
.elementor-widget-mphb-single-room-type h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 8px;
}

/* Список деталей */
.elementor-widget-mphb-single-room-type ul {
  list-style: disc inside;
  margin: 0 0 15px 0;
  padding: 0;
}
.elementor-widget-mphb-single-room-type ul li {
  font-size: 15px;
  margin-bottom: 5px;
}

/* Ціна */
.elementor-widget-mphb-single-room-type .mphb-room-type-price {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

/* Посилання "Переглянути деталі" */
.elementor-widget-mphb-single-room-type .mphb-room-type-view-button {
  font-size: 14px;
  color: #f06292;
  text-decoration: underline;
  margin-bottom: 10px;
  display: inline-block;
}

/* Кнопка "Забронювати" */
.elementor-widget-mphb-single-room-type .mphb-room-type-book-button {
  background-color: #3f51b5;
  color: #ffffff;
  border-radius: 30px;
  padding: 10px 24px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}
.elementor-widget-mphb-single-room-type .mphb-room-type-book-button:hover {
  background-color: #303f9f;
}/* End custom CSS */
/* Start custom CSS for mphbe-room, class: .elementor-element-4c8492f *//* Контейнер карточки */
.elementor-widget-mphb-single-room-type {
  background-color: #1e1e1e; /* фон */
  padding: 20px;
  border-radius: 12px;       /* закруглені кути */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* тінь */
  color: #ffffff;            /* основний текст */
  height: 100%;              /* рівна висота */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Назва помешкання */
.elementor-widget-mphb-single-room-type .mphb-room-type-title {
  font-size: 22px;
  font-weight: 700;
  color: #e91e63;
  margin-bottom: 12px;
  display: block;
}

/* Опис */
.elementor-widget-mphb-single-room-type .mphb-room-type-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #eeeeee;
}

/* Заголовок "Деталі" */
.elementor-widget-mphb-single-room-type h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 8px;
}

/* Список деталей */
.elementor-widget-mphb-single-room-type ul {
  list-style: disc inside;
  margin: 0 0 15px 0;
  padding: 0;
}
.elementor-widget-mphb-single-room-type ul li {
  font-size: 15px;
  margin-bottom: 5px;
}

/* Ціна */
.elementor-widget-mphb-single-room-type .mphb-room-type-price {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

/* Посилання "Переглянути деталі" */
.elementor-widget-mphb-single-room-type .mphb-room-type-view-button {
  font-size: 14px;
  color: #f06292;
  text-decoration: underline;
  margin-bottom: 10px;
  display: inline-block;
}

/* Кнопка "Забронювати" */
.elementor-widget-mphb-single-room-type .mphb-room-type-book-button {
  background-color: #3f51b5;
  color: #ffffff;
  border-radius: 30px;
  padding: 10px 24px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}
.elementor-widget-mphb-single-room-type .mphb-room-type-book-button:hover {
  background-color: #303f9f;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ec5be6 */.custom-room-card {
  background-color: #1e1e1e;         /* Темно-сірий фон */
  color: #fff;                       /* Білий текст */
  padding: 24px;                     /* Внутрішній відступ */
  border-radius: 24px;               /* Закруглені кути */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); /* Тінь */
  margin: 0;                         /* Без зовнішнього відступу */
  border: none;                      /* Без рамки */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Стилі зображення */
.custom-room-card img {
  border-radius: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: auto;
}

/* Заголовок */
.custom-room-card , 
.custom-room-card h3, 
.custom-room-card h4 {
  margin-top: 0;
  color: #fff;
}

/* Список деталей */
.custom-room-card ul {
  padding-left: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* Кнопка */
.custom-room-card .mphb-room-type-button {
  background-color: #007bff;
  color: #fff;
  padding: 12px 20px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  margin-top: auto;
  transition: all 0.3s ease;
  display: inline-block;
  width: fit-content;
}

.custom-room-card .mphb-room-type-button:hover {
  background-color: #0056b3;
}/* End custom CSS */