:root {
	--vildis-dark: #1a1a1a;
	--vildis-text: #333333;
	--vildis-muted: #6b7280;
	--vildis-light-bg: #f5f5f5;
	--vildis-border: #e5e5e5;
	--vildis-accent: #2d2d2d;
	--vildis-accent-hover: #444444;
	--vildis-white: #ffffff;
	--vildis-green: #4caf50;
}


/* Универсальный класс для плавных кнопок */
.uni-btn-smooth {
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
    will-change: transform, background-color;
}

/* Эффекты */
.uni-btn-smooth:hover {
    transform: translateY(-2px);
}

.uni-btn-smooth:active {
    transform: translateY(0);
}








#logo .cls-logo {
	fill: #000;
	color: #000;
	/* width: 224px;
	height: 36px;*/
}

body.bg-home .cls-logo,
body.bg-home #logo .cls-logo {
	fill: #f4f4f4;
	color: #f4f4f4;
	/* width: 224px;
	height: 36px;*/
}











/* ===== LOADING SCREEN ===== */
.loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: var(--color-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 24px;
	transition: opacity 0.6s var(--transition-smooth), visibility 0.6s;
}

.loader.hidden {
	opacity: 0;
	visibility: hidden;
}

.loader__logo {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: var(--color-white);
}

.loader__bar {
	width: 120px;
	height: 2px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	overflow: hidden;
}

.loader__bar-fill {
	height: 100%;
	width: 0%;
	background: var(--color-primary);
	border-radius: 2px;
	animation: loaderFill 1.2s var(--transition-smooth) forwards;
}

@keyframes loaderFill {
	0% { width: 0%; }
	100% { width: 100%; }
}	

/****************************************/	

#top{/*background:#282182;*/padding:.75rem 0;position:relative;/*z-index:12201;*/height:40px}
#top .sc-top-btn{height:20px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;width:20px;line-height: 1.15;}
#top .sc-btn-icon{background:#fff}
#top .sc-top-btn svg {fill:#151515;}

#mobile-menu-button.sc-top-btn svg {fill:#600A00;}

#top .sc-dropdown-inner{min-width:240px}
#top .sc-dropdown-toggle{color:#fff}
#top .sc-dropdown-toggle:after{background:#fff}
.top-left li:not(:last-child){margin-right:1rem}
.top-left li a{
	text-transform: none;
	color: #151515;
	font-size: 14px;
	transition: .4s;	
}
.top-left li a:hover{
	color: #600A00; 
	
}
.top-right .sc-dropdown-toggle{color:#fff}
.top-right .sc-dropdown-toggle:after{background:#fff}
.top-right .dropdown>button:hover, #form-language .btn-group>button:hover, #form-currency .btn-group>button:hover {color: #600A00;}
.top-right .dropdown>button:hover svg, #form-language .btn-group>button:hover svg, #form-currency .btn-group>button:hover svg {fill: #600A00;}
.top-right .dropdown>button, #form-language .btn-group>button, #form-currency .btn-group>button {
	color: #151515;
	font-size: 14px;
	font-weight: 400;
	transition: .4s;
}
.top-right svg {fill: #151515;transition: .4s;}
.top-right svg {top: -3px;position: relative;}
.top-right a.link-whatsapp {margin-right: 10px;}
.top-right li a.link-whatsapp:hover {
	color: #600A00;
}
.top-right li a.link-telegram:hover {
	color: #600A00;
}

.top-right a {color: #333;font-size: 14px;transition: .4s;}
.top-right button {color: #333;font-size: 14px;transition: .4s;}
.top-right .link-whatsapp-text {
	color: #151515;
	font-size: 14px;
	font-weight: 400;
	transition: .4s;
}
.top-right .link-telegram-text {
	color: #151515;
	font-size: 14px;
	font-weight: 400;
	transition: .4s;
}

.top-right li a.link-whatsapp:hover  .link-whatsapp-text {color: #600A00;}
.top-right li a.link-telegram:hover .link-telegram-text {color: #600A00;}
.top-right li a.link-whatsapp:hover  svg {fill: #600A00;}
.top-right li a.link-telegram:hover svg {fill: #600A00;}

.top-right .btn-link {text-decoration: none;}
.top-right .uni-dropd-mm > button:focus,
.top-right .uni-dropd-mm > button:hover,
.top-right .uni-dropd-mm > ul a:focus,
.top-right .uni-dropd-mm > ul a:hover {
	/*color: #fff;*/
	text-decoration: none;
	background: #f5f5f5;
}

#form-currency .uni-dropd-mm,
#form-language .uni-dropd-mm,
.sc-dropdown-phone .uni-dropd-mm,
.sc-dropdown-login .uni-dropd-mm {
	border:none;
	background: #fff;
	-webkit-box-shadow: 0 2px 8px rgba(40,41,61,.04),0 16px 24px rgba(96,97,112,.16);
	box-shadow: 0 2px 8px rgba(40,41,61,.04),0 16px 24px rgba(96,97,112,.16);
}

.user-dropdown-menu i {color:#600A00;font-size: 12px;}


#top .us-working-hours span,
#top .us-top-center-address {
	color:#fff;
}



.header{/*background:#fff;border-bottom:1px solid #F7F7F7;*//*z-index:1010;*//*position:fixed;*//*-webkit-box-shadow:0 -2px 8px rgba(96,97,112,.16);box-shadow:0 -2px 8px rgba(96,97,112,.16)*/}
@media(max-width:767.98px){
	#top{/*position:sticky;*/top:0;/*z-index:1020*/}
	
	/*.top-left{width:100%}*/
	/*.header{bottom:0;left:0;right:0;z-index:12100}*/
}
@media(min-width:768px)and (max-width:1199.98px){
	/*.header{height:56px}*/
}
@media(min-width:768px){
	#top{/*padding:.5rem 0;*//*height:50px*/}
	.header:not(.with-slideshow){
		/*position:sticky;*/
	top:0;/*z-index: 12100;*/}
	.header.with-slideshow{position:relative;z-index:1}
}
@media(min-width:1200px){
	
	.header{-webkit-box-shadow:0 2px 30px 10px rgba(96,97,112,.04);box-shadow:0 2px 30px 10px rgba(96,97,112,.04)}
}
.header .sc-btn-icon-catalog{width:1rem;height:1rem}
.header-search{/*padding:0 1rem 0 0;*//*z-index:1*/}
.header-search #search,.header-search-box{max-width:100%}

@media(min-width:1200px){
	#search.search-old {
		/*border: 2px solid #600A00;*/
		border-radius: 4px;
	}
}

.header-search .form-control{
	
	background: #E7EDF5;
	border: 1px solid rgba(16, 33, 59, 0.15);
	font-size:16px;
	color:#000;
	height:48px;
	border-radius:8px;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
#sc_sidebar_content .form-control{
	background:#F7F7F7;border: 1px solid #d3d2d2;font-size:.75rem;color:#151515;height:48px;border-radius: .5rem;padding-top: .5rem;
	padding-bottom: .5rem;padding-right: 1rem;padding-left: 1rem;	
	
}
.header-search .form-control::-webkit-input-placeholder{font-size:.75rem;color:#8f90a6}
.header-search .form-control::-moz-placeholder{font-size:.75rem;color:#8f90a6}
.header-search .form-control:-ms-input-placeholder{font-size:.75rem;color:#8f90a6}
.header-search .form-control::-ms-input-placeholder{font-size:.75rem;color:#8f90a6}
.header-search .form-control::placeholder{font-size:14px;color:#999}
.header-search .sc-btn-with-icon{position:absolute;z-index:2;top: 1.15rem;bottom:0;right:0;background:rgba(0,0,0,0);border:0}
.header-search .sc-btn-with-icon:hover{background:rgba(0,0,0,0)}
.header-search .sc-btn-with-icon:hover .sc-btn-icon{background:#600A00}
/*.header-buttons .sc-btn-icon{width:16px;height:16px}*/
.header-buttons .sc-btn-icon{width:21px;height:21px}
.header-buttons .sc-btn-icon-catalog{background:#600A00}
.header-buttons .sc-btn{position:relative;/*height:38px*/}

.header-buttons .sc-btn.header-buttons-cart{color:#8f90a6;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-cart svg{fill:#151515;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-wishlist{color:#8f90a6;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-wishlist svg{fill:#151515;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-compare{color:#8f90a6;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-compare svg{fill:#151515;transition: .4s;line-height: 1.15;}

.header-buttons .sc-btn.header-buttons-search{color:#151515;transition: .4s;line-height: 1.15;}
.header-buttons .sc-btn.header-buttons-search svg{fill:#151515;transition: .4s;line-height: 1.15;}

.header-buttons .sc-btn.header-buttons-cart:hover{color:#600A00;}
.header-buttons .sc-btn.header-buttons-cart:hover svg{fill:#600A00;}
.header-buttons .sc-btn.header-buttons-wishlist:hover{color:#600A00;}
.header-buttons .sc-btn.header-buttons-wishlist:hover svg{fill:#600A00;}
.header-buttons .sc-btn.header-buttons-compare:hover{color:#600A00;}
.header-buttons .sc-btn.header-buttons-compare:hover svg{fill:#600A00;}

.header-buttons .sc-btn.header-buttons-search:hover{color:#600A00;}
.header-buttons .sc-btn.header-buttons-search:hover svg{fill:#600A00;}


.header-buttons .sc-btn:not(:first-child){padding-left:.5rem !important;/*border-left:1px solid #f2f2f5*/}
.header-buttons .sc-btn:not(:last-child){padding-right: .5rem !important;}
.header-buttons .sc-btn.header-buttons-catalog,.header-buttons .sc-btn:hover{/*color:#F3A324*/}

.header-buttons .sc-btn:hover .sc-btn-icon{background:#F3A324}
@media(max-width:359px){.header-buttons .sc-btn span.mt-1{display:none}
}
.header-buttons-cart-quantity{display:block;min-width:1rem;background-color:#28992a;font-weight:600;font-size:10px;height:1rem;line-height:1rem;border-radius:1rem;position:absolute;top:5px;right:calc(50% - 18px);color:#fff}
.sc-livesearch{background:#F5F5F5;max-height:0;overflow:hidden;-webkit-transition:max-height .2s;-o-transition:max-height .2s;transition:max-height .2s;z-index:1040;position:absolute;top: 52px;}
#sc_sidebar_content .sc-livesearch{position:relative;top: 0;}

/*@media(max-width:991.98px){*/
@media(max-width:1199.98px){
	#search{padding:1rem;position:relative;/*height:100%*/}
	/*#search .form-control{height:auto!important}*/
	#sc-search-button{position:absolute;z-index:2;top: 1.8875rem;right:1.55rem;background:rgba(0,0,0,0);border:0}
	#sc-search-button:hover{background:rgba(0,0,0,0)}
	#sc-search-button:hover .sc-btn-icon{background:#484242;}
	.sc-livesearch{inset:70px 0 0 0}
	.sc-livesearch-close{display:none!important}
}

@media(max-width:767.98px){.header-buttons{width:100%}
	.header-buttons>*{/*-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1*/}
	.header-buttons-catalog{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
	.header-buttons-viewed{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
	.header-buttons-cart{/*-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;*//*padding-right:1rem!important;padding-left:1rem!important*/}
	.header-buttons-compare{/*-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3*/}
	.header-buttons-wishlist{/*-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;*/padding-right:0!important}
	
}
/*.sc-livesearch.expanded{max-height:100%}*/
.sc-livesearch.expanded{max-height:580px}
@media(min-width:768px){.header-buttons .sc-btn:not(:first-child){padding-left:1rem}
	.header-buttons .sc-btn:not(:first-child).header-buttons-account{border-left:0}
	.header-buttons .sc-btn:not(:last-child){padding-right:1rem}
	.sc-livesearch{width:100%;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}
	.sc-livesearch.expanded{max-height:580px}
}
.sc-livesearch-close{position:absolute;top:38px;right:0;width:40px;height:40px!important;background:#600A00;color:#fff;opacity:0;padding:0!important;text-align:center;line-height:40px;cursor:pointer;z-index:1041;border-top-right-radius:6px;border-bottom-right-radius:6px}
.sc-livesearch-close span{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:25px;height:25px;background:#fff;display:block;pointer-events:none;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-o-transition:transform .4s;transition:transform .4s,-webkit-transform .4s;-webkit-mask-image:url(../img/sprite.svg#include--close-icon);mask-image:url(../img/sprite.svg#include--close-icon)}

/*.sc-livesearch-close.visible{opacity:1}*/

.multi-search-header__close{opacity:0}
.multi-search-header__close.visible{opacity:1}

.sc-livesearch-close:hover span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sc-livesearch-list{padding:1rem 1rem 0;max-height: 530px;overflow-y:auto;min-height:100px}

@media(min-width:768px){.sc-livesearch-close{right:-40px}
	.sc-livesearch-list{padding:1rem .5rem 0 1rem;max-height:560px}
}
.sc-livesearch-list .content-block{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto!important;position:relative}
.sc-livesearch-list .sc-module-img{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;max-width:100px;-ms-flex-item-align:center;align-self:center}
.sc-livesearch-list .sc-module-caption{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 100px);flex:0 0 calc(100% - 100px);max-width:calc(100% - 100px);padding-left:1rem}
.sc-livesearch-list .sc-module-price-box{padding-bottom:0!important;padding-right:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sc-livesearch-list .sc-module-price-box .price-tax{margin-bottom:.25rem}
.sc-livesearch-list .sc-module-cart .sc-btn-primary{position:absolute;right:1rem;bottom:1rem}
.sc-livesearch-list .sc-module-cart .sc-btn-text{display:none}
.sc-livesearch-btn{border-top:1px solid #F7F7F7}
.sc-loader{width:1rem;height:1rem;border-radius:50%;background-color:#7f7f7f;-webkit-box-shadow:2rem 0 #606060,-2rem 0 #555;box-shadow:2rem 0 #606060,-2rem 0 #555;position:relative;-webkit-animation:.5s ease-out infinite alternate flash;animation:.5s ease-out infinite alternate flash}
.sc-loader-overlay{position:fixed;z-index:19999;top:0;right:0;bottom:0;left:0}
@keyframes flash{0%{background-color:rgba(255,255,255,.1333333333);-webkit-box-shadow:2rem 0 rgba(255,255,255,.1333333333),-2rem 0 #292828;box-shadow:2rem 0 rgba(255,255,255,.1333333333),-2rem 0 #292828}
	50%{background-color:#292828;-webkit-box-shadow:2rem 0 rgba(255,255,255,.1333333333),-2rem 0 rgba(255,255,255,.1333333333);box-shadow:2rem 0 rgba(255,255,255,.1333333333),-2rem 0 rgba(255,255,255,.1333333333)}
	100%{background-color:rgba(255,255,255,.1333333333);-webkit-box-shadow:2rem 0 #292828,-2rem 0 rgba(255,255,255,.1333333333);box-shadow:2rem 0 #292828,-2rem 0 rgba(255,255,255,.1333333333)}
}

/********************************************/

.g-header-wrap.umm {margin-bottom: 175px;}
.g-header-wrap.no-umm {margin-bottom: 175px;}

@media (max-width: 1400px) {
	
}

@media (max-width: 1200px) {
	
}
@media (max-width: 991.99px) {
	.g-header-wrap.umm {margin-bottom: 125px;}
	.g-header-wrap.no-umm {margin-bottom: 125px;}
}

@media (max-width: 767.99px) {
	.g-header-wrap.umm {margin-bottom: 105px;}
	.g-header-wrap.no-umm {margin-bottom: 105px;}
}
@media (max-width: 576px){
	.g-header-wrap.umm {margin-bottom: 95px;}
	.g-header-wrap.no-umm {margin-bottom: 95px;}
}

.g-header .h-panel-top.scrolled {
	pointer-events: none;
	opacity: 0;
	transition: margin-top .2s ease,opacity .2s 0s;
}
.g-header .h-panel-hide {
	position: relative;
	opacity: 1;
	transition: margin-top .2s ease,opacity .2s .1s;
	min-height: 85px;
}

.g-header .h-panel-search {
	height: 85px;
	position: relative;
}	
@media(max-width:767.98px){
	
	.g-header .h-panel-hide {
		min-height: 65px;
	}
	
	.g-header .h-panel-search {
		height: 65px;
		position: relative;
	}
	
}

@media(max-width:575.98px){
	
	.g-header .h-panel-hide {
		min-height: 55px;
	}
	
	.g-header .h-panel-search {
		height: 55px;
		position: relative;
	}
	
}

.g-header .h-panel-nav {
	height: 50px;
	/*background: #1955a6;*/
	background: linear-gradient(90deg, #163B73 0%, #1E4F95 100%);
	opacity: 1;
	transition: margin-top .2s ease,opacity .2s .1s;
	transform: translateZ(0);
	/*top: -5px;*/
	top: 0;
	position: relative;
	z-index: 0;
}

.mm-opened .g-header .h-panel-nav {
	pointer-events: none;
	opacity: 0;
	margin-top: -40px !important;
	transition: margin-top .2s ease,opacity .1s 0s;
}



.g-header .h-panel-nav.scrolled {
	pointer-events: none;
	opacity: 0;
	transition: margin-top .2s ease,opacity .2s 0s;
}


/** header css **/
.g-header {
	/*position: fixed;*/
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	
	
	background: #f8f9fa;
  	opacity: 1;
	/*box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);*/
	box-shadow: 0 0 27px 0 rgba(5,6,6,0.22);
}


.g-header .h-panel-top {
	position: relative;
	/*z-index: 7;*/
	/*background: #1F3950;*/
	background: #F8FAFC;
	border-bottom: 1px solid rgba(15,23,42,0.06);
	height: 40px;
	transition: margin-top .2s ease,opacity .2s .1s;
	transform: translateZ(0);
	align-items: center;
	display: flex;
}


.g-header .h-panel-hide {
	position: relative;
	opacity: 1;
	transition: margin-top .2s ease,opacity .2s .1s;
}

/*
*, ::after, ::before {
	box-sizing: border-box;
	outline: 0 !important;
}
*/

.g-main {
	padding-top: 175px;
	margin-bottom: auto;
}

.g-mm-top {
	top: 125px;	
}

.g-mm {
	/* position: absolute;*/
	position: relative;
	z-index: 800;
	left: 0;
	/*top: 125px;*/
	/* overflow: hidden;*/
	width: 100%;
	background: #fff;
	/* display: none;*/
	border-top: 1px solid rgba(35,31,32,.05);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	visibility: hidden;
	transition: transform .25s .15s ease;
}


.g-mm.active, .g-mm-overlap.active {
	display: block;
	visibility: visible;
}

.g-header .h-search {
	-ms-flex: auto;
	flex: auto;
	/*max-width: 685px;*/
}

.multi-search {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: calc(100% - 300px);
	/*	background: #fff;*/
	padding: 18px 0 2px;
	margin-left: 15px;
}
.multi-search-header {
	width: 100%;
}


.multi-search-header__form {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #d3d2d2;
	border-radius: 8px;
	transition: border-color .15s ease;
	background: #fff;
}

.multi-search-header__close {
	/*display: block;*/
	/*width: 16px;
	height: 16px;*/
	border-radius: 50%;
	border: none;
	padding: 0;
	transition: color .2s ease;
	position: absolute;
	top: 15px;
	right: 60px;
	color: #000;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	background: none;
}

#sc_sidebar_content .multi-search-header__close {
	top: 30px;
	right: 80px;	
	
}




.multi-search-header__controls button + button {
	margin-left: 12px;
}
.multi-search-header__controls button {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.multi-search-header__submit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*	width: 40px;
	height: 15px;*/
	color: #231f20;
	fill: #bbb;
	border: none;
	background: 0 0;
	padding: 0;
	cursor: pointer;
	
	top: 11px;
	right: 15px;
	position: absolute;
}

.multi-search-header__submit svg {
	fill: #bbb;
}
.inp {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	margin: 0;
	width: 100%;
	height: 40px;
	/*background: #fff;*/
	background: none;
	color: #231f20;
	/*font-family: "Segoe UI",Helvetica,Arial,sans-serif;*/
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: normal;
	text-transform: none;
	border: 1px solid #d3d2d2;
	border-radius: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: none;
}

.inp.inp--lg {
	height: 48px;
	font-size: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
}
.multi-search-header__form .inp {
	border: none;
}




/*
*, *::before, *::after {
	box-sizing: border-box;
}

body {
	font-family: 'Inter', sans-serif;
	color: var(--vildis-text);
	line-height: 1.6;
}
*/
/* ===== HEADER WRAPPER ===== */
/* .g-header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	background: var(--vildis-white);
}*/

/* ===== TOP PANEL ===== */
.h-panel-top {
	/*background: var(--vildis-dark);*/
	color: #64748B;
	font-size: 14px;
	transition: transform 0.3s ease;
	font-weight: 400;
}

.h-panel-top a {
	color: #64748B;
	text-decoration: none;
	transition: color 0.2s;
}

.h-panel-top a:hover {
	color: #2563EB;
	opacity: 0.98;
}

.top-left-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.top-right-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.top-icon-btn {
	background: none;
	border: none;
	color: #333;
	cursor: pointer;
	padding: 4px;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s;
}

.top-icon-btn:hover {
	color: #fff;
}

.top-icon-btn svg {
	width: 18px;
	height: 18px;
}

.mobile-menu-btn {
	background: none;
	border: none;
	color: #333;
	cursor: pointer;
	padding: 4px;
	display: none;
	align-items: center;
}

.mobile-menu-btn svg {
	width: 20px;
	height: 20px;
}

/* ===== MIDDLE PANEL ===== */
.h-panel-mid {
	/*background: var(--vildis-white);
	border-bottom: 1px solid var(--vildis-border);*/
}

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

.header-logo-icon {
	width: 40px;
	height: 40px;
	border: 2px solid #f3f3f3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.header-logo-icon svg {
	width: 20px;
	height: 20px;
	fill: #f3f3f3;
}

.header-logo-text {
	display: flex;
	flex-direction: column;
}

.header-logo-name {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.2;
}

.header-logo-desc {
	font-size: 0.62rem;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Search */
.header-search {
	position: relative;
	flex: 1;
	/*max-width: 500px;*/
}

.header-search input {
	width: 100%;
	height: 40px;
	border: #333;
	background: #1f2c45;
	padding: 0 44px 0 14px;
	font-size: 0.88rem;
	font-family: 'Inter', sans-serif;
	border-radius: 4px;
	color: #A0A0A0;
}

.header-search input:focus {
	border-color: #1955a6;
	outline: none;
}

.header-search-btn {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border: none;
	background: var(--vildis-accent);
	color: var(--vildis-white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.2s;
}

.header-search-btn:hover {
	background: var(--vildis-accent-hover);
}

.header-search-btn svg {
	width: 18px;
	height: 18px;
}

/* Header buttons */
.header-action-btn {
	position: relative;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: color 0.2s;
	text-decoration: none;
}

.header-action-btn:hover {
	color: var(--vildis-dark);
}

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

.header-action-btn__label {
	font-size: 0.68rem;
	margin-top: 2px;
	white-space: nowrap;
}

.header-action-btn__badge {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	background: var(--vildis-green);
	color: var(--vildis-white);
	font-size: 0.65rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.header-phone {
	display: flex;
	align-items: center;
	gap: 8px;
}

.header-phone svg {
	width: 20px;
	height: 20px;
}

.header-phone__number {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 0.95rem;
	color: #fff;
	text-decoration: none;
}

.header-phone__label {
	font-size: 0.65rem;
	color: #f3f3f3;
}











/* ===== MOBILE MENU ===== */
/*.mobile-nav-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1050;
}

.mobile-nav-overlay.active {
	display: block;
}

.mobile-nav-drawer {
	position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	background: var(--vildis-white);
	z-index: 1060;
	transition: left 0.3s ease;
	overflow-y: auto;
}

.mobile-nav-drawer.active {
	left: 0;
}

.mobile-nav-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid var(--vildis-border);
}

.mobile-nav-close {
	background: none;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
	color: var(--vildis-muted);
	padding: 0 4px;
}

.mobile-nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-nav-list > li {
	border-bottom: 1px solid var(--vildis-border);
}

.mobile-nav-list > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	color: var(--vildis-text);
	text-decoration: none;
	font-size: 0.92rem;
	font-weight: 500;
	transition: background 0.2s;
}

.mobile-nav-list > li > a:hover {
	background: var(--vildis-light-bg);
}

.mobile-sub-arrow {
	transition: transform 0.3s ease;
}

.mobile-nav-list > li.open > a .mobile-sub-arrow {
	transform: rotate(180deg);
}

.mobile-submenu {
	display: none;
	background: var(--vildis-light-bg);
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-nav-list > li.open > .mobile-submenu {
	display: block;
}

.mobile-submenu li a {
	display: block;
	padding: 10px 16px 10px 28px;
	color: var(--vildis-muted);
	text-decoration: none;
	font-size: 0.85rem;
	transition: all 0.2s;
}

.mobile-submenu li a:hover {
	color: var(--vildis-dark);
	background: var(--vildis-white);
	padding-left: 32px;
}

.mobile-submenu .mobile-submenu {
	background: var(--vildis-white);
}

.mobile-submenu .mobile-submenu li a {
	padding-left: 40px;
}

*/








/* ===== RESPONSIVE ===== */
@media (max-width: 991.98px) {
	.h-panel-nav {
        display: none !important;
	}
	
	.mobile-menu-btn {
        display: flex;
	}
	
	.header-phone .header-phone__label {
        display: none;
	}
	
	.header-action-btn__label {
        display: none;
	}
	
	.header-action-btn {
        padding: 6px;
	}
	
	.h-panel-top {
        transition: transform 0.3s ease;
	}
}

@media (max-width: 575.98px) {
	.header-logo-desc {
        display: none;
	}
	
	.header-logo-name {
        font-size: 0.95rem;
	}
}

/* ===== DEMO CONTENT ===== */
.demo-content {
	padding: 40px 0;
}

.demo-section {
	padding: 40px 0;
	border-bottom: 1px solid var(--vildis-border);
}

.demo-section h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.demo-section p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: var(--vildis-muted);
}









/* ===== Логотип: базовые стили ===== */
/*#logo .uni-logo-svg {
	display: block;
	color: #2196F3;
	transition: color 0.2s ease;
}*/

/* Убираем лишние отступы у SVG, если есть */
/*#logo .uni-logo-svg path,
	#logo .uni-logo-svg polygon {
	transition: fill 0.2s ease;
}*/

/* ===== Главная страница — белый логотип ===== */
/*body.bg-home #logo .uni-logo-svg {
	color: #ffffff;
}*/

/* ===== Категории и товары — синий логотип ===== */
/*body.bg-product-category #logo .uni-logo-svg,
	body.bg-product-product #logo .uni-logo-svg,
	body.bg-product-manufacturer #logo .uni-logo-svg {
	color: #2196F3; 
}*/

/* ===== Информация, статьи, кастомные страницы ===== */
/*body.information-information #logo .uni-logo-svg,
	body.blog-article #logo .uni-logo-svg {
	color: #2196F3;
}*/

/* ===== Кастомные страницы с переменной ===== */
/* В контроллере страницы задайте: $data['logo_color'] = '#FF6B6B'; */
/* В шаблоне страницы добавьте: <style>#logo .uni-logo-svg { color: {{ logo_color }}; }</style> */

/* ===== Адаптив: уменьшаем логотип на мобильных ===== */
/*@media (max-width: 767px) {
	#logo .uni-logo-svg {
    width: 180px;
    height: 28px;
	}
	}
	
	@media (max-width: 480px) {
	#logo .uni-logo-svg {
    width: 140px;
    height: 22px;
	}
}*/



@media(max-width:991.98px){
	#logo img{width: 160px;}
}

@media(max-width:767.98px){
	#logo img{width: 150px;}
}
@media(max-width:419.98px){
	#logo img{width: 148px;}
}

@media(max-width:399.98px){
	#logo img{width: 145px;}
}

.scrolled #logo img{
	/*max-width: 85%;*/
}




/**************************/

.uni-logo-img-text {
	/*color: #151515;*/
	color: #1955a6;
	font-size: 17px;
	font-weight: 600;
	/*text-transform: uppercase;	*/
	line-height: 18px;
}

.uni-logo-img-text .letter-highlight {
	color: #B0976D; /* Светлый кремовый */
}



.uni-logo-img-desc {
	/*color: #600A00;*/
	color: #64748b;
	opacity: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}


.uni-logo-text {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
}
@media(min-width:576px){
	.uni-logo-img-text {font-size: 18px;font-weight: 600;}
	.uni-logo-img-desc {font-size: 13px;font-weight: 500;}
	.uni-logo-text {
		font-size: 32px;
	}
}
@media(min-width:768px) {
	.uni-logo-img-text {font-size: 20px;font-weight: 600;}
	.uni-logo-img-desc {font-size: 13px;font-weight: 500;}	
	.uni-logo-text {	
		font-size: 34px;
	}
}
@media(min-width:992px) {
	.uni-logo-img-text {font-size: 38px;font-weight: 600;line-height: 36px;}
	.uni-logo-img-desc {font-size: 13px;font-weight: 500;line-height: 14px;}	
	.uni-logo-text {
		font-size: 38px;
	}
}

@media(min-width:1200px) {
	.uni-logo-img-text {font-size: 40px;font-weight: 800;line-height: 38px;}
	.uni-logo-img-desc {font-size: 14px;font-weight: 500;line-height: 14px;}	
	.uni-logo-text {
		font-size: 38px;
	}
}











/* Градиент для названия и описания логотипа */
.uni-logo-img-text-555,
.uni-logo-img-desc-555 {
	/* Основные цвета из вашего логотипа */
	--color-dark: #004285;
	--color-mid: #008bd0;
	--color-bright: #009ee0;
	
	/* Применяем градиент как фон */
	background: linear-gradient(90deg, var(--color-dark), var(--color-bright));
	
	/* «Обрезаем» фон по контуру текста */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	
	/* Технические настройки */
	display: inline-flex; /* Сохраняет flex-контейнер, но не ломает текст */
	margin: 0; /* Сброс отступов <p> для точного позиционирования */
	
}

/* Для описания можно сделать градиент чуть мягче */
.uni-logo-img-desc-555 {
	opacity: 0.9; /* Или используйте более светлый градиент */
	
}

/* 🔹 Фолбэк для старых браузеров (без поддержки градиентного текста) */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.uni-logo-img-text-555,
	.uni-logo-img-desc-555 {
		background: none;
		-webkit-text-fill-color: initial;
		color: var(--color-dark); /* Фолбэк-цвет */
	}
}

.uni-logo-img-text-555,
.uni-logo-img-desc-555 {
	/* Вертикальный градиент: темный → светлый → темный */
	background: linear-gradient(
    180deg,
    #004285 0%,      /* Темный сверху */
    #009ee0 40%,     /* Светлый переходит */
    #66ccff 50%,     /* Белый блик в центре */
    #009ee0 60%,     /* Светлый переходит */
    #004285 100%     /* Темный снизу */
	);
	
	/* background: linear-gradient(
		180deg,
		#003a75 0%,
		#0066aa 35%,
		#66ccff 50%, 
		#0066aa 65%,
		#003a75 100%
	);*/
	
	
	
	/* Применяем градиент к тексту */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	
	/* Обязательно для работы */
	display: inline-block;
	margin: 0;
}


/******************************/

.g-header {
	background-color: #f8f9fa; /* Цвет фона сайта */
}







.sc-dropdown-login svg {
	
color: #64748b;	
}


/*********************************************/

/* ===== COMPACT LANGUAGE/CURRENCY SELECTORS ===== */
.header-selector {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
}

.btn-selector {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 6px;
  min-height: 20px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: transparent;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: none;
}

.btn-selector:hover,
.btn-selector[aria-expanded="true"] {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #1e293b;
}

/* Элементы внутри кнопки */
.selector-flag {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.selector-flag img {
  display: block;
  border-radius: 2px;
  opacity: 0.9;
}

.selector-symbol {
  font-weight: 600;
  font-size: 14px;
}

.selector-code {
  font-size: 11px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.selector-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #94a3b8;
  transition: transform 0.2s;
}

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

/* ===== DROPDOWN MENU ===== */
.selector-dropdown {
  min-width: 160px;
  padding: 6px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  margin-top: 6px;
}

.selector-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #334155 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
  line-height: 1.15;
  margin: 0;
}

.selector-item:hover {
  background: #f1f5f9 !important; 
  color: #1e293b !important;
}

.selector-item.active {
  background: #eff6ff;
  color: #1e40af;
  font-weight: 500;
}

.selector-item-name {
  flex: 1;
}

.selector-check {
  color: #10b981; /* зелёная галочка */
  font-weight: 600;
  font-size: 14px;
}

/* Адаптив: ещё компактнее на мобильных */
@media (max-width: 768px) {
  .btn-selector {
    padding: 5px 8px;
    min-height: 32px;
  }
  .selector-code {
   /* display: none;*/ /* скрываем код на мобильных, оставляем только флаг/символ */
  }
  .header-selector {
    margin-left: 2px;
  }
}

/* Убираем стандартные стили Bootstrap, которые могут конфликтовать */
.btn-link {
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: none;
}

.act-panel {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

.act-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background .2s;
  text-decoration: none;
  background: none;
  border: none;
  font-family: inherit;
  line-height: 1.5;
  position: relative;
}

.act-item:hover {
  background: #E7EDF5;
}
.act-item svg {
  color: #A5A5A5;
}

.act-item__lbl {
  font-size: 13px;
  font-weight: 500;
  color: #767676;
  white-space: nowrap;
}


/**************************************/

/* ================================================================
	ХЕДЕР — TOP BAR
================================================================ */
.top-bar{background:#ffffff;border-bottom:1px solid #f5f5f5;height:40px;position:fixed;top:0;left:0;right:0;z-index:220;transform:translateY(-100%);transition:transform .25s ease;display: flex;align-items: center;}
.top-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%}
.city-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;font-family:inherit;border-radius:4px;flex-shrink:0}
.city-btn:focus-visible{outline:2px solid #05a550;outline-offset:3px}
.city-text{font-size:14px;font-weight:500;color:var(--dark)}
.city-confirm-info{font-size:14px;font-weight:500;color:var(--dark);gap: 5px;}
/* Top-nav: priority navigation */
.top-menu{display:flex;align-items:center;justify-content:center;gap:0;flex:1;min-width:0;overflow:visible;position:relative}
.top-menu a[data-nav-item]{
	font-size:15px;color:var(--mid);transition:color .15s;
	display:inline-flex;align-items:center;gap:4px;
	white-space:nowrap;border-radius:2px;
	padding:0 10px;flex-shrink:0;
}
.top-menu a[data-nav-item]:hover,
.top-menu a[data-nav-item][aria-current=page]{color:#05a550}
.top-menu a[data-nav-item]:focus-visible{outline:2px solid #05a550;outline-offset:2px}
.top-menu a[data-nav-item].is-hidden{display:none}

/* Кнопка «Ещё» */
.top-more{position:relative;flex-shrink:0;display:flex;align-items:center}
.top-more[hidden]{display:none}
.top-more__btn{
	display:inline-flex;align-items:center;gap:3px;
	background:none;border:none;font-family:inherit;
	font-size:15px;color:var(--mid);cursor:pointer;
	padding:0 10px;border-radius:2px;white-space:nowrap;
	transition:color .15s;
}
.top-more__btn:hover{color:#05a550}
.top-more__btn:focus-visible{outline:2px solid #05a550;outline-offset:2px}
.top-more__drop{
	display:none;position:absolute;top:calc(100% + 8px);left:0;
	background:#ffffff;border-radius:8px;padding:6px;
	box-shadow:var(--spop);z-index:300;min-width:180px;
	list-style:none;
}
.top-more__drop.is-open{display:block}
.top-more__drop li a{
	display:block;padding:8px 12px;font-size:14px;color:var(--mid);
	border-radius:6px;white-space:nowrap;transition:background .15s,color .15s;
}
.top-more__drop li a:hover{background:#f0faf4;color:#05a550}
.top-end{display:flex;align-items:center;gap:10px;flex-shrink:0}
.soc-icon{display:inline-flex;align-items:center;border-radius:50%;transition:opacity .2s;flex-shrink:0}
.soc-icon:hover{opacity:.8}
.soc-icon:focus-visible{outline:2px solid #05a550;outline-offset:3px}
.phone-link{font-size:17px;font-weight:600;color:var(--dark);white-space:nowrap;transition:color .2s}
.phone-link:hover{color:#05a550}
.phone-link:focus-visible{outline:2px solid #05a550;outline-offset:2px}

/* Попоувер расписания */
.pop-wrap{position:relative;display:inline-flex;align-items:center}
.pop-wrap::after{content:'';position:absolute;top:100%;left:-10px;right:-10px;height:18px}
.pop{display:none;position:absolute;top:calc(100% + 12px);right:-14px;background:#fff;border-radius:8px;padding:16px;width:max-content;box-shadow:var(--spop);z-index:300}
.pop-trig{background:none;border:none;display:inline-flex;align-items:center;padding:5px;border-radius:50%;color:var(--dark);transition:color .15s,background .15s}
.pop-trig:hover{color:#05a550;background:rgba(5,165,80,.08)}
.pop-trig:focus-visible{outline:2px solid #05a550;outline-offset:2px}
.pop-body{display:flex;flex-direction:column;gap:8px;font-family:'Ubuntu Sans',sans-serif;font-variation-settings:'wdth' 100}
.pop-ttl{font-size:14px;font-weight:700;line-height:14px;color:#333333;margin:0 0 8px 0}
.pop-sched{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:4px;margin:0}
.pop-sched li{font-size:14px;font-weight:400;line-height:18px;color:#333333}
.pop-hr{height:1px;background:#EAECF0;width:100%;border:none;margin:0 auto}
.pop-email-lbl{font-size:14px;font-weight:600;line-height:14px;color:#333333;display:block;margin:0 0 8px 0}
.pop-email{font-size:14px;font-weight:400;line-height:14px;color:#05a550;display:block}
.pop-arr{position:absolute;top:-12px;right:8px;pointer-events:none}



.pop-row span:first-child{font-weight:500;min-width:60px}


.pop-email:focus-visible{outline:2px solid #05a550;outline-offset:2px}
.pop-wrap:hover .pop,.pop-wrap:focus-within .pop{display:block}