/* Выпадающее меню при Hover */
.dropdown:hover .dropdown-menu{display: block;}

/*==== верхнее меню и нижнее меню ====*/

.top_header, .menu_area{
	display: flex; 
	justify-content: space-between;
}

.top_header .item, 
.menu_area .item{
	display: flex; 
	align-items: center;
	position: relative;
}


.header_wrap_bottom{		
		position: sticky;
		top: -1px;
		z-index:1000;
		border-radius:5px;
}

.mobile_header .info_phone_mobile .fa{
    font-size: 18px;
}


.top_header .support_phone {	
    display: flex;
    flex-direction: column;
	margin-left: auto;
	margin-right: 20px;
	justify-content: space-between;
}


.top_header .info_support { margin-top: 12px; color: var(--color-prime);}

.top_header .info_phone { margin-top: 10px;}



/* верхнее меню */

.product_catalog_menu a:hover {
    color: unset;
}

.product_catalog_menu a.link-ease-in-out{
    display: inline-block;
    line-height: 23px;
    cursor: pointer;
}

.product_catalog_menu a.link-ease-in-out:after {
	background-color: #ffffff;
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.product_catalog_menu a.link-ease-in-out:hover:after,
.product_catalog_menu a.link-ease-in-out:focus:after {
    width: 100%;
}

/* блок логотипа + надписи */
.logo_block {
	display: flex;
	align-items: center;
	gap: 12px;
}

.logo_block .logo {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	margin-right: 10px;
}

.logo_block .logo img {
	height: 44px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.logo_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}

.logo_site {
	line-height: 1.2;
	letter-spacing: 0.02em;
}

.logo_tagline {
	line-height: 1.2;
	opacity: 0.9;
}

.top_header .end_item .item:not(:first-child){
	margin-left: 12px;
}

.top_header .middle_item, .top_header .end_item{
	top: 3px
}

.top_header .header_phone {
    margin-left: auto;
}

/*.top_header .info_phone {
	margin-right: 12px;
}*/


/* поиск */
.bottom_header .search-wrapp input {
    border: unset!important;
} 


.mobile_header .search-wrapp.width_mode{
		width:100%;
		right:0;
		top:0;
} 


.bottom_header .width_mode input{
    border-bottom: 1px solid #ebebeb!important;
	border-radius: unset;
} 


.bottom_header .search-wrapp {
    position: relative;
    min-width: 118px;
	align-self: flex-start;
	
}



/* бургер */
.burger_menu {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 10px;
}

.burger_menu_tub{
    background-color: transparent;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0px;
    width: 24px;
    height: 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.burger_menu_tub .burger-item {
    display: inline-block;
    width: 18px;
    height: 2px;
    background: rgb(120, 124, 135);
    margin: 1.9px auto;
    transition: all 0.3s ease 0s;
}

/*==== нижнее меню ====*/
.bottom_header{
	position: relative; 
	padding: 10px 12px;
	overflow: visible;
}

.product_catalog_menu ul{display: flex; flex-wrap: wrap;}
.product_catalog_menu ul li{min-width: max-content; padding: 8px; padding-right: 20px; padding-left: 20px;}



/* певый элемент меню  */
.product_catalog_menu ul li.get_nav .icon  {
    width: 21px;
    margin: 0px 8px;
	margin-right: 12px;
    padding-bottom: 2px;
}

.product_catalog_menu ul li.get_nav {
	margin-right: 15px;
	padding-right: 28px;
	padding-left: 8px;
	cursor: pointer;
}


.product_catalog_menu li.get_nav a:hover{
	color:#ffffff;
}

.product_catalog_menu ul li.get_nav:hover{
     transition: all 1s ease; 
}

/* === Выпадающее меню "Бренды" === */
.product_catalog_menu .brands_dropdown {
	position: relative;
}

.product_catalog_menu .brands_dropdown_toggle {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.product_catalog_menu .brands_dropdown_caret {
	font-size: 11px;
	margin-left: 2px;
	transition: transform 0.2s ease;
}

.product_catalog_menu .brands_dropdown:hover .brands_dropdown_caret {
	transform: rotate(180deg);
}

.product_catalog_menu .brands_dropdown_menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	margin: 0;
	padding: 8px 0;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	z-index: 1100;
	flex-direction: column;
	flex-wrap: nowrap;
}

.product_catalog_menu .brands_dropdown:hover .brands_dropdown_menu,
.product_catalog_menu .brands_dropdown:focus-within .brands_dropdown_menu {
	display: flex;
}

.product_catalog_menu .brands_dropdown_menu li {
	padding: 0;
	min-width: auto;
	width: 100%;
}

.product_catalog_menu .brands_dropdown_menu li a {
	display: block;
	padding: 8px 18px;
	color: var(--color-prime);
	transition: background 0.15s ease;
	white-space: nowrap;
}

.product_catalog_menu .brands_dropdown_menu li a:hover {
	background: #f5f5f5;
}

/* === Бренды в мобильном меню === */
.product_menu_mobile .brands_mobile {
	margin-top: 4px;
}

.product_menu_mobile .brands_mobile_title {
	font-weight: 600;
	padding: 8px 0 4px;
	color: #999;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.product_menu_mobile .brands_mobile_list {
	list-style: none;
	padding: 0 0 8px 12px;
	margin: 0;
}

.product_menu_mobile .brands_mobile_list li {
	padding: 6px 0;
}

.product_menu_mobile .brands_mobile_list li a {
	color: var(--color-prime);
}


/* мобильник */

@media (max-width: 1200px) {  

	.product_catalog_menu ul li.get_nav {
		margin-right: 5px;}

	.product_catalog_menu ul li {
		padding-right: 8px;}
}



@media (min-width: 992px) {  

	.mobile_header.header_wrap_bottom{
		display:none;}
	
	}


@media (max-width: 991px) {  

	.header_wrap_top, .header_wrap_bottom {
		display:none;}
	
	}
	

	.mobile_header {
		
		display:block;
		position: sticky;
		top: 0;
		
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 8px;
		
		z-index: 1000;}
		
		
	.mobile_header .menu-close {
		border-radius: 6px;}
		

	.mobile_header_center.menu-popup {
		display: none;
		height:100vh;
		position: fixed;
		overflow-y: scroll;
		left: -110%;
		top: 0px;
		width: 100%; 
		padding: 12px 16px;
		z-index: 20;
		z-index: 9;}	

	
	.mobile_header .logo_block {
		gap: 8px;
	}
	.mobile_header .logo_block .logo img {
		height: 44px;
		width: auto;
	}
	.mobile_header .logo_site {
		font-size: 0.9em;
	}
	.mobile_header .logo_tagline {
		font-size: 0.85em;
	}

	/* Логотип и бургер не сжимаются — поиск занимает только оставшееся место */
	.mobile_header > .item:first-child,
	.mobile_header > .burger_menu {
		flex-shrink: 0;
	}

	.mobile_header .search_wrap {
		flex: 1 1 0%;
		min-width: 0;
	}

	
/*содержимое мобильного меню*/
	
	.mobile_header .close {
		font-size: 22px;
		color: black;
		display: flex;
        justify-content: flex-end;
		margin-bottom: 22px;
		padding-top: 8px;
		padding-right: 8px;
		cursor: pointer}
	
	.catalog_mobile,   
	.menu_mobile,  
	.info_contact, .info_support_mobile{
		padding: 6px 8px;
		margin-bottom: 10px;}	
		
		
	.mobile_header .search-wrapp {
		width: unset;}
		
		
	.menu_mobile, .info_contact{  
		border-bottom: 1px solid #dfdfdf;}
		
/* каталог */
	
	.catalog_mobile ul li {
		line-height: 16px;
		margin-bottom:8px;}
		
	
		
	.product_catalog_wrap{
		margin-bottom: 14px;
		margin-top: 12px;
		}
	
	.product_catalog_mobile{
		margin-top: 10px;
		margin-bottom: 10px;}
	
/* меню страницы сайта */
	
	
	.menu_mobile li {
		line-height: 34px;}
	


/* контакт */

	.mobile_header .info_phone_mobile .fa, .mobile_header .info_support .fa{
		margin-right: 8px;}	 

	.info_contact, .product_menu_mobile {
		padding-bottom: 16px;}	
		

/* спойлер */
	
	details{
		display:block;
		overflow:hidden;}
		
	details:not(:last-child){
		margin-bottom: 18px;}	
		
	summary::-webkit-details-marker{display:none;}
	summary::-moz-list-bullet{list-style-type:none;}
	summary::marker{display:none;} 
	summary {
		display:block;
		font-size: 21px;
		cursor: pointer;
		position: relative;}

	summary .cat{
		font-size:16px;
		margin-bottom: 8px;
		color: #040404;}

	summary:before {  
		top: -6px;
		right: 0px;
		color: transparent;
		background: url("/components/site/header/img/chek.svg");
		width: 1em;
		height: 1em;  
		content: "";
		position: absolute;
		transition: transform .5s;}

	details[open] > summary:before {
		transform: scale(1,-1);}


	details[open] summary ~ *{ 
		animation: sweep .5s ease-in-out;}
		
	summary:focus {
		outline:0;}




/* иконки */

a.wish_list .medium_radius.prime, 
a.lk .medium_radius.prime {
    background-color: unset!important;
}