/*=============
MITSUBISHI OVERZICHT
=============*/

.model-overview-eyebrow,
.model-card-type,
.model-card-label{
	letter-spacing:.11em;
}

.models-contact-banner{
	background:
		linear-gradient(
			90deg,
			var(--accent-3) 0%,
			color-mix(in srgb, var(--accent-3) 82%, transparent) 58%,
			color-mix(in srgb, var(--accent-3) 20%, transparent) 100%
		),
		url("/uploads/images/mitsubishi-dealer-contact.jpg") center / cover no-repeat;
}

/*=============
MITSUBISHI DETAILPAGINA
=============*/

.model-detail-backlink{
	color:var(--main-color);
	font-size:.95rem;
	font-weight:500;
}

.model-detail-backlink:hover{
	color:var(--accent-1);
}

.model-detail-hero-card{
	box-shadow:0 1rem 2.5rem rgba(43,41,40,.08);
}

.model-detail-hero-photo{
	min-height:420px;
}

.model-detail-price span{
	font-size:clamp(2.1rem, 3vw, 3rem);
	font-weight:600;
	line-height:1;
	color:var(--main-color);
}

.model-detail-price small{
	color:var(--accent-6);
	font-size:.95rem;
	padding-bottom:.3rem;
}
.model-detail-price .model-detail-price-old{
	color:var(--accent-6);
	font-size:clamp(1.35rem, 2vw, 2rem);
	font-weight:400;
	text-decoration:line-through;
	text-decoration-thickness:1px;
	text-decoration-color:currentColor;
}
.detail-action-button{
	min-width:220px;
	padding:.7rem 1rem;
	border:1px solid var(--accent-4);
	border-radius:.35rem;
	font-size:1rem;
	font-weight:500;
	line-height:1.2;
	transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}

.detail-action-button-primary{
	background:var(--accent-1);
	border-color:var(--accent-1);
	color:var(--accent-5);
}

.detail-action-button-primary:hover,
.detail-action-button-primary:focus{
	background:#bd3029;
	border-color:#bd3029;
	color:var(--accent-5);
}

.detail-action-button-outline{
	background:transparent;
	color:var(--main-color);
}

.detail-action-button-outline:hover,
.detail-action-button-outline:focus{
	background:var(--accent-3);
	border-color:var(--accent-4);
	color:var(--main-color);
}

.detail-feature-icon{
	display:block;
	width:1.35rem;
	height:1.35rem;
	margin-top:.2rem;
	border:2px solid var(--accent-1);
	border-radius:50%;
}

.detail-feature-title{
	font-size:1.15rem;
	font-weight:500;
}

.detail-gallery-main img,
.detail-gallery-side-top img,
.detail-gallery-small img{
	display:block;
}

@media(min-width:992px){
	.model-detail-hero-text,
	.model-detail-split-right{
		border-left:1px solid var(--accent-4);
	}

	.detail-gallery > .col-lg-6{
		display:flex;
	}

	.detail-gallery-main,
	.detail-gallery-side{
		width:100%;
		min-height:560px;
		height:100%;
	}

	.detail-gallery-side{
		grid-template-rows:1fr 1fr;
		gap:1rem;
	}

	.detail-gallery-side-bottom{
		align-items:stretch;
	}

	.detail-gallery-side-bottom > .col-6{
		display:flex;
	}

	.detail-gallery-small,
	.detail-gallery-side-top{
		width:100%;
		height:100%;
	}
}

@media(max-width:991.98px){
	.model-detail-hero-photo{
		min-height:320px;
	}

	.detail-action-button{
		min-width:0;
		width:100%;
	}
}

@media(max-width:575.98px){
	.model-detail-hero-photo{
		min-height:240px;
	}
}