:root {
	--main-color: #07989e;
	--black-color: #000000;
}

.container.model {
	height:auto;
}
.container.model .content {
	justify-content: flex-start;
	background:#ffffff;
}

/*====== CONTENT_TOP ======*/
.container .content .content-top {
	height: 130vh;
	padding-top:5vh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
    background-image: 
			linear-gradient(to bottom, transparent 0%, transparent calc(85%), #ffffff calc(100%), #ffffff 100%), 
			url('../assets/img/wrangler/bg_img_06.png');
    background-position: top -100px center;
	background-repeat: no-repeat;
	background-size: auto calc(100% - 175px);
}
.container .content .content-top h1 {
	width:fit-content;
}
.container .content .content-top .headline {
	text-align:center;
	font-size:2rem;
}
.container .content .content-top .model-logo {
	max-width:30vw;
	margin:0 auto;
}


/*====== CONTENT_BOTTOM ======*/
.container .content .content-bottom {
	padding-top:5vh;
}

.bottom_wrpr {
	width:95%;
}

.bottom_ttl {
    color: #000000;
    font-size: 8vmin;
    font-weight: bold;
}
.bottom_ttl .light {
    font-weight: 300;
}

/*===== more_detales =====*/
.more_detales {
	width:100%;
	position: relative;
    margin: 0 auto;
    margin-top: 2vh;
    padding: 20px;
    background: var(--black-color);
    border: 1px solid #ffffff;
    border-radius: 8px;
}
.more_detales.neg {
	background:var(--main-color);
}
.more_detales, .more_detales * {
	font-weight:300;
}
.more_detales .dtls_data_wrpr {
	text-align: right;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	gap:2vw;
}
.more_detales .dtls_data_wrpr .dtls_data {
    width: 50%;
}
.more_detales .dtls_data_sep {
	background:var(--main-color);
	flex:0 0 0.5px;
	align-self: stretch;
	margin: 2vh 0;
}
.more_detales.neg .dtls_data_sep {
	background:var(--black-color);
}
.more_detales .dtls_data_wrpr h5 {
	font-size: 1.5rem;
    font-weight: bold;
	color:var(--main-color);
}
.more_detales.neg .dtls_data_wrpr h5 {
	color:var(--black-color);
}
.more_detales .dtls_data_list {	/*ul*/
	padding:0 20px;
}
.more_detales .lissing_wrpr {
	justify-content: flex-start;
	background:transparent;
	border:none;
	box-shadow:none;
	padding:0;
}
.more_detales.neg .lissing_wrpr {
	color:var(--black-color);
}
.more_detales .lissing_wrpr .lissing_list h5 {
	font-weight:300;
}
.more_detales .lissing_wrpr .lissing_list li {
	padding: 0;
	border:none;
}
.more_detales .lissing_wrpr .lissing_list li:before {
	width:5px;
	transform: translate(50%, -50%) rotate(12deg);
	background:var(--main-color);
}
.more_detales.neg .lissing_wrpr .lissing_list li:before {
	background:#000000;
}
.more_detales .lissing_wrpr .lissing_list li:first-child {
	padding-right:0;
}
.more_detales .lissing_wrpr .lissing_list li:last-child {
    padding-right: 20px;
    margin-right: 10px;
}
.more_detales .lissing_wrpr .lissing_list li:first-child:before {
	display:none;
}
.more_detales .lissing_wrpr .lissing_list li:first-child:after {
	display:none;
}
.more_detales .lissing_wrpr .lissing_list .lis_price {
    font-size: 2rem;
    font-weight: bold;
}
.more_detales .lissing_wrpr .lissing_list .lis_start_from {
    vertical-align: baseline;
    display: block;
    width: auto;
    text-align: right;
}

.stempa {
	position: absolute;
	left: 5vh;
	top:5vh;
	display: flex;
	width: 120px;
	aspect-ratio: 1;
	border: 2px solid #ffffff;
	border-radius: 100%;
	text-align: center;
	transform:rotate(-15deg);
	z-index: 999;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.4);
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
}
.stempa:before {
	content:'';
	position:absolute;
	width:94%;
	aspect-ratio:1;
	top:3%;
	left:3%;
	border: 0.5px solid #000000;
	border-radius: 100%;
}

#form #submit {
	background:var(--main-color);
}

@media (max-width: 1024px){ 
	.container .content .content-top {
		height:60vh;
		padding-top:2vh;
		background-size: auto calc(100% - 100px);
		background-image: 
				linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 50%), 
				linear-gradient(to bottom, transparent 0%, transparent calc(85%), #ffffff calc(100%), #ffffff 100%), 
				url('../assets/img/wrangler/bg_img_06.png');
		background-position:top center;
	}
	
	.container .content .content-top .headline {
		text-align:center;
		font-size:5rem;
	}
	.container .content .content-top .headline img {
		height:5rem;
	}
	.container .content .content-top .slogen {
        font-size: 6.5rem;
		font-weight:400;
    }

	.container .content .content-top .model-logo {
        max-width: none;
        line-height: 0;
        margin: 1vh auto;
	}
	.container .content .content-top .model-car {
		width:80%;
		margin:0 auto;
	}
	
	
	.bottom_ttl {
		line-height:1;
	}
	.bottom_ttl .light {
		display:block;
	}
	

	.more_detales {
		width:100%;
	}
	.more_detales, .more_detales * {
		font-size:3.5rem;
	}	
	.more_detales h4 {
		font-size: 6rem;
	}
	.more_detales .dtls_data_wrpr {
		flex-direction:column;
		align-items:flex-start;
	}
	.more_detales .dtls_data_sep {
		width:100%;
		height:1px;
	}
	.more_detales .dtls_data_wrpr .dtls_data {
		width:100%;
	}
	.more_detales .dtls_data_wrpr h5 {
		font-size: 5rem;
		font-weight: 500;
	}
	.more_detales .lissing_wrpr .lissing_list .lis_price {
		font-size: 7rem;
	}
	
	#btns {
		position:fixed;
		bottom:7vh;
		z-index:2;
	}
	
	footer {
		z-index:1;
	}
	
	footer #footer-content {
		padding-bottom: calc(7vh + 160px);
	}
	
	.stempa {
		width:80px;
		font-size:16px;
		bottom:unset;
		top:18vh;
		left:2vw;
	}
}


/*===== days 05 2025 =====*/

.container.days2025 .content .content-top {
	padding-top:2vh;
}

.container .content .content-top .days2025-img {
	display:none;
}

.container.days2025 .content .content-top .headline {
	display:none;
}
.container.days2025 .content .content-top .slogen {
	font-size:2rem;
	line-height:1.5;
}

.container.days2025 .content .content-top .days2025-img {
	display:block;
	max-width: 50%;
	margin:0 auto;
}
@media (max-width: 1024px) {
	.container.days2025 .content .days2025-img  {
        max-width: 80%;
    }
}