@font-face {
	font-display: swap;
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/inter-v19-cyrillic_cyrillic-ext_latin-regular.woff2") format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/inter-v19-cyrillic_cyrillic-ext_latin-500.woff2") format("woff2");
}

@font-face {
	font-family: "Manrope";
	font-display: swap;
	src: url("../fonts/manrope-v19-cyrillic-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Manrope";
	font-display: swap;
	src: url("../fonts/manrope-v19-cyrillic-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Manrope";
	font-display: swap;
	src: url("../fonts/manrope-v19-cyrillic-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Poppins";
	font-display: swap;
	src: url("../fonts/poppins-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Urbanist";
	font-display: swap;
	src: url("../fonts/urbanist-medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

/* === Змінні шрифтів === */
:root {
	--font-family: "Inter", Arial, sans-serif;
	--second-family: "Manrope", sans-serif;
	--third-family: "Poppins", sans-serif;
	--font3: "Urbanist", sans-serif;
}

:root {
	--color-black: #010101;
	--color-dark: #333;
	--color-primary: #264796;
	--color-primary-light: #3a62c4;
	--color-bg-light: #f1f1f1;
}

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

html,
body {
	height: 100%;
	min-width: 320px;
}

body {
	color: var(--color-black);
	line-height: 1.5;
	font-weight: 400;
	font-family: var(--font-family);
	font-size: 16px;
	background: var(--color-bg-light);
	font-variant-numeric: lining-nums proportional-nums;
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
	font-family: "Inter", sans-serif;
	font-size: inherit;
	line-height: inherit;
}

button {
	cursor: pointer;
	color: inherit;
	background-color: transparent;
}

a {
	color: inherit;
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

.page.type-page.status-publish.hentry,
.container {
	width: 88.89%;
	margin-left: auto;
	margin-right: auto;
	padding-inline: 15px;
}

@media (max-width: 768px) {

	.page.type-page.status-publish.hentry,
	.container {
		padding-inline: 10px;
		margin-bottom: 0;
		width: 82.89%;
		margin-left: auto;
		margin-right: auto;
	}

	/* Только для контейнера внутри project-slider-2 */
	.project-slider-2>.container {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		/* на всякий случай, если стоит ограничение bootstrap/elementor */
		padding-inline: 0 !important;
		/* обнуляем внутренние отступы, если нужно */
	}
}

/* ===== Скрыть мобильный слайдер по умолчанию ===== */
.project-slider-2 {
	display: none;
}

/* ===== Мобильная версия ===== */
@media (max-width: 768px) {

	/* Прячем десктопный слайдер */
	.project-slider-1 {
		display: none !important;
	}

	/* Показываем мобильный */
	.project-slider-2 {
		display: block !important;
	}
}

/* ===== Десктоп версия (для надёжности) ===== */
@media (min-width: 769px) {
	.project-slider-1 {
		display: block !important;
	}

	.project-slider-2 {
		display: none !important;
	}
}

/* =========== Header ================ */
.header-section {
	position: relative;
}

.header-top-blok {
	background: #3a62c4;
	padding: 8px 0;
}

.header-top-blok-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-top-blok-content-img {
	width: 36px;
	height: 36px;
	object-fit: cover;
	margin-right: 5px;
}

.header-top-blok-content-text {
	text-align: center;
	color: var(--color-bg-light);
	margin-right: 65px;
}

.header-top-blok-content-link {
	color: var(--color-bg-light);
	text-decoration: underline;
}

.header-top-blok-content-link-arrow {
	display: none;
}

.header-middel-blok {
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
}

.header-link-logo {
	display: flex;
	width: 153px;
	height: 48px;
	/* margin-right: 20px; */
}

a.header-link-logo {
	cursor: pointer;
}

.header-logo-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.btn-catalog-header {
	border-radius: 16px;
	padding: 12px 28px;
	width: 169px;
	height: 48px;
	background: var(--color-primary);
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	color: var(--color-bg-light);
	transition: transform 0.3s ease;
}

.btn-catalog-header:hover {
	background: var(--color-primary-light);
}

.catalog-menu {
	position: absolute;
	background: #fff;
	z-index: 15;
	top: 165px;
	left: 0;
	display: flex;
	padding: 40px 80px;
	width: 100%;
	gap: 24px;
	box-sizing: border-box;
}

.catalog-left {
	border-right: 1px solid #999;
	width: 23.5%;
	height: 100%;
}

.category-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.category-item {
	padding: 8px 26px 8px 16px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	transition: transform 0.3s ease;
}

.category-item.active {
	border-radius: 4px;
	padding: 8px 45px 8px 16px;
	width: 301px;
	background: var(--color-primary);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-bg-light);
	position: relative;
}

.category-item.active::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url("../img/ArrowRight.svg") no-repeat center;
}

.category-item:hover {
	background: var(--color-primary);
	color: var(--color-bg-light);
	border-radius: 4px;
	padding: 8px 45px 8px 16px;
}

.category-item:hover::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url("../img/ArrowRight.svg") no-repeat center;
}

.catalog-right {
	padding: 0 24px;
	position: relative;
	width: 100%;
}

.catalog-close {
	position: absolute;
	right: 0;
	top: -60px;
}

.catalog-right .subcategory-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 1100px;
	column-gap: 40px;
	overflow-y: auto;
}

.catalog-right .subcategory-list-wrap.hidden {
	display: none;
}



.catalog-product-list.style-list {
	display: flex;
	/* flex-direction: column; */
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}


.catalog-product-list.style-list>li.products-item {
	width: 100% !important;
	height: auto !important;
	display: flex;
	align-items: center;
	gap: 16px;
	position: relative;
	background: #fff;
	border-radius: 16px;
	padding: 8px 16px 8px 112px;
	min-height: 80px;
	box-sizing: border-box;
	transition: box-shadow .2s ease;
}

.catalog-product-list.style-list>li.products-item:hover {
	box-shadow: 0 4px 12px rgba(2, 25, 55, .06);
}

/* Картинка слева (80x54 по макету) */
.catalog-product-list.style-list .products-img {
	width: 80px;
	height: 54px;
	object-fit: contain;
	position: absolute;
	left: 16px;
	top: 40%;
	transform: translateY(-50%);
}


.catalog-product-list.style-list .products-wrap-top-details {
	/* position: absolute;
	left: 112px;
	top: 8px; */
	display: flex;
	align-items: center;
	gap: 8px;
}


.catalog-product-list.style-list .products-item-link {
	display: flex;
	align-items: center;
	/* gap: 16px; */
	/* flex: 1 1 auto;
	min-width: 0;
	order: 2; */
}

.catalog-product-list.style-list .products-item-title {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

/* Правый блок: цена + кнопка корзины */
.catalog-product-list.style-list .products-wrap-bottom-details {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 16px;
	order: 3;
}


.catalog-product-list.style-list .products-wrap-prise {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	min-width: 160px;
}

.catalog-product-list.style-list .price del {
	color: #9aa3b2;
	font-size: 14px;
}

.catalog-product-list.style-list .price ins {
	color: #010101;
	font-weight: 600;
	text-decoration: none;
	font-size: 16px;
}

/* Кнопка корзины справа (56x40) — подставьте ваш класс, если другой */
.catalog-product-list.style-list .add_to_cart_button,
.catalog-product-list.style-list .button.add_to_cart,
.catalog-product-list.style-list .product-card__cart-btn {
	width: 56px;
	height: 40px;
	border-radius: 8px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-primary);
	color: #fff;
}

/* Иконки избранного/сравнения */
.catalog-product-list.style-list .product-btn-comparison,
.catalog-product-list.style-list .product-btn-favorite {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Если UL/LI обернуты Swiper’ом — фикс ширины/высоты */
.catalog-product-list.style-list li.products-item.swiper-slide {
	width: 100% !important;
	height: auto !important;
	flex-direction: row;
}

/* Адаптив */
@media (max-width: 1200px) {
	.catalog-product-list.style-list .products-item-title {
		white-space: normal;
	}
}

@media (max-width: 768px) {
	.catalog-product-list.style-list>li.products-item {
		padding: 12px 12px 12px 100px;
		min-height: 100px;
		flex-direction: column;
	}

	.catalog-product-list.style-list li.products-item.swiper-slide {
		flex-direction: column;
	}

	.catalog-product-list.style-list .products-wrap-prise {
		min-width: auto;
	}

	.catalog-product-list.style-list .products-wrap-bottom-details {
		gap: 12px;
	}
}


.subcategory-list li {
	padding: 8px 16px;
}

.subcategory-list li:hover a {
	border-bottom: 1px solid #b3b3b3;
}

.subcategory-list li a {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
}

.subcategory-list li a.view-all-categories {
	color: var(--color-primary);
	padding: 10px 0;
}

a.view-all-categories {
	padding: 10px 16px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	gap: 16px;
}

.subcategory-list-wrap {
	position: relative;
	height: 100%;
}

.menu-img-wrap {
	position: absolute;
	bottom: 20px;
	right: 0;
}

.title-catalog-left {
	display: none;
}

.hidden {
	display: none;
}

.search-wrapper {
	position: relative;
	border: 1px solid #b3b3b3;
	border-radius: 16px;
	padding: 12px 16px;
	width: 320px;
	height: 48px;
	/* background: #fff; */
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.search-wrapper input {
	background: inherit;
}

.search-input::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #b3b3b3;
}

.search-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	cursor: pointer;
}

.header-tel {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: transform 0.3s ease;
}

.header-tel svg {
	stroke: #010101;
}

.header-tel:hover {
	color: var(--color-primary-light);
}

.header-tel:hover svg {
	stroke: var(--color-primary-light) !important;
}

.btn-dealer {
	border: 1px solid var(--color-primary);
	border-radius: 16px;
	width: 169px;
	height: 48px;
	box-sizing: border-box;
	background: inherit;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.btn-dealer:hover {
	border: 2px solid var(--color-primary-light);
	color: var(--color-primary-light);
}

.lang-switcher-wrap {
	display: flex;
	gap: 7px;
	align-items: center;
	/* margin-right: 20px; */
}

.lang-switcher-wrap img {
	width: 24px;
	height: 24px;
}

.lang-switcher {
	position: relative;
	display: inline-block;
}

.lang-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
}

.lang-btn .arrow {
	transition: transform 0.3s ease;
}

.lang-btn[aria-expanded="true"] .arrow {
	transform: rotate(180deg);
}

.lang-list {
	position: absolute;
	top: 100%;
	left: -30px;
	display: none;
	flex-direction: column;
	background: var(--color-bg-light);
	z-index: 100;
	padding: 10px 0 10px 20px;
	border-radius: 0 0 16px 16px;
	width: 83px;
	height: 120px;
}

.lang-list li {
	list-style: none;
}

.lang-list a {
	display: block;
	padding: 5px 10px;
	color: var(--color-dark);
}

.lang-list li a:hover {
	color: #3A62C4;

}

.wrap-account-cart {
	display: flex;
	gap: 20px;
	align-items: center;
}

.account-wrap {
	display: flex;
	align-items: center;
	gap: 7px;
	position: relative;
	/* margin-right: 20px; */
}

.account-list {
	position: absolute;
	top: 100%;
	left: -10px;
	display: none;
	flex-direction: column;
	background: var(--color-bg-light);
	z-index: 10;
	padding: 10px 0 0 0px;
	border-radius: 0 0 16px 16px;
	width: 103px;
	height: 100px;
	gap: 10px;
}

.account-list.active {
	display: flex;
}

.account-item a {
	padding: 5px 10px;
	color: var(--color-dark);
}

.arrow {
	transition: transform 0.3s ease;
}

.arrow.rotated {
	transform: rotate(180deg);
}

.cart-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cart-count {
	position: absolute;
	top: 3px;
	right: -6px;
	background-color: red;
	color: white;
	font-size: 8px;
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	border-radius: 50%;
	font-weight: bold;
}

.header-bottom {
	background: #fff;
}

.header-menu-bottom {
	display: flex;
	justify-content: center;
	gap: 60px;
	padding: 8px 0;
	box-sizing: border-box;
}

.header-menu-bottom-item {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-primary);
	transition: transform 0.3s ease;
	box-sizing: border-box;
	height: 26px;
}

.header-menu-bottom-item:hover {
	border-bottom: 2px solid var(--color-bg-light);
}

.mob-btn {
	display: none;
}

.mobile-clone {
	display: none;
}

/* ========= Hero ============ */
.hero-section {
	padding: 120px 0 40px 0;
}

.hero-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 1.33333;
	margin-bottom: 32px;
	width: 80%;
}

.hero-text {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
	margin-bottom: 32px;
}

.hero-btn {
	border-radius: 16px;
	width: 235px;
	height: 56px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	gap: 7px;
}

.hero-btn:hover {
	background: var(--color-primary-light);
}

.hero-slider {
	padding: 60px 0;
}

.hero-slide-img-wrap {
	display: flex;
	justify-content: space-between;
}

.hero-slide-img-wrap img {
	border-radius: 16px;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hero-slide-img-left {
	width: 49%;
	position: relative;
	height: 402px;
}

.hero-slider-text {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0.5px solid #808080;
	border-radius: 12px;
	width: 100%;
	height: 48px;
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, 0.3);
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-slide-img-right {
	display: flex;
	justify-content: space-between;
	height: 402px;
	width: 49%;
}

/* .hero-slide-img-right img {
  width: 48%;
} */
.hero-slide-img-right-wrap-small {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 49%;
}

.hero-slide-img-right-wrap-small img {
	/* height: 48%; */
	width: 100%;
}

.swiper {
	position: static;
}

.swiper-wrapper {
	position: static;
}

.hero-section {
	position: relative;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 40px);
}

.swiper-pagination-bullet {
	border-radius: 2px;
	width: 32px;
	height: 6px;
	background-color: #b3b3b3;
	opacity: 1;
	transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
	width: 64px;
	background-color: var(--color-primary);
}

.swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 40px);
	left: auto;
}

.swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 40px);
	right: auto;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 68%);
	padding: 10px 13px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	--swiper-theme-color: #264796;
	border: 1px solid #264796;
	border-radius: 50%;
}

:root {
	--swiper-theme-color: #b3b3b3;
}

:root {
	--swiper-navigation-size: 18px;
}

.hover-cart-slider {
	display: none;
}

.hero-slide-wrap-hover-cart {
	width: 48%;
	position: relative;
	/* height: 100%; */
	transition: all 0.3s ease;
	cursor: pointer;
}

.hero-slide-wrap-hover-cart.small {
	width: 100%;
	height: 48%;
}

.hero-slide-wrap-hover-cart img {
	cursor: pointer;
	display: block;
}

.hover-cart-slider {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: none;
	transition: all 0.3s ease;
}

.hover-cart-slider.small.bottom {
	top: -208px;
}

.hero-slide-wrap-hover-cart:hover .hover-cart-slider {
	display: block;
}

.hero-slide-wrap-hover-cart:hover .hero-slide-wrap-hover-cart img {
	visibility: hidden;
}

.hover-cart-slider.products-item {
	width: 100%;
	height: auto;
}

.hover-cart-slider.products-item img.products-img {
	height: 194px;
	width: auto;
}

/*============ Advantages ==========*/
.section {
	padding: 40px 0;
}

.advantages-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 20px;
}

.advantages-item {
	width: 49%;
	padding: 24px 0;
	border-radius: 16px;
	background: #fff;
}

.advantages-wrap-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.advantages-img {
	width: 72px;
	height: 72px;
	object-fit: cover;
}

.advantages-wrap-text {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.advantages-item-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
}

.advantages-item-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* text-align: center; */
	color: var(--color-primary);
}

/*=============== Catalog ==============*/
.title-section {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	/* color: #010101; */
	margin-bottom: 40px;
}

.catalog-item {
	border-radius: 16px;
	padding: 40px;
	background: #fff;
}

.catalog-item-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.25;
	/* color: #010101; */
	margin-bottom: 11px;
	text-wrap: nowrap;
}

.catalog-item-btn {
	border: 1px solid #999;
	border-radius: 8px;
	padding: 0px 16px;
	height: 40px;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	box-sizing: border-box;
}

.catalog-item-btn:hover {
	border: 2px solid var(--color-primary-light);
}

.catalog-item-btn-acent {
	border-radius: 8px;
	padding: 0px 16px;
	height: 40px;
	background: var(--color-primary);
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.catalog-item-btn-acent:hover {
	background: var(--color-primary-light);
}

.catalog-wrap-btn-blok {
	display: flex;
	flex-wrap: wrap;
	row-gap: 13px;
	column-gap: 8px;
}

.catalog-item-wrap-big {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.catalog-item-wrap-small {
	display: flex;
	justify-content: space-between;
}

.catalog-item-wrap-small .catalog-wrap-btn-blok {
	align-content: flex-start;
}

.catalog-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(4, 356px);
	gap: 24px;
}


html[lang^="ru"] .catalog-item-title {
	white-space: normal;
	overflow-wrap: anywhere;
	hyphens: auto;
}

html:lang(ru) .catalog-item-btn,
html:lang(ru) .catalog-item-btn-acent {
	height: auto;
	min-height: 40px;
	white-space: normal;
}

html:lang(ru) .catalog-list {
	grid-template-rows: repeat(4, auto);
}

html[lang|="ru"] .catalog-list {

	grid-template-rows: repeat(4, auto);


}



.catalog-item-big-top {
	grid-row: span 2;
}

.catalog-item:nth-child(4) {
	grid-row: 3;
	grid-column: 1;
}

.catalog-item:nth-child(5) {
	grid-row: 4;
	grid-column: 1;
}

.catalog-item-big-bottom {
	grid-row: span 2;
	grid-column: 2;
}

.catalog-item-wrap-big .catalog-item-img {
	width: 100%;
	height: 370px;
	object-fit: contain;
}

.catalog-item-wrap-small .catalog-item-img {
	width: 30%;
	height: 249px;
	object-fit: contain;
}

.catalog-item-small-left-blok {
	width: 67%;
	display: flex;
	flex-direction: column;
}

.btn-go {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 7px;
	font-weight: 600;
	font-size: 19px;
	line-height: 1.5;
	color: var(--color-primary);
	padding: 10px 16px;
	box-sizing: border-box;
	margin-top: auto;
	transition: transform 0.3s ease;
}

.btn-go svg {
	width: 24px;
	height: 24px;
}

.btn-go:hover span {
	border-bottom: 1px solid #b3b3b3;
}

.btn-all {
	width: 197px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 7px;
	font-weight: 600;
	font-size: 19px;
	line-height: 1.5;
	color: var(--color-primary);
	/* padding: 10px 16px; */
	box-sizing: border-box;
	margin-left: auto;
	transition: transform 0.3s ease;
}

.btn-all:hover {
	border-bottom: 1px solid #b3b3b3;
}

/* ============ Products ============== */
.product-section .title-section {
	margin-bottom: 32px;
}

.products-list {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
}

.products-item {
	border-radius: 16px;
	padding: 24px;
	width: 22.5%;
	/* height: 402px; */
	height: auto;
	box-sizing: border-box;
	background: #fff;
	transition: transform 0.3s ease;
	cursor: pointer;
}

.products-item:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: #fff;
}

.products-wrap-top-details {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}

.product-labels {
	border-radius: 8px;
	padding: 4px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
}

.product-labels.new {
	/* color: #010101; */
	background: #ffcd29;
}

.product-labels.top {
	color: var(--color-bg-light);
	background: var(--color-primary-light);
}

.product-labels.action {
	color: var(--color-bg-light);
	background: #e31e24;
}

.product-labels.is-expected {
	color: var(--color-bg-light);
	background: #808080;
}

.product-labels.none {
	opacity: 0;
}

.product-btn-top-wrap {
	display: flex;
	align-items: center;
	gap: 7px;
}

.product-btn-comparison {
	display: flex;
	width: auto;
	height: auto;
	position: relative;
}

.product-btn-comparison.add {
	position: relative;
}

/* .product-btn-comparison.add::after {
	content: "";
	position: absolute;
	top: 11px;
	right: 6px;
	background: url(../img/check-comparison.svg) no-repeat center;
	border-radius: 50%;
	width: 10px;
	height: 8px;
} */

.product-btn-favorite {
	display: flex;
	width: auto;
	height: auto;
}

.product-btn-favorite svg {
	transition: transform 0.3s ease;
	cursor: pointer;
	stroke: #b3b3b3;
	fill: white;
}

.product-btn-favorite:hover svg {
	stroke: none;
	fill: #ffcd29;
}

.product-btn-favorite.add svg {
	stroke: none;
	fill: #ffcd29;
}




/* 🌑 Состояние по умолчанию — прозрачная */
* button.product-btn-comparison {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

/* Настраиваем иконку весов */
button.product-btn-comparison img {
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
	transition: filter 0.3s ease, opacity 0.3s ease;
	opacity: 0.8;
}



/* Фильтр на иконку — делает её “желтой” при добавлении */
/* button.product-btn-comparison.add img {
	filter: sepia(100%) hue-rotate(0deg) saturate(300%) !important;
	opacity: 1;
} */

.xoo-wsc-notice-success {
	background-color: white;
	color: #3A62C4;
}


.xoo-wsc-markup-notices ul.xoo-wsc-notices li {
	border-radius: 10px;
}


.products-img {
	width: 100%;
	height: 55%;
	object-fit: contain;
	margin: 12px auto;
	display: flex;
}

.products-item-title {
	margin-bottom: 24px;
}

.products-wrap-bottom-details {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.products-wrap-prise,
.products-prise-relevant {
	display: flex;
	flex-direction: column;
}

.products-prise-past {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #808080;
}

.add-to-cart {
	border-radius: 8px;
	width: 40px;
	height: 40px;
	background: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	cursor: pointer;
}

.add-to-cart:hover {
	background: var(--color-primary-light);
}


/* Целимся на список товаров и включаем растягивание */
ul.catalog-product-list {
	display: flex !important;
	align-items: stretch !important;
	flex-wrap: wrap !important;
	/* Убеждаемся, что товары переносятся на новую строку */
}

/* Убеждаемся, что элементы списка могут растягиваться */
li.products-item.swiper-slide {
	height: auto !important;
	/* Убираем любые фиксированные высоты */
	max-height: none !important;
	display: flex !important;
	/* Обеспечиваем, что внутренняя логика работает */
	flex-direction: column;
}

/* Внутренний линк должен занимать всю высоту */
li.products-item.swiper-slide>a.products-item-link {
	height: 100% !important;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

/* Прибиваем нижний блок */
.products-wrap-bottom-details {
	/* margin-top: auto; */
}







/* ========== Decision ===========*/
.decision-section {
	position: relative;
	background: var(--color-primary);
}

.decision-section .title-section {
	color: var(--color-bg-light);
	margin-bottom: 72px;
}

.decision-content-wrap {
	display: flex;
	padding: 40px 30px 0;
	justify-content: space-between;
	align-items: center;
}

.decision-content-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 57.5%;
}

.decision-content-item {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #808080;
	width: 90%;
	position: relative;
	transition: transform 0.3s ease;
	cursor: pointer;
}

.decision-content-item:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 3px;
	width: 140px;
	background-color: var(--color-bg-light);
	border-radius: 2px;
}

.decision-content-item-text-wrap {
	display: flex;
	gap: 24px;
}

.decision-content-item-text {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 32px;
	line-height: 1.5;
	color: #808080;
	transition: width 0.3s ease;
}

.decision-content-item:hover .decision-content-item-text {
	color: var(--color-bg-light);
}

.decision-content-item-arrow {
	opacity: 0;
	transition: width 0.3s ease;
}

.decision-content-item:hover .decision-content-item-arrow {
	opacity: 1;
}

.decision-content-right-blok {
	position: relative;
	width: 39%;
	z-index: 1;
}

.decision-right-blok-decor {
	position: absolute;
	right: 15px;
	top: -114px;
	z-index: -1;
}

.decision-right-blok-img {
	display: flex;
	margin: 0 auto;
}

.decision-right-blok-wrap-text {
	border-radius: 16px;
	width: 330px;
	height: 176px;
	backdrop-filter: blur(6px);
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	right: -30px;
	bottom: -45px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.decision-right-blok-wrap-text p:first-of-type {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	margin-left: 50px;
}

.decision-right-blok-wrap-text p:last-of-type {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	margin-left: 50px;
	width: 60%;
}

.decision-bottom-decor {
	position: absolute;
	bottom: -10px;
	left: 0;
}

.decision-section .btn-all {
	color: var(--color-bg-light);
	margin-top: 72px;
	padding: 10px;
}

/* ============Prodjects =============== */
.projects-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 24px;
	padding-bottom: 15px;
}

.projects-item {
	width: 23.5%;
	height: 201px;
	border-radius: 16px;
	position: relative;
	transition: width 0.3s ease;
	cursor: pointer;
}

.projects-item:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.projects-item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.projects-item-name {
	border-radius: 16px;
	width: 100%;
	height: 40px;
	backdrop-filter: blur(12px);
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}

.projects-item-name {


	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	text-align: center;
	width: 93%;
	display: inline-block;
	padding-left: 12px;
	padding-top: 5px;
	padding-right: 12px;
}



/* ============= Brands =============== */
.brands-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 24px;
	padding-bottom: 25px;
}

.brands-item {
	width: 13%;
	height: 128px;
	border-radius: 16px;
	transition: width 0.3s ease;
	cursor: pointer;
}

.brands-item:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.brands-item-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 16px;
}

/* ================ News ================== */
.news-list {
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
}

.news-item {
	width: 21%;
	border-radius: 16px;
	padding: 16px;
	background: #fff;
	transition: width 0.3s ease;
	cursor: pointer;
}

.news-item:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.news-item-img,
.news-item-img img {
	border-radius: 16px;
	width: 100%;
	height: 212px;
	object-fit: cover;
	margin-bottom: 15px;
}



.news-item-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* обмеження в 2 рядки */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-item p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-item-link {
	display: flex;
	justify-content: space-between;
	padding: 30px 0px 0px 0px;
	margin-top: 25px;
}

.news-item-link-text a {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #808080;
}

.news-item.swiper-slide {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.news-item {
	position: relative;
	padding-bottom: 80px;

}

.news-item-link {
	position: absolute;
	left: 16px;

	right: 16px;
	bottom: 16px;

	margin-top: 0 !important;

}


/* ============= Form ============ */
.form-section {
	padding: 50px 0;
}

.wrap-contact-blok {
	display: flex;
	justify-content: space-between;
	border: 1px solid #e5e7e9;
	border-radius: 24px;
	padding: 40px 32px;
	background: #fcfcfd;
}

/* .contact-form {
  width: 49%;
} */
.form-section .wpcf7-form {
	width: 49%;
}

.form-section .wpcf7-form .wpcf7-form-control-wrap textarea {
	height: 217px;
}

.form-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.form-row label {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	text-transform: capitalize;
	color: var(--color-black);
	width: 32%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wrap-contact-blok-right {
	position: relative;
	width: 49%;
}

.wrap-contact-blok-right-img {
	width: 100%;
	height: 405px;
	object-fit: cover;
	border-radius: 16px;
}

.wrap-contact-blok-right-text {
	border-radius: 12px;
	padding: 32px 24px;
	width: 100%;
	height: 116px;
	backdrop-filter: blur(6px);
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
}

.contact-blok-right-list {
	display: flex;
	justify-content: space-between;
}

.contact-blok-right-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.contact-blok-right-item-text,
.contact-blok-right-item-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-bg-light);
}

.contact-blok-right-item-social-wrap {
	display: flex;
	gap: 8px;
}

.contact-blok-right-item-social-wrap img {
	width: 24px;
	height: 24px;
}

/* ============= About ============== */
.about-section {
	padding: 50px 0;
}

.about-section p {
	margin-bottom: 16px;
}

.title-section.about {
	width: 52%;
}

.about-list {
	display: grid;
	grid-template-rows: repeat(2, auto);
	/* 2 рядки */
	grid-auto-flow: column;
	/* йде по колонках! */
	gap: 20px;
	padding: 0 20px;
	box-sizing: border-box;
	row-gap: 16px;
	column-gap: 60px;
	padding-bottom: 40px;
}

.about-item-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-primary);
}

::marker {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-primary);
}

.about-item-text {
	margin-left: -20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
}

.about-list {
	overflow: hidden;
	transition: max-height 0.4s ease;
	max-height: 272px;
	/* дефолт для великих екранів */
}

.btn-all.about {
	margin-top: 60px;
	padding: 0 14px;
}

/* ================ Footer ============= */
.footer-section {
	background: #d6dceb;
}

.logo-footer {
	display: flex;
	align-items: center;
	gap: 30px;
}

.logo-footer img {
	width: 305px;
	height: 95px;
}

.logo-footer p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
}

.line-footer {
	background: #010101;
	opacity: 0.25;
	height: 1px;
	width: 100%;
	margin: 25px 0;
}

.footer-content-wrap {
	display: flex;
	justify-content: space-between;
}

.footer-menu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* gap: 10px; */
	width: 15%;
	margin-left: 10px;
}

.footer-menu-item {
	transition: width 0.3s ease;
}



.footer-registration-login-wrap {
	display: flex;
	flex-direction: column;
	width: 15%;
}

.title-footer-registration-login {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	padding: 4px 0;
}

.footer-registration-login-item a {
	padding: 4px 0;
}

.footer-registration-login-item {
	position: relative;

	transition: width 0.3s ease;
	padding: 4px 0px 4px 20px;
}

.footer-registration-login-item a:hover {
	border-bottom: 1px solid #b3b3b3;
}

.footer-registration-login-wrap .footer-registration-login-item {
	position: relative;
}

.footer-registration-login-wrap .footer-registration-login-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 50%;
}

.footer-location-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 21%;
}

.footer-location-item {
	display: flex;
	gap: 0px;
}

.footer-location-city {
	width: 99px;
}

.footer-location-phone {
	transition: width 0.3s ease;
}

.footer-location-phone:hover {
	color: var(--color-primary-light);
}

.footer-content-right-blok {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 20px;
	width: 30%;
}

.footer-social-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-social-icon-wrap {
	display: flex;
	gap: 16px;
}

.footer-social-icon-wrap img {
	width: 24px;
	height: 24px;
}

.footer-form {
	display: flex;
	gap: 20px;
	align-items: end;
}

.footer-form-label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 60%;
	font-size: 18px;
	font-weight: 500;
}

.footer-form-input {
	border: 1px solid #808080;
	border-radius: 16px;
	padding: 14px 16px;
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	background: inherit;
	transition: width 0.3s ease;
}

.footer-form-input:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.footer-form-input:focus {
	border: 2px solid #b3b3b3;
	outline: none;
}

.footer-form-input:focus:hover {
	box-shadow: none;
}

.footer-form-input.error {
	border: 1px solid #e31e24;
}

.footer-form-input.success {
	border: 1px solid #268b08;
}

.footer-form-input::placeholder {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.71429;
	color: #b3b3b3;
}

.footer-form-btn {
	border-radius: 16px;
	padding: 12px 24px;
	width: 146px;
	height: 48px;
	box-sizing: border-box;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: width 0.3s ease;
	cursor: pointer;
}

.footer-form-btn:hover {
	background: var(--color-primary-light);
}

.footer-bottom-wrap {
	display: flex;
	justify-content: space-between;
}

.footer-info-blok {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	/* color: #010101; */
}

.link-developed {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--color-primary);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 4px;
}

.project-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



#menu-footer-menu li a:hover {
	text-decoration: none !important;
}



.menu-footer-menu li a:hover {
	text-decoration: none !important;
}





















@media (max-width: 1439px) {

	/* =========== Header ================ */
	.header-top-blok {
		padding: 8px 0;
	}

	.header-top-blok-content-link-arrow img {
		display: flex;
	}

	.header-top-blok-content-link-text {
		display: none;
	}

	.header-top-blok-content-img {
		width: 24px;
		height: 24px;
		object-fit: cover;
		margin-right: 5px;
	}

	.header-top-blok-content-text {
		margin-right: 8px;
		font-size: 12px;
	}

	.header-top-blok-content-link {
		text-decoration: none;
	}

	.header-middel-blok {
		justify-content: space-between;
		align-items: center;
		padding: 8px 0;
	}

	.mob-btn {
		display: block;
	}

	.header-link-logo {
		width: 100px;
		height: 30px;
	}

	.btn-catalog-header {
		width: 303px;
		height: 48px;
		margin-top: 12px;
		margin-left: 12px;
	}

	.catalog-menu {
		z-index: 1000;
		top: 0px;
		left: 0;
		flex-direction: column;
		padding: 20px 40px;
		height: 100vh;
		gap: 24px;
	}

	.catalog-left {
		border-right: none;
		width: 100%;
		height: 100%;
	}

	.category-list {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.category-item {
		padding: 8px 16px;
		font-size: 18px;
		position: relative;
	}

	.category-item::after {
		content: "";
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
		background-image: url("/img/arrow-breads-crumbs.svg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.catalog-right {
		padding: 0 24px;
		position: static;
		width: 100%;
	}

	.catalog-menu .catalog-close {
		position: absolute;
		right: 40px;
		top: -620px;
	}

	.catalog-menu.show-subcategories .catalog-close {
		position: absolute;
		right: 40px;
		top: 40px;
	}

	.catalog-right .subcategory-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px 40px;
		max-height: 100vh;
		overflow-y: auto;
		padding-right: 10px;
		scrollbar-width: thin;
	}

	.catalog-right .subcategory-list-wrap.hidden {
		display: none;
	}

	.subcategory-list li {
		padding: 8px 16px;
	}

	.subcategory-list li a {
		font-size: 16px;
	}

	.subcategory-list li a.view-all-categories {
		padding: 10px 0;
	}

	a.view-all-categories {
		padding: 10px 16px;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		color: var(--color-primary);
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.subcategory-list-wrap {
		position: relative;
	}

	.menu-img-wrap {
		position: absolute;
		bottom: 20px;
		right: 0;
		display: none;
	}

	/* коли обрали категорію */
	.catalog-menu.show-subcategories .catalog-left {
		display: none;
		/* ховаємо список категорій */
	}

	.catalog-back {
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 500;
		gap: 7px;
		padding-left: 15px;
		margin-bottom: 16px;
	}

	.catalog-menu.show-subcategories .catalog-back {
		display: flex;
		/* показуємо кнопку "Назад" */
	}

	.title-catalog-left,
	.subcategory-title {
		font-weight: 500;
		font-size: 18px;
		line-height: 1.44444;
		color: var(--color-primary);
		padding: 20px 50px 20px 20px;
	}

	.title-catalog-left {
		display: block;
	}

	.line-menu-catalog {
		display: flex;
		height: 1px;
		width: 100%;
		background-color: #b3b3b3;
		margin-bottom: 20px;
	}

	.hidden {
		display: none;
	}

	.search-wrapper {
		width: 330px;
		height: 40px;
	}

	.search-input::placeholder {
		font-size: 12px;
	}

	.search-btn {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		border: none;
		cursor: pointer;
	}

	.header-tel {
		display: flex;
		align-items: center;
		gap: 10px;
		display: none;
	}

	.btn-dealer {
		width: 303px;
		height: 48px;
		margin-top: 12px;
		margin-left: 12px;
	}

	.lang-switcher-wrap {
		display: flex;
		gap: 7px;
		align-items: center;
	}

	.lang-switcher-wrap img {
		width: 16px;
		height: 16px;
	}

	.lang-btn {
		font-size: 10px;
	}

	.lang-list {
		top: 100%;
		left: -30px;
		z-index: 10;
		padding: 0px 0 0 20px;
		border-radius: 0 0 16px 16px;
		width: 83px;
		height: auto;
	}

	.lang-list a {
		display: block;
		padding: 5px 10px;
		color: var(--color-dark);
		font-size: 10px;
	}

	.account-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
	}

	.account-btn img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	.account-list {
		top: 100%;
		left: -10px;
		padding: 0px 0 0 0px;
		border-radius: 0 0 16px 16px;
		width: 103px;
		height: 100px;
		gap: 5px;
	}

	.account-item a {
		padding: 5px 10px;
		color: var(--color-dark);
		font-size: 10px;
	}

	.cart-icon img {
		width: 16px;
		height: 24px;
	}

	.cart-count {
		top: 0px;
		right: -6px;
		font-size: 6px;
		width: 12px;
		height: 12px;
		line-height: 12px;
	}

	.header-bottom.mob-menu-wrap {
		display: none;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		z-index: 999;
	}

	body.no-scroll {
		overflow: hidden;
		height: 100vh;
		/* щоб точно не скролилось */
	}

	.mob-menu-wrap.active .mobile-clone {
		display: flex;
	}

	.header-bottom.mob-menu-wrap.active {
		display: block;
		box-sizing: border-box;
	}

	.header-menu-bottom {
		display: flex;
		flex-direction: column;
		justify-content: start;
		gap: 8px;
		padding: 12px;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.header-menu-bottom-item {
		font-size: 16px;
		padding: 8px 0;
	}

	.mob-menu-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #b3b3b3;
		padding: 16px 0px;
	}

	.mob-menu-top-right {
		display: flex;
		gap: 15px;
	}

	.header-tel.mob {
		display: flex;
	}

	.mob-menu-link-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 12px;
	}

	.header-tel.mob {
		color: var(--color-primary);
		padding: 8px;
	}

	.header-tel.mob svg {
		stroke: var(--color-primary);
	}

	/* ========= Hero ============ */
	.hero-section {
		padding: 20px 0 40px 0;
	}

	.hero-wrap-text {
		padding-top: 40px;
	}

	.hero-title {
		font-size: 36px;
		width: 100%;
	}

	.hero-text {
		font-size: 18px;
		margin-bottom: 32px;
	}

	.hero-btn {
		width: 194px;
		height: 48px;
	}

	.hero-slider {
		padding: 40px 0;
	}

	.hero-slide-img-left {
		width: 74%;
		position: relative;
		height: 516px;
	}

	.hero-slide-img-right {
		display: flex;
		justify-content: space-between;
		height: 516px;
		width: 25%;
	}

	.hero-slide-img-right-wrap-small {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}

	.hero-slide-img-right-wrap-small img {
		width: 100%;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 40px);
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none;
		position: absolute;
		top: var(--swiper-navigation-top-offset, 68%);
	}

	:root {
		--swiper-navigation-size: 18px;
	}

	.hover-cart-slider {
		display: block;
	}

	.hero-slide-wrap-hover-cart {
		width: 48%;
		position: relative;
		/* height: 100%; */
		transition: all 0.3s ease;
		cursor: pointer;
	}

	.hero-slide-wrap-hover-cart.small {
		width: 100%;
		height: 48%;
	}

	.hero-slide-wrap-hover-cart img {
		cursor: pointer;
	}

	.hover-cart-slider {
		position: static;
		top: 0;
		left: 0;
		z-index: 5;
		transition: all 0.3s ease;
	}

	.hover-cart-slider.small.bottom {
		top: -208px;
	}

	.hero-slide-wrap-hover-cart .hover-cart-slider {
		display: block;
	}

	.hover-cart-slider.products-item {
		width: 100%;
		height: auto;
	}

	.hover-cart-slider.products-item {
		padding: 12px;
	}

	.hover-cart-slider.products-item img.products-img {
		height: 94px;
		width: auto;
	}

	.hover-cart-slider.products-item .products-item-title {
		font-size: 12px;
		margin-bottom: 14px;
	}

	.hover-cart-slider.products-item .products-prise-relevant {
		font-size: 12px;
	}

	.hover-cart-slider.products-item .add-to-cart {
		width: 32px;
		height: 32px;
	}

	.hover-cart-slider.big {
		display: none;
	}

	.hero-slide-wrap-hover-cart.big {
		display: none;
	}

	.hero-slide-wrap-hover-cart.small-img {
		display: none;
	}

	/* ============ Advantages ========== */
	.section {
		padding: 20px 0 30px;
	}

	.advantages-list {
		gap: 16px;
		justify-content: center;
	}

	.advantages-item {
		width: 45%;
		padding: 12px 0;
	}

	.advantages-wrap-content {
		gap: 8px;
	}

	.advantages-img {
		width: 32px;
		height: 32px;
	}

	.advantages-wrap-text {
		gap: 4px;
	}

	.advantages-item-title {
		font-size: 16px;
	}

	.advantages-item-text {
		font-size: 12px;
	}

	/*=============== Catalog ==============*/
	.title-section {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.catalog-item {
		padding: 16px;
	}

	.catalog-item-title {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.catalog-item-btn {
		border: 1px solid #999;
		padding: 0px 7px;
		height: 28px;
		font-size: 12px;
	}

	.catalog-item-btn.mob {
		display: none;
	}

	.catalog-item-btn-acent {
		padding: 0px 7px;
		height: 28px;
		font-size: 12px;
	}

	.catalog-wrap-btn-blok {
		display: flex;
		flex-wrap: wrap;
		row-gap: 8px;
		column-gap: 5px;
	}

	.catalog-item-wrap-big {
		gap: 16px;
	}

	.catalog-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(4, 160px);
		gap: 8px;
	}

	.catalog-item-wrap-big .catalog-item-img {
		width: 100%;
		height: 168px;
		object-fit: contain;
	}

	.catalog-item-wrap-small .catalog-item-img {
		width: 30%;
		height: 88px;
		object-fit: contain;
	}

	.catalog-item-small-left-blok {
		width: 67%;
		display: flex;
		flex-direction: column;
	}

	.catalog-item-wrap-small {
		height: 100%;
	}

	.btn-go {
		margin-top: 16px;
		padding: 0;
	}

	.btn-go span {
		display: none;
	}

	.btn-go svg {
		width: 16px;
		height: 16px;
	}

	.btn-all {
		width: 162px;
		margin-top: 34px;
		gap: 4px;
		font-size: 12px;
	}

	.btn-all svg {
		width: 16px;
		height: 16px;
	}

	/* ============ Products ============== */
	.product-section .title-section {
		margin-bottom: 24px;
	}

	.products-list {
		padding-bottom: 15px;
		gap: 16px;
	}

	.products-item {
		width: 288px;
		box-sizing: border-box;
	}

	/* ========== Decision ===========*/
	.decision-section {
		position: relative;
		background: var(--color-primary);
		padding: 60px 0;
	}

	.decision-section .title-section {
		margin-bottom: 24px;
	}

	.decision-content-wrap {
		padding: 0;
		padding-right: 20px;
	}

	.decision-content-list {
		padding: 45px 0;
		gap: 20px;
		width: 53.9%;
	}

	.decision-content-item {
		padding-bottom: 20px;
		width: 90%;
	}

	.decision-content-item:hover::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		height: 3px;
		width: 71px;
	}

	.decision-content-item-arrow {
		width: 24px;
		height: 24px;
	}

	.decision-content-item-text-wrap {
		display: flex;
		gap: 8px;
	}

	.decision-content-item-text {
		font-size: 20px;
	}

	.decision-content-right-blok {
		position: relative;
		width: 42%;
	}

	.decision-right-blok-decor {
		position: absolute;
		right: -20px;
		top: -114px;
		z-index: -1;
	}

	.decision-right-blok-img {
		display: flex;
		margin: 0 auto;
		width: 286px;
	}

	.decision-right-blok-wrap-text {
		border-radius: 16px;
		width: 254px;
		height: 108px;
		right: -30px;
		bottom: -45px;
	}

	.decision-right-blok-wrap-text p:first-of-type {
		font-size: 20px;
		margin-left: 30px;
	}

	.decision-right-blok-wrap-text p:last-of-type {
		font-size: 12px;
		margin-left: 30px;
		width: 90%;
	}

	.decision-bottom-decor {
		position: absolute;
		bottom: 85px;
		left: 5.5%;
		width: 195px;
		height: 66px;
		object-fit: cover;
	}

	.decision-section .btn-all {
		color: var(--color-bg-light);
		margin-top: 24px;
		padding: 8px;
	}

	/* ============Prodjects =============== */
	.projects-list {
		flex-wrap: nowrap;
		gap: 24px;
	}

	.projects-item {
		width: 302px;
		box-sizing: border-box;
	}

	/* ============= Brands =============== */
	.brands-list {
		flex-wrap: nowrap;
		gap: 24px;
		padding-bottom: 15px;
	}

	.brands-item {
		width: 160px;
	}

	/* ================ News ================== */
	.news-list {
		display: flex;
		justify-content: space-between;
		padding-bottom: 15px;
		gap: 24px;
	}

	.news-item {
		width: 302px;
		/* padding: 16px; */
		box-sizing: border-box;
	}

	/* ============= Form ============ */
	.wrap-contact-blok {
		display: flex;
		flex-direction: column-reverse;
		gap: 16px;
		padding: 16px;
	}

	/* .contact-form {
    width: 100%;
  } */
	.form-section .wpcf7-form {
		width: 100%;
	}

	.form-row {
		display: flex;
		justify-content: space-between;
		margin-bottom: 16px;
	}

	.form-row label {
		font-size: 12px;
		width: 32%;
		gap: 10px;
	}

	.form-section .wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 95px;
	}

	.wrap-contact-blok-right {
		width: 100%;
	}

	.wrap-contact-blok-right-img {
		width: 100%;
		height: 405px;
		object-fit: cover;
		border-radius: 16px;
	}

	.wrap-contact-blok-right-text {
		border-radius: 12px;
		padding: 20px 16px;
		width: 100%;
		height: 60px;
	}

	.contact-blok-right-item {
		display: flex;
		flex-direction: row;
		gap: 4px;
	}

	.contact-blok-right-item-text,
	.contact-blok-right-item-link {
		font-size: 12px;
	}

	.contact-blok-right-item-social-wrap {
		display: flex;
		gap: 8px;
	}

	.contact-blok-right-item-social-wrap img {
		width: 16px;
		height: 16px;
	}

	/* ============= About ============== */
	.about-section .title-section {
		width: 52%;
	}

	.about-list {
		display: grid;
		grid-template-rows: repeat(3, auto);
		gap: 20px;
		padding: 0 20px;
		box-sizing: border-box;
		row-gap: 20px;
		column-gap: 60px;
		padding-bottom: 20px;
	}

	.about-item-title {
		font-size: 16px;
	}

	::marker {
		font-size: 16px;
	}

	.about-item-text {
		margin-left: -20px;
		font-size: 12px;
	}

	.about-list {
		max-height: 235px;
	}

	.about-list.expanded {
		max-height: none;
		/* знімаємо обмеження */
	}

	/* ================ Footer ============= */
	.logo-footer {
		display: flex;
		align-items: center;
		gap: 30px;
	}

	.logo-footer img {
		width: 94px;
		height: 29px;
	}

	.logo-footer p {
		font-size: 12px;
	}

	.line-footer {
		margin: 18px 0;
	}

	.footer-menu {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 15%;
		margin-left: 10px;
		font-size: 12px;
	}

	.footer-registration-login-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 17%;
	}

	.title-footer-registration-login {
		font-weight: 600;
		font-size: 12px;
		line-height: 1.44444;
		padding: 4px 0;
	}

	.footer-registration-login-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-registration-login-item {
		position: relative;
		padding: 4px 0;
		padding-left: 12px;
		font-size: 12px;
	}

	.footer-registration-login-wrap .footer-registration-login-item::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 4px;
		background-color: #000;
		border-radius: 50%;
	}

	.reg_log_na ul li:before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 4px;
		height: 4px;
		background-color: #000;
		border-radius: 50%;
	}

	.footer-location-list {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 25%;
	}

	.footer-location-item {
		display: flex;
		gap: 0px;
		font-size: 12px;
	}

	.footer-location-city {
		width: 66px;
	}

	.footer-content-right-blok {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 16px;
		width: 32%;
		font-size: 12px;
	}

	.footer-social-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.footer-social-icon-wrap {
		display: flex;
		gap: 16px;
	}

	.footer-social-icon-wrap img {
		width: 24px;
		height: 24px;
	}

	.footer-form {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: end;
	}

	.footer-form-label {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
		font-size: 12px;
		font-weight: 400;
	}

	.footer-form-input {
		border: 1px solid #808080;
		border-radius: 16px;
		padding: 14px 16px;
		width: 100%;
		height: 40px;
	}

	.footer-form-input::placeholder {
		font-size: 12px;
	}

	.footer-form-btn {
		border-radius: 16px;
		padding: 12px 24px;
		width: 100%;
		height: 40px;
		font-size: 12px;
	}

	.footer-bottom-wrap {
		position: relative;
	}

	.footer-social-icon-wrap {
		position: absolute;
		right: 0;
		top: -60px;
	}

	.footer-info-blok {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.footer-content-right-blok .wpcf7-form .wpcf7-submit {
		width: 100%;
	}

	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

		font-size: 14px !important;

	}

	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
	.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
	:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
		padding: .618em 0.5em;
	}

	.footer-content-right-blok .wpcf7-form {
		flex-direction: column;
		gap: 0;
	}

	.header-top-blok {
		padding: 8px 0;
	}

	.header-top-blok-content-link-arrow img {
		display: flex;
	}

	.header-top-blok-content-link-text {
		display: none;
	}

	.header-top-blok-content-img {
		width: 24px;
		height: 24px;
		object-fit: cover;
		margin-right: 5px;
	}

	.header-top-blok-content-text {
		margin-right: 8px;
		font-size: 12px;
	}

	.header-top-blok-content-link {
		text-decoration: none;
	}

	.header-middel-blok {
		justify-content: space-between;
		align-items: start;
		padding: 8px 0;
		height: 119px;
	}

	.mob-btn {
		display: block;
	}

	.header-link-logo {
		width: 100px;
		height: 30px;
	}

	.btn-catalog-header {
		width: 303px;
		height: 48px;
		margin-top: 12px;
		margin-left: 12px;
	}

	.catalog-menu {
		z-index: 1000;
		top: 0px;
		left: 0;
		flex-direction: column;
		padding: 20px 30px;
		height: 100vh;
		gap: 24px;
		overflow-y: scroll;
	}

	.catalog-left {
		border-right: none;
		width: 100%;
		height: 100%;
	}

	.category-list {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.category-item {
		padding: 8px 20px 8px 10px;
		font-size: 18px;
		position: relative;
	}

	.category-item::after {
		content: "";
		position: absolute;
		right: 2px;
		top: 50%;
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
		background-image: url("/img/arrow-breads-crumbs.svg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.catalog-right {
		padding: 0 0px;
		position: static;
		width: 100%;
		box-sizing: border-box;
	}

	.catalog-menu .catalog-close {
		position: absolute;
		right: 40px;
		top: 40px;
	}

	.catalog-menu.show-subcategories .catalog-close {
		position: absolute;
		right: 7%;

	}

	.catalog-right .subcategory-list {
		/* display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 40px; */
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 5px;
		max-height: 100vh;
		overflow-y: auto;
		padding-right: 10px;
		scrollbar-width: thin;
	}

	.catalog-right .subcategory-list-wrap.hidden {
		display: none;
	}

	.subcategory-list li {
		padding: 8px 16px;
	}

	.subcategory-list li a {
		font-size: 16px;
	}

	.subcategory-list li a.view-all-categories {
		padding: 10px 0;
	}

	a.view-all-categories {
		padding: 10px 16px;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		color: var(--color-primary);
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.subcategory-list-wrap {
		position: relative;
	}

	.menu-img-wrap {
		position: absolute;
		bottom: 20px;
		right: 0;
		display: none;
	}

	/* коли обрали категорію */
	.catalog-menu.show-subcategories .catalog-left {
		display: none;
		/* ховаємо список категорій */
	}

	.catalog-back {
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 500;
		gap: 7px;
		padding-left: 15px;
		margin-bottom: 16px;
	}

	.catalog-menu.show-subcategories .catalog-back {
		display: flex;
		/* показуємо кнопку "Назад" */
	}

	.title-catalog-left,
	.subcategory-title {
		font-weight: 500;
		font-size: 18px;
		line-height: 1.44444;
		color: var(--color-primary);
		padding: 20px 50px 20px 20px;
	}



	.title-catalog-left {
		display: block;
	}

	.line-menu-catalog {
		display: flex;
		height: 1px;
		width: 100%;
		background-color: #b3b3b3;
		margin-bottom: 20px;
	}

	.catalog-menu.show-subcategories .catalog-right .line-menu-catalog {
		display: flex;
	}

	.catalog-menu {
		max-height: 100vh;
		height: auto;
		overflow-y: auto;
		/* вместо scroll — чтобы браузер сам решал */
		-webkit-overflow-scrolling: touch;
		/* плавный скролл на iOS */
	}

	.catalog-menu {
		padding-bottom: 32px;


	}

	.hidden {
		display: none;
	}

	.search-form {
		position: absolute;
		bottom: 20px;
		left: 5%;
	}

	.search-wrapper {
		width: 100%;
		height: 40px;
	}

	.search-input::placeholder {
		font-size: 12px;
	}

	.search-btn {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		border: none;
		cursor: pointer;
	}

	.header-tel {
		display: flex;
		align-items: center;
		gap: 10px;
		display: none;
	}

	.btn-dealer {
		width: 303px;
		height: 48px;
		margin-top: 12px;
		margin-left: 12px;
	}

	.lang-switcher-wrap {
		display: none;
		gap: 7px;
		align-items: center;
	}

	.lang-switcher-wrap img {
		width: 16px;
		height: 16px;
	}

	.lang-btn {
		font-size: 10px;
	}

	.lang-list {
		top: 100%;
		left: -30px;
		z-index: 10;
		padding: 0px 0 0 20px;
		border-radius: 0 0 16px 16px;
		width: 83px;
		height: auto;
	}

	.lang-list a {
		display: block;
		padding: 5px 10px;
		color: var(--color-dark);
		font-size: 10px;
	}

	.wrap-account-cart {
		gap: 10px;
	}

	.account-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
	}

	.account-btn img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	.account-list {
		top: 100%;
		left: -10px;
		padding: 0px 0 0 0px;
		border-radius: 0 0 16px 16px;
		width: 103px;
		height: 100px;
		gap: 5px;
	}

	.account-item a {
		padding: 5px 10px;
		color: var(--color-dark);
		font-size: 10px;
	}

	.cart-icon img {
		width: 16px;
		height: 24px;
	}

	.cart-count {
		top: 0px;
		right: -6px;
		font-size: 6px;
		width: 12px;
		height: 12px;
		line-height: 12px;
	}

	.header-bottom.mob-menu-wrap {
		display: none;
		position: absolute;
		background: #fff;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		z-index: 999;
	}

	body.no-scroll {
		overflow: hidden;
		height: 100vh;
		/* щоб точно не скролилось */
	}

	.mob-menu-wrap.active .mobile-clone {
		display: flex;
	}

	.header-bottom.mob-menu-wrap.active {
		display: block;
		box-sizing: border-box;
	}

	.header-menu-bottom {
		display: flex;
		flex-direction: column;
		justify-content: start;
		gap: 8px;
		padding: 12px;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.header-menu-bottom-item {
		font-size: 16px;
		padding: 8px 0;
	}

	.mob-menu-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #b3b3b3;
		padding: 16px 0px;
	}

	.mob-menu-top-right {
		display: flex;
		gap: 15px;
	}

	.header-tel.mob {
		display: flex;
	}

	.mob-menu-link-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 12px;
	}

	.header-tel.mob {
		color: var(--color-primary);
		padding: 8px;
	}

	.header-tel.mob svg {
		stroke: var(--color-primary);
	}

	/* ============= Hero ============== */
	.hero-section {
		padding: 0px 0 20px 0;
	}

	.hero-title {
		font-size: 24px;
		margin-bottom: 24px;
		width: 100%;
		line-height: 1.5;
	}

	.hero-text {
		font-size: 18px;
		margin-bottom: 24px;
	}

	.hero-btn {
		width: 100%;
		height: 48px;
		font-size: 16px;
		box-sizing: border-box;
		padding: 16px 24px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.hero-slider {
		padding: 16px 0;
	}

	.hero-slider-swiper {
		height: 498px;
	}

	.hero-slide-img-wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 16px;
	}

	.hero-slide-img-wrap img {
		border-radius: 16px;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.hero-slide-img-left {
		width: 100%;
		position: relative;
		height: 216px;
	}

	.hero-slider-text {
		width: 100%;
		height: 48px;
	}

	.hero-slide-img-right {
		display: flex;
		justify-content: space-between;
		height: 216px;
		width: 100%;
	}

	.hero-slide-img-right img {
		width: 49%;
	}

	.hero-slide-img-right-wrap-small {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		gap: 16px;
	}

	.hero-slide-img-right-wrap-small img {
		height: 48%;
		width: 100%;
	}

	.hover-cart-slider.products-item img.products-img {
		margin-bottom: 0;
	}

	.hover-cart-slider.products-item .products-item-title {
		font-size: 12px;
		margin-bottom: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* обмеження в 2 рядки */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.swiper {
		position: static;
	}

	.swiper-wrapper {
		position: static;
	}

	.hero-section {
		position: relative;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 0px);
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: block;
		position: absolute;
		top: var(--swiper-navigation-top-offset, 73%);
	}

	.swiper-button-next {
		right: var(--swiper-navigation-sides-offset, 5px);
		left: auto;
	}

	.swiper-button-prev {
		left: var(--swiper-navigation-sides-offset, 5px);
		right: auto;
	}

	.swiper-pagination-bullet {
		border-radius: 2px;
		width: 32px;
		height: 6px;
		background-color: #b3b3b3;
		opacity: 1;
		transition: all 0.3s ease;
	}

	.swiper-pagination-bullet-active {
		width: 64px;
		background-color: var(--color-primary);
	}

	:root {
		--swiper-navigation-size: 12px;
	}

	/* ================= Advantages ================= */
	.section {
		padding: 10px 0;
	}

	.advantages-list {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.advantages-item {
		width: 100%;
		padding: 12px 0;
		box-sizing: border-box;
	}

	.advantages-wrap-content {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}

	.advantages-img {
		width: 32px;
		height: 32px;
		object-fit: cover;
	}

	.advantages-wrap-text {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.advantages-item-title {
		font-size: 16px;
	}

	.advantages-item-text {
		font-size: 12px;
	}

	/*=============== Catalog ==============*/
	.title-section {
		font-size: 22px;
		margin-bottom: 26px;
	}

	.catalog-item {
		padding: 16px;
	}

	.catalog-item-title {
		font-size: 16px;
		margin-bottom: 11px;
	}

	.catalog-item-btn {
		border-radius: 8px;
		padding: 4px 8px;
		height: 28px;
		box-sizing: border-box;
		font-size: 12px;
	}

	.catalog-item-btn.mob {
		display: none;
	}

	.catalog-item-btn-acent {
		border-radius: 8px;
		padding: 4px 8px;
		height: 28px;
		box-sizing: border-box;
		font-size: 12px;
	}

	.catalog-wrap-btn-blok {
		display: flex;
		flex-wrap: wrap;
		column-gap: 4px;
		row-gap: 13px;
	}

	.catalog-item-wrap-big {
		gap: 16px;
	}

	.catalog-list {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.catalog-item-big-top,
	.catalog-item-big-bottom {
		grid-row: auto;
		grid-column: auto;
	}

	.catalog-item:nth-child(4),
	.catalog-item:nth-child(5) {
		grid-row: auto;
		grid-column: auto;
	}

	.catalog-item-wrap-big .catalog-item-img {
		width: 100%;
		height: 105px;
		object-fit: contain;
	}

	.catalog-item-wrap-small .catalog-item-img {
		width: 30%;
		height: 56px;
		object-fit: contain;
	}

	.btn-all {
		margin-top: 24px;
		gap: 5px;
		font-size: 12px;
		padding: 0 12px;
	}

	.btn-all svg {
		width: 16px;
		height: 16px;
	}

	/* ============= Products ===================== */
	.product-section {
		padding: 40px 0;
	}

	.product-section .title-section {
		margin-bottom: 34px;
	}

	.products-list {
		gap: 16px;
	}

	.products-item {
		width: 288px;
		box-sizing: border-box;
	}

	.products-wrap-top-details {
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}

	.product-section .btn-all {
		margin-top: 38px;
	}

	/* ========== Decision ===========*/
	.decision-section {
		padding: 40px 0;
	}

	.decision-section .title-section {
		color: var(--color-bg-light);
		margin-bottom: 112px;
	}

	.decision-content-wrap {
		display: flex;
		flex-direction: column-reverse;
		padding: 0 30px 0 0;
		justify-content: center;
		align-items: center;
		gap: 60px;
	}

	.decision-content-list {
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: 100%;
	}

	.decision-content-item {
		display: flex;
		justify-content: space-between;
		padding-bottom: 14px;
		border-bottom: 1px solid #808080;
		position: relative;
	}

	.decision-content-item.action::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		height: 3px;
		width: 140px;
		background-color: var(--color-bg-light);
		border-radius: 2px;
		transition: width 0.3s ease;
	}

	.decision-content-item-text-wrap {
		display: flex;
		gap: 10px;
	}

	.decision-content-item-text {
		font-size: 20px;
	}

	.decision-content-item-arrow {
		opacity: 0;
		width: 24px;
		height: 24px;
	}

	.decision-content-item.action .decision-content-item-arrow {
		opacity: 1;
	}

	.decision-content-right-blok {
		width: 100%;
	}

	.decision-right-blok-decor {
		position: absolute;
		right: 15px;
		top: -114px;
		z-index: -1;
		width: 310px;
		height: 214px;
	}

	.decision-content-right-blok img {
		width: 100%;
		height: 286px;
		object-fit: contain;
	}

	.decision-right-blok-wrap-text {
		width: 254px;
		height: 108px;
		right: -30px;
		bottom: -45px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.decision-right-blok-wrap-text p:first-of-type {
		font-size: 20px;
		margin-left: 25px;
	}

	.decision-right-blok-wrap-text p:last-of-type {
		font-size: 12px;
		margin-left: 25px;
		width: 90%;
	}

	.decision-bottom-decor {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 234px;
		height: 92px;
	}

	.decision-section .btn-all {
		color: var(--color-bg-light);
		margin-top: 0px;
		padding: 0px;
	}

	/* ============Prodjects =============== */
	.projects-section {
		padding-top: 20px;
	}

	.projects-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		gap: 16px;
	}

	.projects-item {
		width: 302px;
		height: 201px;
	}

	/* ============= Brands =============== */
	.brands-section {
		padding-top: 20px;
	}

	.brands-list {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 16px;
	}

	.brands-item {
		width: 160px;
		height: 128px;
	}

	/* ================ News ================== */
	.news-section {
		padding-top: 20px;
	}

	.news-list {
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}

	.news-item {
		width: 302px;
		border-radius: 16px;
		/* padding: 16px; */
		background: #fff;
		box-sizing: border-box;
	}

	/* ============= Form ============ */
	.form-section {
		padding-top: 20px;
	}

	.wrap-contact-blok {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}

	.form-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 16px;
	}

	.form-row label {
		font-size: 12px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.form-row label:nth-child(1),
	.form-row label:nth-child(2) {
		width: 49%;
		margin-bottom: 8px;
	}

	.form-row label:nth-child(3) {
		width: 100%;
	}

	/* .form-row-input {
    border: 1px solid #b3b3b3;
    border-radius: 16px;
    padding: 12px 16px;
    width: 100%;
    height: 40px;
    background: #fff;
    box-sizing: border-box;
  } */
	.message-label {
		font-size: 12px;
		gap: 10px;
	}

	/* .message-label textarea {
    padding: 16px 16px 14px 16px;
    width: 100%;
    height: 221px;
  } */
	.submit-btn-form {
		width: 100%;
		height: 48px;
		margin-top: 16px;
	}

	.form-section .wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 221px;
	}

	.wrap-contact-blok-right {
		position: relative;
		width: 100%;
	}

	.wrap-contact-blok-right-img {
		width: 100%;
		height: 405px;
		object-fit: cover;
		border-radius: 16px;
	}

	.wrap-contact-blok-right-text {
		border-radius: 12px;
		padding: 20px 16px;
		width: 100%;
		height: 116px;
		display: flex;
		justify-content: end;
	}

	.contact-blok-right-list {
		display: flex;
		flex-direction: column;
		justify-content: end;
	}

	.contact-blok-right-item {
		display: flex;
		flex-direction: row;
		gap: 14px;
		justify-content: end;
	}

	.contact-blok-right-item-text,
	.contact-blok-right-item-link {
		font-size: 12px;
	}

	.contact-blok-right-item-social-wrap {
		display: flex;
		gap: 8px;
	}

	.contact-blok-right-item-social-wrap img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	/* ============= About ============== */
	.about-section {
		padding: 40px 0;
	}

	.about-section .title-section {
		width: 100%;
	}

	.about-list {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.title-section.about {
		width: 100%;
	}

	.about-item-title {
		font-size: 16px;
	}

	::marker {
		font-size: 16px;
	}

	.about-item-text {
		margin-left: -20px;
		font-size: 12px;
		line-height: 1.66667;
	}

	.about-list {
		max-height: 356px;
	}

	/* ================ Footer ============= */
	.footer-section {
		padding-top: 25px;
	}

	.logo-footer {
		display: flex;
		align-items: center;
		gap: 30px;
	}

	.logo-footer img {
		width: 94px;
		height: 29px;
	}

	.logo-footer p {
		font-size: 12px;
	}

	.line-footer {
		margin: 8px 0 8px;
	}

	.footer-content-wrap {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		/* flex-wrap: wrap; */
		row-gap: 20px;
		margin-bottom: 55px;
	}

	.footer-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		width: 38%;
		margin-left: 10px;
		font-size: 12px;
	}

	.footer-location-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		width: 55%;
	}

	.footer-location-item {
		display: flex;
		gap: 15px;
		font-size: 12px;
	}

	.footer-location-city {
		width: 60px;
	}

	.footer-content-right-blok {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		gap: 20px;
		width: 86%;
		font-size: 12px;
	}

	.footer-social-wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.footer-social-icon-wrap {
		display: flex;
		gap: 16px;
		justify-content: center;
		position: absolute;
		top: -60px;
		/* висота, як було */
		left: 50%;
		/* ставимо в центр */
		transform: translateX(-50%);
		margin-top: 8px;
	}

	.footer-social-icon-wrap img {
		width: 24px;
		height: 24px;
	}

	.footer-form {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: end;
	}

	.footer-form-label {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
	}

	.footer-form-input {
		padding: 14px 16px;
		width: 100%;
		height: 40px;
		box-sizing: border-box;
		background: inherit;
	}

	.footer-form-input::placeholder {
		font-size: 12px;
	}

	.footer-form-btn {
		border-radius: 16px;
		padding: 12px 24px;
		width: 100%;
		height: 40px;
		font-size: 12px;
	}

	.footer-info-blok {
		font-size: 12px;
	}

	.footer__nav {
		width: 100%;
	}

	#menu-footer-menu {
		margin: 0 auto;
		padding: 0px;
	}

}




/* ===================== СТОРІНКА ПРО КОМПАНІЮ ============= */
.about-page {
	background: var(--color-bg-light);
}

.about-page-section-content {
	padding: 40px 0 0;
}

.breadcrumbs {
	margin-top: 24px;
}

.breadcrumbs__container span {
	display: flex;
	align-items: center;
	gap: 14px;
}

.breadcrumbs .breadcrumbs-arrow {
	position: relative;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.breadcrumbs .breadcrumbs-arrow::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(../img/arrow-breads-crumbs.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.breadcrumbs__container span a {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #808080;
}

.breadcrumb_last {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #808080;
}

.about-page-wrap-img {
	width: 49%;
	border-radius: 16px;
	background: #fff;
	padding: 48px 54px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.about-img-item-2 {
	grid-row: span 2;
}

.about-img-item-3 {
	grid-row: span 2;
}

.about-page-wrap-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.about-page-content-blok {
	display: flex;
	justify-content: space-between;
	margin-bottom: 28px;
}

.about-page-wrap-text {
	width: 49%;
	display: flex;
	flex-direction: column;
	gap: 25px;
	justify-content: center;
}

.title-about-page-content-bottom {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-primary);
	margin-bottom: 20px;
}

.about-page-content-bottom-list {
	display: flex;
	flex-direction: column;
}

.about-page-content-bottom-item {
	position: relative;
	padding-left: 20px;
}

.about-page-content-bottom-list li::before {
	content: "•";
	position: absolute;
	left: 5px;
	top: 3px;
	color: #000;
	font-size: 16px;
	line-height: 1;
}

.about-page-section-content-bottom {
	margin-bottom: 50px;
	margin-top: 10px;
	padding-top: 0;
}



.about-page-wrap-img {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 150px 110px 150px;
	/* высоты как в макете */
	gap: 16px;
}

/* ---------- порядок изображений ---------- */
/* верхняя левая маленькая */
.about-page-wrap-img picture:nth-child(1) {
	grid-row: 1;
	grid-column: 1;
	align-self: start;
	/* клеим к верхней границе */
}

/* верхняя правая высокая */
.about-page-wrap-img picture:nth-child(2) {
	grid-row: 1 / span 2;
	/* занимает 1 и 2 ряд */
	grid-column: 2;
	align-self: start;
}

/* нижняя левая высокая */
.about-page-wrap-img picture:nth-child(3) {
	grid-row: 2 / span 2;
	/* занимает 2 и 3 ряд */
	grid-column: 1;
	align-self: end;
	/* прижимаем вниз колонки */
}

/* нижняя правая малая */
.about-page-wrap-img picture:nth-child(4) {
	grid-row: 3;
	grid-column: 2;
	align-self: end;
}

/* ---------- универсальное оформление ---------- */
.about-page-wrap-img picture,
.about-page-wrap-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}





@media (max-width: 1439px) {
	.breadcrumbs__container img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	.breadcrumbs__container span {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 7px;
	}

	.breadcrumbs .breadcrumbs-arrow {
		position: relative;
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.breadcrumbs .breadcrumbs-arrow::before {
		content: "";
		width: 16px;
		height: 16px;
		background-image: url(../img/arrow-breads-crumbs.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.breadcrumbs__container span a {
		font-size: 10px;
	}

	.breadcrumb_last {
		font-size: 10px;
	}

	.about-page-wrap-img {
		width: 49%;
		padding: 20px 30px;
		gap: 12px;
		margin-top: auto;
		margin-bottom: auto;
	}

	.about-page-wrap-text {
		font-size: 12px;
	}

	.about-page-section-content {
		padding: 40px 0 30px;
	}

	.title-about-page-content-bottom {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.about-page-content-bottom-list {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.breadcrumbs {
		margin-top: 0px;
	}

	.bread-crumbs {
		gap: 7px;
		flex-wrap: wrap;
	}

	.bread-crumbs img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	.bread-crumbs p {
		font-size: 12px;
	}

	.about-page-wrap-img {
		width: 100%;
		height: auto;
		padding: 25px 30px;
		gap: 12px;
	}

	.about-page-wrap-img img {
		width: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.about-page-content-blok {
		flex-direction: column;
		gap: 20px;
	}

	.about-page-content-blok.revers {
		flex-direction: column-reverse;
		margin-bottom: 0;
	}

	.about-page-wrap-text {
		width: 100%;
		gap: 30px;
		margin-bottom: 0px;
	}

	.about-page-wrap-text p {
		font-size: 12px;
	}

	.title-about-page-content-bottom {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.about-page-content-bottom-item {
		position: relative;
		padding-left: 20px;
		font-size: 12px;
		line-height: 1.66667;
	}

	.about-page-content-bottom-list li::before {
		content: "•";
		position: absolute;
		left: 0;
		top: 0.3em;
		color: #000;
		font-size: 16px;
		line-height: 1;
	}

	.about-page-section-content-bottom {
		margin-bottom: 40px;
	}
}

/* ===================== СТОРІНКА КОНТАКТИ ============= */
.map {
	width: 100%;
	height: 427px;
}

.contacts-blok-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.contacts-blok-list {
	display: flex;
	justify-content: space-between;
	width: 75%;
	flex-wrap: wrap;
	row-gap: 16px;
	align-items: flex-start;
}

.contacts-blok-cart {
	border-radius: 16px;
	padding: 36px;
	width: 32%;
	box-sizing: border-box;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-self: stretch;
}

.contacts-blok-item-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-primary);
}

.contacts-blok-item-status-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	/* color: #010101; */
}

.contacts-blok-cart-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
}

.contacts-blok-cart-list-item-wrap {
	display: flex;
	gap: 7px;
	align-items: flex-start;
}

.contacts-blok-cart-list-item.tel {
	height: 84px;
}

.contacts-blok-cart-link-tel,
.contacts-blok-cart-link-email {
	text-decoration: underline;
}

.contacts-blok-cart-link-tel:hover,
.contacts-blok-cart-link-email:hover {
	color: var(--color-primary-light);
}

.contacts-blok-cart-link-tel.left {
	padding-left: 30px;
}

.contacts-blok-cart-link-tel-wrap {
	display: flex;
	flex-direction: column;
}

.contacts-blok-cart-link-adress {
	display: flex;
	align-items: center;
	gap: 7px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	color: var(--color-primary);
	padding-left: 30px;
}

.contacts-blok-text-social {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	color: var(--color-primary);
}

.contacts-blok-cart-list-item-wrap.soc {
	align-items: center;
}

.page-contact-form-wrap {
	width: 23%;
	border-radius: 16px;
	padding: 16px;
	background: #fff;
	box-sizing: border-box;
}

.page-contact-form-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
	margin-bottom: 15px;
}

.page-contact-form-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
	margin-bottom: 15px;
}

.page-contact-form-wrap .wpcf7-form .form-top {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
	padding-top: 16px;
}

.page-contact-form-wrap .wpcf7-form .form-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

.page-contact-form-wrap .wpcf7-form label {
	color: #b3b3b3;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control.wpcf7-submit {
	width: 100%;
}

.page-contact-form-wrap .wpcf7-form textarea {
	height: 274px;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap input {
	border: 1px solid #b3b3b3;
	border-radius: 16px;
	padding: 12px 16px;
	width: 100%;
	height: 48px;
	background: #fff;
	box-sizing: border-box;
	transition: width 0.3s ease;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap input:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap input:focus {
	border: 2px solid #b3b3b3;
	outline: none;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap input:focus:hover {
	box-shadow: none;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap input::placeholder {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #b3b3b3;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap textarea {
	border: 1px solid #b3b3b3;
	border-radius: 12px;
	padding: 16px 16px 14px 16px;
	width: 100%;
	height: 217px;
	box-sizing: border-box;
	transition: width 0.3s ease;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap textarea:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap textarea:focus {
	border: 2px solid #b3b3b3;
	outline: none;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap textarea:focus:hover {
	box-shadow: none;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-submit {
	border-radius: 16px;
	width: 128px;
	height: 56px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin-top: 16px;
	transition: width 0.3s ease;
	cursor: pointer;
}

.page-contact-form-wrap .wpcf7-form .wpcf7-submit:hover {
	background: var(--color-primary-light);
}

@media (max-width: 1439px) {
	.page-contacts {
		padding-top: 24px;
	}

	.map {
		width: 100%;
		height: 427px;
	}

	.page-contacts .contacts-blok-section {
		padding-top: 0;
	}

	.contacts-blok-section {
		flex-direction: column;
		gap: 16px;
	}

	.contacts-blok-list {
		width: 100%;
		justify-content: center;
		gap: 16px;
	}

	.contacts-blok-cart {
		width: 45%;
	}

	.page-contact-form-wrap {
		width: 100%;
	}

	.page-contact-form-wrap {
		padding: 40px;
	}

	.page-contact-form-title {
		margin-bottom: 8px;
	}

	.page-contact-form-text {
		margin-bottom: 8px;
	}

	.page-contact-form-wrap .wpcf7-form .form-top {
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 8px;
	}

	.page-contact-form-wrap .wpcf7-form .form-top label {
		width: 32%;
		font-size: 14px;
	}

	.page-contact-form-wrap .wpcf7-form .form-bottom {
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 8px;
	}

	.page-contact-form-wrap .wpcf7-form .form-bottom label {
		width: 48%;
		font-size: 14px;
	}

	.page-contacts .page-contact-form-wrap .wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 88px;
	}
}

@media (max-width: 767px) {
	.map {
		width: 100%;
		height: 208px;
	}

	.contacts-blok-section {
		flex-direction: column;
		gap: 16px;
	}

	.contacts-blok-list {
		flex-direction: column;
		width: 100%;
	}

	.contacts-blok-cart {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.page-contact-form-wrap {
		width: 90%;
		padding: 16px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-contact-form-title {
		margin-bottom: 16px;
	}

	.page-contact-form-text {
		margin-bottom: 16px;
	}

	.page-contact-form-wrap .wpcf7-form .form-top {
		flex-direction: column;
	}

	.page-contact-form-wrap .wpcf7-form .form-top label {
		width: 100%;
	}

	.page-contact-form-wrap .wpcf7-form .form-bottom {
		flex-direction: column;
	}

	.page-contact-form-wrap .wpcf7-form .form-bottom label {
		width: 100%;
	}

	.page-contact-form-wrap .wpcf7-form .wpcf7-form-control.wpcf7-submit {
		width: 100%;
		height: 48px;
		margin-top: 8px;
	}

	.page-contact-form-wrap .wpcf7-form textarea {
		height: 110px;
	}
}

/* ==================== 404 ========================= */
.section-404 {
	padding: 145px 0 320px;
}

.acent-404 {
	width: 190px;
	height: 80px;
	display: flex;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}

.title-404 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 1.33333;
	text-align: center;
	/* color: #010101; */
	margin-bottom: 20px;
}

.text-404 {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	/* color: #010101; */
	margin-bottom: 24px;
}

.wrap-btn-404 {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.btn-404-catalog {
	border-radius: 16px;
	width: 241px;
	height: 48px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: width 0.3s ease;
}

.btn-404-catalog:hover {
	background: var(--color-primary-light);
}

.btn-404-main {
	border: 1px solid var(--color-primary);
	border-radius: 16px;
	width: 241px;
	height: 48px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: width 0.3s ease;
}

.btn-404-main:hover {
	border: 2px solid var(--color-primary-light);
}

@media (max-width: 1439px) {
	.section-404 {
		padding: 80px 0;
	}

	.acent-404 {
		width: 140px;
		height: 60px;
	}

	.title-404 {
		font-size: 24px;
	}

	.text-404 {
		font-size: 12px;
		margin-bottom: 32px;
	}

	.wrap-btn-404 {
		flex-direction: column;
		gap: 15px;
		align-items: center;
	}

	.wrap-btn-404 {
		flex-direction: row;
		gap: 15px;
		align-items: center;
		justify-content: center;
	}

	.wrap-btn-404 .btn-404-main {
		margin: 0;
		width: 241px;
	}
}

@media (max-width: 767px) {
	.section-404 {
		padding: 50px 0 222px;
	}

	.wrap-btn-404 {
		flex-direction: column;
		gap: 15px;
		align-items: center;
	}

	.btn-404-catalog {
		width: 303px;
	}

	.wrap-btn-404 .btn-404-main {
		width: 303px;
	}
}

/* ==================== Thank-you-application ========================= */
.thank-you-application-section {
	padding: 245px 0 320px;
}

.title-thank-you-application {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 1.33333;
	text-align: center;
	color: var(--color-primary);
	margin-bottom: 16px;
}

.text-thank-you-application {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	/* color: #010101; */
	margin-bottom: 16px;
}

.btn-404-main {
	border: 1px solid var(--color-primary);
	border-radius: 16px;
	width: 241px;
	height: 48px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: width 0.3s ease;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.btn-404-main:hover {
	border: 2px solid var(--color-primary-light);
}

.wrap-btn-thank-you {
	display: flex;
	gap: 16px;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1439px) {
	.thank-you-application-section {
		padding: 80px 0 90px;
	}

	.title-thank-you-application {
		font-size: 24px;
	}

	.text-thank-you-application {
		font-size: 12px;
		margin-bottom: 16px;
		margin-left: auto;
		margin-right: auto;
		width: 45%;
	}

	.thank-you-application-section .btn-404-main {
		width: 241px;
	}

	.wrap-btn-thank-you {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.thank-you-application-section {
		padding: 135px 0 120px;
	}

	.title-thank-you-application {
		font-size: 24px;
	}

	.text-thank-you-application {
		margin-bottom: 32px;
		width: 90%;
	}

	.thank-you-application-section .btn-404-main {
		width: 90%;
	}

	.wrap-btn-thank-you {
		flex-direction: column;
		gap: 16px;
		width: 100%;
	}

	.wrap-btn-thank-you .btn-404-catalog {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ============= Thank you order ============ */
.thank-you-order-section {
	padding: 90px 0 90px;
}

.thank-you-order-number {
	font-weight: 500;
	font-size: 18px;
}

.wrap-cart-thank-you-order {
	display: flex;
	gap: 32px;
	justify-content: center;
}

.cart-thank-you-order-left,
.cart-thank-you-order-right {
	border-radius: 16px;
	padding: 16px;
	width: 328px;
	height: 356px;
	background: #fff;
	box-sizing: border-box;
}

.cart-thank-you-order-left-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.cart-thank-you-order-left-date {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.28571;
	text-transform: capitalize;
	text-align: center;
	/* color: #010101; */
}

.line-card {
	background: #808080;
	height: 1px;
	width: 100%;
}

.thank-you-order-list-product {
	height: 150px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 15px 0;
}

.thank-you-order-item-product {
	display: flex;
	align-items: center;
	gap: 8px;
}

.thank-you-order-product-img {
	border-radius: 4px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.thank-you-order-product-detail-wrap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.thank-you-order-product-title {
	font-weight: 600;
	font-size: 10px;
	line-height: 1.2;
	text-transform: capitalize;
	/* color: #010101; */
}

.thank-you-order-product-price,
.thank-you-order-product-quantity {
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2;
	/* color: #010101; */
}

.thank-you-order-product-item-price-sum {
	font-weight: 600;
	font-size: 10px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: right;
	/* color: #010101; */
	text-wrap: nowrap;
}

.cart-thank-you-order-left-bottom {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}

.cart-thank-you-order-left-bottom-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	/* color: #010101; */
}

.thank-you-order-number,
.thank-you-order-price-sum {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.71429;
	/* text-transform: capitalize; */
	text-align: center;
	/* color: #010101; */
}

.manage-order {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 16px;
}

.thank-you-order-text-right {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
	margin-bottom: 46px;
}

.thank-you-order-title-right {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
}

.thank-you-order-tel {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
	margin-bottom: 46px;
}

.btn-write-manager {
	border-radius: 16px;
	width: 296px;
	height: 48px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1439px) {
	.thank-you-order-section {
		padding: 80px 0 90px;
	}

	.thank-you-order-product-num {
		font-size: 10px;
	}
}

@media (max-width: 767px) {
	.thank-you-order-section {
		padding: 20px 0 90px;
	}

	.thank-you-order-section .text-thank-you-application {
		margin-bottom: 16px;
	}

	.wrap-cart-thank-you-order {
		display: flex;
		flex-direction: column;
		gap: 32px;
		align-items: center;
	}
}

/* ============= Сторінка Умов ============= */
.conditions-wrap {
	display: flex;
	justify-content: space-between;
	min-height: 1200px;
}

.conditions-btn-wrap {
	width: 23.6%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.conditions-btn {
	border: 1px solid #b3b3b3;
	border-radius: 8px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: inherit;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
}

.conditions-btn.active {
	background: var(--color-primary);
	color: var(--color-bg-light);
}

.conditions-content-wrap {
	display: none;
	width: 73%;
}

.conditions-content-wrap.active {
	display: flex;
}

.conditions-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	/* color: #010101; */
	margin-bottom: 12px;
}

.conditions-subtitle {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	/* color: #010101; */
	margin-bottom: 12px;
}

.conditions-subtitle.strong {
	font-size: 24px;
}

.conditions-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	/* color: #010101; */
	/* margin-bottom: 12px; */
}

.conditions-list {
	margin-bottom: 12px;
}

.conditions-text.item {
	position: relative;
	padding-left: 20px;
	margin-bottom: 0;
}

.conditions-text.item::before {
	content: "•";
	position: absolute;
	left: 5px;
	top: 3px;
	color: #000;
	font-size: 16px;
	line-height: 1;
}

.conditions-text.item a {
	color: var(--color-primary);
}

.conditions-page-section {
	position: relative;
	padding-top: 30px;
}

.conditions-form-section .page-contact-form-wrap {
	position: absolute;
	left: 5%;
	top: 400px;
}

.conditions-form-section .page-contact-form-wrap {
	width: 21%;
}

.conditions-form-section .message-label textarea {
	height: 227px;
}

@media (max-width: 1439px) {
	.conditions-wrap {
		flex-direction: column;
		min-height: auto;
	}

	.conditions-btn-wrap {
		width: 100%;
		flex-direction: row;
		gap: 8px;
		margin-bottom: 20px;
	}

	.conditions-btn {
		border: 1px solid #b3b3b3;
		border-radius: 8px;
		padding: 4px 12px;
		box-sizing: border-box;
		width: auto;
		height: 28px;
		font-size: 12px;
	}

	.conditions-content-wrap {
		width: 100%;
	}

	.conditions-title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.conditions-subtitle {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.conditions-subtitle.strong {
		font-size: 24px;
	}

	.conditions-text {
		font-size: 12px;
		margin-bottom: 12px;
	}

	.conditions-list {
		margin-bottom: 12px;
	}

	.conditions-text.item {
		padding-left: 20px;
	}

	.conditions-text.item::before {
		content: "•";
		position: absolute;
		left: 5px;
		top: 3px;
		color: #000;
		font-size: 16px;
		line-height: 1;
	}

	.conditions-form-section .page-contact-form-wrap {
		position: static;
		margin-top: 20px;
	}

	.conditions-form-section .page-contact-form-wrap {
		width: 100%;
	}

	.conditions-form-section .message-label textarea {
		height: 88px;
	}
}

@media (max-width: 767px) {
	.conditions-wrap {
		flex-direction: column;
	}

	.conditions-btn-wrap {
		width: 90%;
		flex-direction: column;
		gap: 8px;
		margin: 0px 0 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.conditions-btn {
		border: 1px solid #b3b3b3;
		border-radius: 8px;
		box-sizing: border-box;
		width: 100%;
		height: 28px;
		font-size: 12px;
	}

	.conditions-content-wrap {
		width: 100%;
	}

	.conditions-title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.conditions-subtitle {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.conditions-subtitle.strong {
		font-size: 24px;
	}

	.conditions-text {
		font-size: 12px;
		margin-bottom: 12px;
	}

	.conditions-list {
		margin-bottom: 12px;
	}

	.conditions-text.item {
		padding-left: 20px;
	}

	.conditions-text.item::before {
		content: "•";
		position: absolute;
		left: 5px;
		top: 3px;
		color: #000;
		font-size: 12px;
		line-height: 1;
	}

	.conditions-form-section .page-contact-form-wrap {
		position: static;
		margin-top: 20px;
	}

	.conditions-form-section .message-label textarea {
		height: 227px;
	}
}

/* ================== Сторінка ПРОЕКТИ ============== */
.projects-section {
	padding: 30px 0 50px;
}

.projects-section-wrap {
	display: flex;
	justify-content: space-between;
}

.projects-filter-btn-list {
	width: 23.6%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.projects-cart-list-wrap {
	width: 75%;
}

.projects-cart-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.projects-filter-btn-item {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 5px;
	border-radius: 16px;
	width: 100%;
	height: 56px;
	background: #fff;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.66667;
	text-align: center;
	color: var(--color-black);
	padding: 0 16px;
	box-sizing: border-box;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.projects-filter-btn-item.active {
	background: var(--color-primary);
	color: var(--color-bg-light);
}

.projects-filter-btn-item:hover {
	background: var(--color-primary);
	color: var(--color-bg-light);
}

.projects-filter-btn-item.all:hover img,
.projects-filter-btn-item.all.active img {
	/*content: url("/img/projects-icon-1.svg");*/
}

.projects-filter-btn-item.restaurants:hover img,
.projects-filter-btn-item.restaurants.active img {
	content: url("/img/projects-icon-2w.svg");
}

.projects-filter-btn-item.hotel:hover img,
.projects-filter-btn-item.hotel.active img {
	content: url("/img/projects-icon-3w.svg");
}

.projects-filter-btn-item.shops:hover img,
.projects-filter-btn-item.shops.active img {
	content: url("/img/projects-icon-4w.svg");
}

.projects-filter-btn-item.catering:hover img,
.projects-filter-btn-item.catering.active img {
	content: url("/img/projects-icon-5w.svg");
}

.projects-filter-btn-item.bakeries:hover img,
.projects-filter-btn-item.bakeries.active img {
	content: url("/img/projects-icon-6w.svg");
}

.projects-filter-btn-item.educational:hover img,
.projects-filter-btn-item.educational.active img {
	content: url("/img/projects-icon-7w.svg");
}

.projects-cart-item {
	border-radius: 16px;
	padding: 16px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
}

.projects-cart-item-wrap {
	display: flex;
	justify-content: space-between;
}

.projects-cart-item-img-wrap {
	position: relative;
	width: 302px;
	height: 228px;
	border-radius: 16px;
}

.projects-cart-item-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.type-project {
	position: absolute;
	top: 8px;
	left: 8px;
	border-radius: 8px;
	padding: 4px 8px;
	background: #ffcd29;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: var(--color-black);
}

.projects-cart-item-content-wrap {
	width: 64.8%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.projects-cart-item-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 10px;
}

.projects-cart-item-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: auto;
}

.projects-cart-item-btn {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: end;
	color: var(--color-primary);
	padding: 8px 16px;
	width: 159px;
	box-sizing: border-box;
	margin-left: auto;
}

.projects-cart-item-btn:hover {
	border-bottom: 1px solid #b3b3b3;
}

@media (max-width: 1439px) {
	.projects-section {
		padding: 30px 0 10px;
	}

	.projects-section-wrap {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.projects-filter-btn-list {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.projects-cart-list-wrap {
		width: 100%;
	}

	.projects-cart-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 16px;
	}

	.projects-filter-btn-item {
		gap: 5px;
		border-radius: 16px;
		width: 23%;
		height: 56px;
		padding: 0 16px;
	}

	.projects-cart-item {
		border-radius: 16px;
		padding: 16px;
		width: 48%;
	}

	.projects-cart-item-wrap {
		display: flex;
		flex-direction: column;
		gap: 16px;
		justify-content: space-between;
	}

	.projects-cart-item-img-wrap {
		position: relative;
		width: 100%;
		height: 228px;
		border-radius: 16px;
	}

	.projects-cart-item-content-wrap {
		width: 100%;
		height: 242px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.projects-cart-item-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.projects-cart-item-text {
		font-size: 16px;
	}

	.projects-cart-item-btn {
		font-size: 16px;
		padding: 8px 16px;
	}
}

@media (max-width: 767px) {
	.page-projects {
		padding: 28px 0 0;
	}

	.projects-section {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.projects-section-wrap {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.projects-filter-btn-list {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.projects-cart-list-wrap {
		width: 100%;
	}

	.projects-cart-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 24px;
	}

	.projects-filter-btn-item {
		gap: 5px;
		border-radius: 16px;
		width: 48%;
		height: 56px;
		padding: 0 16px;
	}

	.projects-filter-btn-item.all {
		width: 100%;
	}

	.projects-cart-item {
		border-radius: 16px;
		padding: 16px;
		width: 100%;
	}

	.projects-cart-item-wrap {
		display: flex;
		flex-direction: column;
		gap: 16px;
		justify-content: space-between;
	}

	.projects-cart-item-img-wrap {
		position: relative;
		width: 100%;
		height: 228px;
		border-radius: 16px;
	}

	.projects-cart-item-content-wrap {
		width: 100%;
		height: 242px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.projects-cart-item-title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.projects-cart-item-text {
		font-size: 16px;
	}

	.projects-cart-item-btn {
		font-size: 16px;
		padding: 8px 16px;
	}
}

/* ================== Сторінка ПРОЕКТ =========== */
.page-project {
	padding-bottom: 100px;
}

.page-project .projects-item-name {
	height: 74px;
	font-size: 36px;
	line-height: 1.16667;
	width: 100%;
}

.page-project .type-project {
	top: 16px;
	left: 16px;
}

.project-img-wrap {
	position: relative;
	height: 420px;
	border-radius: 16px;
}

.project-img-wrap img {
	border-radius: 16px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-project .bread-crumbs {
	margin: 24px 0;
}

.wrap-project-slider {
	position: relative;
}

.project-slider {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0 0px 40px;
	position: static;
	margin-top: 30px;
}

.project-wrap {
	width: 90%;
	display: flex;
	gap: 16px;
}

.project-item {
	width: 284px;
	height: 195px;
}

.project-swiper-pagination {
	bottom: var(--swiper-pagination-bottom, 0px) !important;
}

.swiper-button-next.project,
.swiper-button-prev.project {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 45%);
}

.swiper-button-prev.project {
	left: var(--swiper-navigation-sides-offset, 70px);
}

.swiper-button-next.project {
	right: var(--swiper-navigation-sides-offset, 70px);
}

.wrap-project-content-blok {
	display: flex;
	justify-content: space-between;
	margin-bottom: 64px;
	margin-top: 15px;
}

.wrap-project-content {
	width: 57.58%;
}

.project-form-wrap {
	width: 40%;
	height: auto;
	border-radius: 16px;
	padding: 16px;
	background: #fff;
	box-sizing: border-box;
}

.project-content-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 16px;
}

.project-content-text {
	margin-bottom: 32px;
}

.wrap-reviews {
	border-radius: 16px;
	padding: 32px;
	background: #fff;
}

.reviews-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	color: var(--color-black);
	margin-bottom: 32px;
}

.wrap-reviews-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 24px 0;
}

.wrap-name-reviews-left {
	display: flex;
	flex-direction: column;
}

.wrap-name-reviews {
	display: flex;
	gap: 10px;
}

.name-reviews {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
}

.btn-video-reviews {
	border-radius: 16px;
	padding: 12px 24px;
	width: 179px;
	height: 48px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.name-position {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #808080;
}

.text-reviews {
	padding: 0 24px;
}

.line-reviews {
	height: 1px;
	background: #b3b3b3;
	margin: 7px 0;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.review-label-modal {
	border: 1px solid #b3b3b3;
	border-radius: 16px;
	padding: 12px 24px;
	width: 179px;
	height: 48px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	display: flex;
	align-items: center;
	gap: 7px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.f-html {
	border-radius: 16px;
	padding: 25px;
}

.review-video {
	height: 265px;
}

.review-video iframe {
	height: 265px;
}

.fancybox__slide .f-button[data-fancybox-close] {
	--f-button-color: var(--f-close-button-color, var(--swiper-theme-color));
	top: calc(var(--f-button-height) * 0.5);
	right: 30px;
	color: #000;
}

.project-form-wrap .form-top label {
	gap: 5px;
}

.project-form-wrap .form-top {
	margin-bottom: 8px;
}

.project-form-wrap .form-bottom label {
	width: 48%;
}

.page-project-form textarea {
	height: 109px;
}

.project-form-wrap .wpcf7-form .form-top {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.project-form-wrap .wpcf7-form .form-bottom {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.wpcf7-form label {
	color: #b3b3b3;
}

.project-form-wrap .wpcf7-form .wpcf7-form-control.wpcf7-submit {
	width: 128px;
}

.wpcf7-form .wpcf7-form-control-wrap input {
	border: 1px solid #b3b3b3;
	border-radius: 16px;
	padding: 12px 16px;
	width: 100%;
	height: 48px;
	background: #fff;
	box-sizing: border-box;
	transition: width 0.3s ease;
}

.wpcf7-form .wpcf7-form-control-wrap input:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.wpcf7-form .wpcf7-form-control-wrap input:focus {
	border: 2px solid #b3b3b3;
	outline: none;
}

.wpcf7-form .wpcf7-form-control-wrap input:focus:hover {
	box-shadow: none;
}

.wpcf7-form .wpcf7-form-control-wrap input::placeholder {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #b3b3b3;
}

.wpcf7-form .wpcf7-form-control-wrap textarea {
	border: 1px solid #b3b3b3;
	border-radius: 12px;
	padding: 16px 16px 14px 16px;
	width: 100%;
	height: 109px;
	box-sizing: border-box;
	transition: width 0.3s ease;
}

.wpcf7-form .wpcf7-form-control-wrap textarea:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.wpcf7-form .wpcf7-form-control-wrap textarea:focus {
	border: 2px solid #b3b3b3;
	outline: none;
}

.wpcf7-form .wpcf7-form-control-wrap textarea:focus:hover {
	box-shadow: none;
}

.wpcf7-form .wpcf7-submit {
	border-radius: 16px;
	width: 128px;
	height: 56px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin-top: 16px;
	transition: width 0.3s ease;
	cursor: pointer;
}

.wpcf7-form .wpcf7-submit:hover {
	background: var(--color-primary-light);
}

.project-products-list {
	display: flex;
	gap: 43px;
}

.project-products-list .products-item {
	width: 288px;
}

.wrap-project-prod-slider {
	position: relative;
	padding-bottom: 30px;
}





.comment-respond .wpcf7-form input[required],
.comment-respond .wpcf7-form textarea[required] {
	border: 1px solid #b3b3b3;
	border-radius: 16px;
	padding: 12px 16px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.comment-respond .wpcf7-form input[required]:hover,
.comment-respond .wpcf7-form textarea[required]:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.comment-respond .wpcf7-form input[required]:focus,
.comment-respond .wpcf7-form textarea[required]:focus {
	border: 2px solid #b3b3b3;
	outline: none;
	box-shadow: none;
}


.comment-respond .wpcf7-form input:user-invalid,
.comment-respond .wpcf7-form textarea:user-invalid {
	border: 2px solid #ec1c24 !important;
	background: #fff;
}

.comment-respond .wpcf7-form input:user-invalid::placeholder,
.comment-respond .wpcf7-form textarea:user-invalid::placeholder {
	color: #ec1c24;
}

.comment-respond .wpcf7-form input:invalid:not(:user-invalid),
.comment-respond .wpcf7-form textarea:invalid:not(:user-invalid) {
	border-color: #b3b3b3;
}

.cart-drawer__notproduct--nav {
	background: #FFFFFF !important;
	padding: 16px !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 32px;
}

.xoo-wsc-modal .catTitleEmpyCart {
	color: #264796 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 4px 0 !important;
}

.xoo-wsc-modal .cart-drawer_notproduct-nav a {
	color: #010101 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.xoo-wsc-modal .cart-drawer_notproduct-nav ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}



.xoo-wsc-modal .xoo-wsc-empty-cart {

	position: relative !important;

	padding-top: 150px !important;
	margin-top: 100px;
	margin-bottom: 90px;
}

.xoo-wsc-modal .xoo-wsc-empty-cart::before {
	content: "";
	display: block;


	width: 100px;
	height: 100px;

	position: absolute;
	top: 30px;

	left: 50%;
	transform: translateX(-50%);

	background-image: url('/wp-content/themes/jv/assets/img/Emoty-cart-vector.svg') !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.cart-drawer__notproduct--nav ul li {
	/* Добавляем отступ в 8px под каждым элементом */
	margin-bottom: 8px !important;

}

/* Удаляем отступ под последним элементом списка */
.cart-drawer__notproduct--nav ul li:last-child {
	margin-bottom: 0 !important;
}

.cart-drawer__notproduct--nav a {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 18px !important;
}

/* .xoo-wsc-footer {
	display: none;
} */

.xoo-wsc-empty-cart span {

	font-size: 14px !important;
	font-weight: 400;
	line-height: 18px !important;
}


.wp-pagenavi a.page:hover {
	border-color: #B3B3B3;
	background: transparent;
	padding: 10px 16px;

}


.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover {
	border-radius: 50px;
	border: 1px solid var(--Accent-blue, #264796);
	background: transparent;
	padding: 6px;
	width: 32px;
	height: 32px;
}


a.page-numbers:hover {
	border: 1px solid #B3B3B3;
	background: transparent;
	padding: 10px 16px;
	color: var(--Accent-blue, #264796);
	/* синий текст */
}

/* Стрелки «вперёд/назад» */
a.page-numbers.next:hover,
a.page-numbers.prev:hover {
	border-radius: 50px;
	border: 1px solid var(--Accent-blue, #264796);
	background: transparent;
	padding: 6px;
	width: 32px;
	height: 32px;
	color: var(--Accent-blue, #264796);
}

.footer-social-icon-wrap a.footer-social-icon-link:hover img {
	content: url('/wp-content/themes/jv/assets/img/fb-hover.svg');
}

.footer-social-icon-wrap a[href*="youtube.com"]:hover img {
	content: url('/wp-content/themes/jv/assets/img/youtube-hover2.svg');
}



a.services-category-hero-btn:hover {

	background: #0A2F86;
	color: var(--White, #F1F1F1);
	transition: all 0.3s ease;
	text-decoration: none;

}

.contacts-blok-cart-link-soc[href*="facebook.com"]:hover img {
	content: url('/wp-content/themes/jv/assets/img/fb-hover-contact.svg');
}

.contacts-blok-cart-link-soc[href*="youtube.com"]:hover img {
	content: url('/wp-content/themes/jv/assets/img/youtube-hover-contact.svg');
}


/* Убираем нижний отступ только у сортировки и фильтра наличия */
.facetwp-facet.facetwp-facet-product_sort.facetwp-type-sort,
.facetwp-facet.facetwp-facet-stock_status.facetwp-type-dropdown {
	margin-bottom: 0 !important;
}


/* ====== Общий контейнер сортировки ====== */
.wrap-sort-style {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

/* ====== Внутренний контейнер (ряд из двух окон) ====== */
.wrap-sort-catalog {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* ====== Колонка с одной группой (Сортувати по / Наявність) ====== */
.sortCol {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* ====== Заголовок "Сортувати по:", "Наявність:" ====== */
.sort-title.catalog {
	font-size: 14px;
	font-weight: 500;
	color: var(--Gray-Dark, #333);
	margin: 0;
}

/* ====== Стиль для селектов (окна сортировки и наявності) ====== */
.sortSelect select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	display: flex;
	align-items: center;
	height: 40px;
	padding: 8px 50px 8px 16px;

	color: #264796;

	font-size: 16px;
	font-weight: 400;

	background-color: var(--White-clear, #fff);
	border: 1px solid var(--Gray-light, #b3b3b3);
	border-radius: 8px;

	cursor: pointer;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ====== Стрелочка справа ====== */
.sortSelect {
	position: relative;
	flex-shrink: 0;
}

.sortSelect::after {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 9px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='9' viewBox='0 0 17 9' fill='none'%3E%3Cpath d='M15.75 0.75L8.25 8.25L0.75 0.75' stroke='%23010101' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	pointer-events: none;
}

/* ====== Ховеры и фокус ====== */
.sortSelect select:hover {
	border: 1px solid var(--color-primary-light);
}

.sortSelect select:focus {
	border: 1px solid var(--color-primary-light);
}

.sortSelect:has(select:focus)::after {
	transform: translateY(-50%) rotate(180deg);
}

/* ====== Адаптивный вариант на маленьких экранах ====== */
@media (max-width: 768px) {
	.wrap-sort-catalog {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 8px 16px;

	}
}

@media (max-width: 768px) {
	.wrap-sort-catalog {
		flex-direction: column;
		align-items: flex-start;
		/* width: 100%; */
	}

	/* Убираем border-bottom у заголовков */
	.sort-title.catalog {
		border-bottom: none;
	}

	/* Расставляем блоки по левому краю */
	.sortCol {

		width: 100%;
		gap: 8px;
	}

	/* Сортировка и наявність разделены отступом */
	.sortCol+.sortCol {
		margin-top: 12px;
	}

	/* Уменьшенные селекты под ширину мобильного контейнера */
	.sortSelect select {
		width: 100%;
		max-width: 100%;
		height: 36px;
		font-size: 14px;
		padding: 6px 40px 6px 12px;
	}

	.sortSelect::after {
		right: 12px;
		width: 12px;
		height: 8px;
	}
}

@media (max-width: 1439px) {
	.page-project {
		padding-bottom: 40px;
	}

	.page-project .projects-item-name {
		height: 74px;
		font-size: 18px;
	}

	.page-project .type-project {
		top: 16px;
		left: 16px;
	}

	.project-img-wrap {
		height: 425px;
		border-radius: 16px;
	}

	.page-project .bread-crumbs {
		margin: 24px 0;
	}

	.project-slider {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		padding: 0 0px 40px;
		position: static;
	}

	.project-wrap {
		width: 100%;
	}

	.project-item {
		width: 213px;
		height: 195px;
		border-radius: 16px;
	}

	.project-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.project-swiper-pagination {
		bottom: var(--swiper-pagination-bottom, 0px) !important;
	}

	.swiper-button-next.project,
	.swiper-button-prev.project {
		position: absolute;
		top: var(--swiper-navigation-top-offset, 45%);
	}

	.swiper-button-prev.project {
		left: var(--swiper-navigation-sides-offset, 70px);
		display: block;
	}

	.swiper-button-next.project {
		right: var(--swiper-navigation-sides-offset, 70px);
		display: block;
	}

	.wrap-project-content-blok {
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin-bottom: 44px;
		margin-top: 5px;
	}

	.wrap-project-content {
		width: 100%;
	}

	.project-form-wrap {
		width: 100%;
		height: 496px;
		padding: 40px;
	}

	.project-content-title {
		font-size: 22px;
	}

	.project-content-text {
		margin-bottom: 32px;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.66667;
	}

	.wrap-reviews {
		padding: 16px;
	}

	.reviews-title {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.wrap-reviews-top {
		display: flex;
		padding: 24px 24px 0;
	}

	.name-reviews {
		font-size: 18px;
	}

	.btn-video-reviews {
		width: 179px;
		height: 48px;
		font-size: 16px;
	}

	.name-position {
		font-size: 12px;
	}

	.text-reviews {
		padding: 0 24px 24px;
		font-size: 12px;
		line-height: 1.66667;
	}

	.line-reviews {
		margin: 16px 0;
		width: 96%;
	}

	.project-modal {
		width: 80%;
	}

	.review-video {
		height: 265px;
	}

	.fancybox__slide .f-button[data-fancybox-close] {
		top: calc(var(--f-button-height) * 1);
		right: 30px;
	}

	.project-form-wrap .page-contact-form-title {
		margin-bottom: 16px;
	}

	.project-form-wrap .page-contact-form-text {
		margin-bottom: 16px;
	}

	.wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 72px;
	}

	.project-products-list {
		display: flex;
		gap: 43px;
	}

	.project-products-list .products-item {
		width: 288px;
	}

	.wrap-project-prod-slider {
		position: relative;
		padding-bottom: 30px;
	}
}

@media (max-width: 767px) {

	/* .page-project {
    margin-bottom: 60px;
  } */
	.page-project .projects-item-name {
		height: 74px;
		font-size: 18px;
		width: 95%;
	}

	.page-project .type-project {
		top: 16px;
		left: 16px;
	}

	.project-img-wrap {
		height: 248px;
		border-radius: 16px;
		margin-bottom: 24px;
	}

	.page-project .bread-crumbs {
		margin: 24px 0;
	}

	.project-slider {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		padding: 0 0px 30px;
		position: static;
		margin-top: 0;
	}

	.project-wrap {
		width: 100%;
	}

	.project-item {
		width: 213px;
		height: 195px;
		border-radius: 16px;
	}

	.project-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.project-swiper-pagination {
		bottom: var(--swiper-pagination-bottom, 0px) !important;
	}

	.swiper-button-next.project,
	.swiper-button-prev.project {
		position: absolute;
		top: var(--swiper-navigation-top-offset, 45%);
	}

	.swiper-button-prev.project {
		left: var(--swiper-navigation-sides-offset, 70px);
		display: block;
	}

	.swiper-button-next.project {
		right: var(--swiper-navigation-sides-offset, 70px);
		display: block;
	}

	.wrap-project-content-blok {
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin-bottom: 44px;
		margin-top: 24px;
	}

	.wrap-project-content {
		width: 100%;
	}

	.project-form-wrap {
		width: 100%;
		height: 780px;
		padding: 16px;
	}

	.project-content-title {
		font-size: 22px;
	}

	.project-content-text {
		margin-bottom: 32px;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.66667;
	}

	.project-content-text:last-child {
		margin-bottom: 0;
	}

	.wrap-reviews {
		padding: 16px;
	}

	.reviews-title {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.wrap-reviews-top {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 24px 24px 0;
		align-items: flex-start;
	}

	.name-reviews {
		font-size: 18px;
	}

	.btn-video-reviews {
		width: 100%;
		height: 48px;
		font-size: 16px;
	}

	.name-position {
		font-size: 12px;
	}

	.text-reviews {
		padding: 0 24px 24px;
		font-size: 12px;
		line-height: 1.66667;
	}

	.line-reviews {
		margin: 16px auto;
		width: 90%;
	}

	.project-modal {
		width: 90%;
	}

	.review-video {
		height: 265px;
	}

	.project-form-wrap .page-contact-form-title {
		margin-bottom: 16px;
	}

	.project-form-wrap .page-contact-form-text {
		margin-bottom: 16px;
	}

	.project-form-wrap .form-bottom label {
		width: 100%;
	}

	.page-project-form textarea {
		height: 109px;
	}

	.project-form-wrap .wpcf7-form .form-top {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}

	.project-form-wrap .wpcf7-form .form-bottom {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}

	.project-form-wrap .wpcf7-form .wpcf7-form-control.wpcf7-submit {
		width: 100%;
	}

	.wpcf7-form .wpcf7-form-control-wrap input {
		padding: 12px 16px;
		width: 100%;
		height: 48px;
	}

	.wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 134px;
	}

	.project-products-list {
		display: flex;
		gap: 43px;
	}

	.project-products-list .products-item {
		width: 288px;
	}

	.wrap-project-prod-slider {
		position: relative;
		padding-bottom: 30px;
	}
}

/* ================ Сторінка ПОСЛУГИ ====================== */
.services-page {
	padding-top: 28px;
	padding-bottom: 60px;
}

.wrap-form-blok-services {
	display: flex;
	justify-content: space-between;
	border-radius: 16px;
	padding: 40px;
	height: 484px;
	box-sizing: border-box;
	background: #fff;
	/* margin-bottom: 40px; */
	margin-top: 24px;
}

.form-services-img {
	width: 38.32%;
	height: 100%;
	border-radius: 16px;
}

.wrap-form-services {
	width: 58.5%;
}

.form-services-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	color: var(--color-black);
	margin-bottom: 16px;
}

.form-top.services,
.form-bottom.services {
	display: flex;
	justify-content: space-between;
	margin-bottom: 7px;
}

.wpcf7-form .form-bottom.services label {
	width: 49%;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.wpcf7-form .form-top.services label {
	width: 49%;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 7px;
}

.wrap-form-blok-services .wpcf7-form .wpcf7-form-control-wrap textarea {
	height: 68px;
}

.wrap-form-blok-services .wpcf7-form .wpcf7-submit {
	margin-left: auto;
}

.wrap-blok-services {
	margin-bottom: 30px;
}

.services-page .title-section {
	margin-top: 40px;
	margin-bottom: 30px;
}

.services-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.services-item {
	border-radius: 16px;
	padding: 16px;
	width: 23.59%;
	height: 461px;
	background: #fff;
	box-sizing: border-box;
}

.services-item-wrap {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.services-item-wrap img {
	border-radius: 16px;
	width: 100%;
	height: 201px;
	object-fit: contain;
}

.name-services {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.services-product-list {
	height: 96px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.services-product-item {
	position: relative;
	padding-left: 20px;
}

.services-product-item::before {
	content: "•";
	position: absolute;
	left: 5px;
	top: 3px;
	color: #000;
	font-size: 16px;
	line-height: 1;
}

.services-btn-detals {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 7px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	padding: 0 10px;
	width: 124px;
	margin-left: auto;
}

.services-btn-detals:hover {
	border-bottom: 1px solid var(--color-bg-light);
}

.services-btn-detals img {
	width: 24px;
	height: 24px;
}

.inputPriceRow {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 20px;
}


.refreshSlider {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #fff;
	box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
	padding: 4px 8px;
	cursor: pointer;
}

.facetwp-slider-label {
	font-size: 10px;
	font-weight: 300;
}

.facetwp-slider-reset {
	display: none !important;
}

/* .facetwp-checkbox .facetwp-expand {
	display: none;
} */

.facetwp-facet[data-name="categories"] .facetwp-counter {
	display: none !important;
}


.filter__inner {
	max-height: 406px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.filter__item.filter__item--type-slider .filter__inner {
	height: auto !important;
	overflow: visible !important;
}

.facetwp-checkbox {
	background-size: 17px 17px !important;
	padding-left: 25px !important;
}

.facetwp-display-value {
	font-size: 14px;
	font-weight: 400;
}

.facetwp-reset {
	border-radius: 16px;
	border: 1px solid var(--Accent-blue, #264796);
	padding: 12px 24px;
	color: var(--Accent-blue, #264796);
	cursor: pointer;
	font-size: 14px;
}

.facetwp-reset:hover {
	border: 2px solid var(--Accent-blue, #3A62C4);
}

.refreshSlider:hover {
	border: 2px solid var(--Accent-blue, #3A62C4);
	color: var(--Accent-blue, #264796);
}

.facetwp-checkbox.checked {
	background-image: url(../img/CheckSquare.png) !important;
	background-size: 24px 24px !important;
	padding-left: 29px !important;
}

.noUi-horizontal .noUi-handle {
	width: 17px !important;
	height: 17px !important;
	top: -5px !important;
	border-radius: 50% !important;
}

.noUi-horizontal {
	height: 8px !important;
}

.noUi-connect {
	background: #264796 !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7-not-valid {
	border-color: red !important;
}

.formRow.formSubmit {
	position: relative;
}

.wpcf7-spinner {
	position: absolute;
	background-color: green;
	right: 0;
	top: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 7px 0 0 !important;
	font-size: 12px !important;
	border-width: 1px !important;
}

input.wpcf7-not-valid::placeholder,
textarea.wpcf7-not-valid::placeholder {
	color: red !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	display: none !important;
}

textarea {
	resize: none !important;
}

.news-list.swiper-wrapper {
	display: flex;
	align-items: stretch;
}

.news-item.swiper-slide {
	height: auto !important;
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	.blog-wrap .news-item {

		padding-bottom: 80px;
	}
}


.xoo-wsc-body,
.xoo-wsc-body span.amount,
.xoo-wsc-body a {
	font-family: Inter;
	font-size: 12px;
	color: var(--Black, #010101);
	font-weight: 400;
	letter-spacing: 0.24px;
}

.xoo-wsc-pprice {
	font-size: 0;
	line-height: 0;
}

.xoo-wsc-pprice .woocommerce-Price-amount {
	font-size: 12px;
	line-height: 1.5;
}

.xoo-wsc-pprice .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	font-size: 12px;
}

.xoo-wsc-pprice .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	display: none;
}

.xoo-wsc-sm-left {
	display: grid;
	grid-template-columns: 1fr;

	grid-template-areas:
		"name name"
		"price qty";

	gap: 8px 15px;
	align-items: center;
	margin-right: 40px;
}

.xoo-wsc-pname {
	grid-area: name;
}

.xoo-wsc-pprice {
	grid-area: price;
}

.xoo-wsc-qty-box {
	grid-area: qty;
}

.xoo-wsc-qty-box.xoo-wsc-qtb-square {
	border-color: #B3B3B3;
	height: 21px;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	width: 60px;
}

input[type="number"].xoo-wsc-qty {
	border-color: #B3B3B3;
	font-size: 8px;
}

span.xoo-wsc-chng {
	font-size: 12px;
}

span.xoo-wsc-pname,
span.xoo-wsc-pname a {
	font-weight: 400;
}


.xoo-wsc-body .xoo-wsc-pprice .woocommerce-Price-amount {
	color: #264796 !important;
}

.xoo-wsc-sm-left>*:not(:last-child) {
	padding-bottom: 0px;
}

.xoo-wsc-icon-trash1:before {
	font-size: 20px !important;
	line-height: 1;
	width: 20px;
	height: 20px;
	display: inline-block;
}

span.xoo-wsc-ft-amt-label {
	color: var(--Black, #010101);

	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.xoo-wsc-footer,
.xoo-wsc-footer a,
.xoo-wsc-footer .amount {
	color: var(--Black, #010101);

	font-size: 18px;

	font-weight: 500;
	line-height: 26px;

}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-markup .xoo-wsc-btn,
.xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"] {
	border-radius: 16px;
	background: var(--Accent-blue, #264796);
	padding: 12px 24px;


	font-size: 16px;

	font-weight: 400;
	line-height: 24px;

}

span.xoo-wsc-ecl {
	border-radius: 16px;
	border: 1px solid var(--Accent-blue, #264796);
	color: var(--Accent-blue, #264796);
	padding: 10px 15px;
	font-size: 16px;

	font-weight: 400;
	line-height: 24px;

}

span.xoo-wsch-close,
.xoo-wscdh-close {
	font-size: 25px;
}

a.added_to_cart.wc-forward {
	display: none;
}

a.added_to_cart.wc-forward::before {
	font-size: 18px !important;
	color: #666 !important;
	content: "\e97a";
}

.add_to_cart_button.added {
	background-color: #cccccc !important;
	border-color: #cccccc !important;
	color: #fff !important;
}


.add_to_cart_button.added svg path,
.add_to_cart_button.added svg g,
.add_to_cart_button.added svg polygon,
.add_to_cart_button.added svg rect {
	stroke: #264796 !important;
}

.add_to_cart_button.added svg {
	color: #264796 !important;
}




@media (max-width: 1439px) {
	.services-page {
		padding-top: 0px;
		padding-bottom: 40px;
	}

	.services-order {
		display: flex;
		flex-direction: column;
	}

	.wrap-blok-services {
		order: 1;
	}

	.wrap-form-blok-services {
		order: 2;
	}

	.about-section.services {
		order: 3;
	}

	.wrap-form-blok-services {
		display: flex;
		padding: 24px 16px;
		height: 556px;
		margin-bottom: 0px;
		margin-top: 24px;
	}

	.form-services-img {
		width: 49%;
		height: 100%;
		border-radius: 16px;
	}

	.wrap-form-services {
		width: 49%;
	}

	.form-services-title {
		font-size: 22px;
		margin-bottom: 4px;
	}

	.form-top.services,
	.form-bottom.services {
		flex-direction: column;
		gap: 7px;
	}

	.wpcf7-form .form-bottom.services label {
		width: 100%;
		font-size: 14px;
		line-height: 1.28571;
	}

	.wpcf7-form .form-top.services label {
		width: 100%;
		font-size: 14px;
		line-height: 1.28571;
		margin-bottom: 0;
	}

	.wrap-form-blok-services textarea {
		height: 74px;
		font-size: 14px;
		line-height: 1.28571;
	}

	.wrap-form-blok-services .wpcf7-form .wpcf7-submit {
		margin-left: auto;
		margin-top: 7px;
		height: 48px;
	}

	.wrap-blok-services {
		margin-bottom: 0px;
	}

	.services-list {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

	.services-item {
		padding: 16px;
		width: 48.1%;
		height: 461px;
	}

	.services-page .title-section {
		margin: 30px 0 25px;
	}

	.services-page .title-section.about {
		margin: 0px 0 30px;
	}

	.btn-all.about {
		margin-top: 30px;
	}

	.services-list {
		padding: 24px;
	}
}

@media (max-width: 767px) {
	.services-page {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.wrap-form-blok-services {
		display: flex;
		flex-direction: column;
		gap: 32px;
		padding: 24px 16px;
		height: 946px;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	.wrap-blok-services {
		margin-bottom: 0px;
	}

	.form-services-img {
		width: 100%;
		height: 234px;
	}

	.wrap-form-services {
		width: 100%;
	}

	.wrap-form-blok-services .wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 134px;
	}

	.wrap-form-blok-services .wpcf7-form .wpcf7-submit {
		margin-left: auto;
		margin-top: 24px;
		height: 48px;
		width: 100%;
	}

	.form-services-title {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.form-top.services,
	.form-bottom.services {
		gap: 8px;
		margin-bottom: 8px;
	}

	.form-bottom.services {
		gap: 8px;
		margin-bottom: 24px;
	}

	.services-list {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

	.services-item {
		padding: 16px;
		width: 100%;
		height: 461px;
	}

	.services-page .title-section {
		margin: 25px 0;
	}

	.services-list {
		padding: 24px 16px;
	}
}

/* =============== Сторінка ПОСЛУГИ КАТЕГОРІЯ ============ */
.page-services-category {
	margin-top: 48px;
	padding-bottom: 85px;
}

.services-category-hero {
	height: 528px;
	background: var(--color-primary-light);
	padding: 160px 0;
	box-sizing: border-box;
	margin-top: 30px;
}

.services-category-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 1.33333;
	color: var(--color-bg-light);
	margin-bottom: 32px;
	width: 50%;
}

.services-category-hero-btn {
	border-radius: 16px;
	padding: 12px 24px;
	width: 125px;
	height: 48px;
	background: var(--color-bg-light);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.services-category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 40px 0;
}

.services-category-item {
	border-radius: 16px;
	padding: 16px;
	width: 23.59%;
	height: 357px;
	background: #fff;
	box-sizing: border-box;
}

@media (max-width: 1439px) {
	.page-services-category {
		margin-top: 28px;
	}

	.services-category-hero {
		height: 276px;
		padding: 80px 0;
		margin-top: 28px;
	}

	.services-category-title {
		font-size: 24px;
		margin-bottom: 32px;
		width: 100%;
	}

	.services-category-list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 24px;
		margin: 22px 0;
		padding: 40px 24px;
	}

	.services-category-item {
		border-radius: 16px;
		padding: 16px;
		width: 48%;
		height: 357px;
		background: #fff;
		box-sizing: border-box;
	}

	.services-modal .wpcf7-form .form-top.services {
		flex-direction: row;
	}
}

@media (max-width: 767px) {
	.page-services-category {
		margin-top: 28px;
	}

	.services-category-hero {
		height: 312px;
		padding: 80px 0;
		margin-top: 24px;
	}

	.services-category-title {
		font-size: 24px;
		margin-bottom: 32px;
		width: 100%;
	}

	.services-category-hero-btn {
		width: 100%;
	}

	.services-category-list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 24px;
		margin: 40px 0;
		padding: 24px 18px;
	}

	.services-category-item {
		border-radius: 16px;
		padding: 16px;
		width: 100%;
		height: 357px;
		background: #fff;
		box-sizing: border-box;
	}

	.services-modal .wpcf7-form .form-top.services.specific label {
		width: 100%;
	}

	.services-modal .wpcf7-form .form-top.services {
		flex-direction: column;
	}
}

/* ============== Сторінка контретної ПОСЛУГИ =============== */
.service-specific-section {
	margin-top: 48px;
	padding-bottom: 40px;
}

.stages-service-wrap {
	margin-top: 80px;
	margin-bottom: 80px;
}

.stages-service-list {
	display: flex;
	gap: 24px;
}

.step {
	border-radius: 16px;
	padding: 24px 24px;
	width: 24%;
	height: 160px;
	box-sizing: border-box;
	background: #fff;
}

.step-text {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
	margin-top: 14px;
	text-wrap: nowrap;
}

.step-number {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 48px;
	line-height: 1.33333;
	color: var(--color-primary);
}

.step-wrap {
	position: relative;
	padding-left: 16px;
	border-left: 2px solid var(--color-primary);
}

.wrap-form-blok-services.specific {
	padding: 55px 110px;
	margin-bottom: 0;
}

.form-service-left-blok {
	width: 46%;
	padding: 90px 50px 0 0;
	box-sizing: border-box;
}

.wrap-form-blok-services.specific .wrap-form-services {
	width: 50%;
}

.form-service-left-blok-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 30px;
}

.form-service-left-blok-title span {
	color: var(--color-primary);
}

.form-service-left-blok-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
}

.wpcf7-form .form-top.services.specific label {
	width: 32%;
}

.wrap-form-blok-services.specific .form-services-title {
	font-size: 18px;
}

.search-input:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

@media (max-width: 1439px) {
	.service-specific-section {
		margin-top: 28px;
		padding-bottom: 70px;
	}

	.stages-service-wrap {
		margin-top: 44px;
		margin-bottom: 44px;
	}

	.stages-service-list {
		flex-wrap: wrap;
		gap: 16px;
	}

	.step {
		width: 48.5%;
		height: 96px;
		padding: 16px 24px;
	}

	.step-text {
		font-size: 16px;
		margin-top: 8px;
	}

	.step-number {
		font-size: 24px;
	}

	.step-wrap {
		position: relative;
		padding-top: 0px;
		padding-left: 16px;
		border-left: 2px solid var(--color-primary);
	}

	.wrap-form-blok-services.specific {
		padding: 24px 40px;
		margin-bottom: 20px;
		flex-direction: column;
		/* height: 616px; */
		height: auto;
		box-sizing: border-box;
	}

	.form-service-left-blok {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	.wrap-form-blok-services.specific .wrap-form-services {
		width: 100%;
		padding: 24px;
		box-sizing: border-box;
	}

	.form-service-left-blok-title {
		font-size: 24px;
		line-height: 1.5;
		color: var(--color-black);
		margin-bottom: 12px;
	}

	.form-service-left-blok-title span {
		color: var(--color-primary);
	}

	.form-service-left-blok-text {
		font-size: 16px;
	}

	.wrap-form-blok-services.specific .form-row.top,
	.wrap-form-blok-services.specific .form-row.bottom {
		flex-direction: row;
	}

	.form-top.services.specific,
	.form-bottom.services.specific {
		flex-direction: row;
	}

	.form-bottom.services.specific {
		margin-bottom: 16px;
	}

	.wrap-form-blok-services.specific .form-row.top label {
		width: 32%;
	}

	.wrap-form-blok-services.specific .form-row.bottom label {
		width: 48%;
	}

	.wrap-form-blok-services.specific .form-services-title {
		font-size: 18px;
		margin-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.service-specific-section {
		margin-top: 28px;
		padding-bottom: 40px;
	}

	.stages-service-wrap {
		margin-top: 44px;
		margin-bottom: 44px;
	}

	.stages-service-list {
		flex-wrap: wrap;
		gap: 16px;
	}

	.step {
		width: 100%;
		height: 96px;
	}

	.step-text {
		font-size: 16px;
		margin-top: 8px;
	}

	.step-number {
		font-size: 24px;
	}

	.step-wrap {
		position: relative;
		padding-top: 0px;
		padding-left: 16px;
		border-left: 2px solid var(--color-primary);
	}

	.wrap-form-blok-services.specific {
		padding: 40px 24px;
		margin-bottom: 20px;
		flex-direction: column;
		height: 928px;
		box-sizing: border-box;
	}

	.form-service-left-blok {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}

	.wrap-form-blok-services.specific .wrap-form-services {
		width: 100%;
		padding: 0px;
		box-sizing: border-box;
	}

	.form-top.services.specific,
	.form-bottom.services.specific {
		flex-direction: column;
	}

	.wpcf7-form .form-top.services.specific label {
		width: 100%;
	}

	.wpcf7-form .form-bottom.services.specific label {
		width: 100%;
	}

	.form-service-left-blok-title {
		font-size: 16px;
		line-height: 1.5;
		color: var(--color-black);
		margin-bottom: 12px;
	}

	.form-service-left-blok-title span {
		color: var(--color-primary);
	}

	.form-service-left-blok-text {
		font-size: 12px;
	}

	.wrap-form-blok-services.specific .form-row.top,
	.wrap-form-blok-services.specific .form-row.bottom {
		flex-direction: column;
	}

	.wrap-form-blok-services.specific .form-services-title {
		font-size: 18px;
	}
}

/* ===============Сторінка БРЕНДИ ==================== */
.brands-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	color: var(--color-primary);
	margin-bottom: 20px;
}

.wrap-brands-blok {
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 25px;
}

.wrap-brands-btn {
	width: 23.5%;
}

.wrap-brands-btn-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
	height: 40px;
	background: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.brands-btn-list {
	border-top: 1px solid #b3b3b3;
	padding: 16px;
	max-height: 406px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background: #fff;
	box-sizing: border-box;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.brands-btn {
	position: relative;
	padding: 6px;
	padding-left: 34px;
	font-size: 14px;
	cursor: pointer;
}

.brands-btn::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(../img/check-brands.svg);
	background-repeat: no-repeat;
	background-size: cover;
	left: 0px;
	position: absolute;
}

.brands-btn.active::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(../img/checkok-brands.svg);
	background-repeat: no-repeat;
	background-size: cover;
	left: 0px;
	position: absolute;
}

.brands-btn-arrow {
	transition: transform 0.3s ease;
}

.brands-btn-arrow.rotated {
	transform: rotate(180deg);
}

.brands-btn-list.hidden {
	max-height: 0;
	opacity: 0;
	padding: 0 16px;
}

.brands-list-wrap {
	width: 74%;
}

.brands-list.page {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 24px;
}

.brand-item {
	border-radius: 16px;
	width: 23%;
	height: 190px;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	transition: transform 0.3s;
	justify-content: center;
}

.brand-item:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.brand-item-link {
	display: flex;
	flex-direction: column;
}

.brand-item-img {
	border-radius: 16px;
	width: 160px;
	height: 128px;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
}

.brand-item-name {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-black);
}


.htcompare-popup-content-area {
	height: auto !important;
	max-height: 90vh;

	width: 90vw !important;
	max-width: 1500px;
}


.htcompare-popup.open {
	align-items: center;

	justify-content: center;

}

.htcompare-table {

	max-height: calc(90vh - 80px) !important;

	overflow-y: auto;

	padding-top: 30px;
}

@media (max-width: 767px) {


	.htcompare-table {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		padding-bottom: 10px;
	}


	.htcompare-table>.htcompare-row {
		display: inline-flex !important;
		min-width: 600px;

	}


	.htcompare-col.htcolumn-field-name {
		flex: 0 0 100px !important;
		max-width: 100px;
		text-align: left;
	}


	.htcompare-col.htcolumn-value {
		flex: 0 0 220px !important;

		min-width: 220px;
		max-width: 240px;
	}


	.htcompare-row .htcompare-col.htcolumn-value:only-of-type {
		flex: 1 1 auto !important;
		max-width: 90vw;

		min-width: unset;
		margin: 0 auto;
	}


	span.htcompare-popup-close {
		position: fixed !important;
		top: 12px !important;
		right: 15px !important;
		z-index: 9999 !important;
		width: 36px !important;
		height: 36px !important;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.htcompare-popup-content-area {
		padding-top: 60px !important;
	}
}

span.htcompare-popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	/* Убеждаемся, что она поверх всего */
	/* Убедитесь, что у нее достаточный размер, например 30px */
}

/* 1. Фиксируем ширину первого столбца (120px) */
.htcompare-col.htcolumn-field-name {
	flex: 0 0 120px !important;
	max-width: 120px;
	text-align: left;
}

/* 2. Заставляем все колонки ТОВАРОВ равномерно делить оставшееся пространство */
/* Целимся именно на колонки, содержащие значения, чтобы исключить колонку полей */
.htcompare-col.htcolumn-value {
	flex: 1 1 0px !important;
	/* Grow: 1, Shrink: 1, Base: 0px. Равномерное деление! */
	min-width: 0;
	/* Разрешаем сжиматься, если нужно */
}

/* 3. Опционально: Убедитесь, что заголовки товаров также равномерно делятся */
/* Класс для заголовков, если он отдельный (на скриншоте это: .htcompare-row.compare-data-title) */
.htcompare-row.compare-data-title .htcompare-col {
	flex: 1 1 0px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	color: #264796;
	font-family: Inter;
	font-size: 16px;

	font-weight: 400;
	line-height: 24px;
}

.htcolumn-field-name {
	font-family: Manrope;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
}



@media (max-width: 1439px) {
	.brands-title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.wrap-brands-blok {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 25px;
		gap: 20px;
	}

	.wrap-brands-btn {
		width: 48%;
	}

	.wrap-brands-btn-text {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 12px;
		height: 40px;
		background: #fff;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		color: var(--color-black);
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		box-sizing: border-box;
	}

	.brands-list-wrap {
		width: 100%;
	}

	.brands-list.page {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		gap: 12px;
	}

	.brand-item {
		border-radius: 16px;
		padding: 24px;
		width: 23%;
		height: 128px;
		background: #fff;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.brand-item-img {
		border-radius: 16px;
		width: 112px;
		height: 72px;
		object-fit: contain;
		margin-left: auto;
		margin-right: auto;
	}

	.brand-item-name {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
		color: var(--color-black);
	}
}

@media (max-width: 767px) {
	.page-bpands {
		padding-bottom: 20px;
	}

	.brands-title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.wrap-brands-blok {
		margin-top: 25px;
		gap: 20px;
	}

	.wrap-brands-btn {
		width: 100%;
	}

	.wrap-brands-btn-text {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 12px;
		height: 40px;
		background: #fff;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		color: var(--color-black);
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}

	.brands-list-wrap {
		width: 100%;
	}

	.brands-list.page {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		gap: 12px;
	}

	.brand-item {
		border-radius: 16px;
		padding: 24px;
		width: 48%;
		height: 128px;
		background: #fff;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.brand-item-img {
		border-radius: 16px;
		width: 112px;
		height: 72px;
		object-fit: contain;
		margin-left: auto;
		margin-right: auto;
	}

	.brand-item-name {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5;
		text-align: center;
		color: var(--color-black);
	}
}

/* ==================== Сторінка БРЕНД ======================= */
.brand-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	color: var(--color-primary);
	margin-bottom: 24px;
	margin-top: 24px;
}

.wrap-brand-blok {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 25px; */
}

.wrap-brand-filter {
	width: 23.5%;
	margin-bottom: 25px;
}

.brand-title-filter {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
	margin-bottom: 24px;
}

.brand-title-filter .brands-btn-arrow {
	display: none;
}

.brand-title-price {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 8px;
}

.price-filter {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.price-filter label {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.price-filter input {
	border: 1px solid #808080;
	border-radius: 16px;
	padding: 12px 16px;
	width: 142px;
	height: 48px;
	background: #fff;
	box-sizing: border-box;
}

.price-filter input::placeholder {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	color: #808080;
}

.wrap-brand-filter .wrap-brands-btn {
	width: 100%;
}

.wrap-brand-product {
	width: 74%;
}

.brand-product-list {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.brand-product-list .products-item {
	width: 30%;
}

.wrap-brand-filter .wrap-brands-btn {
	margin-bottom: 24px;
}

.wrap-brand-filter-btn-submit {
	display: flex;
	justify-content: space-between;
}

.filter-btn-submit {
	border-radius: 16px;
	width: 45%;
	height: 48px;
	background: var(--color-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.filter-btn-submit:hover {
	background: var(--color-primary-light);
}

.filter-btn-submit-cast {
	border: 1px solid var(--color-primary);
	border-radius: 16px;
	width: 45%;
	height: 48px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.filter-btn-submit-cast:hover {
	border: 2px solid var(--color-primary-light);
}

.wrap-brand-about {
	border-radius: 16px;
	padding: 48px 32px;
	width: 100%;
	height: auto;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	margin-bottom: 80px;
}

.wrap-brand-about img {
	width: 25%;
	height: 192px;
	object-fit: contain;
}

.wrap-brand-about-text {
	width: 73%;
}

.wrap-brand-about-text h2 {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1.16667;
	color: var(--color-black);
	margin-bottom: 12px;
}

.wrap-brand-about-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	background-color: #264796;
	border-radius: 16px;
	color: var(--White, #F1F1F1);

	font-size: 16px;
	transition: transform 0.3s ease;
	font-weight: 400;
	line-height: 24px;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
	background-color: #3A62C4;
}


@media (max-width: 764px) {
	.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
		width: 70%;
	}
}



@media (max-width: 1439px) {
	.brand-title {
		font-size: 22px;
		margin-bottom: 24px;
		margin-top: 24px;
		display: none;
	}

	.wrap-brand-blok {
		display: flex;
		flex-direction: column;
		gap: 40px;
		justify-content: space-between;
	}

	.wrap-brand-filter {
		width: 100%;
	}

	.brand-title-filter {
		border-radius: 16px;
		padding: 8px 12px;
		width: 50%;
		height: 40px;
		background: #fff;
		margin-bottom: 24px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
	}

	.brand-title-filter .brands-btn-arrow {
		display: block;
	}

	.price-filter {
		display: flex;
		justify-content: start;
		gap: 16px;
		margin-bottom: 24px;
	}

	.price-filter label {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 142px;
	}

	.price-filter input {
		width: 100%;
	}

	.wrap-brand-filter .wrap-brands-btn {
		width: 100%;
	}

	.wrap-brand-product {
		width: 100%;
	}

	.brand-product-list {
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
	}

	.brand-product-list .products-item {
		width: 23%;
		padding: 16px 12px;
		height: auto;
	}

	.brand-product-list .products-item .products-item-title {
		font-size: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.brand-product-list .products-item .products-prise-relevant {
		font-size: 12px;
	}

	.brand-product-list .products-item .products-prise-past {
		font-size: 10px;
	}

	.brand-product-list .products-item .product-labels {
		font-size: 10px;
	}

	.brand-product-list .products-item .product-btn-comparison {
		width: 16px;
		height: 16px;
	}

	.brand-product-list .products-item .product-btn-comparison img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

	.brand-product-list .products-item .product-btn-favorite {
		width: 16px;
		height: 16px;
	}

	.brand-product-list .products-item .product-btn-favorite svg {
		width: 16px;
		height: 16px;
	}

	.brand-product-list .products-item .add-to-cart {
		width: 32px;
		height: 32px;
	}

	.brand-product-list .products-item .add-to-cart svg {
		width: 16px;
		height: 16px;
	}

	.brand-product-list .products-item .products-img {
		height: 96px;
	}

	.wrap-brand-filter .wrap-brands-btn {
		margin-bottom: 24px;
	}

	.wrap-brand-filter-btn-submit {
		display: flex;
		justify-content: start;
		gap: 30px;
	}

	.filter-btn-submit {
		width: 122px;
	}

	.filter-btn-submit-cast {
		width: 122px;
	}

	.wrap-brand-about {
		border-radius: 16px;
		padding: 30px 32px;
		width: 100%;
		height: auto;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		margin-bottom: 80px;
	}

	.wrap-brand-about img {
		height: 123px;
	}

	.wrap-brand-about-text {
		width: 73%;
	}

	.wrap-brand-about-text h2 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.wrap-brand-about-text p {
		font-size: 12px;
	}

	.brand-title-filter {
		margin-top: 20px;
	}

	.filters-content {
		display: none;
	}

	.filters-content.active {
		display: block;
	}

	.brand-title-filter {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.brand-title-filter.open svg {
		transform: rotate(180deg);
		transition: transform 0.3s ease;
	}
}

@media (max-width: 767px) {
	.wrap-brand-blok {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.wrap-brand-filter {
		width: 100%;
	}

	.brand-title-filter {
		width: 100%;
	}

	.price-filter {
		display: flex;
		justify-content: start;
		gap: 16px;
		margin-bottom: 24px;
	}

	.price-filter label {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 142px;
	}

	.brand-product-list {
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
	}

	.brand-product-list .products-item {
		width: 47.6%;
	}

	.wrap-brand-filter-btn-submit {
		justify-content: center;
	}

	.filter-btn-submit {
		width: 142px;
	}

	.filter-btn-submit-cast {
		width: 142px;
	}

	.wrap-brand-about {
		padding: 48px 32px;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: center;
		margin-bottom: 80px;
	}

	.wrap-brand-about img {
		height: 202px;
		width: 271px;
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
	}

	.wrap-brand-about-text {
		width: 100%;
	}
}

/* ================== Каталог категорія ============= */
.catalog-category-page {
	padding-bottom: 30px;
}

.catalog-category-wrap {
	margin-top: 30px;
}

.catalog-category-wrap .title-section {
	margin-bottom: 24px;
}

.catalog-category-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 24px;
}

.catalog-category-item {
	width: 32%;
	position: relative;
	border-radius: 16px;
	padding: 24px 0px 0px 0px;
	height: 282px;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
	transition: box-shadow 0.3s ease;
}

.catalog-category-item:hover {
	border: 1px solid #b3b3b3;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.catalog-category-item-img {
	height: 155px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

.catalog-category-item-name {
	border-radius: 16px;
	padding: 8px 12px;
	width: 100%;
	height: 64px;
	backdrop-filter: blur(12px);
	background: rgba(0, 0, 0, 0.4);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
}

.catalog-category-about {
	margin: 40px 0;
}

@media (max-width: 1439px) {
	.catalog-category-list {
		row-gap: 16px;
	}

	.catalog-category-item {
		width: 48%;
	}

	.catalog-category-item-name {
		font-size: 12px;
	}

	.catalog-category-about {
		margin: 40px 0;
	}
}

@media (max-width: 767px) {
	.catalog-category-page .breadcrumbs {
		margin-top: 0px;
	}

	.catalog-category-page {
		padding-bottom: 0px;
	}

	.catalog-category-item {
		width: 100%;
	}

	.catalog-category-item-name {
		font-size: 12px;
	}

	.catalog-category-about {
		margin: 40px 0;
	}
}

/* ============== Сторінка КАТАЛОГ ============= */
.wrap-content-catalog {
	display: flex;
	justify-content: space-between;
	padding: 30px 0 42px;
}

.wrap-brand-filter.catalog {
	width: 23%;
}

.brands-btn-list.brand {
	height: 372px;
	overflow-y: auto;
	overflow-x: hidden;
}

.right-blok-catalog {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 71%;
}

.decision-filter-catalog {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.decision-filter-catalog-item {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	border-radius: 16px;
	padding: 16px;
	width: 24%;
	height: 80px;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

.decision-filter-catalog-item p {
	text-align: center;
	font-size: 12px;
}

.decision-filter-catalog-item img {
	width: 48px;
	height: 48px;
	object-fit: cover;
}

.wrap-sort-style {
	display: flex;
	justify-content: space-between;
	border-radius: 16px;
	padding: 8px 16px;
	width: 100%;
	height: 56px;
	background: #fff;
	align-items: center;
	box-sizing: border-box;
}

.wrap-sort-catalog {
	display: flex;
	align-items: center;
	gap: 16px;
}

.sort-btn-catalog {
	border: 1px solid #b3b3b3;
	border-radius: 8px;
	padding: 8px 16px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: var(--Accent-blue, #264796);
}

.sort-btn-catalog:hover {
	border: 1px solid var(--color-primary-light);
}

.sort-btn-catalog span {
	display: none;
}

.style-btn-catalog svg {
	fill: #808080;
	stroke: #808080;
}

.style-btn-catalog.active svg {
	fill: var(--color-primary);
	stroke: var(--color-primary);
}

.wrap-style-catalog {
	display: flex;
	gap: 16px;
}

.catalog-product-list {
	display: flex;
	justify-content: space-between;
	row-gap: 24px;
	flex-wrap: wrap;
}

.catalog-product-list .products-item {
	width: 32%;
}

.catalog-product-list.style-list {
	flex-direction: column;
	gap: 8px;
}

.catalog-product-list.style-list .products-item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-left: 95px;
	height: 80px;
}

.catalog-product-list.style-list .products-item .products-item-link {
	display: flex;
	align-items: flex-start;
}

.catalog-product-list.style-list .products-item .products-img {
	width: 80px;
	height: 44px;
	position: absolute;
	left: 16px;
	object-fit: contain;
}

.catalog-product-list.style-list .products-item .products-item-title {
	margin: 0;
}

.catalog-product-list.style-list .products-item .products-wrap-top-details {
	width: 20%;
	margin-right: 16px;
}

.catalog-product-list.style-list .products-item .products-item-link {
	width: 30%;
	/* margin-right: 140px; */
}

.catalog-product-list.style-list .products-item .products-wrap-bottom-details {
	justify-content: space-between;
	width: 30%;
}

.catalog-product-list .products-item .add-to-cart:hover {
	background: #3A62C4;
}

@media (max-width: 1439px) {
	.right-blok-catalog {
		display: contents;
	}

	.wrap-content-catalog {
		flex-direction: column;
	}

	.decision-filter-catalog {
		order: -3;
	}

	.wrap-brand-filter.catalog {
		order: -2;
	}

	.wrap-sort-style {
		order: -1;
	}

	.catalog-product-list {
		order: 4;
	}

	.wp-pagenavi {
		order: 5;
	}

	.wrap-content-catalog {
		padding: 16px 0 12px;
	}

	.wrap-brand-filter.catalog {
		width: 100%;
	}

	.decision-filter-catalog-item {
		width: 32%;
	}

	.decision-filter-catalog-item p {
		font-size: 12px;
	}

	.wrap-content-catalog .filters-content.active {
		margin-bottom: 16px;
	}

	.wrap-content-catalog .brand-title-filter {
		font-weight: 400;
	}

	.wrap-sort-style {
		height: 52px;
		margin: 0 0 16px;
	}

	.sort-title.catalog {
		font-size: 12px;
	}

	.sort-btn-catalog {
		font-size: 12px;
	}

	.catalog-product-list .products-item {
		height: 250px;
		width: 24%;
		padding: 16px 12px;
	}

	.catalog-product-list .products-item .product-btn-comparison.add::after {
		top: 6px;
		right: 1px;
	}

	.catalog-product-list .products-item .product-labels {
		font-size: 10px;
	}

	.catalog-product-list .products-item .products-img {
		height: 95px;
		margin-bottom: 12px;
	}

	.catalog-product-list .products-item .product-btn-comparison img {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list .products-item .product-btn-favorite svg {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list .products-item .products-item-title {
		font-size: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 20px;
	}

	.catalog-product-list .products-item .products-prise-relevant {
		font-size: 12px;
	}

	.catalog-product-list .products-item .add-to-cart {
		width: 32px;
		height: 32px;
	}

	.catalog-product-list .products-item .add-to-cart svg {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list.style-list {
		gap: 4px;
	}

	.catalog-product-list.style-list .products-item .products-wrap-top-details {
		width: 30%;
		margin-right: 16px;
	}

	.catalog-product-list.style-list .products-item .products-item-link {
		width: 40%;
		margin-right: 90px;
	}

	.catalog-product-list.style-list .products-item .products-wrap-bottom-details {
		justify-content: space-between;
		width: 30%;
	}
}

.breadcrumbs__container span:last-child {
	color: #808080;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	display: inline-flex;
	align-items: center;
}

@media (max-width: 1439px) {
	.breadcrumbs__container span:last-child {
		font-size: 10px;
	}
}

@media (max-width: 767px) {
	.catalog-page .breadcrumbs {
		margin-top: 0;
	}

	.product-btn-top-wrap {
		gap: 0px;
	}

	.decision-filter-catalog-item {
		width: 48%;
		padding: 8px 16px;
		height: 56px;
	}

	.decision-filter-catalog-item img {
		width: 24px;
		height: 24px;
		object-fit: cover;
	}

	.decision-filter-catalog-item p {
		font-size: 12px;
	}

	.wrap-content-catalog .filters-content.active {
		margin-bottom: 16px;
	}

	.wrap-content-catalog .brand-title-filter {
		font-weight: 400;
	}

	.wrap-sort-style {
		height: auto;
		margin: 0 0 0px;
		flex-direction: column;
		background: none;
		padding: 0;
	}

	.wrap-sort-catalog {
		flex-direction: column;
		border-radius: 16px;
		background: #fff;
		width: 100%;
		gap: 0;
	}

	.sort-title.catalog {
		font-size: 16px;
		/* padding: 8px 12px; */
		/* width: 100%;
		border-bottom: 1px solid #b3b3b3; */
		box-sizing: border-box;
	}

	.sort-btn-catalog {
		font-size: 12px;
		border: none;
		width: 100%;
		position: relative;
		padding-left: 40px;
		justify-content: flex-start;
	}

	.sort-btn-catalog::before {
		content: "";
		width: 24px;
		height: 24px;
		background-image: url(../img/check-brands.svg);
		background-repeat: no-repeat;
		background-size: cover;
		left: 12px;
		position: absolute;
	}

	.sort-btn-catalog:hover {
		border: none;
	}

	.sort-btn-catalog.active::before {
		content: "";
		width: 24px;
		height: 24px;
		background-image: url(../img/checkok-brands.svg);
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
	}

	.sort-btn-catalog span {
		display: block;
	}

	.sort-btn-catalog svg {
		display: none;
	}

	.wrap-style-catalog {
		margin-left: auto;
		margin-top: 16px;
	}

	.catalog-product-list .products-item {
		width: 48%;
		padding: 16px 12px;
	}

	.catalog-product-list .products-item .product-labels {
		font-size: 10px;
		text-wrap: nowrap;
	}

	.catalog-product-list .products-item .products-img {
		height: 95px;
	}

	.catalog-product-list .products-item .product-btn-comparison img {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list .products-item .product-btn-favorite svg {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list .products-item .products-item-title {
		font-size: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 80%;
	}

	.catalog-product-list .products-item .products-prise-relevant {
		font-size: 12px;
	}

	.catalog-product-list .products-item .add-to-cart {
		width: 32px;
		height: 32px;
	}

	.catalog-product-list .products-item .add-to-cart svg {
		width: 16px;
		height: 16px;
	}

	.catalog-product-list.style-list .products-item {
		flex-direction: column;
		height: 100px;
		padding: 8px 8px 8px 95px;
	}

	.catalog-product-list.style-list .products-item .products-wrap-top-details {
		position: absolute;
		top: 18%;
		left: 10%;
		width: 90%;

	}

	.catalog-product-list.style-list .products-item .products-img {
		width: 68px;
		height: 66px;
		position: absolute;
		left: 16px;
		top: 50%;
		transform: translateY(-50%);
		object-fit: contain;
	}

	.catalog-product-list.style-list .products-item .products-item-link {
		width: 90%;
		margin: 16px 0 0;
	}

	.catalog-product-list.style-list .products-item .products-wrap-bottom-details {
		justify-content: space-between;
		width: 95%;
	}
}

/* ============= КАТАЛОГ ПІДКАТЕГОРІЯ ========== */
.catalog-subcategory-page {
	padding-bottom: 100px;
}

/* ============ Сторінка ПРОДУКТ ============= */
.wrap-product-top-blok {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	margin-bottom: 42px;
}

.wrap-slider-product {
	width: 49%;
}

.product-slider {
	position: relative;
}

.main-slider-wrapper {
	margin-bottom: 12px;
}

.main-slider-slide {
	background: #fff;
	height: 366px;
	border-radius: 16px;
	padding: 24px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}

.main-slider-slide img {
	margin: auto;
	display: flex;
	height: auto;
	width: auto;
	max-height: calc(100% - 24px);
}

.thumbs-slider {
	width: 86%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.thumbs-slider-slide {
	background: #fff;
	border-radius: 16px;
	width: 24%;
	height: 110px;
}

.thumbs-slider-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 16px;
	cursor: pointer;
}

.swiper-button-prev.page-prod {
	top: var(--swiper-navigation-top-offset, 88%);
	left: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-next.page-prod {
	top: var(--swiper-navigation-top-offset, 88%);
	right: var(--swiper-navigation-sides-offset, 10px);
}

.wrap-info-blok-product {
	width: 49%;
	height: 488px;
	display: flex;
	flex-direction: column;
}

.product-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 10px;
}

.wrap-articul-review {
	display: flex;
	gap: 45px;
	margin-bottom: 16px;
}

.model-prod {
	font-weight: 600;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #808080;
}

.articul-prod {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #808080;
}

.wrap-prod-review {
	display: flex;
	align-items: center;
	gap: 7px;
}

.prod-review-img-wrap {
	display: flex;
	align-items: center;
}

.wrap-prod-review p {
	font-weight: 600;
	font-size: 12px;
	line-height: 1.5;
	color: var(--color-black);
}

.availability {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.28571;
	position: relative;
	display: flex;
	margin-bottom: 34px;
	padding-left: 20px;
}

.availability.in-stock {
	color: #2cbf67;
}

.availability.in-stock::before {
	content: "";
	width: 8px;
	height: 8px;
	background: #2cbf67;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
}

.availability.out-of-stock {
	color: #ff4d4d;
}

.availability.out-of-stock::before {
	content: "";
	width: 8px;
	height: 8px;
	background: #ff4d4d;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
}

.wrap-price,
.wrap-counter-blok,
.wrap-prace-info {
	border-radius: 16px;
	padding: 16px;
	height: auto;
	background: #fff;
}

.wrap-prod-btn-info {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
}

.btn-prod-info {
	border-radius: 16px;
	padding: 8px 16px;
	width: 32%;
	height: 40px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: var(--color-black);
}

.wrap-blok-price-counter {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* дві рівні колонки */
	grid-template-rows: auto auto;
	/* дві рядки */
	gap: 20px;
	/* відступи між блоками */
	row-gap: 10px;
}

.wrap-price {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.wrap-counter-blok {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.wrap-prace-info {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	/* займає дві строки */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
}

.recom-price {
	margin-bottom: 8px;
}

.partners-price {
	display: none;
}

.wrap-blok-price-counter.authorized .partners-price {
	display: block;
}

.wrap-blok-price-counter.authorized .wrap-prace-info {
	display: none;
}

.wrap-blok-price-counter.authorized {
	grid-template-columns: 1fr;
}

.price-counter-title-blok {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: var(--color-black);
	margin-bottom: 8px;
}

.price-wrap-prod {
	display: flex;
	gap: 16px;
	align-items: center;
}

.prod-price {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-primary);
}

.prod-price.old {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-decoration: line-through;
	color: #808080;
}

.prod-price.partners {
	color: #2cbf67;
}

.counter-add-cart {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wrap-counter {
	width: 142px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-radius: 8px;
	border: 1px solid #b3b3b3;
}

.decrement,
.increment {
	font-size: 30px;
	color: var(--color-black);
	cursor: pointer;
	user-select: none;
	padding: 0px 12px;
}

.quantity {
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	padding: 14px 20px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: var(--color-black);
}

.add-to-cart.product {
	width: 122px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-bg-light);
	height: 48px;
}

.prace-info-text {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: var(--color-black);
	margin-bottom: 16px;
}

.prace-info-text.title {
	font-size: 14px;
	line-height: 1.28571;
	color: var(--color-primary);
	margin-bottom: 4px;
}

.prace-info-link {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	gap: 6px;
	width: 162px;
	padding: 0 16px;
}

.prace-info-link:hover {
	border-bottom: 1px solid var(--color-bg-light);
}

.wrap-product-middel-blok {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.wrap-prod-middel-info-blok {
	width: 58%;
}

.wrap-prod-middel-review-blok {
	width: 41%;
}

.wrap-btn-middel-info {
	display: flex;
	gap: 20px;
	margin-bottom: 12px;
}

.btn-middel-info {
	padding: 16px;
	width: auto;
	height: 56px;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
}

.btn-middel-info.active {
	border-bottom: 2px solid var(--color-primary);
}

.middel-info-blok {
	display: none;
}

.middel-info-blok.active {
	display: block;
}

.middel-info-blok-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-primary);
	margin-bottom: 4px;
}

.middel-info-blok-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
}

.middel-info-blok-text.acent {
	color: var(--color-primary);
	margin-bottom: 7px;
}

.middel-info-blok-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.middel-info-blok-item {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	padding-left: 15px;
}

.middel-info-blok-item::before {
	content: "•";
	position: absolute;
	left: 1px;
	color: var(--color-black);
}

.middel-info-blok.description .middel-info-blok-text.acent {
	margin-top: 24px;
}

.middel-info-blok-features-list {
	display: flex;
	flex-direction: column;
}

.middel-info-blok-features-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0px;
}

.dotted {
	border-bottom: 1px;
	border-bottom-style: dashed;
	margin: 5px;
	width: 55%;
	height: 1px;
	color: var(--color-primary);
}

.middel-info-blok-text.acent.features {
	width: 27%;
}

.middel-info-blok-text.features {
	width: 25%;
	text-align: left;
}

.middel-info-blok video {
	width: 100%;
}

.middel-info-blok-down {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.middel-info-blok-review-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.middel-info-blok-review-item {
	border-radius: 16px;
	padding: 24px;
	width: 100%;
	height: auto;
	background: #fff;
	box-sizing: border-box;
}

.wrap-review-item-name {
	display: flex;
	gap: 4px;
}

.review-item-name {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
}

.review-item-data {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	color: #808080;
}

.review-item-line {
	width: 100%;
	height: 1px;
	background: #b3b3b3;
	margin: 10px 0px;
}

.wrap-prod-middel-review-blok-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 24px;
}

.review-link-all {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33333;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 6px;
	margin-top: 24px;
	padding: 8px 16px;
	margin-bottom: 40px;
	width: 130px;
	box-sizing: border-box;
	margin-left: auto;
}

.review-link-all:hover {
	border-bottom: 1px solid var(--color-bg-light);
}

.wrap-form-reviw {
	border-radius: 16px;
	padding: 24px;
	width: 100%;
	height: 421px;
	background: #fff;
	box-sizing: border-box;
}

.wrap-form-reviw .form-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.wrap-form-reviw .form-top label {
	width: 48%;
}

.wrap-form-reviw-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
	margin-bottom: 12px;
}

.review-stars {
	margin: 15px 0 0;
}

.wrap-project-prod-slider.product-page .title-section {
	font-size: 24px;
}

.wrap-project-prod-slider.product-page {
	margin-bottom: 40px;
}

.wrap-project-prod-slider.product-page:last-child {
	margin-bottom: 0;
}

.product-page-section {
	padding-top: 5px;
	padding-bottom: 80px;
}

.title-modal-prod-page {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	color: var(--color-black);
	margin-bottom: 24px;
}

.list-modal-prod-page {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
}

.item-modal-prod-page {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-black);
	padding-left: 30px;
}

.item-modal-prod-page::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url("/img/Checkmark.svg") no-repeat center/contain;
}

.acent-modal-prod-page {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.44444;
	color: var(--color-black);
}

@media (max-width: 1439px) {
	.wrap-product-top-blok {
		flex-direction: column;
		margin-top: 24px;
		margin-bottom: 42px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, auto) auto;
		column-gap: 10px;
	}

	.wrap-slider-product {
		width: 45vw;
		order: 4;
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}

	.swiper-button-next.page-prod,
	.swiper-button-prev.page-prod {
		display: flex;
	}

	.swiper-button-next.page-prod {
		top: var(--swiper-navigation-top-offset, 85%);
		right: var(--swiper-navigation-sides-offset, -15px);
	}

	.swiper-button-prev.page-prod {
		top: var(--swiper-navigation-top-offset, 85%);
		left: var(--swiper-navigation-sides-offset, -15px);
	}

	.wrap-info-blok-product {
		display: contents;
	}

	.product-title {
		order: 1;
		grid-column: 1 / -1;
		font-size: 22px;
		margin-bottom: 8px;
	}

	.wrap-articul-review {
		order: 2;
		grid-column: 1 / -1;
		gap: 24px;
		margin-bottom: 16px;
	}

	.availability {
		order: 3;
		grid-column: 1 / -1;
		margin-bottom: 24px;
	}

	.wrap-blok-price-counter {
		order: 5;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		grid-column: 2 / 3;
		grid-row: 4 / 5;
		min-height: 400px;
	}

	.wrap-blok-price-counter.authorized {
		grid-row: 4 / 4;
	}

	.wrap-blok-price-counter.authorized+.wrap-prod-btn-info {
		grid-column: 1 / -1;
		grid-row: 5 / 5;
		flex-direction: row;
		margin-top: 16px;
	}

	.wrap-counter-blok {
		padding: 8px 24px;
	}

	.wrap-price {
		min-height: 122px;
		box-sizing: border-box;
	}

	.wrap-prod-btn-info {
		order: 6;
		grid-column: 1 / 2;
		grid-row: 4 / 5;
		flex-direction: column;
		gap: 7px;
	}

	.main-slider-slide {
		height: 184px;
		padding: 8px;
	}

	.main-slider-slide img {
		height: 90%;
		object-fit: contain;
	}

	.thumbs-slider-slide {
		height: 57px;
	}

	.btn-prod-info {
		width: 100%;
	}

	.wrap-product-middel-blok {
		flex-direction: column;
	}

	.wrap-prod-middel-info-blok {
		width: 100%;
	}

	.wrap-prod-middel-review-blok {
		width: 100%;
	}

	.middel-info-blok {
		margin-bottom: 24px;
	}

	.middel-info-blok-text {
		font-size: 12px;
	}

	.middel-info-blok-item {
		font-size: 12px;
	}

	.review-item-text {
		font-size: 12px;
	}

	.wrap-form-reviw {
		height: 512px;
	}

	.wrap-form-reviw .form-top {
		flex-direction: column;
		gap: 8px;
	}

	.wrap-form-reviw .form-top label {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.wrap-form-reviw .wpcf7-form .wpcf7-submit {
		height: 48px;
	}

	.wrap-form-reviw .wpcf7-form .wpcf7-form-control-wrap textarea {
		height: 97px;
		margin-top: 8px;
	}

	.wrap-project-prod-slider.product-page .title-section {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.wrap-product-top-blok {
		display: flex;
		flex-direction: column;
	}

	.wrap-articul-review {
		flex-wrap: wrap;
	}

	.wrap-slider-product {
		width: 100%;
		margin-bottom: 16px;
	}

	.wrap-btn-middel-info {
		flex-wrap: wrap;
		gap: 8px;
	}

	.wrap-prod-btn-info {
		flex-direction: column;
	}

	.wrap-blok-price-counter {
		margin-bottom: 16px;
	}

	.wrap-blok-price-counter.authorized+.wrap-prod-btn-info {
		flex-direction: column;
	}

	.swiper-button-prev.page-prod {
		top: var(--swiper-navigation-top-offset, 85%);
		left: var(--swiper-navigation-sides-offset, -10px);
	}

	.swiper-button-next.page-prod {
		top: var(--swiper-navigation-top-offset, 85%);
		right: var(--swiper-navigation-sides-offset, -10px);
	}
}

/* ------ */
header {
	/* height: 172px; */
	/* margin-bottom: 24px; */
}

@media (max-width: 1439px) {
	header {
		/* height: 96px; */
		/* margin-bottom: 40px; */
	}
}

@media (max-width: 767px) {
	header {
		/* height: 171px; */
		/* margin-bottom: 20px; */
	}
}


/* CART */


article.post-9.page.type-page.status-publish.hentry>h2 {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 28px;
	padding-block: 60px 24px;
}

article.post-9.page.type-page.status-publish.hentry th.wc-block-cart-items__header-image {
	text-align: inherit;
}

article.post-9.page.type-page.status-publish.hentry .wc-block-cart__main .wc-block-cart-items th:last-child {
	padding-right: 0;
}

article.post-9.page.type-page.status-publish.hentry .wc-block-components-sidebar-layout .wc-block-components-main {
	width: 60%;
}

article.post-9.page.type-page.status-publish.hentry .wc-block-components-sidebar {
	width: 38%;
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title,
tr.wc-block-cart-items__header th {
	font-size: 18px;
}

@media (max-width: 768px) {
	article.post-9.page.type-page.status-publish.hentry .wc-block-components-sidebar-layout .wc-block-components-main {
		width: 100%;
		padding-right: 0;
	}

	article.post-9.page.type-page.status-publish.hentry .wc-block-components-sidebar {
		width: 100%;
	}

	tr.wc-block-cart-items__row {
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		text-align: left;
	}

	.wc-block-cart-items__row td.wc-block-cart-item__total {
		display: none;
	}

	table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
		margin-bottom: 15px !important;
	}

	article.post-9.page.type-page.status-publish.hentry>h2 {
		padding-block: 24px 24px;
		font-size: 24px;
	}

	article.post-9.page.type-page.status-publish.hentry td.wc-block-cart-item__product {
		margin-bottom: 0 !important;
	}
}

.wpcf7-spinner {
	display: none;
}

@media (max-width: 400px) {
	.search-wrapper {
		width: max-content;
	}
}

.woocommerce-variation-add-to-cart {
	display: flex;
	gap: 8px;
}

.single_variation_wrap {
	border-radius: 16px;
	padding: 16px;
	height: auto;
	background: #fff;
}

.customize-support article.post-1472.page.type-page.status-publish.hentry>h2 {
	font-family: "Manrope", sans-serif;
	font-weight: 600;
	font-size: 28px;
	padding-block: 60px 24px;
	line-height: 1.16667;
}

.wishsuite-table-content .quantity .qty {
	background-color: transparent;
	font-size: 14px;
}

.wishsuite-product-price {
	vertical-align: middle !important;
	text-align: center;
	line-height: 1.4;
}

.wishsuite-product-price {
	text-align: center;
	vertical-align: middle;
	white-space: normal;
}

.wishsuite-product-price del,
.wishsuite-product-price ins {
	display: block;
	margin: 0 auto;
}

.wishsuite-product-price ins {
	text-decoration: none;
}


@media (max-width: 768px) {
	.customize-support article.post-1472.page.type-page.status-publish.hentry>h2 {
		padding-block: 24px;
		font-size: 24px;
	}
}

.htcompare-popup-close {
	position: absolute;
	top: -10px !important;
	right: -10px !important;
	width: 50px !important;
	height: 50px !important;
	cursor: pointer;
	border-radius: 50% !important;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.htcompare-popup-close::before,
.htcompare-popup-close::after {
	content: '';
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: 15px !important;
	height: 2px !important;
	background-color: #2d2a2a;
	transform-origin: center;
}

.htcompare-popup-close::before {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

.htcompare-popup-close::after {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}


html[lang^="en"] .advantages-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 20px;
	width: 100%;
	max-width: 100%;
}

html[lang^="en"] .advantages-item {
	width: 49%;
	/* чтобы вмещалось по два блока в ряд */
	min-height: 100%;
	padding: 24px 0;
	border-radius: 16px;
	background: #fff;
	box-sizing: border-box;
}

html[lang^="en"] .advantages-wrap-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	text-align: left;
	height: 100%;
	margin-left: 120px;
	margin-right: auto;
	width: fit-content;
}

html[lang^="en"] .advantages-item-title {
	text-align: left;
}


html[lang^="en"] .btn-all {
	width: auto;
}


html[lang^="en"] .services-btn-detals {
	width: auto;
}


@media (max-width: 899px) {
	html[lang^="en"] .advantages-list {}

	html[lang^="en"] .advantages-item {
		width: 100%;
	}

	html[lang^="en"] .advantages-wrap-content {
		margin-left: auto;
	}


}


html[lang^="en"] .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	padding: .618em 0.5em;
}


html[lang^="en"] .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

	font-size: 15px !important;

}

/* Базовые стили */
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
	background-color: var(--Accent-blue, #264796);
	color: #fff;
	border: 1px solid var(--Accent-blue, #264796);
	border-radius: 4px;
	padding: 10px 20px;
	transition: all 0.2s ease;
}

/* Состояние наведения */
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover {
	background-color: #fff;
	color: var(--Accent-blue, #264796);
	border: 1px solid var(--Accent-blue, #264796);
}

/* Состояние "активна" (например, если нажата или находится в фокусе) */
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:focus,
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:active {
	background-color: var(--Accent-blue, #264796);
	color: #fff;
	border: 1px solid var(--Accent-blue, #264796);
	box-shadow: none;
}

/* Состояние "заблокирована" */
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button[disabled],
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:disabled {
	background-color: #ccc;
	/* серая кнопка */
	border: 1px solid #ccc;
	color: var(--Accent-blue, #264796);
	/* текст синий */
	cursor: not-allowed;
	opacity: 1;
	/* не делаем “полупрозрачной”, чтобы осталась читаемой */
}


.products-item-link img {
	display: block;
	height: 278px;
	width: 100%;
}

.article-text-content h2 {
	font-size: 23px;
	font-weight: 600;
}

.article-text-content h3 {
	font-size: 21px;
	font-weight: 500;
}

.article-text-content h4 {
	font-size: 20px;
	font-weight: 500;
}

.article-text-content h5 h6 {
	font-size: 20px;
	font-weight: 500;
}


.article-text-content a {
	text-decoration: underline !important;
	/* Додає лінію під текстом */
	text-underline-offset: 2px;
	/* Відступ лінії від букв (щоб було гарно) */
	color: black;
	/* Стандартний синій колір (або впиши свій код кольору) */
	font-weight: 500;
	/* Робимо трохи жирнішим (опціонально) */
	cursor: pointer;
}


.article-text-content img {
	width: 100%;
	height: auto;
	max-width: 700px;
}


@media (max-width: 767px) {

	.hero-wrap-text {
		padding-top: 0;
	}

	/* 1. Разрешаем шапке переносить элементы на новую строку */
	.header-middel-blok {
		display: flex !important;
		flex-wrap: wrap !important;
		position: relative;
	}

	/* 2. САМОЕ ГЛАВНОЕ: Растягиваем саму ФОРМУ поиска */
	form.search-form {
		width: 100% !important;
		max-width: unset !important;
		min-width: unset !important;
		margin-top: 10px !important;
		left: 0;
	}

	/* 3. Растягиваем внутренности (как вы и делали) */
	.search-wrapper {
		width: 97% !important;
		max-width: none !important;
	}

	/* 4. Растягиваем поле ввода */
	.search-wrapper input.search-input {
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.about-list {
		margin-left: 20px;
	}
}

@media (max-width: 767px) {

	/* Обращаемся к правильному классу списка, который мы нашли в коде */
	ol.about-list {
		padding-left: 25px !important;
		/* Освобождаем место слева для цифр */
		margin-left: 0 !important;
		list-style-position: outside !important;
		/* Цифры висят сбоку, красиво */
	}

	/* На всякий случай сбрасываем сдвиги у элементов списка */
	ol.about-list li.about-item {
		margin-left: 0 !important;
		padding-left: 5px !important;
		/* Небольшой отступ текста от цифры */
	}
}

.wrap-project-prod-slider .project-products-list {
	padding-bottom: 40px !important;
}


/* 1. Дозволяємо випадаючим елементам виходити за межі слайдера */
ul.project-products-list,
ul.catalog-product-list,
/* Додав клас з останнього скріна */
.swiper-wrapper,
.swiper-container {
	overflow: visible !important;
	/* Це критично важливо! */
	z-index: 10 !important;
	/* Тримаємо вище за пагінацію */
	position: relative !important;
}

/* 2. МАГІЯ ТУТ: Коли наводимо на картку (li), піднімаємо ЇЇ над сусідами */
li.products-item:hover,
li.swiper-slide:hover {
	z-index: 999 !important;
	/* Робимо цей елемент найвищим */
	position: relative !important;
	transform: none !important;
	/* Іноді трансформація створює новий контекст, вимикаємо її */
}

/* 3. Сам випадаючий блок */
.attributeListProd {
	z-index: 1000 !important;
	position: absolute !important;
	top: 100%;
	/* Гарантуємо, що він під карткою */
	left: 0;
	width: 100%;
}

/* 4. Пагінація залишається знизу */
.swiper-pagination,
.project-swiper-pagination {
	z-index: 5 !important;
}

/* 1. Задаємо жорсткий розмір для обгортки картинки */
.thank-you-order-product-img {
	width: 40px !important;
	/* Фіксована ширина */
	height: 40px !important;
	/* Фіксована висота */
	flex: 0 0 50px !important;
	/* Забороняємо стискатися (важливо для flex) */
	display: flex !important;

	background-color: #fff;
	/* Білий фон (якщо картинка прозора) */
	border-radius: 4px;
	/* Трохи заокруглюємо кути */
	overflow: hidden;
	/* Обрізаємо все, що вилазить */

}

/* 2. Налаштовуємо саму картинку всередині */
.thank-you-order-product-img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;

}

.hero-slide-wrap-hover-cart img.prHover {
	/* Меняем relative на absolute */
	position: absolute !important;

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* Остальные ваши стили */
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

.user-name {
	/* Разрешаем разрывать длинные слова */
	word-break: break-all;

	/* Или более мягкий вариант (пробуйте этот первым): */
	overflow-wrap: break-word;
	word-wrap: break-word;

	/* Ограничиваем ширину, чтобы он знал границы */
	max-width: 100%;
}