:root{--owa-lightbox-final-v8-start:1;}

body.single-car #dagCarLightbox,
body.single-car .dag-car-single .car-lightbox{
	overflow:hidden!important;
}

body.single-car #dagCarLightbox .car-lightbox__dialog,
body.single-car .dag-car-single .car-lightbox .car-lightbox__dialog{
	box-sizing:border-box!important;
	display:grid!important;
	grid-template-columns:minmax(0,1fr)!important;
	grid-template-rows:minmax(0,1fr)!important;
	align-items:center!important;
	justify-items:center!important;
	width:min(1280px,calc(100vw - 32px))!important;
	max-width:calc(100vw - 32px)!important;
	height:calc(100vh - 32px)!important;
	max-height:calc(100vh - 32px)!important;
	margin:0 auto!important;
	padding:0!important;
	overflow:hidden!important;
	transform:none!important;
	left:auto!important;
	right:auto!important;
}

body.single-car #dagCarLightbox .car-lightbox__mid,
body.single-car .dag-car-single .car-lightbox .car-lightbox__mid{
	box-sizing:border-box!important;
	display:grid!important;
	grid-template-columns:minmax(0,1fr)!important;
	grid-template-rows:minmax(0,1fr) 98px!important;
	gap:10px!important;
	align-items:stretch!important;
	justify-items:stretch!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	height:100%!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
	transform:none!important;
	left:auto!important;
	right:auto!important;
}

body.single-car #dagCarLightbox .car-lightbox__figure,
body.single-car .dag-car-single .car-lightbox .car-lightbox__figure{
	box-sizing:border-box!important;
	grid-column:1!important;
	grid-row:1!important;
	display:grid!important;
	place-items:center!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	height:100%!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	position:relative!important;
	overflow:hidden!important;
	transform:none!important;
	left:auto!important;
	right:auto!important;
	background:transparent!important;
}

body.single-car #dagCarLightbox #dagCarLightboxImg,
body.single-car #dagCarLightbox .car-lightbox__figure img,
body.single-car .dag-car-single .car-lightbox .car-lightbox__figure img{
	box-sizing:border-box!important;
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	max-height:100%!important;
	min-width:0!important;
	min-height:0!important;
	margin:0 auto!important;
	object-fit:contain!important;
	object-position:center center!important;
	transform:none!important;
	position:static!important;
	inset:auto!important;
	flex:0 1 auto!important;
	opacity:1!important;
	filter:none!important;
}

body.single-car #dagCarLightbox #dagCarLightboxCap,
body.single-car #dagCarLightbox .car-lightbox__cap,
body.single-car .dag-car-single .car-lightbox .car-lightbox__cap{
	display:none!important;
	visibility:hidden!important;
	opacity:0!important;
	width:0!important;
	height:0!important;
	max-width:0!important;
	max-height:0!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	pointer-events:none!important;
	position:absolute!important;
	inset:auto!important;
	transform:none!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumbs-scroll,
body.single-car .dag-car-single .car-lightbox .car-lightbox__thumbs-scroll,
body.single-car #dagCarLightbox .car-lightbox__thumbs-slider,
body.single-car .dag-car-single .car-lightbox .car-lightbox__thumbs-slider{
	box-sizing:border-box!important;
	grid-column:1!important;
	grid-row:2!important;
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	height:98px!important;
	max-height:98px!important;
	margin:0!important;
	padding:0!important;
	position:relative!important;
	overflow:hidden!important;
	transform:none!important;
	flex:0 0 auto!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumbs,
body.single-car .dag-car-single .car-lightbox .car-lightbox__thumbs{
	box-sizing:border-box!important;
	display:flex!important;
	flex-direction:row!important;
	flex-wrap:nowrap!important;
	align-items:center!important;
	justify-content:flex-start!important;
	gap:10px!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	height:98px!important;
	max-height:98px!important;
	margin:0!important;
	padding:10px 8px 18px!important;
	overflow-x:auto!important;
	overflow-y:hidden!important;
	overscroll-behavior-x:contain!important;
	scroll-snap-type:x proximity!important;
	scroll-padding-inline:12px!important;
	-webkit-overflow-scrolling:touch!important;
	list-style:none!important;
	cursor:grab!important;
	touch-action:pan-x!important;
	scrollbar-width:thin!important;
	transform:none!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumb{
	box-sizing:border-box!important;
	display:block!important;
	flex:0 0 88px!important;
	width:88px!important;
	min-width:88px!important;
	max-width:88px!important;
	height:66px!important;
	min-height:66px!important;
	max-height:66px!important;
	margin:0!important;
	padding:0!important;
	scroll-snap-align:center!important;
	transform:none!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumb-btn{
	box-sizing:border-box!important;
	display:block!important;
	width:88px!important;
	min-width:88px!important;
	max-width:88px!important;
	height:66px!important;
	min-height:66px!important;
	max-height:66px!important;
	margin:0!important;
	padding:0!important;
	border-radius:12px!important;
	overflow:hidden!important;
	transform:none!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumb-btn img{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	max-height:100%!important;
	object-fit:cover!important;
	object-position:center center!important;
	transform:none!important;
}

body.single-car #dagCarLightbox .car-lightbox__thumbs-arrow{
	display:none!important;
}

@media (max-width:640px){
	body.single-car #dagCarLightbox .car-lightbox__dialog{
		width:calc(100vw - 16px)!important;
		max-width:calc(100vw - 16px)!important;
		height:calc(100vh - 16px)!important;
		max-height:calc(100vh - 16px)!important;
	}

	body.single-car #dagCarLightbox .car-lightbox__mid{
		grid-template-rows:minmax(0,1fr) 80px!important;
		gap:8px!important;
	}

	body.single-car #dagCarLightbox .car-lightbox__thumbs-scroll,
	body.single-car #dagCarLightbox .car-lightbox__thumbs-slider,
	body.single-car #dagCarLightbox .car-lightbox__thumbs{
		height:80px!important;
		max-height:80px!important;
	}

	body.single-car #dagCarLightbox .car-lightbox__thumb,
	body.single-car #dagCarLightbox .car-lightbox__thumb-btn{
		flex-basis:66px!important;
		width:66px!important;
		min-width:66px!important;
		max-width:66px!important;
		height:50px!important;
		min-height:50px!important;
		max-height:50px!important;
	}
}

:root{--owa-lightbox-final-v8-end:1;}
