body.page-skoda {
	--cnt-font-weight-headings: 700;
	--body-font-family: "SKODA Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--heading-font-family: "SKODA Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--cnt-color-primary: #419468;
	--cnt-color-link: #419468;
	--cnt-color-hover: #59BC87;
	--body-color: #161718;
	--heading-color: #161718;
	--body-font-weight: 300;
	--selection-bg: var(--cnt-color-primary);
	--selection-color: #fff;
}

.page-skoda .header {
	--brand-width: 15rem;
	--social-width: 15rem;
	--brand-height: 3.75rem;
}

.page-skoda .header #mobile-button-trigger .line {
	stroke: var(--heading-color);
}

.page-skoda .container-header .navbar-brand {
	padding-top: 5px;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.page-skoda .container-header .navbar-brand .brand-logo {
	--brand-width: 6rem;
	--brand-height: 3.75rem;
}

.page-skoda .container-header .navbar-brand .brand-additional {
	display: flex;
	align-items: center;
	position: relative;
}

.page-skoda .container-header .navbar-brand .brand-additional::before {
	content: "";
	width: 1rem;
	height: 44px;
	display: inline-block;
	border-left: solid 1px #e0e0e0;
	position: relative;
}

.page-skoda .container-header .navbar-brand .brand-additional::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 7rem;
	height: 3rem;
	background: url("../../../images/logo/skoda-logo-2023.svg") no-repeat center center;
	background-size: contain;
}

.page-skoda .header-main {
	background-color: #fff;
}

.page-skoda .header-main::before {
	display: none;
}

.page-skoda .header-main .container-branding-text {
	top: 0;
	padding-top: 2rem;
	background-color: var(--body-bg);
}

.page-skoda .header-main::before {
	background-color: #fff;
	top: 0;
}

.page-skoda .stitek,
.page-skoda .stitek.cena,
.page-skoda .stitek.novy,
.page-skoda .stitek.vykupni-bonus {
	--tag-color: #0E3A2F;
}

@media all and (min-width: 1440px) {
	body.page-skoda {
		--body-font-size: 1.125rem;
	}

	.page-skoda .header-main .container-header-menu ul {
		transform: none;
		background-color: transparent;
		--gap-menu: 0;
	}
	
	.page-skoda .header-main .container-header-menu ul li a,
	.page-skoda .header-main .container-header-menu ul li > span {
		background-color: #fff;
		color: var(--body-color);
		border-color: #fff;
		padding: 0.5rem 1rem;
		font-size: 1rem;
		border-left-color: #e0e0e0;
	}
	
	.page-skoda .header-main .container-header-menu ul li:first-of-type a,
	.page-skoda .header-main .container-header-menu ul li:first-of-type > span {
		border-left-color: #fff;
	}
	
	.page-skoda .header-main .container-header-menu ul li a > .text,
	.page-skoda .header-main .container-header-menu ul li span > .text {
		transform: none;
	}
}

@media all and (max-width: 1440px) {
	.page-skoda .header {
		--social-width: calc(100% - (4 * var(--gap-size)) - var(--brand-width) - var(--mobile-menu-size));
	}
}
@media all and (max-width: 575.98px) {
	.page-skoda .container-social {
		display: none;
	}
}