.av-car-gallery {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.av-car-gallery .swiper-wrapper {
	display: flex;
	grid-template-columns: none;
	grid-template-rows: none;
}

.av-car-gallery__main {
	position: relative;
	width: 100%;
	aspect-ratio: 1.5 / 1;
	background: transparent;
	overflow: hidden;
}

.av-car-gallery__main .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.av-car-gallery__main .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.av-car-gallery__thumbs-wrap {
	position: relative;
	width: 100%;
}

.av-car-gallery__thumbs {
	width: 100%;
	overflow: hidden;
}

.av-car-gallery__main-prev,
.av-car-gallery__main-next,
.av-car-gallery__thumbs-prev,
.av-car-gallery__thumbs-next {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	z-index: 2;
	padding: 0;
	border: 0;
	background: #0000001c;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease, background 0.2s ease;
}

.av-car-gallery__main-prev:hover,
.av-car-gallery__main-next:hover,
.av-car-gallery__thumbs-prev:hover,
.av-car-gallery__thumbs-next:hover {
	background: #222;
}

.av-car-gallery__thumbs-prev,
.av-car-gallery__thumbs-next {
	width: 24px;
	height: 24px;
	background: #00000066;
}

.av-car-gallery__main-prev,
.av-car-gallery__main-next {
	width: 32px;
	height: 32px;
}

.av-car-gallery__thumbs-prev { left: 8px; }
.av-car-gallery__thumbs-next { right: 8px; }
.av-car-gallery__main-prev   { left: 12px; }
.av-car-gallery__main-next   { right: 12px; }

.av-car-gallery__main-prev::before,
.av-car-gallery__main-next::before,
.av-car-gallery__thumbs-prev::before,
.av-car-gallery__thumbs-next::before {
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.av-car-gallery__thumbs-prev::before,
.av-car-gallery__thumbs-next::before {
	width: 6px;
	height: 6px;
}

.av-car-gallery__main-prev::before,
.av-car-gallery__thumbs-prev::before {
	transform: rotate( -135deg );
	margin-left: 3px;
}

.av-car-gallery__main-next::before,
.av-car-gallery__thumbs-next::before {
	transform: rotate( 45deg );
	margin-right: 3px;
}

.av-car-gallery__main-prev.swiper-button-disabled,
.av-car-gallery__main-next.swiper-button-disabled,
.av-car-gallery__main-prev.swiper-button-lock,
.av-car-gallery__main-next.swiper-button-lock,
.av-car-gallery__thumbs-prev.swiper-button-disabled,
.av-car-gallery__thumbs-next.swiper-button-disabled,
.av-car-gallery__thumbs-prev.swiper-button-lock,
.av-car-gallery__thumbs-next.swiper-button-lock {
	opacity: 0;
	pointer-events: none;
}

.av-car-gallery__thumbs .swiper-slide {
	aspect-ratio: 1.5 / 1;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s ease;
	overflow: hidden;
}

.av-car-gallery__thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.av-car-gallery__thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
