/* USER VARIABLES SECTION */

:root {
	--accent: #1C49C4; /*синий*/
	--hover: #00ab66ba;
	--text: #414141;
	--regular-text: 16px;
	--lineheight: 1.65;
	--userfont: fredoka, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, arial, sans-serif;
}

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/Fredoka-Regular.woff2") format("woff2"); font-family: "fredoka"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-Italic.woff2") format("woff2"); font-family: "fredoka"; font-weight: 400; font-style: italic; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-Light.woff2") format("woff2"); font-family: "fredoka"; font-weight: 300; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-LightItalic.woff2") format("woff2"); font-family: "fredoka"; font-weight: 300; font-style: italic; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-Medium.woff2") format("woff2"); font-family: "fredoka"; font-weight: 500; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-MediumItalic.woff2") format("woff2"); font-family: "fredoka"; font-weight: 500; font-style: italic; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-Bold.woff2") format("woff2"); font-family: "fredoka"; font-weight: 700; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-BoldItalic.woff2") format("woff2"); font-family: "fredoka"; font-weight: 700; font-style: italic; font-display: swap; }
@font-face { src: url("../fonts/Fredoka-Black.woff2") format("woff2"); font-family: "fredoka"; font-weight: 900; font-style: normal; font-display: swap; }


/* GENERAL CSS SETTINGS */

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
/* input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; } */

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	margin: 0; /* Добавляем этот сброс */
	padding: 0; /* И этот на всякий случай */
}
body {
    /* ... твои стили ... */
    font-size: 0 !important; /* Обнуляет размер шрифта для «потерявшихся» текстовых символов прямо в body */
}

/* Возвращаем нормальный размер шрифта для всех реальных блоков на сайте */
body > * {
    font-size: var(--regular-text); 
}
.container {
	max-width: 1366px;
	margin: 0 auto;
}

a {
	transition: .25s all ease-in-out;
	text-decoration: none;
}

button {
	cursor: pointer;
	transition: .25s all ease-in-out;
}

button:focus {
	outline: none
}

img {
	pointer-events: none;
}

b, strong {
	font-weight: bold
}

.center {
	text-align: center;
}

.title {
	color: #414141;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #F2F2F2;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 20px;
}

.btn,
.wc-block-cart__submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 7px 40px;
	border: none;
	background-color: #6839CC;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 10px;
	text-align: center;
}
.btn:hover,
.wc-block-cart__submit-button:hover {
	background-color: #FF782C;
	color: #fff;
}
.btn--loading {
	pointer-events: none;
}

@media (max-width: 1230px) {
	.container {
		max-width: 960px;
	}

	.title {
		font-size: 28px;
	}
}

@media (max-width: 991px) {
	.container {
		max-width: 720px;
	}

	.title {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.container {
		max-width: 540px;
       
	}
	.title {
		font-size: 22px;
        margin-top: 0px;
	}
}

@media (max-width: 575px) {
	.container {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
	}

	.title {
		font-size: 18px;
	}
}

/* USER STYLES */

/* header */
.header {
	padding: 8px 0 0px;
	background-color: #6839CC;
	margin-bottom: 25px;
}
.header__top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	background: #444;
	color: #fff;
}
.header__top::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -100vw;
	width: 300vw;
	height: calc(100% + 20px);
	background: #eeeeee;
}
.header__submenu {
}
.header__submenu>ul {
	margin: 5px;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 25px;
    border-top: ;
    font-size: 12px;
    
}
.header__submenu>ul>li {
	list-style: none;
	position: relative;
	background: rgba(232, 232, 232, 0.4);
    width: 100%;
    padding: 2px 8px;
	border-radius: 3px;
}
.header__submenu>ul>li>a {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
    
}
.header__submenu>ul>li>a:hover {
	color: #009a59;
    
}
.header__top .header__submenu>ul>li>a {
	color: #414141;
}
.header__top .header__submenu>ul>li>a:hover {
	color:#009a59;
} 
.header__submenu>ul>li>ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	background-color: #f2f2f2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: .25s all ease-in-out;
}
.header__submenu>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
}
.header__submenu>ul>li>ul>li {
	list-style: none;
}
.header__submenu>ul>li>ul>li>a {
	display: block;
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-transform: ;
	padding: 10px 15px;
}
.header__submenu>ul>li>ul>li>a:hover {
	text-decoration: none;
	background-color: #e0e0e0;
}
.header__submenu__user>ul {
    
    list-style: none;
    font-size: 16px;
    padding: 0;
    
}
.header__submenu__user>ul>li {
    
    margin: 10px 0 10px 0;
    
}
.header__submenu__user>ul>li>a {
    
    position: relative;
    display: flex;
    color: #414141;
    cursor: pointer;
    width: 100%;
    margin: 1px 0;
    padding: 8px 16px;
		font-weight: 300;
}
.header__submenu__user a:hover {
    
    background: #EEEEEE;
    
    
}
.exit__icon {
    
    border-top: 1px solid #f0f0f0;
    padding: 5px;
    
}
.settings__icon {
    
    border-top: 1px solid #f0f0f0;
    padding: 5px;
      
}
.header__info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.header__profile {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: none;
	gap: 10px;
	border-radius: 22px;
	/*background: rgba(232, 232, 232, 0.4);*/
	min-height: 30px;
	padding: 0 20px;
}
.header__profile {
    background: transparent !important; /* Убирает фоновый цвет */
    background-color: transparent !important; /* Дублируем для надежности */
    border: none !important; /* Убирает рамку, если она была */
    box-shadow: none !important; /* Убирает возможную тень, которая может создавать иллюзию объема */
    padding: 0 !important; /* Сбрасывает внутренние отступы, чтобы кнопка не занимала лишнее место */
}
.header__top .header__profile {
	color: #414141;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
	height: 35px;
}
.header__profile__mob {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #414141;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: none;
	gap: 10px;
	border-radius: 25px;
	background: #eeeeee;
	min-height: 40px;
	min-width: 150px;
	width: max-content;
	max-width: 100%;
	padding: 5px 20px;
}
.header__profile__mob::before {
	content: '';
	width: 16px;
	height: auto;
	aspect-ratio: .8;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none' viewBox='0 0 16 20'%3e%3cpath fill='%23222' d='M8 9.389A4.278 4.278 0 1 0 8 .833 4.278 4.278 0 0 0 8 9.39Zm0-7.333a3.056 3.056 0 1 1 0 6.11 3.056 3.056 0 0 1 0-6.11ZM15.62 13.893a10.486 10.486 0 0 0-15.234 0c-.213.227-.33.526-.33.837v3.214a1.222 1.222 0 0 0 1.222 1.223h13.444a1.222 1.222 0 0 0 1.222-1.223V14.73c.003-.31-.113-.61-.324-.837Zm-.898 4.051H1.278v-3.22a9.272 9.272 0 0 1 13.444 0v3.22Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	flex: none;
}
.header__profile__mob:hover {
	color: #000;
	background: rgba(232, 232, 232, 0.7);
}

/* НОВАЯ ИКОНКА ЮЗЕРА (ЧЕЛОВЕЧЕК В КРУГЕ) */
.header__profile::after {
	content: '';
	width: 20px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	/* Твоя новая круглая иконка, базовая белая */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg transform='translate(1.406 1.406) scale(2.81)'%3E%3Cpath d='M 79.635 73.696 C 86.104 65.901 90 55.898 90 45 C 90 20.187 69.813 0 45 0 C 20.187 0 0 20.187 0 45 c 0 10.898 3.896 20.901 10.365 28.696 c 0.105 0.161 0.227 0.315 0.383 0.445 c 0.002 0.002 0.005 0.003 0.007 0.005 C 19.015 83.837 31.298 90 45 90 c 13.702 0 25.985 -6.163 34.245 -15.854 c 0.003 -0.002 0.005 -0.003 0.008 -0.005 C 79.408 74.01 79.53 73.857 79.635 73.696 z M 45 4 c 22.607 0 41 18.393 41 41 c 0 9.169 -3.026 17.645 -8.132 24.482 c -6.081 -6.505 -13.876 -10.99 -22.402 -13.023 c 6.497 -3.669 10.901 -10.629 10.901 -18.609 c 0 -11.782 -9.585 -21.367 -21.367 -21.367 c -11.782 0 -21.367 9.585 -21.367 21.367 c 0 7.979 4.404 14.939 10.901 18.608 c -8.526 2.033 -16.321 6.518 -22.402 13.023 C 7.026 62.645 4 54.169 4 45 C 4 22.393 22.393 4 45 4 z M 45 55.217 c -9.576 0 -17.367 -7.791 -17.367 -17.367 S 35.424 20.482 45 20.482 s 17.367 7.791 17.367 17.367 S 54.576 55.217 45 55.217 z M 45 86 c -11.986 0 -22.787 -5.171 -30.29 -13.399 C 22.48 64.079 33.418 59.217 45 59.217 c 11.581 0 22.52 4.863 30.29 13.384 C 67.787 80.829 56.986 86 45 86 z' fill='white' stroke='white' stroke-width='1' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: background-image 0.25s ease;
}

.header__profile:hover {
	color: #fff;
	background: #fff;
	border: solid 1px #fff;
	text-decoration: underline;
}

/* ЭТОТ СЕЛЕКТОР ДОБАВЛЕН ДЛЯ ПЕРЕКРАСКИ ИКОНКИ ЮЗЕРА НА ХОВЕРЕ */
.header__profile:hover::after {
	/* Та же иконка, цвет меняется на оранжевый (%23FF7A00) */
	/*background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg transform='translate(1.406 1.406) scale(2.81)'%3E%3Cpath d='M 79.635 73.696 C 86.104 65.901 90 55.898 90 45 C 90 20.187 69.813 0 45 0 C 20.187 0 0 20.187 0 45 c 0 10.898 3.896 20.901 10.365 28.696 c 0.105 0.161 0.227 0.315 0.383 0.445 c 0.002 0.002 0.005 0.003 0.007 0.005 C 19.015 83.837 31.298 90 45 90 c 13.702 0 25.985 -6.163 34.245 -15.854 c 0.003 -0.002 0.005 -0.003 0.008 -0.005 C 79.408 74.01 79.53 73.857 79.635 73.696 z M 45 4 c 22.607 0 41 18.393 41 41 c 0 9.169 -3.026 17.645 -8.132 24.482 c -6.081 -6.505 -13.876 -10.99 -22.402 -13.023 c 6.497 -3.669 10.901 -10.629 10.901 -18.609 c 0 -11.782 -9.585 -21.367 -21.367 -21.367 c -11.782 0 -21.367 9.585 -21.367 21.367 c 0 7.979 4.404 14.939 10.901 18.608 c -8.526 2.033 -16.321 6.518 -22.402 13.023 C 7.026 62.645 4 54.169 4 45 C 4 22.393 22.393 4 45 4 z M 45 55.217 c -9.576 0 -17.367 -7.791 -17.367 -17.367 S 35.424 20.482 45 20.482 s 17.367 7.791 17.367 17.367 S 54.576 55.217 45 55.217 z M 45 86 c -11.986 0 -22.787 -5.171 -30.29 -13.399 C 22.48 64.079 33.418 59.217 45 59.217 c 11.581 0 22.52 4.863 30.29 13.384 C 67.787 80.829 56.986 86 45 86 z' fill='%23FF7A00' stroke='%23FF7A00' stroke-width='1' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;*/
}

.header__profileWrapper {
	position: relative;
}
.header__profileWrapper:hover .header__profileBlock {
	opacity: 1;
	visibility: visible;
}
.header__profileBlock {
	padding: 0px;
	width: 250px;
	height: auto;
	border-radius: 2px;
	box-shadow: 2px 4px 5px 1px rgba(0,0,0, .1);
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	background-color: #fff;
	z-index: 10;
	font-size: 18px;
	opacity: 0;
	visibility: hidden;
	transition: .25s all ease-in-out;
}
.header__profileBlock .header__submenu>ul {
	align-items: flex-start;
	flex-direction: column;
}
.header__profileBlock::before {
	content: '';
	width: 100%;
	bottom: 100%;
	height: 10px;
	left: 0;
	background-color: transparent;
	position: absolute;
}
.header__profileBlock .albo {
	width: 100%;
	display: block;
	text-align: center;
	margin: 15px 0;
}
.header__profileBlock .header__catalog__mob__wycen {
	width: 100%;
	display: block;
	text-align: center;
}
.header__favorite {
	position: relative;
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	display: inline-block;
	vertical-align: middle;
	
	/* Жесткий сдвиг вниз для идеального выравнивания по оси корзины */
	transform: translateY(1px) !important; 
	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg transform='translate(24.5, 24.5) scale(2.3)'%3E%3Cpath d='M 45 84.334 L 6.802 46.136 C 2.416 41.75 0 35.918 0 29.716 c 0 -6.203 2.416 -12.034 6.802 -16.42 c 4.386 -4.386 10.217 -6.802 16.42 -6.802 c 6.203 0 12.034 2.416 16.42 6.802 L 45 18.654 l 5.358 -5.358 c 4.386 -4.386 10.218 -6.802 16.42 -6.802 c 6.203 0 12.034 2.416 16.42 6.802 l 0 0 l 0 0 C 87.585 17.682 90 23.513 90 29.716 c 0 6.203 -2.415 12.034 -6.802 16.42 L 45 84.334 z M 23.222 10.494 c -5.134 0 -9.961 2 -13.592 5.63 S 4 24.582 4 29.716 s 2 9.961 5.63 13.592 L 45 78.678 l 35.37 -35.37 C 84.001 39.677 86 34.85 86 29.716 s -1.999 -9.961 -5.63 -13.592 l 0 0 c -3.631 -3.63 -8.457 -5.63 -13.592 -5.63 c -5.134 0 -9.961 2 -13.592 5.63 L 45 24.311 l -8.187 -8.187 C 33.183 12.494 28.356 10.494 23.222 10.494 z' fill='white'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: none !important;
	transition: background-image 0.3s ease;
}

.header__favorite:hover {
	text-decoration: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg transform='translate(24.5, 24.5) scale(2.3)'%3E%3Cpath d='M 45 84.334 L 6.802 46.136 C 2.416 41.75 0 35.918 0 29.716 c 0 -6.203 2.416 -12.034 6.802 -16.42 c 4.386 -4.386 10.217 -6.802 16.42 -6.802 c 6.203 0 12.034 2.416 16.42 6.802 L 45 18.654 l 5.358 -5.358 c 4.386 -4.386 10.218 -6.802 16.42 -6.802 c 6.203 0 12.034 2.416 16.42 6.802 l 0 0 l 0 0 C 87.585 17.682 90 23.513 90 29.716 c 0 6.203 -2.415 12.034 -6.802 16.42 L 45 84.334 z M 23.222 10.494 c -5.134 0 -9.961 2 -13.592 5.63 S 4 24.582 4 29.716 s 2 9.961 5.63 13.592 L 45 78.678 l 35.37 -35.37 C 84.001 39.677 86 34.85 86 29.716 s -1.999 -9.961 -5.63 -13.592 l 0 0 c -3.631 -3.63 -8.457 -5.63 -13.592 -5.63 c -5.134 0 -9.961 2 -13.592 5.63 L 45 24.311 l -8.187 -8.187 C 33.183 12.494 28.356 10.494 23.222 10.494 z' fill='%23FF7A00'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.header__cart {
	position: relative;
	vertical-align: middle;
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	/* Колесики теперь заполнены белым цветом (fill='white') */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33331 6H19.8672C20.4687 6 20.9341 6.52718 20.8595 7.12403L20.1095 13.124C20.0469 13.6245 19.6215 14 19.1172 14H7.99998' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 4H4.23362C4.68578 4 5.08169 4.30341 5.19924 4.74003L8.30076 16.26C8.41831 16.6966 8.81422 17 9.26638 17H19' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='20' r='1' fill='white' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='17.5' cy='20' r='1' fill='white' stroke='white' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: none !important;
	transition: background-image 0.3s ease;
}

.header__cart:hover {
	text-decoration: none;
	/* При наведении колесики заполняются оранжевым (%23FF7A00) */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33331 6H19.8672C20.4687 6 20.9341 6.52718 20.8595 7.12403L20.1095 13.124C20.0469 13.6245 19.6215 14 19.1172 14H7.99998' stroke='%23FF7A00' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M2 4H4.23362C4.68578 4 5.08169 4.30341 5.19924 4.74003L8.30076 16.26C8.41831 16.6966 8.81422 17 9.26638 17H19' stroke='%23FF7A00' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='20' r='1' fill='%23FF7A00' stroke='%23FF7A00' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='17.5' cy='20' r='1' fill='%23FF7A00' stroke='%23FF7A00' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.header__cart--active::after {
	content: '';
	position: absolute;
	top: -2px;
	right: -2px;
	width: 10px;
	height: 10px;
	background: #FF782C !important;
	border-radius: 50%;
	filter: none !important;
}
.header__main {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.header__main.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 88;
    background-color: #6839CC;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
	padding: 8px 0;
}

.header__mainContainer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: 12px;
}

.header__main.fixed .header__top,
.header__main.fixed .header__mainContainer {
	max-width: 1366px;
	margin: 0 auto;
}
.header__main.fixed .header__top {
	width: 100%;
	margin-bottom: 25px;
}

.kategorie__menu {
    
    border-bottom: 1px solid #f1f1f1;
    margin-top: 50px;
    margin-left: 15px;
    font-weight: 500;
    font-size: 18px;
   
}
.header__logo {
	display: flex;
	color: var(--accent);
	font-size: 40px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	flex: none;
}
.header__logo:hover {
	text-decoration: none;
    opacity: .8;
    color: var(--accent);
}
.header__logo img {
	width: 100%;
	max-width: 150px;
}
.header__search {
	display: block;
	flex: 1;
}
.header__searchContainer {
	display: flex;
	align-items: center;
	/* height: 50px; */
}
.header__search input {
	width: 100%;
	height: 45px;
	border-radius: 15px 0 0 15px;
	border: 1px solid #E8E8E8;
	border-right: none;
	background: #F1F1F1;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 15px;
	flex: 1;
}
.header__search input::placeholder {
	color: #515151;
}
.header__search button {
	flex: none;
	background-color: var(--accent);
	height: 45px;
	width: 80px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='m18.979 17.689 6.342 6.225-1.307 1.283-6.357-6.238a10.929 10.929 0 0 1-7.667 2.39 10.87 10.87 0 0 1-7.222-3.479 10.475 10.475 0 0 1-2.763-7.415 10.5 10.5 0 0 1 3.233-7.23 10.897 10.897 0 0 1 7.43-3.027 10.906 10.906 0 0 1 7.5 2.86 10.51 10.51 0 0 1 3.4 7.155 10.467 10.467 0 0 1-2.59 7.476Zm.755-6.901c0-2.328-.942-4.56-2.619-6.205a9.028 9.028 0 0 0-6.323-2.57 9.028 9.028 0 0 0-6.322 2.57 8.693 8.693 0 0 0-2.62 6.205c0 2.327.943 4.56 2.62 6.205a9.028 9.028 0 0 0 6.322 2.57 9.029 9.029 0 0 0 6.323-2.57 8.693 8.693 0 0 0 2.619-6.205Z' clip-rule='evenodd'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	border-radius: 0 15px 15px 0;
}
.header__search button:hover {
	background-color: var(--hover);
}
.header__searchBtn {
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='m18.979 17.689 6.342 6.225-1.307 1.283-6.357-6.238a10.929 10.929 0 0 1-7.667 2.39 10.87 10.87 0 0 1-7.222-3.479 10.475 10.475 0 0 1-2.763-7.415 10.5 10.5 0 0 1 3.233-7.23 10.897 10.897 0 0 1 7.43-3.027 10.906 10.906 0 0 1 7.5 2.86 10.51 10.51 0 0 1 3.4 7.155 10.467 10.467 0 0 1-2.59 7.476Zm.755-6.901c0-2.328-.942-4.56-2.619-6.205a9.028 9.028 0 0 0-6.323-2.57 9.028 9.028 0 0 0-6.322 2.57 8.693 8.693 0 0 0-2.62 6.205c0 2.327.943 4.56 2.62 6.205a9.028 9.028 0 0 0 6.322 2.57 9.029 9.029 0 0 0 6.323-2.57 8.693 8.693 0 0 0 2.619-6.205Z' clip-rule='evenodd'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
	transition: .25s all ease-in-out;
}
.header__searchBtn:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23009A59' fill-rule='evenodd' d='m18.979 17.689 6.342 6.225-1.307 1.283-6.357-6.238a10.929 10.929 0 0 1-7.667 2.39 10.87 10.87 0 0 1-7.222-3.479 10.475 10.475 0 0 1-2.763-7.415 10.5 10.5 0 0 1 3.233-7.23 10.897 10.897 0 0 1 7.43-3.027 10.906 10.906 0 0 1 7.5 2.86 10.51 10.51 0 0 1 3.4 7.155 10.467 10.467 0 0 1-2.59 7.476Zm.755-6.901c0-2.328-.942-4.56-2.619-6.205a9.028 9.028 0 0 0-6.323-2.57 9.028 9.028 0 0 0-6.322 2.57 8.693 8.693 0 0 0-2.62 6.205c0 2.327.943 4.56 2.62 6.205a9.028 9.028 0 0 0 6.322 2.57 9.029 9.029 0 0 0 6.323-2.57 8.693 8.693 0 0 0 2.619-6.205Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.header__catalog {
	max-width: 200px;
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 15px;
	background: var(--accent);
}
.header__catalog:hover {
	/*background: var(--hover);*/
	color: #fff;
	border: solid 1px #48D597;
}

.header__catalog__mob {
    
    max-width: 100%;
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #00AB66;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 15px;
    border: 1px solid #00AB66;
	background: #fff;
	margin-bottom: 10px;
	display: none;
    
}
.header__catalog__mob:hover {
	background: rgba(0, 154, 89, 0.09);
	color: #00AB66;
}
.header__catalog__mob__wycen {
    
    max-width: 100%;
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 15px;
    border: ;
	background: #00AB66;
    
}
.header__catalog__mob__wycen:hover {
	background: rgba(0, 154, 89, 0.09);
	color: #00AB66;
}

.header__catalog__desktop {
    
    max-width: 100px;
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 15px;
    /*border: 1px solid #00AB66;*/
	background: #00AB66;
    
}
.header__catalog__desktop:hover {
	background-color: var(--hover);
	color: #fff;
	border: none;
}
/*.header__catalog__menu {
    max-width: 130px;
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #414141;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 15px;
	background: #fff;
	border: solid 1px #414141; 
}*/
.header__catalog__menu:hover {
	border: solid 2px #FF782C;
	color: #fff;
	background-color: #FF782C;
}
.header__catalogWrapper {
	position: relative;
	flex: none;
	max-width: 130px;
	width: 100%;
}
.header__catalog__menu {
	flex: none;
}
.header__catalogNav {
	display: none;
	position: absolute;
	left: 0px;
	top: calc(100% + 20px);
	z-index: 10;
	min-width: 300px;
}
.header__catalogNav .catalog__asideList>ul>li>a:hover {
	background-color: #e8f6f0;
}
.header__categories {
	margin-top: 15px;
	display: flex;
	align-items: baseline;
	gap: 17px;
}
.header__categoriesTitle {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	flex: none;  
}
.header__categoriesList {
	display: flex;
	align-items: baseline;
	gap: 15px;
	flex-wrap: wrap;
    padding: 0px 0 15px 0;
}
.header__categoriesList a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.1;
	border-radius: 25px;
	min-height: 40px;
	padding: 5px 54px;
	/*border: 1.5px solid #D1D1D1;*/

}
.header__categoriesList a:hover {
	/*border: solid 1px #414141;*/
	color: #414141;
	background: #fff;
}
.header__categoriesList a.active {
	pointer-events: none;
	background: rgba(0, 154, 89, 0.09);
	color: #414141;
	/*border: #333;*/
}
.header__control {
	display: none;
	align-items: center;
	gap: 6px;
}
.header__control .header__profile {
	display: none;
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	font-size: 0;
	/* background: transparent; */
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none' viewBox='0 0 16 20'%3e%3cpath fill='%23222' d='M8 9.389A4.278 4.278 0 1 0 8 .833 4.278 4.278 0 0 0 8 9.39Zm0-7.333a3.056 3.056 0 1 1 0 6.11 3.056 3.056 0 0 1 0-6.11ZM15.62 13.893a10.486 10.486 0 0 0-15.234 0c-.213.227-.33.526-.33.837v3.214a1.222 1.222 0 0 0 1.222 1.223h13.444a1.222 1.222 0 0 0 1.222-1.223V14.73c.003-.31-.113-.61-.324-.837Zm-.898 4.051H1.278v-3.22a9.272 9.272 0 0 1 13.444 0v3.22Z'/%3e%3c/svg%3e") no-repeat center / 66%;
	padding: 0;
	gap: 0;
	align-items: center;
	justify-content: center;
}
.header__control .header__profile::after {
	width: 20px;
	background-size: contain;
	transition: .25s all ease-in-out;
}
.header__control .header__profile:hover::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none' viewBox='0 0 16 20'%3e%3cpath fill='%23009A59' d='M8 9.389A4.278 4.278 0 1 0 8 .833 4.278 4.278 0 0 0 8 9.39Zm0-7.333a3.056 3.056 0 1 1 0 6.11 3.056 3.056 0 0 1 0-6.11ZM15.62 13.893a10.486 10.486 0 0 0-15.234 0c-.213.227-.33.526-.33.837v3.214a1.222 1.222 0 0 0 1.222 1.223h13.444a1.222 1.222 0 0 0 1.222-1.223V14.73c.003-.31-.113-.61-.324-.837Zm-.898 4.051H1.278v-3.22a9.272 9.272 0 0 1 13.444 0v3.22Z'/%3e%3c/svg%3e");
}
.header__burger {
	height: 16px;
	width: 25px;
	position: relative;
	cursor: pointer;
	flex: none;
	margin-left: 2px;
}
@media (min-width: 992px) {
    .header__burger {
        display: none !important;
    }
}
.header__burger span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 7px;
	transition: .25s all ease-in-out;
}
.header__burger::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: .25s all ease-in-out;
}
.header__burger::after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	transition: .25s all ease-in-out;
}
.header__burger.active span {
	transform: scale(0);
}
.header__burger.active::after {
	transform: rotate(-45deg);
	top: 9px;
}
.header__burger.active::before {
	transform: rotate(45deg);
	top: 9px;
}
.mobile__menu {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
	transition: .25s all ease-in-out;
	overflow-y: auto;
}
.mobile__menuContainer {
	max-width: 350px;
	margin: 0 auto;
	padding: 35px 5px 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.mobile__menuContainer .header__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: -25px;
}
.mobile__menuContainer .header__catalog {
	width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Выравнивание по левому краю */

    /* Убираем стили кнопки (обводку, скругления, фон) */
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;

    /* Настраиваем внутренние отступы и цвет */
    padding: 15px 8px !important;
    margin: 0 !important;
    color: #FF782C !important; /* Твой оранжевый цвет */

    /* Легкая разделительная линия снизу, как в примере */
    border-bottom: 1px solid #f2f2f2 !important;
}
.mobile__menuContainer .header__catalog img {
    margin-right: 12px !important;
}
.mobile__menuContainer .header__catalog {
    position: relative;
}

.mobile__menuContainer .header__catalog::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FF782C;
    border-right: 2px solid #FF782C;
    transform: translateY(-50%) rotate(45deg);
}
.mobile__menuContainer .header__submenu {
	width: 100%;
}
.mobile__menuContainer .header__submenu>ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 2.2;
	/*border-bottom: 1px solid #ECEDEF;*/
}
.mobile__menuContainer .header__submenu>ul>li>a {
	font-size: 16px;
}
.mobile__menuContainer .header__submenu>ul>li>ul {
	position: relative;
	opacity: 1;
	visibility: visible;
	background: transparent;
	padding: 5px 0 0 10px;
	border-radius: 0;
	box-shadow: none;
	gap: 10px
}
.mobile__menuContainer .header__submenu>ul>li>ul>li>a {
	padding: 0;
	color: #5b5b5b;
}
.mobile__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.mobile__close:before,
.mobile__close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: .25s all ease-in-out;
}
.mobile__close:before:hover,
.mobile__close:after:hover {
	opacity: .8;
}
.mobile__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.mobile__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.user__icon {
	font-size: 16px;!Important;
	font-weight: 400;!Important;
	background-color: #EEE;
    padding: 5px 20px;
    border-radius: 25px;
	margin-bottom: 15px;
}
.userMenu {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
	transition: .25s all ease-in-out;
	overflow-y: auto;
}
.userMenu__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.userMenu__close:before,
.userMenu__close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: .25s all ease-in-out;
}
.userMenu__close:before:hover,
.userMenu__close:after:hover {
	opacity: .8;
}
.userMenu__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.userMenu__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1230px) {
	.header__main.fixed .header__top,
	.header__main.fixed .header__mainContainer {
		max-width: 960px;
	}
}
@media (max-width: 991px) {
	.header__catalog {
		max-width: 180px;
		min-height: 45px;
		font-size: 16px;
	}
       .header__catalog__desktop {
        
        display: none;
    }
	.header__searchContainer {
		height: 45px;
	}
	.header__search button {
		width: 60px;
	}
	.header__top {
		margin-bottom: 15px;
	}
	.header__categories {
		margin-top: 15px;
	}
	.header__categoriesTitle {
		font-size: 14px;
		color: #fff;
	}
	.header__categoriesList a {
		font-size: 14px;
		min-height: 32px;
		padding: 5px 8px;
	}
	.header__logo img {
		max-width: 130px;
	}
	.header__main.fixed .header__top,
	.header__main.fixed .header__mainContainer {
		max-width: 720px;
	}
}
@media (max-width: 767px) {
	.header .header__categoriesTitle {
		display: none;
	}
    .header__catalog__desktop {
        
        display: none;
    }
	.header .header__categoriesList {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		direction: none;
		display: none;
	}
    .header__profile::after {
        display: none;
    }
	.header .header__categoriesList::-webkit-scrollbar {
		display: none;
	}
	.header .header__categoriesList a {
		padding: 5px 12px;
	}
	.header .header__submenu {
		display: none;
	}
	.header .header__catalog {
		display: none;
	}
    .header .header__catalog__menu {
        display: none;
    }
	.header {
		position: relative;
		padding: 0;
	}
	.header__search {
		position: absolute;
		left: 0;
		top: 100%;
		background-color: #fff;
		width: 100%;
		padding: 10px 15px;
		opacity: 0;
		visibility: hidden;
		z-index: 10;
		transition: .25s all ease-in-out;
	}
	.header__search.open {
		opacity: 1;
		visibility: visible;
	}
	.header__searchContainer {
		max-width: 540px;
		width: 100%;
		margin: 0 auto;
		height: 40px;
	}
	.header__search button {
		background-size: 20px;
		width: 50px;
		border-radius: 0 10px 10px 0;
	}
	.header__search input {
		border-radius: 10px 0 0 10px;
	}
	.header .header__top {
		display: none;
	}
	.header__logo {
		font-size: 34px;
	}
	.header__control {
		display: flex;
	}
	body.lock {
		overflow: hidden;
		height: 100vh;
	}
	.mobile__menu.open {
		right: 0;
	}
	.userMenu.open {
		right: 0;
	}
	.header__catalogNav {
		display: none!important;
	}
	.header__catalogWrapper {
		display: none;
	}
	.header__logo img {
		max-width: 110px;
	}
	.header__main.fixed .header__top,
	.header__main.fixed .header__mainContainer {
		max-width: 540px;
	}
}
@media (max-width: 575px) {
	.header__logo {
		font-size: 28px;
	}
       .header__catalog__desktop {
        
        display: none;
    }
	.header__main.fixed .header__top,
	.header__main.fixed .header__mainContainer {
		max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
	}
}
/* header */

/* hero */
.hero {
	background-color: #F2F2F2;
	padding-top: 50px;
}
.hero__container {
	display: grid;
	grid-template-columns: 365px 1fr;
}
.hero__img {
	position: relative;
	user-select: none;
}
.hero__img img {
	width: 597px;
	height: auto;
}
.hero__content {
}
.hero__title {
	color: #414141;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.96px;
	text-align: center;
	margin-bottom: 100px;
}
.hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 15px;
	background: var(--accent);
	max-width: 280px;
	width: 100%;
	min-height: 76px;
	margin-left: 360px;
}
.hero__btn:hover {
	text-decoration: none;
	color: #FFF;
	background: var(--hover);
}
@media (max-width: 1230px) {
	.hero__img img {
		width: 500px;
	}
	.hero__container {
		grid-template-columns: 320px 1fr;
	}
	.hero__title {
		font-size: 38px;
	}
	.hero__btn {
		font-size: 22px;
		max-width: 320px;
		min-height: 60px;
		margin-left: 210px;
	}
}
@media (max-width: 991px) {
	.hero__container {

	}
	.hero__title {
		margin-bottom: 50px;
		font-size: 27px;
	}
	.hero__img img {
		width: 350px;
	}
	.hero__btn {
		margin-left: 0;
		font-size: 20px;
		max-width: 300px;
		min-height: 55px;
	}
	.hero__content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 767px) {
	.hero__img img {
		width: calc(100% + 30px);
	}
	.hero__container {
        grid-template-columns: 210px 1fr;
    }
	.hero {
		padding: 30px 0 0 0px;
	}
	.hero__title {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.hero__btn {
		font-size: 13px;
		max-width: 150px;
        min-height: 30px;
	}
}
@media (max-width: 575px) {
	.hero__title br {
		display: none;
	}
	.hero__container {
		align-items: flex-end;
	}
	.hero__container {
        grid-template-columns: 40% auto;
    }
	.hero__title {
		font-size: calc(5vw - 5px);
	}
	.hero__title {
		margin-bottom: 20px;
	}
	.hero__content {
		padding-bottom: 20px;
	}
}
/* hero */

/* stocks */
.stocks {
	margin: 40px 0;
}
.stocks__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.stocks__header .title {
	margin-bottom: 0;
}
.stocks__slider {
	margin: 0 -10px;
}
.stocks__slider .slick-arrow {
	width: 50px;
    height: auto;
    aspect-ratio: 1;
    flex: none;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
    background-color: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
	right: -25px;
	z-index: 2;
	top: calc(50% - 20px);
}
.stocks__slider .slick-arrow::before {
	display: none;
}
.stocks__slider .slick-prev {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e");
}
.stocks__slider .slick-prev:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e");
}
.stocks__slider .slick-next {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e");
}
.stocks__slider .slick-next:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e");
}
.stocks__slider.slick-initialized .product {
	display: flex;
	background: #f0e15342;
}
.stocks__slider .product {
	display: none;
	margin: 0 10px 4px;
}
/* .stocks__slider .product .product__priceNow {
	color: #FC0206;
} */
.stocks__slider .slick-track {
	display: flex;
}
.stocks__slider .product {
	height: auto;
}
@media (max-width: 1230px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.stocks__header .btn {
		min-height: 35px;
		padding: 5px 20px;
	}
}
@media (max-width: 575px) {
}
@media (max-width: 390px) {
	.stocks__header {
		gap: 10px
	}
	.stocks__header .btn {
		min-height: 30px;
		padding: 5px 10px;
		font-size: 13px;
		border-radius: 8px;
	}
}
/* stocks */

/* catalog */
.catalog {
	margin: 0px 0;
}
.catalog__container {
	display: flex;
	align-items: flex-start;
	gap: 25px;
}
.catalog__container + .page__text {
	margin-top: 40px;
}
.catalog__aside {
	width: 230px;
	flex: none;
    
}
.catalog__asideBlock {
	display: block;
}
.catalog__asideBlock:not(:first-child) {
	margin-top: 30px;
}
.catalog__asideList + .catalog__asideBlock {
	margin-top: 20px;
}

.catalog__asideTitle {
	color: #414141;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e2dc;
}

.catalog__asideList>ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0px;
}
.catalog__asideList>ul>li {
	list-style: none;
	position: relative;
}
.catalog__asideList>ul>li>a {
	display: grid;
	grid-template-columns: 25px 1fr auto;
	align-items: center;
	gap: 0px;
	border-radius: 2px;
	background: #fff;
	min-height: 50px;
	padding: 9px 10px;
    margin-top: 1px;
}
.catalog__asideList>ul>li>a:hover {
	background-color: #ff782c5e;
}
.catalog__asideList>ul>li ul {
	margin: 0;
	padding: 0 0 0 0px;
	display: flex;
	flex-direction: column;
	gap: px;
	position: absolute;
	left: 100%;
	top: 0;
	min-width: 210px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: .2s all ease-in-out;
}

.catalog__asideList>ul li:hover>ul {
	opacity: 1;
	visibility: visible;
}

.catalog__asideList>ul>li ul li {
	list-style: none;
	position: relative;
}

.catalog__asideList>ul>li ul li a {
	display: flex;
	align-items: center;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 0;
	background: #f2f2f2;
	min-height: 45px;
	padding: 5px 10px;
       
}

.catalog__asideList>ul>li ul li a:hover {
	background-color: #e5e5e5;
}

.catalog__asideList>ul>li ul li.arrow>a {
	position: relative;
	justify-content: start;
}
.catalog__asideList>ul>li ul li.arrow a::after {
	content: '';
	color: #333;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}

.catalog__asideList>ul>li ul li.arrow:hover>a {
	background-color: #e5e5e5;
}

.catalog__asideListIcon {
	display: flex;
	width: 25px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
}
.catalog__asideListIcon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.catalog__asideListTitle {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	margin-left: 10px;
	margin-bottom: 0px;
}
.catalog__asideListTitle--bold {
	font-weight: 600;
}
.catalog__asideListNum {
	color: #333;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: right;
  
}
.catalog__asidePrice {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.catalog__asidePrice input {
	width: 100%;
	height: 40px;
	border: none;
	border-radius: 5px;
	background: rgba(211, 211, 211, 0.28);
	padding: 0 8px;
	color: #666;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2
}
.catalog__asideSelect {
	position: relative;
}
.catalog__asideSelect select {
	border-radius: 5px;
	background: rgba(211, 211, 211, 0.28);
	width: 100%;
	height: 30px;
	padding: 0 25px 0 10px;
	color: #666;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3e%3cpath fill='%23333' d='M5.03 10.124-.008.29l10.39.167-5.352 9.666Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	transition: .25s all ease-in-out;
}
.catalog__asideSelect select::-ms-expand {
	display: none;
}

.catalog__asideSelect select {
	border-radius: 5px;
	background: #fff;
	width: 100%;
	height: 35px;
	padding: 0 25px 0 10px;
	color: #888;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border: 1px solid #ccc;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3e%3cpath fill='%23333' d='M5.03 10.124-.008.29l10.39.167-5.352 9.666Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	transition: .25s all ease-in-out;
}
.catalog__asideSelect select::-ms-expand {
	display: none;
}

.catalog__asideApply,
.catalog__asideClear,
.catalog__mainFilterApply,
.catalog__mainFilterClear {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	margin: 25px auto 0;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	border-radius: 5px;
	background: #6839CC;
	max-width: 100%;
	width: 100%;
	min-height: 38px;
}
.catalog__asideClear,
.catalog__mainFilterClear {
	background: none;
	border: 1px solid var(--accent);
	color: var(--accent);
}
.catalog__asideApply:hover {
	background-color: #FF782C;
}
.catalog__mainFilterButtons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 25px;
}
.catalog__mainFilterApply,
.catalog__mainFilterClear {
	margin: 0;
	font-size: 15px;
}
.catalog__asideBtn {
	display: none;
	min-height: 40px;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #009A59;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	border-radius: 5px;
	margin-bottom: 15px;
	background-color: #fff;
    border: 1px solid #009A59;
}
.catalog__asideBtn::before {
	content: '';
	width: 25px;
	height: auto;
	aspect-ratio: 1.5;
	flex: none;
	background-image: url(../img/category%20icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.catalog__main {
	flex: 1;
}
.catalog__mainFilter {
	display: none;
}
.catalog__mainFilterRow {
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	margin-bottom: 15px;
}
.catalog__mainFilterBlock {
	flex: auto
}
.catalog__mainFilterBlockBtn {
	border: 1px solid rgba(0, 0, 0, 0.25);
	height: 40px;
	width: auto;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-radius: 20px;
}
.catalog__mainFilterBlockBtn::after {
	content: '';
	width: 12px;
	height: auto;
	aspect-ratio: 3;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' fill='none' viewBox='0 0 12 4'%3e%3cpath fill='%23222' d='M6 4 .804.25h10.392L6 4Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex: none;
}
.catalog__mainFilterBlockContent {
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 10px);
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: #fff;
	z-index: 10;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.25);
}
.catalog__filter {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
.catalog__filter a {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}
.catalog__filter a:hover {
	text-decoration: underline;
	color: ;
}
.catalog__filter a.active {
	font-weight: 600;
}
.catalog__filter a.active:hover {
	cursor: default;
	color: #000;
}
.catalog__list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}
.catalog__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}
.catalog__more {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 10px;
	background: #009A59;
	max-width: 220px;
	width: 100%;
	min-height: 45px;
}
.catalog__more:hover {
	color: #fff;
	background-color: var(--hover);
}
.catalog__navigationContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.catalog__navigation {
	width: 50px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
	background-color: #fff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.catalog__navigationPrev {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e");
}
.catalog__navigationPrev:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e");
}
.catalog__navigationNext {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e");
}
.catalog__navigationNext:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e");
}
.catalog__pagination {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.catalog__pagination li {
	list-style: none;
}
.catalog__pagination li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #A0A0A0;
	color: #F2F2F2;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}
.catalog__pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #F2F2F2;
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}
.catalog__pagination li a:hover {
	background-color: #dbdbdb;
}
.product {
	border-radius: 5px;
	border: 1px solid #F2F2F2;
	background: #FFF;
	overflow: hidden;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);
	display: flex;
	flex-direction: column;
}
.product--unpublished {
	opacity: 0.5;
}
.product__top {
	position: relative;
}
.product__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1.58;
	overflow: hidden;
	background-color: #F8F6F5;
}
.product__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .25s all ease-in-out;
}
.product__img:hover img {
	transform: scale(1.05);
}
.product__favorite {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 3px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3e%3cpath fill='%23222' d='m11 3.664-.986-.983C7.7.375 3.457 1.171 1.924 4.071c-.718 1.364-.88 3.333.433 5.846 1.265 2.42 3.897 5.319 8.643 8.476 4.747-3.157 7.377-6.056 8.644-8.476 1.313-2.514 1.152-4.482.432-5.846-1.532-2.9-5.776-3.698-8.09-1.39L11 3.663ZM11 20C-10.083 6.49 4.51-4.053 10.758 1.524c.083.073.164.15.242.228.078-.079.159-.154.242-.227C17.49-4.055 32.084 6.49 11 20Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
	background-color: #fff;
	border: none;
	padding: 0;
}
.product__favorite.active {
	background-image: url('../img/heart__aktiv.png');
}
.product__delivery {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 32px;
	height: auto;
	aspect-ratio: 1.684211;
	background-image: url(../img/);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.product__content {
	padding: 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.product__content:has(.added_to_cart) .product__buy {
	display: none;
}
.product__price {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
	margin-top: auto !important;
}
.product__priceNow .woocommerce-Price-amount bdi {
	color: #222;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2
}
.product__priceSale {
	color: #838383;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: line-through;
}
.product__price:has(.product__priceSale) .product__priceNow {
	color: #222;
}
.product__title {
	display: block;
	color: #333;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #F2F2F2;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 50px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: auto;
}
.product__title:hover {
	text-decoration: none;
	color: #333;
}
.product__where {
	color: #808080;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #F2F2F2;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2
}
.product__where span {
	/* text-transform: uppercase; */
	font-weight: 400;
	color: #414141;
	display: none;
}
.product__when {
	color: #333;
	-webkit-text-stroke-width: 1;
	-webkit-text-stroke-color: #F2F2F2;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 8px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
    padding: 5px;
    border-radius: 5px;
	display: none;
}
.product__btns {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
}
.product__del {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid red;
	border-radius: 5px;
}
@media (max-width: 767px) {
	.product__btns {
			gap: 3px;
	}
}
.product__buy,
.added_to_cart {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	border-radius: 50px;
	background:#6839CC;
    border: 1px solid #6839CC;
	max-width: 200px;
	margin: auto auto 0;
	width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0 !important;
}
.product__buy:hover,
.added_to_cart:hover {
	text-decoration: none;
	color: #fff;
	background-color: #FF782C;
	border: 1px solid #FF782C;
}
.product__buy--inactive:not(:hover),
.product__content .added_to_cart:not(:hover) {
	opacity: 1;
}
.product__buy__contact {
	color: #009A59;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	border-radius: 5px;
	background:#fff;
    border: 1px solid #009A59;
	max-width: 200px;
	margin: 0;
	width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product__buy__contact:hover {
	text-decoration: none;
	color: #009A59;
	background-color: rgba(0, 154, 89, 0.09);
}
@media (max-width: 1230px) {
	.product__title {
		font-size: 18px;
	}
}
@media (max-width: 991px) {
	.catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.product__title {
		font-size: 16px;
	}
	.product__priceNow {
		font-size: 16px;
		
	}
	.product__priceSale {
		font-size: 14px;
	}
	.stocks__slider {
		margin: 0 -5px;
	}
	.stocks__slider .product {
		margin: 0 5px 4px;
	}
	.stocks__slider .slick-arrow {
		width: 40px;
		top: 50%;
	}
	.stocks__slider .slick-prev {
		left: -20px;
	}
	.stocks__slider .slick-next {
		right: -20px;
	}
	.catalog__container {
		flex-direction: column;
	}
	.catalog__container + .page__text {
		margin-top: 30px;
	}
	.catalog__main {
		width: 100%;
	}
	.catalog__list {
		grid-template-columns: repeat(3, 1fr);
	}
	.catalog__asideBtn {
		display: flex;
	}
	.catalog__mainFilter {
		display: block;
	}
	.product__where {
	font-size: 12px;
}
}
@media (max-width: 575px) {
	.stocks__slider .slick-arrow {
		width: 30px;
		background-size: 18px;
	}
	.stocks__slider .slick-prev {
		left: -5px;
	}
	.stocks__slider .slick-next {
		right: -5px;
	}
	.product__delivery {
		width: 22px;
	}
	.product__favorite {
		width: 26px;
		background-size: 18px;
	}
	.catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}
	.catalog__more {
		font-size: 14px;
		max-width: 180px;
		min-height: 38px;
	}
	.catalog__navigation {
		width: 30px;
		background-size: 18px;
	}
	.catalog__navigationContainer {
		gap: 15px;
	}
	.catalog__pagination li a {
		font-size: 14px;
	}
	.catalog__pagination li span {
		font-size: 14px;
	}
	.catalog__pagination {
		gap: 5px;
	}
	.product__where {
	font-size: 12px;
}
}
@media (max-width: 400px) {
	.product__buy,
	.added_to_cart {
		font-size: 13px;
	}
	.catalog__list {
		gap: 10px;
	}
	.product__title {
		font-size: 14px;
	}
	.product__where {
	font-size: 12px;
	}
}
/* catalog */
/* footer */
/* ==========================================
   E-ZOO STYLE FOOTER
   ========================================== */

/* Общий фон и отступы */
.footer__dev,
.footer__copy {
  flex: 1 !important;
}

.footer__dev {
  text-align: left !important;
}

.footer__copy {
  text-align: right !important;
}

/* Блок иконок платежек ровно по центру */
.footer__payments {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important; /* Расстояние между иконками карт */
  flex: 0 0 auto !important;
}

/* Настройки высоты иконок */
.footer__payments img {
  height: 24px !important; /* Высота иконок карт */
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Адаптив для мобильных устройств */
/* ==========================================
   АДАПТИВ ФУТЕРА И АККОРДЕОН ДЛЯ МОБИЛЬНЫХ
   ========================================== */

@media (max-width: 768px) {
  /* Растягиваем контейнер на всю ширину */
  .footer__topContainer {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
  }

  /* Блок колонки с подчеркиванием */
  .footer__col {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
    text-align: left; /* Текст по левому краю */
  }

  /* Заголовки аккордеона: текст слева, стрелка справа */
  .footer__col .footer__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between; /* Расталкивает текст влево, а стрелку вправо */
    align-items: center;
    width: 100%;
  }

  /* Аккуратная тонкая стрелочка справа */
  .footer__col .footer__title::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-right: 4px; /* Небольшой отступ от правого края */
  }

  /* Поворот стрелки при раскрытии */
  .footer__col.is-active .footer__title::after {
    transform: rotate(-135deg);
  }

  /* Выпадающее меню */
  .footer__col .footer__menu {
    display: none;
    padding-top: 12px;
  }

  .footer__col .footer__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer__col .footer__menu li {
    margin-bottom: 8px;
  }

  .footer__col .footer__menu a {
    color: #444;
    text-decoration: none;
    font-size: 14px;
  }

  /* Показываем меню открытой колонки */
  .footer__col.is-active .footer__menu {
    display: block;
  }

  /* Блок с логотипом, соцсетями и контактами */
	/* Логотип по левому краю */
  .footer__logo {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
	
  .footer__logo img {
    margin: 0 !important;
  }

  .footer__socialList {
    display: flex;
    gap: 12px;
    margin-top: 8px;
  }
}
@media (max-width: 768px) {
  .footer__bottomContainer {
    flex-direction: column !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .footer__dev,
  .footer__copy {
    text-align: center !important;
    flex: none !important;
  }
}
.footer {
  background-color: #ffffff !important;
  color: #333333 !important;
  font-family: Arial, sans-serif !important;
  border-top: 1px solid #eef0f2 !important;
  padding-top: 40px !important;
}

.footer__top {
  padding-bottom: 40px !important;
}

/* Флекс-контейнер для колонок */
.footer__topContainer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 0 !important; /* Отступы регулируем через padding колонок */
}

/* Колонки и тонкие вертикальные разделители */
.footer__col {
  flex: 1 !important;
  padding: 0 0px !important;
  /*border-left: 1px solid #eef0f2 !important; */
}

/* Первая колонка (с логотипом) — убираем левую линию */
.footer__col:first-child {
  border-left: none !important;
  padding-left: 0 !important;
  max-width: 280px !important; /* Слегка ограничиваем ширину первой колонки */
}

/* Логотип */
/* Логотип по левому краю */
  .footer__logo {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

.footer__logo img {
    margin: 0 !important;
  }

/* Заголовки колонок ("Informacje", "Moje konto") */
.footer__title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  text-transform: none !important;
}

/* Списки WordPress меню (wp_nav_menu) */
.footer__menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer__menu ul li {
  margin-bottom: 10px !important;
}

.footer__menu ul li a {
  color: #444444 !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  transition: color 0.15s ease !important;
}

.footer__menu ul li a:hover {
  color: #FF782C !important; /* Красный акцент при наведении */
}

/* Соцсети в первой колонке */
.footer__socialTitle {
  font-size: 13px !important;
  color: #888888 !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

.footer__socialList {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

.footer__socialList a img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important; /* Скругленные квадраты как в E-ZOO */
  object-fit: cover !important;
}

/* Дополнительные ссылки под логотипом */
.footer__links a {
  display: block !important;
  color: #666666 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  margin-bottom: 6px !important;
}

.footer__links a:hover {
  color: #111111 !important;
	text-decoration: underline;
}

/* Нижняя плашка (Копирайт и разработчики) */
.footer__bottom {
  border-top: 1px solid #eef0f2 !important;
  padding: 20px 0 !important;
  background-color: #fafafa !important;
}

.footer__bottomContainer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100% !important;
}

.footer__bottomContainer a {
  color: #888888 !important;
  text-decoration: none !important;
}

.footer__bottomContainer a:hover {
  color: #333333 !important;
}
/* footer */
/* filterPopup */
.filterPopup {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
	transition: .25s all ease-in-out;
	overflow-y: auto;
}
.filterPopup__container {
	max-width: 350px;
	margin: 0 auto;
	padding: 50px 20px 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.filterPopup__container .catalog__aside {
	width: 100%;
}
.filterPopup__container .catalog__asideList>ul>li>ul {
	display: none;
	position: relative;
	left: 0;
	opacity: 1;
	visibility: visible;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 10px;
	transition: none;
}
.filterPopup__container .catalog__asideList>ul>li>ul>li:not(:last-child) {
	margin-bottom: 6px;
}
.filterPopup__container .catalog__asideList>ul>li>ul>li>a {
	font-size: 14px;
}
.filterPopup__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.filterPopup__close:before,
.filterPopup__close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: .25s all ease-in-out;
}
.filterPopup__close:before:hover,
.filterPopup__close:after:hover {
	opacity: .8;
}
.filterPopup__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.filterPopup__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1230px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.filterPopup.open {
		right: 0;
	}
}
@media (max-width: 575px) {
}
/* filterPopup */

/* categoryPopup */
.categoryPopup {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
	transition: .25s all ease-in-out;
	overflow-y: auto;
}
.categoryPopup__container {
	max-width: 370px;
	margin: 0 auto;
	padding: 35px 20px 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.categoryPopup__container .catalog__aside {
	width: 100%;
}
.categoryPopup__container .catalog__asideList>ul>li>ul {
	display: none;
	position: relative;
	left: 0;
	opacity: 1;
	visibility: visible;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 10px;
	transition: none;
}
.categoryPopup__container .catalog__asideList>ul>li>ul>li:not(:last-child) {
	margin-bottom: 6px;
}
.categoryPopup__container .catalog__asideList>ul>li>ul>li>a {
	font-size: 14px;
	justify-content: space-between;
}
.categoryPopup__container .catalog__asideList>ul>li>ul>li>ul {
	display: none;
	position: relative;
	left: 0;
	opacity: 1;
	visibility: visible;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 10px;
	transition: none;
	margin-left: 20px;
}
.categoryPopup__container .catalog__asideList>ul>li>ul>li>ul>li:not(:last-child) {
	margin-bottom: 6px;
}
.categoryPopup__container .catalog__asideList>ul>li>ul>li>ul>li>a {
	font-size: 14px;
}
.categoryPopup__container .catalog__asideList>ul>li ul li.arrow>a::after {
	content: '▾';
	font-size: 19px;
}
.categoryPopup__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.categoryPopup__close:before,
.categoryPopup__close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000;
	transition: .25s all ease-in-out;
}
.categoryPopup__close:before:hover,
.categoryPopup__close:after:hover {
	opacity: .8;
}
.categoryPopup__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.categoryPopup__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1230px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	.categoryPopup.open {
		right: 0;
	}
}
@media (max-width: 575px) {
}
/* filterPopup */

/* toolbar */
.toolbar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 8px 20px;
}
.toolbar>a,
.toolbar>span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.toolbar__icon {
	width: 32px;
	height: 32px;
	flex: none;
}
.toolbar__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.toolbar__icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.toolbar__title {
	color: #555;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}
.toolbar>a:hover .toolbar__icon svg path,
.toolbar>span:hover .toolbar__icon svg path {
	fill: #FF782C;
}
.toolbar>a.toolbar__category:hover .toolbar__icon svg path,
.toolbar>span.toolbar__category:hover .toolbar__icon svg path {
	fill: #FF782C;
	stroke: #FF782C;
}
.toolbar>a .toolbar__icon svg path,
.toolbar>span .toolbar__icon svg path {
	transition: .25s all ease-in-out;
}
.toolbar>a.active .toolbar__icon svg path[fill],
.toolbar>span.active .toolbar__icon svg path[fill] {
	fill: #FF782C;
}
.toolbar>a.active .toolbar__icon svg path[stroke],
.toolbar>span.active .toolbar__icon svg path[stroke] {
	stroke: #FF782C;
}

@media (max-width: 767px) {
	.toolbar {
		display: flex;
	}
}
/* toolbar */

/* catalogSidebar */
.backdrop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 90;
	transition: .25s all ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.backdrop.active {
	opacity: 1;
	visibility: visible;
}
.catalogSidebar {
	position: fixed;
	left: -100%;
	top: 0;
	height: 100%;
	z-index: 100;
	width: 300px;
	background-color: #fff;
	transition: .25s all ease-in-out;
}
.catalogSidebar.open {
	left: 0;
}
.catalogSidebar__container {

}
.catalogSidebar__container .catalog__asideList {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.catalogSidebar__container .catalog__asideList::-webkit-scrollbar {
	display: none;
  }
.catalogSidebar__container .catalog__asideList>ul {
	width: 300px;
}
@media (max-width: 767px) {
	.backdrop {
		display: none!important;
	}
	.catalogSidebar {
		display: none!important;
	}
}
/* catalogSidebar */
/*Burger*/

.info__burger {
    color: #888;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    font-size: 16px;
	text-align: center;
    border-top: 1px solid #f1f1f1;
	margin-bottom: 10px;
	display: none;
    
}
.info__burger__user {
    color: #fff;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    padding: 5px;
    background: #FF782C;
    border-radius: 3px;
    
}

.social__burger {
    
    margin-top: 5px;
      
}
.social__burger a {
    
    margin-left: 10px;
    
}
.albo {
    
    color: #555;
}
/*End of burger*/
/*Labels*/
.label__checkbox {
    
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
/*end of labels*/


/* page */
.page {
	margin: 20px 0 60px;
}
.page__title {
	margin-bottom: 20px;
	font-size: 24px;
}
.page__text {
	text-wrap: pretty;
}
.page__text {
}
.page__text p:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.page__title {
		font-size: 18px;
		text-wrap: pretty;
	}
}
/* page */

/* productPage */
.productPage {
	display: grid;
	grid-template-columns: 700px 300px;
	align-items: flex-start;
	gap: 80px;
}
.productPage__container {
	overflow: hidden;
}
.productPage__aside {
	position: sticky;
	top: 90px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0 !important;
}
.productPage__user {
	display: grid;
	grid-template-columns: 64px 1fr;
	align-items: center;
	gap: 20px;
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 12px;
	display: none;
}
.productPage__userImg {
	display: flex;
}
.productPage__userImg img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	/* object-fit: cover; */
	object-fit: contain;
	border-radius: 6px;
}
.productPage__userContent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.productPage__userName {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: #333;
}
a.productPage__userName {
	transition: 0.2s all;
}
a.productPage__userName:hover {
	color: var(--accent);
}
.productPage__userDeclare {
	display: block;
	color: var(--accent);
	font-size: 14px;
	line-height: 1.2;
}
.productPage__userDeclare:hover {
	color: var(--hover);
	text-decoration: none;
}
.productPage__slider {
	display: grid;
	grid-template-columns: 100px calc(100% - 100px - 20px);
	gap: 20px;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 50px;
	position: relative;
}
.productPage__sliderMain {

}
.productPage__sliderMain.slick-initialized .productPage__sliderMainItem {
	display: flex;
}
.productPage__sliderMainItem {
	width: 100%;
	height: 530px;
	align-items: center;
	justify-content: center;
	display: none;
}
.productPage__sliderMain .slick-arrow {
	width: 40px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: .25s all ease-in-out;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 45%;
}
.productPage__sliderMain:hover .slick-arrow {
	opacity: 1;
}
.productPage__sliderMain .slick-arrow::before {
	display: none;
}
.productPage__sliderMain .slick-prev {
	left: 10px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M8.566 2.768a.8.8 0 0 0-1.132 0L2.768 7.434a.8.8 0 0 0 0 1.132l4.666 4.666a.8.8 0 1 0 1.132-1.131L5.265 8.8h7.402a.8.8 0 0 0 0-1.6H5.265l3.3-3.301a.8.8 0 0 0 0-1.131Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.productPage__sliderMain .slick-next {
	right: 10px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M7.434 13.232a.8.8 0 0 0 1.132 0l4.666-4.666a.8.8 0 0 0 0-1.132L8.566 2.768a.8.8 0 1 0-1.132 1.131L10.735 7.2H3.333a.8.8 0 0 0 0 1.6h7.402l-3.3 3.301a.8.8 0 0 0 0 1.131Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.productPage__sliderMainItem img {
	width: auto;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 6px;
}
.productPage__sliderNav {
	order: -1;
	margin: -3px 0;
}
.productPage__sliderNav.slick-initialized .productPage__sliderNavItem {
	display: flex;
}
.productPage__sliderNavItem {
	width: 100%;
	height: auto;
	cursor: pointer;
	transition: .25s all ease-in-out;
	border: none;
	display: none;
}
.productPage__sliderNavItem {
	margin: 3px 0;
}
.productPage__sliderNavItem:hover {
	opacity: .8;
}
.productPage__sliderNavItem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}
.productPage__info {
}
.productPage__infoPrice {
	display: flex;
	gap: 10px;
	font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}
.productPage__infoPrice:has(.productPage__infoPrice-sale) .productPage__infoPrice-now {
	font-size: 0.7em;
	text-decoration: line-through;
}
.productPage__infoPrice-sale {
	color: #222;
}
.productPage__infoTitle {
	font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}
.productPage__infoAddress {
	font-size: 14px;
    color: #808080;
    line-height: 1.2;
}
.productPage__infoBuy,
.productPage__infoBuy + .added_to_cart {
		max-width: 100%;
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 15px;
    background: #6839CC;
	margin-top: 25px;
	border: none;
}
.productPage__infoBuy:hover,
.productPage__infoBuy + .added_to_cart:hover {
	text-decoration: none;
	color: #fff;
	background: #FF782C;
}
.productPage__infoBuy--inactive:not(:hover),
.productPage__infoBuy + .added_to_cart:not(:hover) {
	opacity: 0.5;
}
.productPage__info:has(.added_to_cart) .productPage__infoBuy {
	display: none;
}
.productPage__pretitle {
	font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 15px;
}
.productPage__pretitle span {
	display: inline-block;
	border-bottom: 2px solid var(--accent);
	margin-top: 30px;
    margin-bottom: 20px;
	font-weight: 500;
}
.productPage__features {
	margin-bottom: 50px;
}
.productPage__featuresList {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.productPage__featuresItem {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.productPage__featuresItem > div {
    line-height: 1.2;
	font-size: 16px;
}
.productPage__featuresItem > div a {
	color: var(--accent);
}
.productPage__featuresItem > div a:hover {
	color: var(--hover);
	text-decoration: none;
}
.productPage__featuresItem > div:nth-child(1) {
	color: #808080;
	display: flex;
	flex: none;
	order: 1;
	max-width: 50%;
	text-transform: capitalize;
}
.productPage__featuresItem::after {
	content: '';
	flex: 1;
	border-bottom: 1px dashed #808080;
	margin: 0 10px;
	transition: .25s all ease-in-out;
	order: 2;
}
.productPage__featuresItem > div:nth-child(2) {
	order: 3;
	max-width: 40%;
}
.productPage__featuresItem:hover > div:nth-child(1)::after {
	border-bottom-color: #000
}
.productPage__content {
}
.productPage__contentTitle {
	font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 15px;
}
.productPage__contentTitle span {
	display: inline-block;
	border-bottom: 2px solid var(--accent);
}
.productPage__contentText {
	font-size: 16px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* Количество строк */
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.productPage__toggleText {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--accent);
	margin-top: 5px;
}
.productPage__toggleText::after {
	content: '';
	width: 13px;
	height: auto;
	aspect-ratio: 1.625;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none' viewBox='0 0 13 8'%3e%3cpath fill='%23009A59' fill-rule='evenodd' d='M6.368 5.497.918.05 0 .969l6.368 6.367L12.784.92l-.92-.92-5.496 5.497Z' clip-rule='evenodd'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex: none;
	transition: .25s all ease-in-out;
}
.productPage__toggleText:hover {
	text-decoration: none;
	color: var(--hover);
}
.productPage__toggleText.expanded::after {
	transform: rotate(180deg);
}
.productPage__contentText.expanded {
	display: block;
} 
.productPage__contentText p:last-child {
	margin-bottom: 0;
}
.productPage__related {
	margin-top: 50px;
}
.productPage__related .catalog__list {
	grid-template-columns: 1fr 1fr 1fr;
}
.productPage__related .catalog__list .product__title {
	font-size: 18px;
}
.productPage__favorite {
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 6px;
	width: 40px;
	height: auto;
	aspect-ratio: 1;
	flex: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' fill='none' viewBox='0 0 22 20'%3e%3cpath fill='%23222' d='m11 3.664-.986-.983C7.7.375 3.457 1.171 1.924 4.071c-.718 1.364-.88 3.333.433 5.846 1.265 2.42 3.897 5.319 8.643 8.476 4.747-3.157 7.377-6.056 8.644-8.476 1.313-2.514 1.152-4.482.432-5.846-1.532-2.9-5.776-3.698-8.09-1.39L11 3.663ZM11 20C-10.083 6.49 4.51-4.053 10.758 1.524c.083.073.164.15.242.228.078-.079.159-.154.242-.227C17.49-4.055 32.084 6.49 11 20Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 7;
	cursor: pointer;
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .1);
	transition: .25s all ease-in-out;
	border: none;
}
.productPage__favorite.active {
	background-image: url('../img/heart__aktiv.png');
}
@media (max-width: 1230px) {
	.productPage {
		gap: 30px;
		grid-template-columns: 1fr 270px;
	}
	.productPage__infoTitle {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	.productPage {
		grid-template-columns: 100%;
	}
	.productPage__aside {
		position: relative;
		top: auto;
		order: -1;
	}
	.productPage__container {
		display: contents;
	}
	.productPage__slider {
		order: -2;
	}
}
@media (max-width: 767px) {
	.productPage__related .catalog__list {
		grid-template-columns: 1fr 1fr;
	}
	.footer {
		padding-bottom: 65px;
	}
}
@media (max-width: 575px) {
	.footer__bottomContainer {
		flex-direction: column;
		gap: 15px;
	}
	.productPage__slider {
		grid-template-columns: 100%;
		margin-bottom: 30px;
	}
	.productPage__sliderNav {
		display: none!important;
	}
	.productPage__sliderMainItem {
		height: auto;
	}
	.productPage__sliderMain .slick-arrow {
		opacity: 1;
		width: 36px;
		opacity: .8;
	}
	.productPage__featuresItem > div {
		font-size: 14px;
	}
	.productPage__featuresItem > div:nth-child(1) {
		width: min-content;
	}
	.productPage {
		gap: 0;
	}
	.productPage__aside {
		margin-bottom: 50px;
	}
	.productPage__favorite {
		width: 36px;
	}
}
@media (max-width: 400px) {
	.productPage__related .catalog__list .product__title {
		font-size: 16px;
	}
}
/* productPage */
/*form upload*/
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="number"],
#contact textarea,
#contact [type="submit"],
.woocommerce-Button.button,
.wpfda-submit button {
  font: 400 12px/16px "Roboto",sans-serif;
}

#contact {
  background: #F9F9F9;
  padding: 25px;
  margin: 15px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
    color: #333;
}

#contact h4 {
  
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 5px 0;
  min-width: 100%;
  padding: 0;
  width: 100%;
    border-radius: 2px;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="number"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact input[type="number"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact [type="submit"],
.woocommerce-Button.button[type="submit"],
.wpfda-submit button[type="submit"] {
  cursor: pointer;
  width: 210px;
  border: none;
  background: #6839CC;
  color: #FFF;
  margin: 5px 0 5px;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
}
#contact [type="submit"]:disabled,
.woocommerce-Button.button[type="submit"]:disabled,
.wpfda-submit button[type="submit"]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.wpcf7-spinner {
	display: none;
}

@media (max-width: 767px) {
  
  #contact [type="submit"],
	.woocommerce-Button.button[type="submit"],
	.wpfda-submit button[type="submit"] {
  cursor: pointer;
  width: 210px;
  border: none;
  background: #009a59;
  color: #FFF;
  margin: 5px 0 5px;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
}
}
#contact [type="submit"]:hover {
  background: #148657;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact [type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}


#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}
.form-check {
    
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}
.form-check-label {
    margin-left: 10px;
}
.warunki_wyceny {
    
    background-color: #E9F1F4;
    padding: 25px;
    border: 1px solid #f2f2f2;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 5px;
    margin-bottom: 40px;
}
/*end uploadform*/


/*FAQ*/

.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", sans-serif;
    max-width: 100%;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;
}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #f3f3f3;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 22px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
   
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333;
    border-top: 1px solid #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 18px;
    }
}

/*End FAQ*/
/*revieews*/
.checked {
  color: orange;
}
.half-checked {
  background: linear-gradient(to right, orange 50%, #333 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.reviews_title {
    
    margin: 0 15px 15px 0;
    font-size: 26px;
} 
.wrapper_reviews {

    padding: 15px;
    margin: 15px 0 15px 0;
    line-height: 1.4;
    background-color: #f9f9f9;
    border-radius: 5px;
    width: 100%;
		height: auto;
		max-width: 100%;
    min-height: 160px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
}
.name_lombard {
    color: #333;
    font-size: 22px;
    font-weight: 400;
}
a.name_lombard:hover {
	color: var(--accent);
}
.reviews_place {
    
    color: #555;
}
.reviews_kontacts {
    color: #555;
}
.img_reviews {
    
    width: 130px;
    background-color: #fff;
    height: 130px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
    
}


.catalog__filter__reviews {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
    margin-left: 0px;
	margin-top: 15px;
}
.catalog__filter__reviews span {
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
    
}
.catalog__filter__reviews span:hover {
	text-decoration: underline;
	color: #333;
}
.catalog__filter__reviews span.active {
	font-weight: 500;
    
}
.catalog__filter__reviews span.active:hover {
	color: #333;

}
[data-sort] {
	cursor: pointer;
}
.catalog__filter__reviews .search-select {
	margin-left: auto;
	width: 100%;
	max-width: 250px;
}
@media (max-width: 1230px) {
    .wrapper_reviews {
    display: block;
    padding: 15px;
    line-height: 1.4;
    background-color: #f0f0f0;
    border-radius: 5px;
    /* max-width: 950px; */
    margin: 15px 0 15px 0;
    
    }
    .catalog__filter__reviews {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
    margin-left: 0;
    }
    .reviews_place {
    
    color: #555;
    display: none;
}
    .img_reviews {
        width: 130px;
        height: 130px;
    }
    .name_lombard {
    
    font-size: 24px;
    font-weight: 400;
}
.reviews_place {
    
    color: #555;
}
.reviews_kontacts {
    color: #555;
}
    
 .reviews_title {
    
    margin: 15px;
    font-size: 28px;
    }   
}

@media (max-width: 991px) {
    .wrapper_reviews {
    display: block;
    padding: 15px;
    line-height: 1.4;
    background-color: #f0f0f0;
    border-radius: 5px;
    /* max-width: 700px; */
    margin: 15px 0 15px 0;
    
    }
    .catalog__filter__reviews {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
    margin-left: 0;
    }
    .reviews_place {
    
    color: #555;
    display: none;
}
    .img_reviews {
        width: 130px;
        height: 130px;
    }
    .name_lombard {
    
    font-size: 26px;
    font-weight: 400;
}
.reviews_place {
    
    color: #555;
}
.reviews_kontacts {
    color: #555;
}
    
 .reviews_title {
    
    margin: 15px;
    font-size: 26px;
    }   
}

@media (max-width: 767px) {
    .wrapper_reviews {
    display: block;
    padding: 15px;
    line-height: 1.4;
    background-color: #f0f0f0;
    border-radius: 5px;
    /* max-width: 360px; */
    margin: 15px 0;
    
    }
    .catalog__filter__reviews {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
    margin-left: 0;
    }
    .reviews_place {
    
    color: #555;
    display: none;
}
    .img_reviews {
        width: 100px;
        height: 100px;
    }
    .name_lombard {
    
    font-size: 20px;
    font-weight: 400;
}
.reviews_place {
    
    color: #555;
}
.reviews_kontacts {
    color: #555;
}
    
 .reviews_title {
    
    margin: 15px;
    font-size: 24px;
    }   
}
@media (max-width: 575px) {
    .wrapper_reviews {
    display: block;
    padding: 15px;
    line-height: 1.4;
    background-color: #f0f0f0;
    border-radius: 5px;
    /* max-width: 340px; */
    margin: 15px 0 15px 0;
    
    }
    .catalog__filter__reviews {
	display: flex;
	align-items: baseline;
	gap: 10px 25px;
	flex-wrap: wrap;
	margin-bottom: 25px;
    margin-left: 0;
    }
    .reviews_place {
    
    color: #555;
    display: none;
}
    .img_reviews {
        width: 90px;
        height: 90px;
    }
    .name_lombard {
    
    font-size: 18px;
    font-weight: 400;
}
.reviews_place {
    
    color: #555;
    font-size: 14px;
    
}
.reviews_kontacts {
    color: #555;
    display: 
    font-size: 14px;
}
    
 .reviews_title {
    
    margin: 15px;
    font-size: 20px;
    }   
}

@media (max-width: 500px) {
	.catalog__filter__reviews {
		column-gap: 15px;
	}
	.catalog__filter__reviews .search-select {
		max-width: 200px;
	}
}
@media (max-width: 480px) {
	.catalog__filter__reviews {
		column-gap: 10px;
	}
	.catalog__filter__reviews span {
		font-size: 14px;
	}
	.catalog__filter__reviews .search-select {
		max-width: 180px;
	}
}
@media (max-width: 360px) {
	.catalog__filter__reviews .search-select {
		max-width: 140px;
	}
}
/*End of reviews*/



#contact__settings h4 {
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
  display: block;
  font-size: 14px;
  font-weight: 400;
}



/* =============== START contact-popup =============== */
.contact-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0 0 0 / 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.4s all;
}
.contact-popup__body {
	position: relative;
	min-width: 300px;
	padding: 40px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0 0 0 / 0.3);
	border-radius: 12px;
	transition: inherit;
}
.contact-popup__title {
	margin-bottom: 20px;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}
.contact-popup__contacts {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
a.contact-popup__contact {
	font-size: 18px;
	font-weight: 600;
	color: var(--accent);
	text-decoration: underline;
}
a.contact-popup__contact:hover {
	text-decoration: none;
}
.contact-popup__close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M9 1L1 9M1.00001 1L9 9' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	cursor: pointer;
	transition: 0.3s all;
}
.contact-popup__close:hover {
	opacity: 0.7;
}
.contact-popup:not(.contact-popup--active) {
	opacity: 0;
	visibility: hidden;
}
.contact-popup:not(.contact-popup--active) .contact-popup__body {
	transform: scale(1.2);
}
/* =============== END contact-popup =============== */

.home-icon,
.cart-icon,
.downloads-icon,
.address-icon,
.contact-icon,
.profile-icon,
.exit-icon,
.ads-icon,
.money-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.home-icon::before,
.cart-icon::before,
.downloads-icon::before,
.address-icon::before,
.contact-icon::before,
.profile-icon::before,
.exit-icon::before,
.ads-icon::before,
.money-icon::before {
	content: '';
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: none;
}
.home-icon::before 			{ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3103 1.77586C11.6966 1.40805 12.3034 1.40805 12.6897 1.77586L20.6897 9.39491L23.1897 11.7759C23.5896 12.1567 23.605 12.7897 23.2241 13.1897C22.8433 13.5896 22.2103 13.605 21.8103 13.2241L21 12.4524V20C21 21.1046 20.1046 22 19 22H14H10H5C3.89543 22 3 21.1046 3 20V12.4524L2.18966 13.2241C1.78972 13.605 1.15675 13.5896 0.775862 13.1897C0.394976 12.7897 0.410414 12.1567 0.810345 11.7759L3.31034 9.39491L11.3103 1.77586ZM5 10.5476V20H9V15C9 13.3431 10.3431 12 12 12C13.6569 12 15 13.3431 15 15V20H19V10.5476L12 3.88095L5 10.5476ZM13 20V15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15V20H13Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.cart-icon::before 			{ 
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M6.29977 5H21L19 12H7.37671M20 16H8L6 3H3M9 20C9 20.5523 8.55228 21 8 21C7.44772 21 7 20.5523 7 20C7 19.4477 7.44772 19 8 19C8.55228 19 9 19.4477 9 20ZM20 20C20 20.5523 19.5523 21 19 21C18.4477 21 18 20.5523 18 20C18 19.4477 18.4477 19 19 19C19.5523 19 20 19.4477 20 20Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); 
	display: none; }
.downloads-icon::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M17 17H17.01M17.4 14H18C18.9319 14 19.3978 14 19.7654 14.1522C20.2554 14.3552 20.6448 14.7446 20.8478 15.2346C21 15.6022 21 16.0681 21 17C21 17.9319 21 18.3978 20.8478 18.7654C20.6448 19.2554 20.2554 19.6448 19.7654 19.8478C19.3978 20 18.9319 20 18 20H6C5.06812 20 4.60218 20 4.23463 19.8478C3.74458 19.6448 3.35523 19.2554 3.15224 18.7654C3 18.3978 3 17.9319 3 17C3 16.0681 3 15.6022 3.15224 15.2346C3.35523 14.7446 3.74458 14.3552 4.23463 14.1522C4.60218 14 5.06812 14 6 14H6.6M12 15V4M12 15L9 12M12 15L15 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
.address-icon::before 	{ background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 32 32' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Layer1'%3E%3Cpath d='M16,2c-6.071,0 -11,4.929 -11,11c0,2.778 1.654,6.081 3.699,9.019c2.939,4.224 6.613,7.707 6.613,7.707c0.386,0.365 0.99,0.365 1.376,-0c0,-0 3.674,-3.483 6.613,-7.707c2.045,-2.938 3.699,-6.241 3.699,-9.019c0,-6.071 -4.929,-11 -11,-11Zm0,5.5c-3.036,0 -5.5,2.464 -5.5,5.5c0,3.036 2.464,5.5 5.5,5.5c3.036,-0 5.5,-2.464 5.5,-5.5c0,-3.036 -2.464,-5.5 -5.5,-5.5Zm0,2c1.932,0 3.5,1.568 3.5,3.5c0,1.932 -1.568,3.5 -3.5,3.5c-1.932,-0 -3.5,-1.568 -3.5,-3.5c0,-1.932 1.568,-3.5 3.5,-3.5Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.profile-icon::before 	{ background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Transformed%20by%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M12.1992%2012C14.9606%2012%2017.1992%209.76142%2017.1992%207C17.1992%204.23858%2014.9606%202%2012.1992%202C9.43779%202%207.19922%204.23858%207.19922%207C7.19922%209.76142%209.43779%2012%2012.1992%2012Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M21.5902%2016.35L16.5002%2021.44C15.9902%2021.94%2014.5002%2022.1799%2014.1502%2021.8399C14.0173%2021.4468%2013.9851%2021.0265%2014.0567%2020.6177C14.1284%2020.2088%2014.3015%2019.8246%2014.5602%2019.5L19.6502%2014.4C19.915%2014.1767%2020.254%2014.0613%2020.6001%2014.0764C20.9461%2014.0915%2021.2738%2014.2361%2021.518%2014.4817C21.7623%2014.7272%2021.9053%2015.0557%2021.9187%2015.4018C21.932%2015.7479%2021.8148%2016.0863%2021.5902%2016.35V16.35Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2022C3.57038%2020.0332%204.74795%2018.2971%206.36438%2017.0399C7.98081%2015.7827%209.95335%2015.0687%2012%2015%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.contact-icon::before 	{ background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Transformed%20by%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%3Csvg%20fill%3D%22%23555%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20260.666%20260.666%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23555%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cpath%20d%3D%22M236.666%2C40.882H24c-13.233%2C0-24%2C10.767-24%2C24v130.902c0%2C13.233%2C10.767%2C24%2C24%2C24h212.666c13.233%2C0%2C24-10.767%2C24-24V64.882%20C260.666%2C51.648%2C249.899%2C40.882%2C236.666%2C40.882z%20M245.666%2C195.784c0%2C4.962-4.037%2C9-9%2C9H24c-4.963%2C0-9-4.038-9-9V64.882%20c0-4.962%2C4.037-9%2C9-9h212.666c4.963%2C0%2C9%2C4.038%2C9%2C9V195.784z%22%2F%3E%3Cpath%20d%3D%22M216.04%2C83.703h-68.933c-3.314%2C0-6%2C2.687-6%2C6s2.686%2C6%2C6%2C6h68.933c3.314%2C0%2C6-2.687%2C6-6S219.354%2C83.703%2C216.04%2C83.703z%22%2F%3E%3Cpath%20d%3D%22M216.04%2C164.963h-68.933c-3.314%2C0-6%2C2.686-6%2C6c0%2C3.313%2C2.686%2C6%2C6%2C6h68.933c3.314%2C0%2C6-2.687%2C6-6%20C222.04%2C167.649%2C219.354%2C164.963%2C216.04%2C164.963z%22%2F%3E%3Cpath%20d%3D%22M216.04%2C118.411h-41.718c-3.313%2C0-6%2C2.687-6%2C6s2.687%2C6%2C6%2C6h41.718c3.314%2C0%2C6-2.687%2C6-6S219.354%2C118.411%2C216.04%2C118.411z%22%2F%3E%3Cpath%20d%3D%22M216.04%2C141.686h-41.718c-3.313%2C0-6%2C2.687-6%2C6c0%2C3.314%2C2.687%2C6%2C6%2C6h41.718c3.314%2C0%2C6-2.686%2C6-6%20C222.04%2C144.373%2C219.354%2C141.686%2C216.04%2C141.686z%22%2F%3E%3Cpath%20d%3D%22M85.163%2C133.136c17.004%2C0%2C30.838-13.839%2C30.838-30.849c0-17.011-13.834-30.85-30.838-30.85%20c-17.009%2C0-30.847%2C13.839-30.847%2C30.85C54.316%2C119.297%2C68.154%2C133.136%2C85.163%2C133.136z%20M85.163%2C86.438%20c8.733%2C0%2C15.838%2C7.11%2C15.838%2C15.85c0%2C8.739-7.104%2C15.849-15.838%2C15.849c-8.738%2C0-15.847-7.11-15.847-15.849%20C69.316%2C93.548%2C76.425%2C86.438%2C85.163%2C86.438z%22%2F%3E%3Cpath%20d%3D%22M97.097%2C138.68H73.415c-16.592%2C0-30.09%2C13.497-30.09%2C30.088v12.961c0%2C4.142%2C3.357%2C7.5%2C7.5%2C7.5s7.5-3.358%2C7.5-7.5v-12.961%20c0-8.319%2C6.77-15.088%2C15.09-15.088h23.682c8.32%2C0%2C15.09%2C6.768%2C15.09%2C15.088v12.961c0%2C4.142%2C3.357%2C7.5%2C7.5%2C7.5s7.5-3.358%2C7.5-7.5%20v-12.961C127.187%2C152.177%2C113.688%2C138.68%2C97.097%2C138.68z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.exit-icon::before 			{ background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Transformed%20by%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9908%207.82251C16.2897%207.5357%2016.7644%207.54547%2017.0512%207.84433L20.541%2011.4807C20.8195%2011.7709%2020.8195%2012.2291%2020.541%2012.5193L17.0512%2016.1557C16.7644%2016.4545%2016.2897%2016.4643%2015.9908%2016.1775C15.692%2015.8907%2015.6822%2015.4159%2015.969%2015.1171L18.2404%2012.7502L11.2727%2012.7502C10.8585%2012.7502%2010.5227%2012.4144%2010.5227%2012.0002C10.5227%2011.586%2010.8585%2011.2502%2011.2727%2011.2502L18.2408%2011.2502L15.969%208.88295C15.6822%208.58409%2015.692%208.10932%2015.9908%207.82251Z%22%20fill%3D%22%23555%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.25%204C3.25%203.58579%203.58579%203.25%204%203.25H13.4545C13.8688%203.25%2014.2045%203.58579%2014.2045%204V7C14.2045%207.41421%2013.8688%207.75%2013.4545%207.75C13.0403%207.75%2012.7045%207.41421%2012.7045%207V4.75H4.75V19.25H12.7045V17C12.7045%2016.5858%2013.0403%2016.25%2013.4545%2016.25C13.8688%2016.25%2014.2045%2016.5858%2014.2045%2017V20C14.2045%2020.4142%2013.8688%2020.75%2013.4545%2020.75H4C3.58579%2020.75%203.25%2020.4142%203.25%2020V4Z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ads-icon::before				{ background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Transformed%20by%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%3Csvg%20fill%3D%22%23555%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23555%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Elist-check%3C%2Ftitle%3E%3Cpath%20d%3D%22M30%2015.25h-17c-0.414%200-0.75%200.336-0.75%200.75s0.336%200.75%200.75%200.75v0h17c0.414%200%200.75-0.336%200.75-0.75s-0.336-0.75-0.75-0.75v0zM13%205.75h17c0.414%200%200.75-0.336%200.75-0.75s-0.336-0.75-0.75-0.75v0h-17c-0.414%200-0.75%200.336-0.75%200.75s0.336%200.75%200.75%200.75v0zM6%2023.25h-2c-1.518%200.002-2.748%201.232-2.75%202.75v2c0.002%201.518%201.232%202.748%202.75%202.75h2c1.518-0.002%202.748-1.232%202.75-2.75v-2c-0.002-1.518-1.232-2.748-2.75-2.75h-0zM7.25%2028c-0.001%200.69-0.56%201.249-1.25%201.25h-2c-0.69-0.001-1.249-0.56-1.25-1.25v-2c0.001-0.69%200.56-1.249%201.25-1.25h2c0.69%200.001%201.249%200.56%201.25%201.25v0zM30%2026.25h-17c-0.414%200-0.75%200.336-0.75%200.75s0.336%200.75%200.75%200.75v0h17c0.414%200%200.75-0.336%200.75-0.75s-0.336-0.75-0.75-0.75v0zM9.446%2012.215l-5.472%205.982-1.446-1.437c-0.135-0.13-0.318-0.21-0.521-0.21-0.414%200-0.75%200.336-0.75%200.75%200%200.204%200.082%200.39%200.214%200.525l-0-0%202%201.986%200.015%200.006%200.007%200.015c0.13%200.122%200.306%200.197%200.499%200.197%200.199%200%200.38-0.080%200.512-0.21l-0%200%200.027-0.011%200.005-0.011%200.017-0.012%206-6.559c0.122-0.133%200.196-0.311%200.196-0.506%200-0.414-0.336-0.75-0.75-0.75-0.219%200-0.416%200.094-0.553%200.244l-0.001%200.001zM9.446%201.215l-5.472%205.982-1.446-1.437c-0.135-0.13-0.318-0.21-0.521-0.21-0.414%200-0.75%200.336-0.75%200.75%200%200.204%200.082%200.39%200.214%200.525l-0-0%202%201.987%200.015%200.006%200.007%200.015c0.13%200.122%200.306%200.196%200.499%200.196%200.201%200%200.383-0.081%200.515-0.212l-0%200%200.024-0.010%200.004-0.010%200.017-0.012%206-6.559c0.119-0.132%200.192-0.308%200.192-0.501%200-0.414-0.336-0.75-0.75-0.75-0.217%200-0.412%200.092-0.549%200.239l-0%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.money-icon::before			{ background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Transformed%20by%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M20.485%203H16.4933L16.9933%208C16.9933%208%2017.9933%209%2019.4933%209C20.5703%209%2021.3036%208.48445%2021.6316%208.1937C21.7623%208.07782%2021.8101%207.90091%2021.7814%207.72861L21.0768%203.50136C21.0286%203.21205%2020.7783%203%2020.485%203Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M16.4933%203L16.9933%208C16.9933%208%2015.9933%209%2014.4933%209C12.9933%209%2011.9933%208%2011.9933%208V3H16.4933Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M11.9933%203V8C11.9933%208%2010.9933%209%209.49329%209C7.99329%209%206.99329%208%206.99329%208L7.49329%203H11.9933Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M7.49331%203H3.50158C3.20828%203%202.95797%203.21205%202.90975%203.50136L2.2052%207.72862C2.17649%207.90091%202.22432%208.07782%202.35502%208.1937C2.68294%208.48445%203.41626%209%204.49329%209C5.99329%209%206.99331%208%206.99331%208L7.49331%203Z%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M3%209V19C3%2020.1046%203.89543%2021%205%2021H19C20.1046%2021%2021%2020.1046%2021%2019V9%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M14.8333%2021V15C14.8333%2013.8954%2013.9379%2013%2012.8333%2013H10.8333C9.72874%2013%208.83331%2013.8954%208.83331%2015V21%22%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2216%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }



.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	height: 45px;
	border-radius: 15px;
	border: 1px solid #fff;
	background: #fff;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 15px;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	height: 45px;
	width: 80px;
	background-color: #FF782C;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='m18.979 17.689 6.342 6.225-1.307 1.283-6.357-6.238a10.929 10.929 0 0 1-7.667 2.39 10.87 10.87 0 0 1-7.222-3.479 10.475 10.475 0 0 1-2.763-7.415 10.5 10.5 0 0 1 3.233-7.23 10.897 10.897 0 0 1 7.43-3.027 10.906 10.906 0 0 1 7.5 2.86 10.51 10.51 0 0 1 3.4 7.155 10.467 10.467 0 0 1-2.59 7.476Zm.755-6.901c0-2.328-.942-4.56-2.619-6.205a9.028 9.028 0 0 0-6.323-2.57 9.028 9.028 0 0 0-6.322 2.57 8.693 8.693 0 0 0-2.62 6.205c0 2.327.943 4.56 2.62 6.205a9.028 9.028 0 0 0 6.322 2.57 9.029 9.029 0 0 0 6.323-2.57 8.693 8.693 0 0 0 2.619-6.205Z' clip-rule='evenodd'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	border-radius: 0 15px 15px 0;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
	display: none;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::before {
	content: none;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover, .dgwt-wcas-sugg-hist-clear:hover {
	background-color: #E28325;
	opacity: 0.8;
}

@media (max-width: 767px) {
	.header .dgwt-wcas-search-wrapp {
		display: none;
	}
	.dgwt-wcas-overlay-mobile {
		padding: 20px;
	}
	.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		border-radius: 0 15px 15px 0;
	}
	.dgwt-wcas-om-bar .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		display: block;
	}
	.dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader {
		right: 80px !important;
	}
	.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
		top: 65px !important;
		left: 20px !important;
		width: calc(100% - 40px) !important;
		height: calc(100% - 65px)!important;
	}
}



/* ============ START pagination ============ */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 30px auto 0;
}
.pagination .page-numbers:not(.dots,.prev,.next) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #F2F2F2;
	color: #555;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}
.pagination .page-numbers:not(.dots,.prev,.next,.current):hover {
	background-color: #dbdbdb;
}
.pagination .page-numbers.current {
	background-color: #A0A0A0;
	color: #F2F2F2;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	width: 40px;
	height: 40px;
	aspect-ratio: 1;
	flex: none;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
	background-color: #fff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.pagination .page-numbers.prev {
	margin-right: 7px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e") 
}
.pagination .page-numbers.next {
	margin-left: 7px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23D0D0D0' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e"); 
}
.pagination .page-numbers.prev:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m15.816 4.254-8.335 8.55a.804.804 0 0 0 0 1.123l8.335 8.554a.732.732 0 0 0 1.048 0 .77.77 0 0 0 0-1.074l-7.838-8.04 7.838-8.04a.769.769 0 0 0 0-1.073.732.732 0 0 0-1.048 0Z'/%3e%3c/svg%3e"); }
.pagination .page-numbers.next:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3e%3cpath fill='%23009A59' d='m11.184 4.254 8.335 8.55a.804.804 0 0 1 0 1.123l-8.335 8.554a.732.732 0 0 1-1.048 0 .769.769 0 0 1 0-1.074l7.838-8.04-7.838-8.04a.769.769 0 0 1 0-1.073.732.732 0 0 1 1.048 0Z'/%3e%3c/svg%3e"); }

/* ============ END pagination ============ */




/* ============ START ajax cart ============ */
/* ============ END ajax cart ============ */



@media (max-width: 767px) {
	.woocommerce-MyAccount-navigation {
		display: none;
	}
}

.wc-block-components-address-form #email {
	padding-top: 25px !important;
}
.wc-block-components-checkout-step__container #contact {
	margin-bottom: 0 !important;
}




.fieldset-checkbox {
	margin: 0;
}
.fieldset-checkbox .wpcf7-list-item {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
}
.fieldset-checkbox .wpcf7-list-item label {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 10px;
}



body.disable-cart .header__cart,
body.disable-cart .header__submenu__user li:has(a[href="/my-account/orders/"]),
body.disable-cart .header__submenu li:has(a[href="/my-account/orders/"]),
body.disable-cart .woocommerce-MyAccount-navigation-link--orders,
body.disable-cart .add_to_cart_button, body.disable-cart.added_to_cart,
body.disable-cart .productPage__infoBuy
{
	display: none !important;
}





.breadcrumbs {
	padding-top: 20px;
	padding-bottom: 10px;
}
.breadcrumbs a {
	text-decoration: underline;
	color: #555;
	font-weight: 5000;
}
.breadcrumbs span > span {
	opacity: 0.6;
}



.codedropz-upload-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.codedropz-upload-handler {
	width: 100%;
}
.dnd-upload-status {
	min-width: 0;
	flex: 0 0 calc(20% - 16px);
	flex-direction: column;
	padding: 0;
}
.dnd-upload-status .dnd-upload-image {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0;
}
.dnd-upload-status .dnd-upload-image span.file {
	display: none;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	display: none;
}
.dnd-upload-status .dnd-upload-details .name {
	padding-right: 0;
	justify-content: center;
}
.dnd-upload-status .dnd-upload-details .name span {
	padding-right: 0;
}
.dnd-upload-status .dnd-upload-details .remove-file,
.dnd-upload-status .dnd-upload-details .custom-remove-file {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	cursor: pointer;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after,
.dnd-upload-status .dnd-upload-details .custom-remove-file::after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='red'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='red'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	background-color: #fff;
	transition: 0.3s all;
}
.dnd-upload-status .dnd-upload-details .remove-file:hover span:after,
.dnd-upload-status .dnd-upload-details .custom-remove-file:hover::after {
	transform: scale(1.1);
}

@media (max-width: 1230px) {
	.dnd-upload-status {
		flex: 0 0 calc(25% - 15px);
	}
}

@media (max-width: 991px) {
	.codedropz-upload-wrapper {
		gap: 15px;
	}
	.dnd-upload-status {
		flex: 0 0 calc(25% - 11.25px);
	}
	.dnd-upload-status .dnd-upload-details .remove-file span:after {
		width: 20px;
		height: 20px;
	}
	.dnd-upload-status .dnd-upload-details {
		width: 100%;
		padding-left: 0;
	}
	.dnd-upload-status .dnd-upload-details .name {
		flex-direction: column;
		text-align: center;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.dnd-upload-status {
		flex: 0 0 calc(33.3333% - 11.25px);
	}
}

@media (max-width: 480px) {
	.dnd-upload-status {
		flex: 0 0 calc(50% - 7.5px);
	}
}


.woocommerce-form-row:has(input[name="account_last_name"]) {
	display: none;
}
.woocommerce-form-row:has(input[name="account_first_name"]) {
	width: 100%;
}



.search-select {
	position: relative;
}
.search-select .search-list {
	display: none;
}
.search-select__label {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #FFF;
	margin: 0 0 5px;
	padding: 8px;
	padding-right: 25px;
	font: 400 12px/16px "Roboto",sans-serif;
	height: 35px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #ccc;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3e%3cpath fill='%23333' d='M5.03 10.124-.008.29l10.39.167-5.352 9.666Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	transition: .25s all ease-in-out;
}
.catalog__aside .search-select__label {
	height: auto;
	font-size: 14px;
	display: none;
}
.catalog__aside .search-select__popup-item {
	font-size: 14px;
}

.search-select__popup {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3;
	width: 100%;
	max-height: 50vh;
	overflow: auto;
	background: #fff;
	border: 1px solid #7e7e7e;
	box-shadow: 0 5px 10px rgba(0 0 0 / 0.2);
}
.search-select:not(.search-select--active) .search-select__popup {
	display: none;
}
.search-select__popup-title {
	display: none;
}
.search-select__popup-list {
	padding: 0;
	list-style: none;
}
.search-select__popup-item {
	padding: 2px 10px;
	cursor: pointer;
}
.search-select__popup-item:not(.search-select__popup-item--active):hover {
	background: #1967D2;
	color: #fff;
}
.search-select__popup-item--active {
	background: #d3d3d3;
}
.search-select__popup-item--hidden {
	display: none;
}
.search-select__popup-input {
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 10px !important;
	width: calc(100% - 20px) !important;
}

@media (max-width: 500px) {
	.catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.search-select__popup-item {
		font-size: 14px;
	}
}


.yith-wcwl-feedback-messages-container {
	display: none;
}


.woocommerce-form-login {
	display: flex;
	flex-direction: column;
}
.woocommerce-form-login > * {
	order: 3;
}
.woocommerce-form-row {
	order: 1;
}
.woocommerce-LostPassword {
	order: 2;
}

.saller-page .productPage__aside {
	top: 0;
}
.saller-page .productPage__user {
	grid-template-columns: 120px 1fr;
	max-width: 700px;
}
.saller-page .productPage {
	grid-template-columns: 1fr;
}
.saller-page .productPage__related .catalog__list {
	grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1230px) {
	.saller-page .productPage {
		gap: 0;
	}
	.saller-page .productPage__related .catalog__list {
		grid-template-columns: repeat(4, 1fr);
	}	
}
@media (max-width: 991px) {
	.saller-page .productPage__related .catalog__list {
		grid-template-columns: repeat(3, 1fr);
	}	
}
@media (max-width: 767px) {
	.saller-page .productPage__related .catalog__list {
		grid-template-columns: repeat(2, 1fr);
	}	
}
@media (max-width: 500px) {
	.saller-page .productPage__aside {
		margin: 0;
	}
	.saller-page .productPage__user {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.saller-page .productPage__userImg {
		width: 120px;
		height: 120px;
	}
	.saller-page .productPage__userImg {
		height: 100%;
	}
	.saller-page .productPage__related .catalog__list {
		grid-template-columns: 1fr;
	}	
}




.catalog__asideList>ul>li:not(:has(ul)) .catalog__asideListNum {
	display: none;
}


.productPage__infoAddress-title,
.product__where-title {
	display: none;
}

/*Акционные товары слайдер*/
/* Настройки контейнера, чтобы стрелки были по бокам */
.promo-slider-section .container {
    padding-left: 0px;
    padding-right: 0px;
}

/* Стилизация стрелок Swiper под дизайн сайта */
.promo-next, .promo-prev {
    color: #10b981 !important; /* Твой фирменный бирюзовый/зеленый цвет */
    transform: translateY(-20px);
}
.promo-prev { left: 5px !important; }
.promo-next { right: 5px !important; }

/* Делаем так, чтобы стрелки уменьшались на мобильных */
@media (max-width: 768px) {
    .promo-next, .promo-prev { display: none !important; } /* На мобилках стрелки лучше скрыть, там листают пальцем (свайпом) */
    .promo-slider-section .container { padding-left: 15px; padding-right: 15px; }
}

/* Отступ снизу для точек пагинации */
.promoSwiper {
    padding-bottom: 40px !important;
}
.promo-pagination .swiper-pagination-bullet-active {
    background: #10b981 !important; /* Цвет активной точки */
}

/* Слайдер принудительно выстраивает карточки по высоте */
.promoSwiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}
/* ==========================================================================
   СИНХРОНИЗАЦИЯ РАЗМЕРОВ КАРТОЧЕК (КАТАЛОГ И СЛАЙДЕР)
   ========================================================================== */

/* 1. Выравниваем ширину карточек в слайдере под стандартный размер */
.promoSwiper .product.swiper-slide {
    width: 100% !important;
    max-width: 210px !important; /* Укажи тут точную ширину обычной карточки с klikmi.pl, если она отличается */
    /*margin-left: auto !important;
    margin-right: auto !important;*/
    box-sizing: border-box !important;
}

/* 2. Центрируем сам слайд внутри Swiper, чтобы не ломалась сетка */
.promoSwiper .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important; /* Выравнивает все карточки по высоте */
	gap: 0px;
}

/* 3. Ограничиваем картинку, чтобы она не распирала карточку вширь */
.promoSwiper .product__img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
/*Конец*/
/* ==========================================================================
   СТИЛИ СЕКЦИИ БРЕНДОВ
   ========================================================================== */

/* Эффект при наведении на логотип бренда */
.brand-item img:hover {
    filter: grayscale(0%) !important; /* Убираем черно-белый фильтр */
    opacity: 1 !important;            /* Делаем логотип ярким */
}

/* Кастомные круглые стрелки как на скриншоте */
.brands-arrows .swiper-button-prev,
.brands-arrows .swiper-button-next {
    position: static !important; /* Отменяем абсолютное позиционирование Swiper */
    width: 35px !important;
    height: 35px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 50% !important;
    color: #1f2937 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
}

/* Уменьшаем размер дефолтных стрелочек Swiper, чтобы они влезли в кружок */
.brands-arrows .swiper-button-prev::after,
.brands-arrows .swiper-button-next::after {
    font-size: 14px !important;
    font-weight: bold !important;
}

/* Ховер-эффект для кругляшков */
.brands-arrows .swiper-button-prev:hover,
.brands-arrows .swiper-button-next:hover {
    background: #FF782C !important; /* Твой фирменный бирюзовый/зеленый цвет */
    border-color: #FF782C !important;
    color: #ffffff !important;
}
/* Базовое состояние для картинок внутри слайдера брендов */
.brandsSwiper .swiper-slide img,
.brandsSwiper .brand-item img,
img.brand-logo {
    filter: grayscale(100%) brightness(0.9) !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease-in-out !important;
}

/* Ховер привязываем И к самой картинке, И к слайду, И к ссылке (если она есть) */
.brandsSwiper .swiper-slide:hover img,
.brandsSwiper .brand-item:hover img,
.brandsSwiper img.brand-logo:hover,
.brandsSwiper a:hover img {
    filter: grayscale(0%) brightness(1) !important;
    opacity: 1 !important;
}

/* Добавляем поддержку эффекта для новой страницы брендов */
.brands-grid .brand-page-item img {
    filter: grayscale(100%) brightness(0.9) !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease-in-out !important;
}

.brands-grid .brand-page-item:hover img {
    filter: grayscale(0%) brightness(1) !important;
    opacity: 1 !important;
}

/* Эффект легкого поднятия карточки при наведении */
.brands-grid .brand-page-item {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.brands-grid .brand-page-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ==========================================================================
   СТИЛИ КНОПКИ «ZOBACZ WSZYSTKIE» С ХОВЕРОМ
   ========================================================================== */

.btn-brands-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 18px !important;              /* Отступы внутри кнопки */
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;                 /* Твой фирменный зеленый цвет текста */
    background-color: #6839CC !important;  /* Прозрачный фон по умолчанию */
    border: 1px solid #6839CC !important;      /* Зеленая рамка */
    border-radius: 50px !important;             /* Скругление углов */
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important; /* Плавный переход цвета */
    cursor: pointer !important;
}

/* Эффект при наведении мыши (Hover) */
.btn-brands-all:hover {
    color: #ffffff !important;                 /* Текст становится белым */
    background-color: #FF782C !important;      /* Фон заливается зеленым */
    /*box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important; /* Легкое зеленое свечение */
}
/* ==========================================================================
   КРУГЛЫЕ СТРЕЛКИ ДЛЯ СЕКЦИИ PROMOCJE (СТИЛЬ БРЕНДОВ)
   ========================================================================== */

/* ==========================================================================
   ИСПРАВЛЕНИЕ ВЫРАВНИВАНИЯ СТРЕЛОК И КНОПКИ PROMOCJE
   ========================================================================== */

.promo-arrows .swiper-button-prev,
.promo-arrows .swiper-button-next {
    position: static !important;
    width: 35px !important;
    height: 35px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 50% !important;
    color: #1f2937 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    transform: none !important; /* Убираем дефолтное смещение Swiper вверх */
}

/* Выравниваем стрелочки строго по центру круга */
.promo-arrows .swiper-button-prev::after,
.promo-arrows .swiper-button-next::after {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    display: block !important;
}

/* Ховер эффект */
.promo-arrows .swiper-button-prev:hover,
.promo-arrows .swiper-button-next:hover {
    background: #FF782C !important;
    border-color: #FF782C !important;
    color: #ffffff !important;
}
/* Выравнивание элементов шапки акций */
.promo-header {
    align-items: center !important;
}

.promo-controls {
    display: flex !important;
    align-items: center !important;
}
/*конец брендов*/
/*Discount*/
/* ==========================================================================
   УКРАШЕНИЕ КАРТОЧКИ ТОВАРА (ПРОЦЕНТЫ И БЕЙДЖИ)
   ========================================================================== */

/* Желтый бейдж скидки поверх фото */
.product__sale-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background-color: #FFCB45 !important; /* Насыщенный желтый из примера */
    color: #1f2937 !important;            /* Темный текст */
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 3px 8px !important;
    border-radius: 12px !important;       /* Закругленный вытянутый бейдж */
    z-index: 2 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* Красный круглый значок % возле цены */
.product__price-icon-pct {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #FF004C !important; /* Приятный красный цвет */
    color: #ffffff !important;            /* Белый символ % */
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;        /* Идеальный круг */
    flex-shrink: 0 !important;
}

/* Корректировка контейнера цен для ровного выравнивания по горизонтали */
.product__price-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
/*end of discount*/
/*menu drop*/
/* Базовые стили для ссылки, чтобы стрелка встала аккуратно сбоку */
.menu-root-link {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* Отступ между текстом и стрелочкой */
    text-decoration: none;
}

/* Создаем аккуратный треугольник (стрелку вниз) */
.arrow-down::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid currentColor; /* Цвет стрелки автоматически подстроится под цвет текста ссылки */
    vertical-align: middle;
    transition: transform 0.2s ease-in-out; /* Плавный поворот */
	margin-left: 5px;
}

/* Эффект поворота стрелки на 180 градусов при наведении на пункт меню */
.header__catalogWrapper li:hover .arrow-down::after {
    transform: rotate(180deg);
}
/* Разворачиваем стрелочку при наведении на саму ссылку в списке популярных категорий */
.header__categoriesList a:hover .arrow-down::after {
    transform: rotate(180deg);
}
/* ========================================================
   ИСПРАВЛЕННЫЕ ИСХОДНЫЕ СТИЛИ СТРОКИ НАВИГАЦИИ
   ======================================================== */

.header__categories {
    margin-top: 12px;
    display: flex;
    align-items: baseline;
    gap: 17px;
    /* Оставляем ОДИН главный ориентир. Вся фиолетовая панель теперь — база для координат */
    position: relative !important; 
}

.header__categoriesTitle {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    flex: none;  
}

.header__categoriesList {
    display: flex;
    align-items: baseline;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0px 0 0px 0;
    /* УБРАЛИ position: relative отсюда, чтобы он не перебивал координаты родителя! */
    position: static !important; 
}

/* Сама кнопка категории (например, Kot, Gryzón) */
.header__category-item {
    position: static !important; /* Отвязываем меню от конкретной кнопки */
}


/* ========================================================
   ВЫПАДАЮЩЕЕ МЕНЮ СТРОГО В ГРАНИЦАХ КРАСНОЙ РАМКИ
   ======================================================== */

.header__categories, 
.header__categoriesContainer,
.header__categories-nav {
    position: relative !important;
}

.header__category-item {
    position: static !important; 
}

/* Подсветка активной вкладки */
.header__category-item:hover > a,
.header__category-item:hover > .header__categoriesLink {
    background-color: #4a5b6c !important;
    color: #ffffff !important;
    border-radius: 4px 4px 0 0 !important;
}

/* Белый выпадающий блок */
.header__category-item .category-dropdown {
    display: none;
    position: absolute !important;
    top: 100% !important; 
    
    /* Сдвиг слева: пропускаем "Popularne kategorie:" чтобы начаться под Pies */
    left: 167px !important; 
    
    /* Сдвиг справа: подбери значение, чтобы правый край встал под Gadzina */
    right: 147px !important; 
    
    width: auto !important;
    background: #ffffff !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.15) !important;
    
    padding: 25px 30px !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

/* Показываем при наведении */
.header__category-item:hover .category-dropdown {
    display: block !important;
}

/* ========================================================
   УНИВЕРСАЛЬНАЯ СЕТКА GRID (ДЕЛИТ МЕСТО ИДЕАЛЬНО ПОРОВНУ)
   ======================================================== */

.category-dropdown__grid {
    display: grid !important;
    /* Автоматически создает равные колонки по ширине плашки (1fr на каждую) */
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    
    gap: 20px 25px !important; /* Отступы между колонками */
    width: 100% !important;
    align-items: start !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
}

.category-dropdown__col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    /* Убираем старые ограничения, которые ломали ширину */
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.category-dropdown__title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #414141 !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    
    /* УБИРАЕМ БОКОВЫЕ ОТСТУПЫ (ОБНУЛЯЕМ PADDING) */
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 5px 0 !important; /* Оставляем только верхний/нижний отступ */
    
    /* Разрешаем переносы длинных фраз из двух слов */
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.1 !important;
    width: 100% !important;
}
a.category-dropdown__title,
.category-dropdown__title {
    /* Принудительно выравниваем текст внутри блока */
    text-align: left !important;
    
    /* Если элемент использует Flexbox (что очень похоже по фиолетовой подсветке) */
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    
    /* Сбрасываем внутренние и внешние сдвиги */
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
	margin-bottom: 0px !important;
}
a.category-dropdown__title:hover {
	color: #FF782C !important;
	text-decoration: underline;
}
/* 3. Список пунктов */
.category-dropdown__list {
    list-style: none !important;
    padding: 0 !important;        /* Убираем стандартный padding браузера */
    padding-left: 0 !important;   /* Сбрасываем сдвиг списка влево/вправо */
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

.category-dropdown__list li {
    margin-bottom: 0px !important;
    text-align: left !important;
    padding-left: 0 !important;
}

/* 4. Ссылки пунктов */
.category-dropdown__list li a {
    font-size: 14px !important;
    color: #555555 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    
    display: block !important;    /* Занимает всю ширину строчки */
    text-align: left !important; /* Текст строго по левому краю */
    padding-left: 0 !important;  /* Сбрасываем внутренние отступы */
    margin-left: 0 !important;
    
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

.category-dropdown__list li a:hover {
    color: #ff7f00 !important;
}

/* Правая колонка с кнопкой "Все категории" */
.category-dropdown__col--last {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    margin-left: auto !important; /* Укатит кнопку в крайний правый угол широкого меню */
}
/* ========================================================
   ПОДСВЕТКА АКТИВНОЙ КАТЕГОРИИ ПРИ ОТКРЫТОМ МЕНЮ
   ======================================================== */

/* Когда мы водим мышкой по элементу ИЛИ по его выпадающему меню... */
.header__category-item:hover > a, 
.header__category-item:hover > .header__categoriesLink { 
    /* Замени #4a5b6c на нужный тебе цвет фона (как серый на твоем примере) */
    background-color: #4a5b6c !important; 
    
    /* Цвет текста активной кнопки делаем белым */
    color: #ffffff !important; 
    
    /* Скругляем верхние углы у кнопки, чтобы она бесшовно стыковалась с меню */
    border-radius: 4px 4px 0 0 !important; 
}

/*end of menu*/
/*cart*/
/* =====================================================
   ZOOGADGETY - MODERN CART
   PART 1
   ===================================================== */


/* --------------------------
   PAGE
-------------------------- */

body.woocommerce-cart{
    background:#f7f8fb;
}

.woocommerce-cart .site-main{
    padding:40px 0;
}

/* --------------------------
   CONTAINER
-------------------------- */
/* Контейнер корзины */

.wc-block-cart {

    display:flex !important;

    gap:40px;

    align-items:flex-start;

}

/* Левая колонка */

.wc-block-cart__main{

    flex:1 1 auto;

    min-width:0;

}

/* Правая */

.wc-block-cart__sidebar{

    flex:0 0 380px;

    width:380px;

    position:sticky;

    top:20px;

}
/* --------------------------
   RIGHT COLUMN
-------------------------- */

.wc-block-cart__sidebar{

    position:sticky;

    top:25px;

    background:#fff;

    border-radius:18px;

    border:1px solid #ececec;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

    padding:30px;
}

/* --------------------------
   REMOVE OLD BORDERS
-------------------------- */

.wc-block-cart-items{

    border:none;
}

.wc-block-cart-items__header{

    display:none;
}

/* --------------------------
   PRODUCT CARD
-------------------------- */

/* Карточка */

.wc-block-cart-items__row{

background:#fff;

border:1px solid #ececec;

border-radius:18px;

box-shadow:0 3px 12px rgba(0,0,0,.04);

overflow:hidden;

}

.wc-block-cart-items__row td{

padding:28px 22px;

vertical-align:middle;

border:none;

}
/* --------------------------
   IMAGE
-------------------------- */

.wc-block-cart-item__image{

    width:140px;

    margin:0;
}

.wc-block-cart-item__image img{

    width:140px;

    height:140px;

    object-fit:cover;

    border-radius:14px;

    border:1px solid #efefef;

    display:block;
}

/* --------------------------
   DESCRIPTION
-------------------------- */

/* Карточка */

.wc-block-cart-items__row{

background:#fff;

border:1px solid #ececec;

border-radius:18px;

box-shadow:0 3px 12px rgba(0,0,0,.04);

overflow:hidden;

}

.wc-block-cart-items__row td{

padding:28px 22px;

vertical-align:middle;

border:none;

}

/* --------------------------
   PRODUCT TITLE
-------------------------- */

.wc-block-components-product-name{

    font-size:18px;
    line-height:1.4;
    font-weight:500;
    color:#414141;
    text-decoration:none;
    margin-bottom:12px;
    transition:.2s;
}

.wc-block-components-product-name:hover{

    /*color:#6C47FF;*/
}

/* --------------------------
   META
-------------------------- */

.wc-block-components-product-metadata{

    font-size:15px;

    color:#777;

    margin-top:8px;
}

/* --------------------------
   PRICE
-------------------------- */

.wc-block-components-product-price{

    margin-top:18px;

    font-size:18px;

    font-weight:500;

    color:#222;
}

/* old price */

.wc-block-components-product-price del{

    color:#9b9b9b;

    font-size:16px;

    margin-right:10px;
}

/* sale */

.wc-block-components-product-price ins{

    text-decoration:none;

    color:#111;
}

/* --------------------------
   SALE BADGE
-------------------------- */

.wc-block-components-sale-badge{

    background:#6C47FF;

    color:#fff;

    border-radius:8px;

    padding:4px 10px;

    font-size:13px;

    font-weight:600;
}

/* --------------------------
   RIGHT SIDE OF PRODUCT
-------------------------- */
.wc-block-cart-item__total{

display:flex;

flex-direction:column;

align-items:flex-end;

justify-content:center;

height:100%;

gap:18px;

}
/* --------------------------
   TOTAL PRICE
-------------------------- */

.wc-block-cart-item__total-price-and-sale-badge-wrapper{

    font-size:28px;

    font-weight:700;

    margin-bottom:20px;
}

/* --------------------------
   SAVED
-------------------------- */

.wc-block-components-product-badge{

    margin-top:10px;
}

/* --------------------------
   REMOVE EXTRA SPACING
-------------------------- */

.wc-block-cart-item{

    padding:0;

    margin:0;
}

/* --------------------------
   LINKS
-------------------------- */

.wc-block-cart-item a{

    text-decoration:none;
}

.wc-block-cart-item a:hover{

    text-decoration:none;
}
/* =====================================================
   ZOOGADGETY - MODERN CART
   PART 2
   ===================================================== */


/* ======================================
   QUANTITY
====================================== */

.wc-block-cart-item__quantity{

display:flex;

flex-direction:column;

align-items:flex-end;

gap:15px;

margin-top:0;

}

/* Блок количества */

.wc-block-components-quantity-selector{

    display:flex !important;

    align-items:center;

    justify-content:space-between;

    width:150px;

    height:52px;

    border:1px solid #e4e4e4;

    border-radius:12px;

    background:#fff;

    overflow:hidden;

    box-shadow:none;

    transition:.2s;
}

.wc-block-components-quantity-selector:hover{

    border-color:#6C47FF;
}

/* Кнопки */

.wc-block-components-quantity-selector__button{

    width:46px;

    height:52px;

    border:none;

    background:#fff;

    font-size:22px;

    font-weight:700;

    color:#6C47FF;

    cursor:pointer;

    transition:.2s;
}

.wc-block-components-quantity-selector__button:hover{

    background:#f5f2ff;
}

/* Поле */

.wc-block-components-quantity-selector input{

    border:none !important;

    background:transparent !important;

    width:55px;

    text-align:center;

    font-size:18px;

    font-weight:500;

    color:#222;

    box-shadow:none !important;
}

/* ======================================
   REMOVE BUTTON
====================================== */

.wc-block-cart-item__remove-link{

margin-top:0;

font-size:15px;

opacity:.6;

}

.wc-block-cart-item__remove-link:hover{

opacity:1;

}
/* SVG */

.wc-block-cart-item__remove-link svg{

    width:18px;

    height:18px;
}

/* ======================================
   SIDEBAR
====================================== */

.wc-block-components-sidebar-layout{

    align-items:flex-start;
}

/* Заголовок */

.wc-block-components-totals-wrapper h2{

    font-size:28px;

    font-weight:700;

    color:#222;

    margin-bottom:25px;
}

/* ======================================
   TOTALS
====================================== */

.wc-block-components-totals-item{

    padding:18px 0;

    border-bottom:1px solid #efefef;

    font-size:17px;

    color:#444;
}

.wc-block-components-totals-item__label{

    font-weight:500;
}

.wc-block-components-totals-item__value{

    font-weight:500;

    color:#414141;
	margin-left: 10px;
}

/* ======================================
   FINAL TOTAL
====================================== */

.wc-block-components-totals-footer-item{

    border:none;
    padding-top:28px;
    font-size:18px;
    font-weight:500;
}

.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{

    font-size:18px;

    color:#414141;

    font-weight:500;
}

/* ======================================
   CHECKOUT BUTTON
====================================== */

.wc-block-cart__submit-button{

    width:100%;

    height:45px;

    border:none;

    border-radius:14px;

    background:#FF782C !important;

    color:#fff;

    font-size:18px;

    font-weight:500;

    transition:.25s;

    margin-top:30px;

    /*box-shadow:0 10px 25px rgba(108,71,255,.25);*/
}

.wc-block-cart__submit-button:hover{

    background:#FF782C !important;

    transform:translateY(-2px);

    box-shadow:0 5px 10px rgba(108,71,255,.35);
}

/* ======================================
   COUPON
====================================== */

.wc-block-components-panel{

    border:1px solid #ececec;

    border-radius:14px;

    overflow:hidden;

    margin-top:20px;
}

.wc-block-components-panel__button{

    padding:18px;

    font-size:16px;

    font-weight:600;
}

/* ======================================
   NOTICE
====================================== */

.wc-block-components-notice-banner{

    border-radius:14px;

    border:none;

    background:#eef9f1;

    color:#2d6b3f;

    margin-bottom:25px;
}

/* ======================================
   SHIPPING
====================================== */

.wc-block-components-shipping-rates-control{

    border-radius:14px;

    border:1px solid #ececec;

    padding:15px;
}

/* ======================================
   INPUTS
====================================== */

.wc-block-components-text-input input,

.wc-block-components-combobox input,

.wc-block-components-form-token-field input{

    height:48px;

    border-radius:10px;

    border:1px solid #ddd;

    font-size:15px;
}

.wc-block-components-text-input input:focus,

.wc-block-components-combobox input:focus{

    border-color:#6C47FF;

    box-shadow:0 0 0 3px rgba(108,71,255,.08);
}

/* ======================================
   PAYMENT BUTTON MOBILE
====================================== */

@media(max-width:991px){

    .wc-block-cart__submit-button{

        height:54px;

        font-size:17px;
    }

}
/* =====================================================
   ZOOGADGETY - MODERN CART
   PART 3
   ===================================================== */


/* ===========================================
   FREE SHIPPING BAR
=========================================== */

.zoogadgety-free-shipping{

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:16px;

    padding:18px 22px;

    margin-bottom:25px;
}

.zoogadgety-free-shipping-title{

    font-size:15px;

    font-weight:600;

    margin-bottom:12px;

    color:#333;
}

.zoogadgety-progress{

    width:100%;

    height:10px;

    background:#ececec;

    border-radius:20px;

    overflow:hidden;
}

.zoogadgety-progress span{

    display:block;

    width:65%;

    height:100%;

    background:linear-gradient(90deg,#00C26E,#6C47FF);

    border-radius:20px;
}


/* ===========================================
   PRODUCT CARD HOVER
=========================================== */

.wc-block-cart-items__row{

display: grid;
    grid-template-columns: 170px 1fr 180px;
    column-gap: 20px;
    align-items: center;
    padding: 0;
    background: #fff;
    border-radius: 18px;
    border: 1px solid #ececec;
    margin-bottom: 15px;
    min-height: 210px;
}

.wc-block-cart-items__row:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);
}


/* ===========================================
   IMAGE HOVER
=========================================== */
.wc-block-cart-item__image img{

width:150px;

height:150px;

object-fit:cover;

border-radius:14px;

}

.wc-block-cart-item__image:hover img{

    transform:scale(1.05);
}


/* ===========================================
   BUTTON HOVER
=========================================== */

.wc-block-cart__submit-button{

    transition:.3s;
}

.wc-block-cart__submit-button:hover{

    transform:translateY(-2px);

    box-shadow:0 15px 30px rgba(108,71,255,.30);
}


/* ===========================================
   RECOMMENDED PRODUCTS
=========================================== */

.zoogadgety-cart-upsells{

    margin-top:50px;
}

.zoogadgety-cart-upsells h2{

    font-size:30px;

    margin-bottom:25px;

    font-weight:700;
}

.zoogadgety-cart-products{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;
}

.zoogadgety-cart-product{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    padding:20px;

    transition:.25s;
}

.zoogadgety-cart-product:hover{

    box-shadow:0 15px 30px rgba(0,0,0,.06);

    transform:translateY(-4px);
}


/* ===========================================
   LOADER
=========================================== */

.wc-block-components-spinner{

    color:#6C47FF;
}


/* ===========================================
   BADGES
=========================================== */

.wc-block-components-sale-badge{

    background: #6839CC;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    padding: 5px 10px;
    width: 160px;
}


/* ===========================================
   NOTICE
=========================================== */

.wc-block-components-notice-banner{

    border-radius:14px;

    padding:16px 20px;
}


/* ===========================================
   MOBILE
=========================================== */

@media (max-width:991px){

.wc-block-cart{

display:block !important;

}

.wc-block-cart__sidebar{

position:relative;

top:auto;

margin-top:30px;

}

.wc-block-cart-items__row{

display:block;

padding:20px;

}

.wc-block-cart-item__image{

width:100%;

text-align:center;

margin-bottom:20px;

}

.wc-block-cart-item__image img{

width:150px;

height:150px;

margin:auto;

}

.wc-block-cart-item__total{

align-items:flex-start;

margin-top:20px;

}

.wc-block-cart-item__quantity{

align-items:flex-start;

margin-top:20px;

}

.wc-block-components-product-name{

font-size:18px;

font-weight:700;

line-height:1.45;

margin-bottom:15px;

display:block;

max-width:520px;

}

.wc-block-components-product-price{

font-size:24px;

}

.wc-block-cart__submit-button{

height:56px;

font-size:18px;

}

}


/* ===========================================
   SMALL MOBILE
=========================================== */

@media (max-width:576px){

.wc-block-cart-items__row{

padding:18px;

border-radius:14px;

}

.wc-block-cart-item__image img{

width:120px;

height:120px;

}

.wc-block-components-product-name{

font-size:18px;

}

.wc-block-components-product-price{

font-size:22px;

}

.wc-block-components-quantity-selector{

width:130px;

}

.wc-block-cart__sidebar{

padding:20px;

}

}


/* ===========================================
   SMOOTH ANIMATION
=========================================== */

.wc-block-cart *{

transition:background .25s,
color .25s,
border-color .25s,
box-shadow .25s;
}


/* ===========================================
   REMOVE DEFAULT SHADOWS
=========================================== */

.wc-block-cart *{

box-shadow:none;
}

.wc-block-cart__sidebar{

box-shadow:0 10px 35px rgba(0,0,0,.06);
}


/* ===========================================
   BORDER RADIUS
=========================================== */

.wc-block-cart input,

.wc-block-cart button,

.wc-block-cart select{

border-radius:12px;
}


/* ===========================================
   END
=========================================== */

/* end of cart*/