/*  Стили вывода главной страницы  */

.section-hero ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

 .section-hero li {
    background: #ffffff;
    padding: 10px 20px 10px 35px;
    border-radius: 50px;
	position:relative;
	display: flex;
    align-items: center;
}


 .section-hero li:before {
	position:absolute;
    content: "";
    display: inline-block; 
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
	left:10px;
	 width: 21px;
    height: 17px;   
    background-image: url(/wp-content/imgs/galochka.svg);    
 }
    




 

 

@media (max-width: 768px) {
 .arrow_down {display:none;}
}

.preim_text_circle {
	padding:80px;
	width:250px;
		height:250px;
		border-radius:50%;
		display: flex;
    justify-content: center;
    align-items: center;
		
}

@media (max-width: 768px) {
.preim_text_circle {
    padding: 50px;
    width: 170px;
    height: 170px;
	}
	}

.preim_text_box {
		padding:10px 20px;
		background:#fff;
		border-radius:80px;
		text-align:center;
		margin-top: -40px;
}


.preim_text_big {
	color: var(--blue);
	font-family: 'Montserrat', sans-serif; 
	font-weight: 700;
	font-size:2.5rem;
}

@media (max-width: 768px) {
.preim_text_big {
font-size:1.5rem;
}
}

.preim_text_small {
	color: var(--blue);
	font-family: 'Montserrat', sans-serif; 
	font-weight: 500;
	font-size:1rem;
}

.img_own {
	position: relative;
    height: 500px;
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_own1 {
        width: 470px;
    border-radius: 50%;
    height: 470px;
    overflow: hidden;
    
}

.img_own2 {
border-radius: 50%;
    border: 1px solid var(--orange);
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img_own2:before {
     content: "";
    background: var(--orange);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    left: 75px;
}

.img_own2:after {
    content: "";
    background: var(--orange);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    bottom: 60px;
    right: 75px;
}

@media (max-width: 768px) {
.img_own {width: 300px;height: 300px;}
.img_own1 {width: 270px;height: 270px;}
.img_own2 {width: 300px;height: 300px;}
.img_own2:before {left:20px;}
.img_own2:after {right:20px;}
}


.flower1 {
	position: absolute;
 
    left: 0px;
    top: -180px;
    width: 291px;
    height: 407px;
    z-index: 1;
}

.flower2 {
	position: absolute;
 
    right: 0px;
    top: 180px;
    width: 261px;
    height: 417px;
    z-index: 1;
}

@media (max-width: 768px) {
.flower1 {width: 191px;height: 307px;}
.flower2 {width: 161px;height: 217px;}
}

.arrow2 { padding-left:100px;}

.arrow2:before {
	  width: 94px;
    height: 5px;
	
    background-image: url(/wp-content/imgs/arrow2.svg);
}

section.how_work {
    position: relative;
	  padding-top: 160px;
}

section.name {
    position: relative;
	  
}


.how_work:before  {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
	top:0;
	right:40px;
    height: 279px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/imgs/vetka1.png);
}

.ice_lemon {
	position: absolute;
 
    left: -100px;
    top: 480px;
    width: 218px;
    height: 284px;
    z-index: 1;
}

.ice_orange {
	position: absolute;
 
    right: -100px;
    top: 400px;
    width: 218px;
    height: 284px;
    z-index: 1;
}


 .drops2 {
	 position:absolute;
	  width: 40%;
	  z-index:1;
	   left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
 }

.title1 {
	width:80%;
	text-align:center;
	position: absolute;
	top:70px;
	left:50px;
}




.work_item1:before, .work_item2:before, .work_item3:before {
    content: "";
    width: 100%;
    height: 100%;
   
    box-shadow: inset -5px 7px 20px rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 110px;
}

.work_item1:after, .work_item2:after, .work_item3:after {
    content: "";
    width: 100%;
    height: 100%;
    
   box-shadow: inset 3px -4px 11px rgb(231 231 231 / 52%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 110px;
}

.work_item1, .work_item2, .work_item3{
    background: #ffffffab;
    border-radius: 110px;
    padding: 30px;
    width: 33%;
	height: 183px;
	position:relative;
	 backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

 

.work_item2{
	margin-top: 111px;
}

.work_item1 span, .work_item2 span, .work_item3 span  {
	font-size:4rem;
	 
	font-family:var(--ifont500);
	position:absolute;
	top: -55px;
    left: 150px;
}

.work_item_list {
	 width: 51px;
    height: 30px;
    position: absolute;
    top: -8px;
    right: 35px;
    z-index: -1;
}

.circle3 img {
	width:auto;
}

 

.how_work2 {
	margin-top: -70px;
}

.col.circle3:before {
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    background: var(--green);
    border-radius: 50%;
}

.col.circle3:after {
    content: "";
    width: 489px;
    height: 545px;
    position: absolute;
   background-position:  center;
    background-repeat: no-repeat;
    background-size: contain;
	 
    background-image: url(/wp-content/imgs/dro55ps1.png);    
}

.how_work1, .how_work2 {
    position: relative;
    z-index: 2;
}

section.how_work {
    position: relative;
    padding-top: 160px;
}

.intrval_how_work { height:170px;}


@media (max-width: 768px) {
	.intrval_how_work { height:50px;}
	.circle3 img { width: 70px;}
.how_work2 {margin-top: 20px;}
.col.work_item2 {margin-top: 0px;}
.col.work_item2, .col.work_item3 { margin-left:0px;}
.col.work_item1,.col.work_item2, .col.work_item3 { width:100%;border-radius: 70px;}
.col.circle3:before, .col.circle3:after {content:none;}
.col.work_item1:after, .col.work_item2:after, .col.work_item3:after {border-radius: 70px;}
.col.work_item1:before, .col.work_item2:before, .col.work_item3:before {border-radius: 70px;}
}

.preim {
	 width: 100%;
    height: 100%;
	 background-position:  center ;
    background-repeat: no-repeat;
    background-size: 70%;
	 
	 position:relative;
	
}

.preim {
	 width: 100%;
    height: 100%;
	 
	 
	 position:relative;
	
}
.back_preim {
	width:80%;
	height:80%;
	position:absolute;
  
    left: 10%;
    top: 20%;
    
	}

.ice_pineapple{
	 position:absolute;
	 top:80px;
	 right:80px;
	 width:257px;
	 height:271px;
}

.ice_rom{
	 position:absolute;
	 top:380px;
	 left:-200px;
	 width:430px;
	 height:430px;
	 z-index:1;
}

.preim1, .preim2,.preim3,.preim4,.preim5 {
	font-size:1rem;
	  color:var(--white);
	  text-align:center;
	font-family:var(--ifont200);
	line-height:1.3;
	z-index:2;
}

.preim1, .preim2,.preim3 {
	 
   padding: 140px 20px 10px 20px;
    width: 32%;
    min-width: 327px;
    min-height: 241px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
 
	}
	
	.preim4, .preim5  {
padding: 190px 20px 10px 20px;
    min-width: 427px;
    max-height: 311px;
    width: 49%;
     
    min-height: 311px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	}

.preim1 {
 
	 
    background-image: url(/wp-content/imgs/preim1.png); 
}

.preim2 {

	 
    background-image: url(/wp-content/imgs/preim2.png); 
}

.preim3 {
 
	 
    background-image: url(/wp-content/imgs/preim3.png); 
}


.preim4 {

	 
    background-image: url(/wp-content/imgs/preim4.png); 
}

.preim5 {
 
	 
    background-image: url(/wp-content/imgs/preim5.png); 
}





@media (max-width: 768px) {
.preim4,.preim5 {padding: 140px 20px 10px 20px;min-width: 327px;min-height: 241px;}
.preim1, .preim2, .preim3, .preim4, .preim5 {font-size: 0.8rem;}
.preim4 {background-image: url(/wp-content/imgs/preim4_mob.png);}
.preim5 {background-image: url(/wp-content/imgs/preim5_mob.png);}
.preim {background: none; }
.ice_pineapple {top: -20px;right: 40px;width: 157px;height: 171px;}
}
 

.bestsellers  {position: relative; }


.bestsellers:before  {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
	top:0;
	right:40px;
    height: 249px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/imgs/flower3.png);
}

.bestsellers_flower1 {
	position: absolute;
 
    left: 0px;
    top: 180px;
    width: 291px;
    height: 407px;
    z-index: 1;	
	
}




.intrval_bestsellers { height:110px;}


@media (max-width: 768px) {
.intrval_bestsellers { height:30px;}
.bestsellers_flower1 {top: 380px;width: 191px;height: 307px;display: none;}
.title1 {top: 200px;left: 40px;}
}

.combo {
	position:relative;
	 
    padding-top: 150px !important;
 
	
}



.combo_img {
    border-radius: 50%;
    border: 1px solid var(--orange);
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.intrval_combo { height:70px;}

img.ice_mango {
    width: 233px;
    height: 226px;
    position: absolute;
    right: 200px;
    top: 120px;
}


.custom-product-card {
    display: flex;
    justify-content: space-between;
}

.box-image  {
	 width: 470px;
    height: 470px;
	position:relative;
	 padding: 100px;
	  background: -webkit-linear-gradient(180deg, rgb(214, 218, 207), rgb(186, 192, 176));
    background: -moz-linear-gradient(180deg, rgb(214, 218, 207), rgb(186, 192, 176));
    background: linear-gradient(180deg, rgb(214, 218, 207), rgb(186, 192, 176));
    border-radius: 50%;
}

.box-image:before {
    content: "";
    width: 470px;
    height: 470px;
    box-shadow: inset -5px 7px 20px rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/imgs/drops1.png);
    opacity: 0.5;
} 



.box-image:after {
    content: "";
    width: 470px;
    height: 470px;
   box-shadow: inset 3px -4px 11px rgb(135 135 135 / 52%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: 1;
} 


.custom-product-image {
   
    width: 500px;
    height: 500px;
   
	 position:relative;
	 display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}





.custom-product-info {
    width: 50%;
}

h3.custom-product-title {
    padding: 30px 0px;
    font-family: var(--ifont500);
    font-size: 2rem;
    color: var(--black);
    text-transform: uppercase;
}

.custom-product-price {
    
    font-family: var(--ifont300);
    font-size: 1.6rem;
    color: var(--orange);
}

a.custom-add-to-cart.button {
    padding: 15px 50px;
    border-radius: 50px;
    background-color: var(--orange);
    color: var(--white);
    font-family: var(--ifont200), sans-serif;
    display: block;
    font-size: 1rem;
        width: 200px;
    transition: background 0.4s ease;
    text-align: center;
}

a.custom-add-to-cart.button:hover {
 
    background-color: var(--black);
    
}


.custom-product-image .wishlist-btn, .custom-product-image .wishlist-btn.active {
    right: 90px;
    top: 100px;
}

.custom-product-description {
    padding: 30px 0px;
    font-family: var(--ifont100);
    font-size: 1rem;
    color: var(--black);
}

.screen-reader-text { display:none;}

.combo .list2 {      
    width: 51px;
    height: 40px;
    position: absolute;
    top: 440px;
    left: 65%;
	z-index:2;
	}

@media (max-width: 768px) {
img.ice_mango { width: 163px;height: 156px;right: 0;top: 20px;}
.custom-product-image {width: 300px;height: 300px;}
.box-image {width: 270px;height: 270px;padding: 30px;}
.custom-product-card {flex-direction: column;}
.box-image:before, .box-image:after {width: 270px;height: 270px;}
.custom-product-info {width: 100%;}
.custom-product-description {font-size: 0.9rem;}
.intrval_combo {height: 10px; }
.combo .swiper-button-next, .combo .swiper-button-prev {top: 16% !important;}
}