/*  Стили в шапке  */


span.cart-count, span.wishlist-count {
    height: 20px;
    background: var(--orange);
    border-radius: 50%;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    color: #FFFFFF;
    left: 0;
	font-family: var(--ifont200);
    font-size: 0.7rem;
}

.circle_img img  {
	 width: auto;
	     position: relative;
    z-index: 2;
}

.circle_img    {
	position:absolute;
	top:400px;
	right:-100px;
}

.circle   {
    border-radius: 50%;
   width: 378px;
    height: 378px;
	position:absolute;
	bottom: 0;
    left: 40px;
	 z-index: 1;
   
}

.name_logo {
	 
	 
	 width: 735px;
    height: 292px;   
  
position: absolute;
    top: 240px;	
	left: 390px;	
	z-index: 1;
}



@media (max-width: 768px) {
.name_logo {width: 435px;height: 192px;top: 160px;left: 20px;}
}


.list1 {
	
 
	 width: 81px;
    height: 81px;   
   
position: absolute;
    top: 140px;
left:50%;	
 
}

.list2 {
	
 
	 width: 51px;
    height: 40px;   
    
position: absolute;
    top: 540px;
left:50%;	
 
}

.hero {
	 z-index: 2;
	height: 70%;
}

 .circle_img:before {
	position:absolute;
    content: "";
    display: inline-block; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
 
	 width: 575px;
    height: 589px;   
    background-image: url(/wp-content/imgs/dr2ops1.png);    
 } 
 
 .drops1 {
	 position:absolute;
	  width: 90%;
	  z-index:1;
 }
 
 ul#primary-menu {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    gap: 10px;
}

 ul#primary-menu li {
   font-family: var(--ifont100);
   font-size:1rem;
}
 
 .burger-menu {
    border-radius: 50%;
    cursor: pointer;
    height: 50px;
    background: var(--green);
    width: 50px;
    position: fixed;
	top:20px;
	left:20px;
	z-index: 5;
    display: flex;
    justify-content: flex-end;
   
}

 

#burgerMenu {
    display: none;
}

.burger-menu:after {
    content: "";
    background-image: url(/wp-content/imgs/burger.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 34px;
    height: 51px;
    display: block;
}

.head1 {
   position: relative;
       
	   padding-bottom: 160px !important;
}

.logo img {
	width:100px;
}

.header_interval {
	height:210px;
}
 
 
 @media (max-width: 768px) {
 #burgerMenu {
    display: flex;
}

ul#mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
 ul#primary-menu, .head2 {
    display: none;
}

.head1 {position: relative;}
.header_interval {height:0px;}


}