/** Hotfix CSS after optimization **/

#slideTourCat a img {
	width: auto;
}

/** CLS Fix: Ensure lazyloaded images reserve space via width/height attributes **/
img[width][height] {
	height: auto;
	aspect-ratio: attr(width) / attr(height);
}
img.lazyload {
	background-color: #f0f0f0;
}

/** CLS Fix: Slider container reserves space to prevent layout shift **/
.dlv-box-slide {
	min-height: 345px;
	background-color: #f0f0f0;
}
@media (max-width: 767px) {
	.dlv-box-slide {
		min-height: fit-content;
	}
}

/** CLS Fix: Responsive picture elements maintain aspect ratio **/
.dlv-box-slide .item .img picture img {
	width: 100%;
	height: auto;
	aspect-ratio: 1400 / 430;
	object-fit: cover;
}
@media (max-width: 767px) {
	.dlv-box-slide .item .img picture img {
		aspect-ratio: 375 / 200;
	}
}

div#promo-popup-modal .modal-dialog {
	left: auto;
	width: 600px;
	margin: 0 auto;
	height: 100%;
	display: flex;
}

div#promo-popup-modal .modal-content {
	box-shadow: none;
	border: 0;
	border-radius: 0;
	background: none;
	margin: auto;
}

div#promo-popup-modal .modal-header {
	height: 0;
	padding: 0;
	border: 0;
	min-height: 0;
}

div#promo-popup-modal .modal-header button {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	opacity: 0.7;
	width: 20px;
}

div#promo-popup-modal .modal-body {
	padding: 0;
}
@media(max-width: 767px) {
	div#promo-popup-modal .modal-dialog {
		width: 100%;
		max-width: 320px;
		display: block;
		height: auto;
		top: calc(50% - 160px);
	}
}