:root {
	--carson-redesign-blue: #1082ce;
	--carson-redesign-black-bg: #000;
	--carson-redesign-cyan: #009ee0;
	--carson-redesign-magcyan: #0070bc;
	--carson-redesign-halfcyan: #84d0f0;
	--carson-redesign-black-brand: #231f20;
	--carson-redesign-black-bg-light: #52494b;
	--carson-redesign-grey: #a7a5a5;
	--carson-redesign-yellow: #fff200;
	--carson-redesign-yellow-dark: #ccc200;
	/*--scheme-primary: var(--carson-redesign-yellow) !important;*/

	--carson-redesign-lightgrey: #ededed;
	/*--color-white: var(--carson-redesign-lightgrey) !important;*/
	--carson-redesign-gradient-start: #333;
	--carson-redesign-gradient-end: #020202;


	--newsletter-background-size: auto, 325px, auto !important;
	--newsletter-background-position: 150px 20px, -10px center, top center !important;
	@media (min-width: 992px) {
		--newsletter-background-size: auto, 350px, auto !important;
		--newsletter-background-position: 200px 20px, 10px center, top center !important;
	}
	@media (min-width: 1200px) {
		--newsletter-background-size: auto, 480px, cover !important;
		--newsletter-background-position: 255px 20px, 10px center, top center !important;
	}

	--offset-bg1: 150px 20px;
	--offset-bg2: -10px center;
	@media (min-width: 992px) {
		--offset-bg1: 255px 20px;
		--offset-bg2: 10px center;
	}
	@media (min-width: 1200px) {
		--offset-bg1: 255px 20px;
		--offset-bg2: 10px center;
	}
}

@font-face {
	font-family: "Myriad Pro";
	src: url("/build/css/MyriadPro-Semibold.otf") format("opentype"), url("/build/css/MyriadPro-Semibold.woff2") format("woff2");
}

@font-face {
	font-family: "Eurostile";
	src: url("/build/css/Eurostile-Black.otf") format("opentype"), url("/build/css/Eurostile-Black.woff2") format("woff2");
}

@layer {
	html {
		body,
		.cke_editable, .ckeditor, .typography,
		body .vue-3-tw-app.vue-3.vue-tw.vue-loaded {
			font-family: "Myriad Pro", sans-serif !important;

			button,
			.button,
			h1,
			h2,
			h3,
			h4,
			h5,
			.h1,
			.h2,
			.h3,
			.h4,
			.h5,
			.headline {
				font-family: "Eurostile", sans-serif !important;
			}
		}
	}

	.header {
		background: white !important;
	}

	.main_slider_wrapper__slide,
	div.filter_panel,
	section.fast_search,
	.social-v2--toyfan,
	.social-v2--socials,
	.social-v2--newsletter,
	.products_info_wrap,
	.carson-highlight-details,
	.card-img-overlay,
	.authorization_accordion__container {
		.button,
		button {
			background-color: var(--carson-redesign-yellow) !important;
			color: var(--carson-redesign-black-bg) !important;

			svg {
				fill: var(--carson-redesign-black-bg) !important;
			}
		}
	}

	.authorization__button.active {
		background-color: var(--carson-redesign-yellow) !important;
		color: var(--carson-redesign-black-bg) !important;
	}

	.vue-3-tw-button.bg-sdgshop.hover\:bg-sdgshophover:not(:disabled) {
		background-color: var(--carson-redesign-yellow) !important;

		span.text-white {
			color: black !important;
		}

		span.bg-white {
			background-color: black !important;
		}
	}

	/*div.d2s-vue-filter-overlay .bg-sdgshop {
		background-color: var(--carson-redesign-yellow) !important;
		color: black !important;

		.text-white {
			color: black !important;
		}
	}

	div.d2s-vue-filter-overlay button.bg-sdgshop:hover {
		background-color: var(--carson-redesign-yellow-dark) !important;
		color: black !important;
	}

	div.d2s-vue-filter-overlay .text-sdgshop {
		color: var(--carson-redesign-yellow) !important;
	}

	div.d2s-vue-filter-overlay {
		.slider-handle::after {
			background-color: var(--carson-redesign-yellow) !important;
		}
		.slider-tooltip {
			color: var(--carson-redesign-yellow) !important;
		}
	}*/

	div.bg-sdgshop.rounded-full.cursor-pointer {
		background-color: var(--carson-redesign-yellow) !important;

		div.bg-white {
			background-color: black !important;
		}
	}

	.vue-3-tw-button.bg-sdgshop.hover\:bg-sdgshophover:not(:disabled):hover {
		background-color: var(--carson-redesign-yellow-dark) !important;
	}

	.vue-sdg-searchbar {
		div.absolute.bg-newgreen.text-white{
			background-color: var(--carson-redesign-yellow) !important;
			color: var(--carson-redesign-black-bg) !important;
			border: medium solid var(--carson-redesign-black-bg) !important;
			margin-right: 2px !important;
			margin-top: 2px !important;
		}
	}

	.carson-highlight-details {
		.button {
			border-radius: 0 !important;
		}
	}


	.select__row svg {
		fill: var(--carson-redesign-yellow-dark) !important;
	}

	.footer__copyright {
		color: var(--carson-redesign-lightgrey) !important;
	}

	.footer__copyright:active,
	.footer__copyright:focus,
	.footer__copyright:hover {
		color: var(--carson-redesign-yellow) !important;
	}

	ul.lvl1 .card {
		background-color: transparent !important;
	}

	.header__menu__desktop {
		background: var(--carson-redesign-magcyan) !important;

		ul.lvl1 > li:hover > a {
			background-color: var(--carson-redesign-cyan) !important;
			color: var(--carson-redesign-yellow) !important;
			text-decoration: underline !important;
		}

		ul.lvl1 > li > a {
			+ div {
				background: var(--carson-redesign-magcyan) !important;
			}
		}

		ul.lvl1 > li > a.active {
			background: var(--carson-redesign-cyan) !important;
		}

		ul.lvl2 > li {
			a {
				color: white !important;
			}

			a:hover {
				color: var(--carson-redesign-yellow) !important;
			}
		}


		ul.lvl1 > li > a {
			color: white !important;
		}
	}

	.header__menu__mobile,
	.header__menu__desktop {
		ul.lvl1 {
			li {
				a[href*="/oster-deals/"],
				a[href*="/easter-deals/"],
				a[href*="/deales-de-paques/"],
				a[title="DEALS"],
				a[title="Deals"] {
					animation: none !important;
					background-color: var(--carson-redesign-blue) !important;
					color: var(--carson-redesign-yellow) !important;
				}
			}

			li:hover {
				a[href*="/oster-deals/"],
				a[href*="/easter-deals/"],
				a[href*="/deales-de-paques/"],
				a[title="DEALS"],
				a[title="Deals"] {
					animation: none !important;
					background-color: var(--carson-redesign-cyan) !important;
					color: white !important;
				}
			}
		}
	}

	.settings_body__link {
		color: var(--carson-redesign-yellow) !important;
	}

	@media (min-width: 1200px) {
		body .vue-3-tw-app.vue-3.vue-tw .old-xl\:bg-white,
		body .vue-3-tw-app.vue-3.vue-tw .xl\:bg-white,
		.header_main_mob__row,
		.header_main_col__icon,
		.header_logos {
			background-color: var(--carson-redesign-lightgrey) !important;
		}
	}

	.header_main_col__wrapper--user {
		.header_main_col__icon,
		.header_main_col__user {
			background-color: var(--carson-redesign-cyan) !important;
		}
	}

	.header_main_col__icon .header_main_col__icon_svg {
		fill: white !important;
	}

	.header_main_col__icon:hover .header_main_col__icon_svg,
	.settings_body__link svg,
	.main_slider__arrow_field,
	.arrivals__arrow_field,
	.recommendation__arrow_field {
		fill: var(--carson-redesign-yellow) !important;
	}

	.main_slider__arrow_arr,
	.arrivals__arrow_arr,
	.recommendation__arrow_arr {
		fill: var(--carson-redesign-black-bg) !important;
	}

	.fast_search_header * {
		color: var(--carson-redesign-black-bg) !important;
	}

	.fast_search_body,
	.fast_search_body__circle span::after,
	.fast_search_body__circle span::before {
		background-color: var(--carson-redesign-black-bg) !important;

	}

	.fast_search_body__title,
	.range__row {
		color: white !important;
	}

	.fast_search_body__circle:hover,
	.fast_search_body__circle.fast_search_body__circle--active {
		color: var(--carson-redesign-black-bg) !important;
	}

	.fast_search,
	.products_info_wrap,
	.footer_osn__social_row {
		.select,
		.select__list {
			background-color: var(--carson-redesign-black-bg-light) !important;
		}
	}

	.fast_search,
	.products_info_wrap,
	.footer_osn__social_row {
		.select,
		.select__row,
		ul.select__list a {
			color: white !important;

		}

		.select__list li:hover
		{
			color: var(--carson-redesign-black-bg) !important;
			a {
				color: var(--carson-redesign-black-bg) !important;
			}
		}
	}

	.genres__wrapper {
		.genres__item {
			background: var(--carson-redesign-black-bg) !important;
			background: linear-gradient(180deg, var(--carson-redesign-gradient-start) 0%, var(--carson-redesign-gradient-end) 100%) !important;
			border-radius: 0 !important;
		}

		.genres__item_text {
			justify-content: start !important;
			align-items: start !important;
			text-align: left !important;
			padding: 8px;

			color: white !important;
			text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000 !important;
		}
	}


	.slick-dots {
		button {
			background-color: var(--carson-redesign-black-brand) !important;
		}

		button:hover {
			background-color: var(--carson-redesign-grey) !important;
		}

		.slick-active button {
			background-color: var(--carson-redesign-yellow) !important;
		}
	}

	.header_main_mob__circle {
		background-color: var(--carson-redesign-yellow) !important;
	}

	.header_main_mob__circle::after, .header_main_mob__circle::before {
		background-color: var(--carson-redesign-black-bg) !important;
	}

	.footer_osn {
		background-color: var(--carson-redesign-magcyan) !important;

		.col {
			.headline {
				color: white !important;
			}

			.footer-link a {
				color: white !important;
			}
		}

		ul.list-unstyled li {
			color: white !important;
		}

		.footer-link a {
			color: white !important;
		}

		.footer-link:hover {
			a {
				color: var(--carson-redesign-yellow) !important;
			}
		}
	}

	.footer_osn__social_list_item a:hover {
		background-color: var(--carson-redesign-yellow) !important;

		svg {
			fill: var(--carson-redesign-black-bg) !important;
		}
	}

	.footer_osn_nav {
		.d-flex {
			.justify-content-lg-end {
				justify-content: flex-start !important;
			}
		}
	}

	.footer_osn_nav:before {
		content: ' ';
		height: 180px;
		width: 100dvw;
		margin-top: -50px;
		margin-bottom: -35px;
		background-image: url("/build/img/svg/carson_logo.svg?cb=1");
		background-repeat: no-repeat;
		background-position: center center;
	}

	.footer_swiper {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.product__content {
		/*background-color: white !important;*/
	}

	.markets {
		background-image: none !important;

		.h1 {
			color: var(--carson-redesign-black-bg) !important;
		}
	}


	.markets,
	.arrivals,
	.blog-recommendation {
		.title {
			text-align: left !important;
		}
	}

	.arrivals {
		background: var(--carson-redesign-blue) url("/build/img/arrivals_new_bg_tamiya_carson.png") center bottom repeat-x !important;
	}

	.recommendation {
		background: var(--carson-redesign-blue) url("/build/img/recommendations_new_bg_tamiya_carson.png") center top repeat-x !important;
	}

	.arrivals,
	.recommendation {
		background-size: auto 550px !important;

		.title {
			text-align: left !important;
			color: #fff !important;
			text-shadow: 1px 1px 8px #000 !important;
		}
	}

	.markets--row {
		.justify-content-sm-around {
			justify-content: start !important;
		}
	}

	.service-portal-button {
		background-color: var(--carson-redesign-yellow) !important;
		color: var(--carson-redesign-black-bg) !important;

		svg {
			fill: var(--carson-redesign-black-bg) !important;
		}

		border-radius: 0 !important;
	}

	.service-portal-button:hover {
		background-color: var(--carson-redesign-yellow-dark) !important;

		svg {
			fill: var(--carson-redesign-black-brand) !important;
		}
	}


	.social-v2--newsletter {
		div.h1, p, .social-v2--accept, label.field span {
			color: white !important;
		}
	}


	@media (min-width: 768px) {
		.social-v2--newsletter[data-lang="en"] {
			background: url("/build/img/widget/newsletter/bg3.png") var(--offset-bg1) no-repeat, url("/build/img/widget/newsletter/15_percent/komplett2-en.svg") var(--offset-bg2) no-repeat, var(--carson-redesign-blue) !important;
			background-size: var(--newsletter-background-size) !important;
			background-position: var(--newsletter-background-position) !important;
		}

		.social-v2--newsletter[data-lang="fr"] {
			background: url("/build/img/widget/newsletter/bg3.png") var(--offset-bg1) no-repeat, url("/build/img/widget/newsletter/15_percent/komplett2-fr.svg") var(--offset-bg2) no-repeat, var(--carson-redesign-blue) !important;
			background-size: var(--newsletter-background-size) !important;
			background-position: var(--newsletter-background-position) !important;
		}

		.social-v2--newsletter[data-lang="de"] {
			background: url("/build/img/widget/newsletter/bg3.png") var(--offset-bg1) no-repeat, url("/build/img/widget/newsletter/15_percent/komplett2-de.svg") var(--offset-bg2) no-repeat, var(--carson-redesign-blue) !important;
			background-size: var(--newsletter-background-size) !important;
			background-position: var(--newsletter-background-position) !important;
		}
	}


	.footer_osn__social {
		.footer_osn__social_list {
			order: 3;
		}

		.footer_osn__social_row {
			margin-right: 10px;
		}

		.d-lg-block {
			width: 100%;
		}
	}

	.fast_search_header {
		background-color: var(--carson-redesign-yellow) !important;
	}

	div.filter_panel .filter_panel__header, div.filter_panel .range .noUi-target .noUi-base .noUi-connect, div.filter_panel .range .noUi-target .noUi-base .noUi-origin .noUi-handle::after, div.filter_panel .checkbox input:checked + label span::before, div.filter_panel .fast_search_header, div.filter_panel .fast_search_body__circle--active, div.filter_panel .fast_search_body__circle span, section.fast_search .filter_panel__header, section.fast_search .range .noUi-target .noUi-base .noUi-connect, section.fast_search .range .noUi-target .noUi-base .noUi-origin .noUi-handle::after, section.fast_search .checkbox input:checked + label span::before, section.fast_search .fast_search_header, section.fast_search .fast_search_body__circle--active, section.fast_search .fast_search_body__circle span {
		background: var(--carson-redesign-yellow) !important;
		background-color: var(--carson-redesign-yellow) !important;
		color: var(--carson-redesign-black-bg) !important;

		svg {
			fill: var(--carson-redesign-black-bg) !important;
		}

		.filter_panel__title,
		div.filter_panel .js--filter_reset {
			color: var(--carson-redesign-black-bg) !important;
		}
	}

	.filter_select,
	.filter_select.open .filter_select__list {
		background-color: var(--carson-redesign-black-brand) !important;
	}

	.filter_select__row span {
		color: white !important;
	}

	div.filter_panel .range .noUi-target .noUi-base .noUi-origin .noUi-handle, div.filter_panel .checkbox input:checked + label span, div.filter_panel .fast_search_body__circle--active, section.fast_search .range .noUi-target .noUi-base .noUi-origin .noUi-handle, section.fast_search .checkbox input:checked + label span, section.fast_search .fast_search_body__circle--active,
	.range .noUi-target .noUi-base .noUi-origin .noUi-handle {
		border-color: var(--carson-redesign-yellow) !important;
	}

	div.filter_panel .filter_select.open .filter_select__row span, div.filter_panel .range .noUi-target .noUi-base .noUi-origin .noUi-tooltip, section.fast_search .filter_select.open .filter_select__row span, section.fast_search .range .noUi-target .noUi-base .noUi-origin .noUi-tooltip, section.fast_search .js--filter_reset {
		color: var(--carson-redesign-yellow) !important;
	}

	.header__menu__mobile,
	.nav-bottom {
		background-color: var(--scheme-primary) !important;

		.nav-pills li a {
			color: white !important;
		}

		.nav-pills li:hover a {
			color: var(--carson-redesign-yellow) !important;
			text-decoration: underline !important;
		}

		a[title="DEALS"].nav-link:hover,
		a[title="Deals"].nav-link:hover,
		a[title="Sale"].nav-link:hover,
		a[title="SALE"].nav-link:hover {
			span {
				color: var(--carson-redesign-black-bg) !important;
			}
		}
	}

	.main_slider_wrapper__slide,
	.main_slider_wrapper__content2,
	.main_slider_wrapper__title,
	.main_slider_wrapper__subtitle {
		background: var(--carson-redesign-magcyan) !important;
		color: white !important;
	}

	.product__label {
		background-color: var(--carson-redesign-yellow) !important;
		border-bottom: medium solid var(--carson-redesign-black-bg) !important;
		color: var(--carson-redesign-black-bg) !important;
		margin-top: 2px;
		margin-right: 2px;
	}

}
