/* Keep the selected room clear of the fixed header. */
section.pages .rooms > .item[id^="oda-"] {
	scroll-margin-top: 156px;
}

section.rooms .items a.item:focus-visible {
	outline: 2px solid var(--firstcolor);
	outline-offset: 4px;
}

@media screen and (max-width: 967px) {
	[data-aos="fade-left"],
	[data-aos="fade-right"] {
		transform: none !important;
		transition-property: opacity !important;
	}
}

@media screen and (max-width: 670px) {
	section.pages .rooms > .item[id^="oda-"] {
		scroll-margin-top: 116px;
	}

	section#popup {
		padding: 16px;
		align-items: flex-start;
		align-items: safe center;
		overflow-y: auto;
	}

	section#popup div.box {
		box-sizing: border-box;
		width: 100%;
		max-width: 560px;
		min-width: 0;
		padding: 20px;
		overflow-wrap: anywhere;
	}

	section#popup div.box div.title {
		font-size: clamp(24px, 7vw, 34px);
		margin-bottom: 20px;
	}

	section#popup div.box div.text {
		font-size: 18px;
		margin-bottom: 20px;
	}
}