/* Esfirum patches - правки поверх зібраного main.css (gulp не перезбираємо на проді).
   Кожен блок з датою і причиною. */

/* 07.10.2026 - прев'ю відео в героєві номера накривало кнопки.
   Причина: .room-hero-video позиціонувалось absolute, а containing block ставав
   .room-hero-bar через transform від GSAP-анімації, тому блок приземлявся на
   "check availability" (перекриття 36-50% на всіх телефонних ширинах, на 320-360px
   разом із центром кнопки - тап не працював) і картинка від'їжджала від своєї рамки.
   Фікс: на мобільному прев'ю стоїть у потоці під кнопками, картинка заповнює рамку. */
@media (max-width: 767px) {
	.room-hero-video {
		position: static;
		width: 140px;
		height: 190px;
		margin-top: 8px;
	}

	.room-hero-video-link {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.room-hero-video-media {
		position: static;
		width: 100%;
		height: 100%;
	}
}

/* 07.10.2026 - той самий спадок на планшетах 768-1023px: рамка прев'ю (364px) вилазила
   за межі свого блока 44px і обрізалась краєм екрана, а картинка через
   position:absolute лишалась поза рамкою. Повертаємо поведінку як на десктопі:
   рамка прив'язана до низу блока, картинка заповнює рамку. */
@media (min-width: 768px) and (max-width: 1023px) {
	.room-hero-video {
		position: relative;
		width: 140px;
		height: 44px;
	}

	.room-hero-video-link {
		position: absolute;
		right: 0;
		bottom: 0;
		left: auto;
		width: 140px;
		height: 190px;
	}

	.room-hero-video-media {
		position: static;
		width: 100%;
		height: 100%;
	}
}