/*--------------------------------------------------*/
/*	OVERRIDES
/*--------------------------------------------------*/

/* Desktop */
@media screen and (min-width: 500px) {
	section {
		width: 100%;
		padding: 50px calc(50% - 250px) !important;
	}
}

/* Mobile */
@media screen and (max-width: 500px) {
	section {
		width: 100%;
		padding: 50px 15px !important;
	}
}

sub {
	font-size: 0.7em;
}

.locale {
	z-index: 99;
	position: fixed;
	top: 10px;
	right: 10px;
}


html[post="1"] #webpage > *:not(section#backdrop) {
	display: none;
}

/*--------------------------------------------------*/
/*	ROUND THEME
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

img.brand {
	max-width: 180px;
	margin-bottom: 10px;

	filter: brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(1989%) hue-rotate(199deg) brightness(93%) contrast(85%);
	filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3205%) hue-rotate(352deg) brightness(99%) contrast(88%);
}

/*--------------------------------------------------*/
/*	BACKGDROP
/*--------------------------------------------------*/

/*
section#backdrop,
section#backdrop:after {
	background: var(--mk-gray-light);
}

section#backdrop:before,
section#backdrop ~ section {
	background: #FFFFFF;
}

section#backdrop:before,
section#backdrop:after {
	z-index: 1;
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;

	width: 64px;
	height: 64px;
}

section#backdrop:after {
	border-bottom-right-radius: 128px;
}
*/

section#backdrop {
	background: linear-gradient(45deg, #ACADAA 25%, #D6D6D4 75%);
}

section#backdrop:after {
	z-index: 1;
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;

	width: 100%;
	height: 220px;

	background: #2F2F2F;
	border-top-right-radius: 100px;
}

section#backdrop > * {
	text-align: center;
	z-index: 3;
}

section#backdrop {
	overflow: hidden;

	display: flex;
	gap: 10px;

	min-height: 415px;
	height: 100%;

	padding: 20px;

	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

section#backdrop .hero {
	width: calc(100% - 15px);
	max-width: 500px;

	margin-top: 54px;
	padding: 0 10px;
}

section#backdrop .model {
	font-weight: bold;
	color: #FDFDFD;
}

section#backdrop .sticker {
	position: absolute;
	top: 20%;
	right: 0;
}

/* Desktop */
@media screen and (min-width: 755px) {
/*
	section#backdrop article {
		width: 50%;
	}
*/
}

/* Mobile */
@media screen and (max-width: 755px) {
	section#backdrop .hero {

	}
}

/*--------------------------------------------------*/
/*	carriers
/*--------------------------------------------------*/

#offers {

}

#offers .carriers {
	display: flex;
	gap: 10px;

	width: 100%;
	padding-bottom: 40px;

	justify-content: center;
    align-items: center;
    text-align: center;
}

#offers .carriers img {
	width: 45%;
}

#offers .carriers img.k {
	width: 40%;
}

/* Desktop */
@media screen and (min-width: 400px) {
	#offers .carriers img.k {
		margin-left: 20px;
	}
}

/* Mobile */
@media screen and (max-width: 400px) {
	#offers .carriers {
		flex-direction: column;
	}

	#offers .carriers img {
		width: 90% !important;
	}
	#offers .carriers img.k {
		margin-top: 20px;
	}
}




section#location {
	background: var(--mk-gray-light) !important;
}

section#location .button {
	margin-top: 15px;
}