:root {
	--main_slider_height: 680px;
	--category_button_svg_height: 72px;
	--category_button_gap: 32px;
	--advantage_badge_width: 324px;
	--advantage_badge_inner_circle_width: 251px;
	--advantage_badge_icon_height: 72px;
	--proguct_gallery_height: 384px;
	--proguct_gallery_thumb_width: 100px;
	--mobile_menu_width: 0px;
	--cookie_bar_width: 732px;
	--ac_content_height: 480px;
}

@font-face {
	font-family: 'Bahnschrift';
	src: url('/assets/fonts/Bahnschrift.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.header {
	height: var(--header-height);
	background-color: var(--white);
	padding: var(--sp16) var(--sp48);
	display: flex;
	justify-content: space-between;
	z-index: 1130;
}
.button-header-1::before {
	content: '';
	width: 4px;
	height: 100%;
}
.button-header-1:nth-child(-n+3)::before {
	background-color: var(--primary-300);
}


.toggle_menu .open,
.toggle_menu.active .close {
	display: block;
}
.toggle_menu .close,
.toggle_menu.active .open {
	display: none;
}

.mobile_menu {
	background-color: var(--white);
	height: calc(100vh - var(--header-height));
	width: var(--mobile_menu_width);
	position: fixed;
	top: var(--header-height);
	left: 0;
	border-top: 1px solid var(--gray-200);
	border-bottom: 1px solid var(--gray-200);
	box-shadow: var(--shadow-500);
	overflow-y: scroll;
	z-index: 1050;
	transition: var(--transition-1);
	transform: translateX(-100%);
}
.mobile_menu.active {
	transform: translateX(0);
}
.mobile_menu.active a.button-header-1 {
	min-height: 72px !important;
	border-bottom: 1px solid var(--gray-200);
}

body.menu_active,
body.search_active,
body:has(#filters.mobile_active) {
	overflow: hidden;
}
body.menu_active::before,
body.search_active::before,
body:has(#filters.mobile_active)::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000033;
	z-index: 1045;
}


.breadcrumbs {
	color: var(--gray-400);
}
.breadcrumbs-light {
	color: var(--gray-300);
}
.breadcrumbs a {
	color: var(--black);
	position: relative;
}
.breadcrumbs-light a {
	color: var(--white);
}


.breadcrumbs a::before {
	height: 1px;
	background-color: var(--primary-300);
}
.link-large::before {
	height: 2px;
	background-color: var(--primary-400);
}
.button-menu-1::before {
	height: 1px;
	background-color: var(--primary-400);
}
.breadcrumbs a::before,
.link-large::before,
.button-menu-1::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: var(--transition-1);
}
.link-large:hover::before,
.breadcrumbs a:hover::before,
.button-menu-1:hover::before {
	transform: scaleX(1);
}


.invalid-feedback {
	margin: 0;
	font-size: var(--text-extra-small-2);
	color: var(--danger);
}
.form-check-input.is-invalid ~ .form-check-label {
	color: var(--danger) !important;
}

.modal-backdrop.show {
	opacity: 0.2;
}
.modal-dialog {
	width: var(--modal-width);
	max-width: var(--modal-width);
}
.modal-content {
	border: 0;
	border-radius: 0;
	box-shadow: var(--shadow-500);
}
.modal-close {
	position: absolute;
	top: var(--sp16);
	right: var(--sp16);
	width: 24px;
	height: 24px;
	color: var(--gray-400);
	z-index: 10;
    background: currentColor;
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 19.3229L19.3229 20L4 4.67711L4.67711 4L20 19.3229Z"/><path d="M4 19.3229L4.67711 20L20 4.67711L19.3229 4L4 19.3229Z"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
}
.modal-close:hover {
	color: var(--primary-500);
}
.modal-fullscreen {
	width: 100vw !important;
	max-width: none !important;
	height: 100% !important;
	margin: 0 !important;
}
#product_presentation {
	z-index: 2000;
}
#product_presentation .swiper {
	height: 100%;
}
#product_presentation .pg_images .swiper-slide {
	cursor: default !important;
}
#product_presentation .pg_images .swiper-slide img {
	height: auto !important;
}
.pg_images .swiper-slide {
	cursor: zoom-in;
}


.carousel-prev,
.carousel-next,
.carousel-dark-prev,
.carousel-dark-next,
.carousel-light-prev,
.carousel-light-next,
.carousel-up,
.carousel-down {
	width: 48px !important;
	height: 48px !important;
	background-color: var(--white) !important;
	opacity: 1 !important;
	color: var(--gray-400) !important;
	padding: 4px;
	box-shadow: var(--shadow-200) !important;
    transition: var(--transition-1);
}
.carousel-prev,
.carousel-next {
	background-color: transparent !important;
	box-shadow: none !important;
	color: var(--white) !important;
	opacity: 0.5 !important;
}
.carousel-light-prev,
.carousel-light-next {
	width: 24px !important;
}
.carousel-up,
.carousel-down {
	height: 24px !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}
.carousel-down {
	top: calc(100% - 24px) !important;
}
.carousel-prev::after,
.carousel-next::after,
.carousel-dark-prev::after,
.carousel-dark-next::after,
.carousel-light-prev::after,
.carousel-light-next::after,
.carousel-up::after,
.carousel-down::after {
	display: none;
}
.carousel-dark-prev:hover,
.carousel-dark-next:hover,
.carousel-light-prev:hover,
.carousel-light-next:hover,
.carousel-up:hover,
.carousel-down:hover{
	color: var(--primary-500) !important;
}
.carousel-prev:hover,
.carousel-next:hover {
	opacity: 1 !important;
}

.swiper-vertical .swiper-wrapper {
	height: calc(100% - 48px);
	margin-top: 24px !important;
}

.swiper-pagination {
	justify-content: center;
}
.swiper-pagination-bullet {
    width: 40px !important;
    height: 4px !important;
    border-radius: 0 !important;
    background-color: var(--white) !important;
    opacity: 0.5 !important;
    overflow: hidden;
    transform: skew(-45deg);
}
.swiper-pagination-bullet-active {
    opacity: 0.75 !important;
}
.swiper-pagination.dark .swiper-pagination-bullet {
	opacity: 0.75 !important;
    background-color: var(--gray-300) !important;
}
.swiper-pagination.dark .swiper-pagination-bullet-active {
    background-color: var(--primary-300) !important;
    opacity: 1 !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	pointer-events: auto !important;
	cursor: not-allowed !important;
}
.swiper-button-lock {
	display: none !important;
}

.main_slider {
    height: var(--main_slider_height);
}
.screen_cover,
.screen_cover_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.main_partners_slider {
	border-top: 1px solid #FFFFFF80;
	overflow: hidden;
}
.main_partners_slider .partner_logo {
	width: 200px;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: var(--white);
	opacity: 0.5;
	pointer-events: all !important;
}
.main_partners_slider .partner_logo:hover {
	opacity: 1;
}



.category_button {
	background-color: var(--gray-300);
	color: var(--gray-400);
	text-transform: uppercase;
	padding-top: var(--sp4);
	padding-bottom: var(--sp4);
	gap: var(--sp32);
    transition: var(--transition-1);
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.category_button > div {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.category_button:hover {
	background-color: var(--primary-300);
	color: var(--white);
}
.category_button svg {
	height: var(--category_button_svg_height);
}
.category_button::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: 0;
	right: 0;
	background-color: var(--primary-300);
	transition: width var(--transition-1), height var(--transition-1);
	transform-origin: right bottom;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.category_button:hover::after {
	width: 100%;
	height: 100%;
}
.category_button > div {
	gap: var(--category_button_gap);
}


.advantage_text_wrap {
	border: 2px dashed var(--gray-300);
}
.advantage_text {
	display: flex;
	flex-direction: column;
	gap: var(--sp24);
	background: linear-gradient(180deg, var(--white) 0%, var(--gray-200) 100%);
	padding: var(--sp24);
}


.advantage_badge_wrap {
	padding: 0 var(--sp48) calc(var(--sp48) + var(--advantage_badge_inner_circle_width) / 6.25) var(--sp48);
	display: flex;
	justify-content: center;
	align-content: center;
	position: relative;
}
.advantage_badge {
    position: relative;
    width: var(--advantage_badge_width);
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--primary-300);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

.advantage_badge:before {
	content: ''; 
	border: solid transparent;
	position: absolute; 
	top: 100%;
	border-top-color: var(--primary-300);
	border-width: calc(var(--advantage_badge_inner_circle_width) / 6.25);
	margin-top: calc(var(--advantage_badge_inner_circle_width) / 31.25 * -1);
	z-index: 2;
}
.advantage_badge .inner_circle {
	width: var(--advantage_badge_inner_circle_width);
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 8px 8px 20px 0px #0000001A;
    position: relative;
	display: flex;
	justify-content: center;
}
.advantage_badge .half_circle {
	width: var(--advantage_badge_inner_circle_width);
	height: 50%;
	background-color: var(--white);
	border-radius: 0 0 var(--advantage_badge_inner_circle_width) var(--advantage_badge_inner_circle_width);
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--gray-300);
}
.advantage_badge_bottom_border {
	width: 1px;
	height: 100px;
	border-left: 2px dashed var(--gray-300);
	position: absolute;
	bottom: 0;
	left: calc(50% - 1px);
	z-index: 1;
}
.advantage_badge_icon {
	position: absolute;
	top: calc(25% - var(--advantage_badge_icon_height) / 2);
}
.advantage_badge_icon img {
	width: auto;
	height: var(--advantage_badge_icon_height);
}


.tm_line {
	width: 72px;
	height: 4px;
}


.machinery_type_card {
	display: flex;
	flex-direction: column;
	gap: var(--sp8);
	border: 1px solid var(--gray-200);
	background-color: var(--white);
	align-items: center;
	justify-content: center;
	padding: 8px;
	aspect-ratio: 1;
	color: var(--black);
	transition: var(--transition-1);
	position: relative;
}
.machinery_type_card:hover {
	background-color: var(--primary-300);
	color: var(--white);
}
.machinery_type_card img {
	position: absolute;
	width: 120px;
	top: calc(50% - 85px);
}
.machinery_type_card:hover img {
	filter: invert(1);
	transition: var(--transition-1);
}
.machinery_type_card .title {
	position: absolute;
	top: 65%;
	bottom: auto;
	text-align: center;
}
.machinery_type_card .cat_title {
	margin-left: var(--sp8);
}
.machinery_type_card .childs_count {
	background-color: var(--primary-300);
	color: var(--white);
	padding: 0 var(--sp8);
	transition: var(--transition-1);
}
.machinery_type_card:hover .childs_count {
	background-color: var(--white);
	color: var(--primary-300);
}


.dot_spacer {
	border-bottom: 1px dashed var(--gray-300);
	flex-grow: 1;
}

#scroll_top_btn {
	position: fixed;
	bottom: var(--sp48);
	right: var(--sp48);
	width: 48px;
	height: 48px;
	background-color: var(--white);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-1);
	background-image: url('/assets/images/arrow_up.svg');
	background-repeat: no-repeat;
}
#scroll_top_btn.show {
	opacity: 0.65;
	visibility: visible;
}
#scroll_top_btn:hover {
	opacity: 1 !important;
}

.status_badge {
	position: absolute;
	top: var(--sp8);
	left: var(--sp8);
	padding: var(--sp4) var(--sp8);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--sp4);
	font-size: var(--text-badge);
	opacity: 0.75;
	border: none;
	flex-wrap: nowrap;
	text-wrap: nowrap;
}
.status_badge svg {
	height: 16px;
	width: auto;
}
.status_badge_large {
	position: relative;
	top: 0;
	left: 0;
	padding: var(--sp16) var(--sp8);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: var(--sp4);
	font-size: var(--text-small-1);
	border-left: 4px solid transparent;
	flex-wrap: nowrap;
	text-wrap: nowrap;
}
.status_badge_large svg {
	height: 24px;
	width: auto;
}
.status_badge_stock {
	background-color: var(--info-light);
	color: var(--info);
	border-color: var(--info);
}
.status_badge_way {
	background-color: var(--warning-light);
	color: var(--warning);
	border-color: var(--warning);
}
.status_badge_success {
	position: fixed;
	top: auto;
	bottom: var(--sp48);
	left: var(--sp48);
	right: auto;
	width: 420px;
	background-color: var(--success-light);
	color: var(--success);
	border-color: var(--success);
	z-index: 10;
	box-shadow: var(--shadow-500);
}


.product_properties_wrap {
	column-count: 2;
	column-gap: var(--sp48);
}
.product_properties {
	break-inside: avoid;
	padding-bottom: var(--sp48);
}
.product_properties .pp_row:nth-of-type(odd) {
	background-color: var(--primary-50);
}


.proguct_gallery {
	height: var(--proguct_gallery_height);
}
.pg_thumbs,
.pg_thumbs_presentation {
	min-width: var(--proguct_gallery_thumb_width);
	height: var(--proguct_gallery_height);
}
.pg_thumbs .swiper-slide {
	/*height: auto !important;*/
}
.pg_thumbs .swiper-slide img,
.pg_thumbs_presentation .swiper-slide img {
	border: 2px solid transparent;
}
.pg_thumbs .swiper-slide img:hover,
.pg_thumbs_presentation .swiper-slide img:hover {
	border-color: var(--gray-300);
}
.pg_thumbs .swiper-slide-thumb-active img,
.pg_thumbs_presentation .swiper-slide-thumb-active img {
	border-color: var(--primary-400);
}
.pg_images,
.pg_images_presentation {
	width: 100%;
}
.pg_thumbs .swiper-slide img,
.pg_thumbs_presentation .swiper-slide img {
	width: 100%;
}


[aria-expanded="false"] .chevron,
[aria-expanded="true"] .chevron {
	transition: var(--transition-1);
}
	
[aria-expanded="false"] .chevron {
	transform: rotate(0deg);
}
	
[aria-expanded="true"] .chevron {
	transform: rotate(180deg);
}


#filters.mobile_active {
	display: block !important;
	flex-direction: column;
	background-color: var(--white);
	height: calc(100vh - var(--header-height)) !important;
	width: var(--mobile_menu_width);
	position: fixed !important;
	top: var(--header-height);
	left: 0;
	border-top: 1px solid var(--gray-200);
	border-bottom: 1px solid var(--gray-200);
	box-shadow: var(--shadow-500);
	overflow-y: scroll;
	z-index: 1048;
}

#filters.mobile_active #filters_head {
	position: sticky;
	top: 0;
	height: 70px;
	padding: var(--sp8) var(--sp32);
	margin: calc(var(--sp16) * -1) calc(var(--sp16) * -1) 0 calc(var(--sp16) * -1);
	border-bottom: 1px solid var(--gray-200);
	background-color: var(--white);
	z-index: 10;
}


.ddtoggle .open {
	transition: var(--transition-1);
}
.ddtoggle.active .open {
	transform: rotate(180deg);
} 

.ddmenu {
	position: fixed !important;
	width: 100%;
	height: auto;
	top: var(--header-height) !important;
	left: 0;
	background-color: var(--white);
	box-shadow: var(--shadow-500);
	z-index: 1100;
	/*opacity: 0;*/
	transform: translateY(-110%);
	border: 0 !important;
	border-radius: 0 !important;
	transition: var(--transition-1);
	padding: var(--sp48);
	overflow: visible;
}
.ddmenu.active {
	/*opacity: 1;*/
	transform: translateY(0);
}
.ddcontent {
	margin: 0;
}
.ddmenu .wrapper {
	column-count: 2;
	column-gap: var(--sp48);
}
.ddmenu .wrapper .button {
	margin-bottom: var(--sp16);
}
.header .dropdown-toggle::after {
	display: none;
}


#mse2_mfilter .hidden {
	visibility: hidden;
	display: flex !important;
}


.footer_menu {
	background-color: var(--black);
	color: var(--white);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.footer_menu > div {
	width: 20%;
	padding: var(--sp24);
	border-bottom: 1px solid var(--gray-500);
}
.footer_menu > div:nth-child(1) {
	padding-left: var(--sp48);
}
.footer_menu > div:nth-child(5) {
	padding-right: var(--sp48);
}
.footer_menu > div:nth-child(2),
.footer_menu > div:nth-child(3),
.footer_menu > div:nth-child(4),
.footer_menu > div:nth-child(5) {
	border-left: 1px solid var(--gray-500);
}


.icon {
	color: var(--gray-400);
	align-items: center;
}
a.icon {
	transition: var(--transition-1);
}
a.icon:hover {
	color: var(--primary-500);
}


.hyphens {
	-moz-hyphens: auto;
	hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}


.cookie-bar {
	position: fixed;
	background-color: var(--gray-200);
	box-shadow: var(--shadow-500);
	padding: var(--sp16);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp16);
	width: var(--cookie_bar_width);
	bottom: var(--sp48);
	right: var(--sp48);
	z-index: 10;
}


.parallax-container {
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.parallax-container .overlay {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #082A2780;
	z-index: auto;
}

.ar1 {
	aspect-ratio: 1;
}


.search-input {
	background-color: var(--gray-100);
	border: 0 !important;
	padding-right: 50px !important;
	transition: var(--transition-1);
}
.search-input:hover,
.search-input:focus {
	background-color: var(--gray-150);
}
.search-input::placeholder {
	color: var(--gray-400) !important;
}

.input_clear,
.input_loader {
	display: none;
	align-content: center;
	height: 54px !important;
	padding: var(--sp16);
	color: var(--gray-400);
	position: absolute;
	right: 54px;
	z-index: 10;
}
.search-input:not(:placeholder-shown) + .input_clear,
.search-input:not(:placeholder-shown):focus + .input_clear {
	display: flex;
}
.search-input.ui-autocomplete-loading {
	background: none !important;
}
.search-input.ui-autocomplete-loading + .input_clear {
	display: none !important;
}
.search-input.ui-autocomplete-loading ~ .input_loader {
	display: flex;
}




body:has(.no_results) #filters {
	display: none !important;
}


#search_bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 16px var(--sp32);
	background-color: var(--white);
	box-shadow: var(--shadow-500);
	display: flex;
	flex-direction: row;
	justify-content: center;
	transition: var(--transition-1);
	transform: translateY(-150%);
	z-index: 1130;
}
#search_bar.active {
	transform: translateY(0);
}


.ui-widget-content {
	max-height: calc(var(--ac_content_height) + 54px);
	overflow-y: auto;
	border: 0 !important;
	color: initial !important;
	background-color: var(--white) !important;
	box-shadow: var(--shadow-500);
	z-index: 1130 !important;
}
#ui-id-2.ui-widget-content {
	z-index: 1120 !important;
}
/*#ui-id-2 {
	display: block !important;
}*/

.mse2-ac-link {
	padding: 8px 16px !important;
	margin: 0 !important;
	color: initial !important;
	background-color: var(--white) !important;
	border: 0 !important;
}
.mse2-ac-link:hover {
	background-color: var(--gray-100) !important;
}
/*.mse2-ac-link.ac_link_no_results:hover {
	background-color: var(--white) !important;
}*/
.mse2-ac-wrapper {
	padding: 0 !important;
}
.ac_no_results.ui-menu-item {
	cursor: default !important;
}
.mse2-ac-wrapper:has(.cascader) {
	border-bottom: 1px solid var(--gray-200) !important;
}
.ui-widget-content:has(.ac_no_results) .submit_form {
	display: none !important;
}
.ui-state-active {
	margin: 0 !important;
	background: initial !important;
	border: 0 !important;
	color: initial !important;
	font-weight: initial !important;
}

.ac_bottom_link {
	height: 54px;
	border-top: 1px solid var(--gray-200) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--white);
	color: var(--primary-500) !important;
	transition: var(--transition-1);
}
.ac_bottom_sticky {
	position: sticky;
	left: 0;
	bottom: 0;
}
.ac_content {
	min-height: calc(var(--ac_content_height) - 100px);
}




@media (max-width: 1919px) {
	:root {
		--main_slider_height: 500px;
		--advantage_badge_width: 243px;
		--advantage_badge_inner_circle_width: 188px;
		--proguct_gallery_height: 286px;
		--proguct_gallery_thumb_width: 75px;
		--mobile_menu_width: 0px;
		--cookie_bar_width: 549px;
	}
}

@media (max-width: 1439px) {
	:root {
		--main_slider_height: 440px;
		--category_button_svg_height: 64px;
		--category_button_gap: 32px;
		--advantage_badge_width: 216px;
		--advantage_badge_inner_circle_width: 167px;
		--proguct_gallery_height: 257px;
		--proguct_gallery_thumb_width: 67px;
		--mobile_menu_width: 0px;
		--cookie_bar_width: 488px;
	}
}

@media (max-width: 1279px) {
	:root {
		--main_slider_height: 720px;
		--category_button_svg_height: 56px;
		--category_button_gap: 24px;
		--advantage_badge_width: 324px;
		--advantage_badge_inner_circle_width: 250px;
		--proguct_gallery_height: 440px;
		--proguct_gallery_thumb_width: 0px;
		--mobile_menu_width: 360px;
		--cookie_bar_width: 468px;
	}

	.modal-dialog {
		position: fixed;
		margin: 0;
		min-height: 0;
		bottom: 0;
	}

	.product_properties_wrap {
		column-count: 1;
	}

	.status_badge_success {
		top: calc(var(--header-height) + var(--sp48));
		bottom: auto;
		left: calc(50% - 224px / 2);
		right: auto;
		width: 224px;
	}
	
	.ddmenu {
		height: calc(100vh - var(--header-height));
		overflow: scroll;
		padding: 0;
		transform: translateX(-100%);
	}
	.ddmenu.active {
		transform: translateX(0);
	}
	.ddmenu .brands {
		padding: var(--sp48);
		margin: var(--sp48);
	}
	.ddmenu .categories {
		margin: var(--sp48);
	}
	.ddmenu .categories .wrapper {
		column-count: 1;
	}

	.footer_menu > div {
		padding: var(--sp24);
	}
	.footer_menu > div:nth-child(1),
	.footer_menu > div:nth-child(4) {
		padding-left: var(--sp48);
	}
	.footer_menu > div:nth-child(3),
	.footer_menu > div:nth-child(5) {
		padding-right: var(--sp48);
	}
	.footer_menu > div:nth-child(1),
	.footer_menu > div:nth-child(2),
	.footer_menu > div:nth-child(3) {
		width: calc(100% / 3);
	}
	.footer_menu > div:nth-child(4),
	.footer_menu > div:nth-child(5) {
		width: 50%;
	}

	.ui-widget-content {
		max-height: calc(var(--ac_content_height) - 5px);
		width: 100% !important;
  		left: 0 !important;
	}
	#ui-id-2.ui-widget-content {
		max-height: 500px !important;
	}
	
}

@media (max-width: 767px) {
	:root {
		--main_slider_height: 520px;
		--category_button_svg_height: 40px;
		--category_button_gap: 0px;
		--advantage_badge_width: 232px;
		--advantage_badge_inner_circle_width: 180px;
		--proguct_gallery_height: 197px;
		--proguct_gallery_thumb_width: 0px;
		--mobile_menu_width: 100%;
		--cookie_bar_width: 100%;
	}

	.status_badge_success {
		top: calc(var(--header-height) + var(--sp48));
		bottom: auto;
		left: var(--sp48);
		right: var(--sp48);
		width: auto;
	}
	
	.machinery_type_card img {
		width: 106px;
		top: calc(50% - 85px);
	}
	.machinery_type_card .title {
		top: auto;
		bottom: 8px;
	}
	.machinery_type_card .cat_title {
		margin-left: 0;
	}
	.cookie-bar {
		bottom: 0;
		right: 0;
	}
}