.collection-zone {position: relative; padding: 50px 0px}
.collection-zone:before {content: ''; width: 100%; position: absolute; left: 0px; top: 0px; height: 85%; background: #f5f5f5; z-index: -1;}
.collection-zone .prod-box {background: #fff;}
.collection-zone .head-bm-big {font-size: 24px;  font-weight: 600; margin-bottom: 0px;}
.collection-zone .collection-text {background: #fff; padding: 30px; border-radius: 5px; max-width: 320px;}
.collection-zone .image_title  {padding-left: 40px; padding-top: 40px;}
.collection-zone .collection-text p {font-size: 13px; font-weight: 500; margin-bottom: 20px; line-height: 24px;}
.collection-zone .info-box {padding-right: 0px; padding-left: 0px;}
.collection-zone .info-icon {height: 78px;  display: inline-block;  border-radius: 5px; max-width: 200px; width: max-content;  background-image: linear-gradient(#f3da00, #f3da00), 
                      linear-gradient(#adbb26, #adbb26), 
                      linear-gradient(#f29017, #f29017), 
                      linear-gradient(#445194, #445194), 
                      linear-gradient(#d90b1b, #d90b1b),  
                      linear-gradient(#8f136b, #8f136b);     
    background-size: 50% 26px, 100% 26px, 50% 26px, 100% 26px, 50% 26px, 100% 26px; 
    background-repeat: no-repeat;
    background-position: 0% 0px, 50% 0px, 0% 26px, 50% 26px, 0% 52px, 50% 52px; 
    box-shadow: 2px 3px 15px 9px rgba(0,0,0,0.1);  
    margin-bottom: 5px;
}
.collection-zone .info-icon span {display: inline-flex;  align-items: center; justify-content: center; background: #fff; line-height: 20px; margin: 10px; max-width: 150px; border-radius: 6px; font-size: 14px; font-weight: 600; height: 58px; overflow: hidden; text-align: center; min-width: 140px; padding: 8px 4px;}
.collection-zone .baner-head {margin-top: 35px;font-size: 20px;font-weight: 600;padding-left: 0px;margin-bottom: 25px !important;}
.collection-zone .more-collections .btn-border  {padding: 10px 16px; font-size: 12px; margin-left: 140px;}
.collection-zone .prod-box {padding-left: 30px; padding-right: 30px;}
.collection-zone .more-collections  {margin-top: 20px !important}

.home-width.top-icon {background:linear-gradient(#fff,#F9F9F9); padding: 15px 0px; margin-bottom: 50px;}
.top-icon .epb-slide{display:flex;align-items:center;justify-content:center;gap:12px}
.top-icon .epb-baner__inner{flex:0 0 auto}
.top-icon .epb-baner__img{display:block}
.top-icon .baner-text .baner-head {font-size: 14px;}
.top-icon .image_title{text-align:center}


.product-tabs{position:relative;border:0;background:none}
.product-tabs .home-tabs{min-height:42px;display:flex;align-items:center;justify-content:flex-end}
.product-tabs .nav-tabs{gap:18px;margin:0;border:0}
.product-tabs .nav-tabs .nav-link{height:42px;display:flex;align-items:center;padding:0 18px;margin:0;border:2px solid #222;border-radius:4px;background:#fff;color:#222;font-size:14px;font-weight:700;line-height:1}
.product-tabs .nav-tabs .nav-link.active,.product-tabs .nav-tabs .nav-link:hover{background:#222;color:#fff;border-color:#222}
@media(min-width:768px){.product-tabs .section-subtitle{position:absolute;top:0;left:0;max-width:50%;height:42px;display:flex;align-items:center;margin:0;font-family:Lora,serif;font-size:36px;font-weight:400;color:#222}}
@media(max-width:767px){.product-tabs .home-tabs{justify-content:center;padding-top:48px}.product-tabs .nav-tabs{gap:10px;justify-content:center}.product-tabs .section-subtitle{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:center;margin:0;font-family:Lora,serif;font-size:26px;color:#222}}


.popular-category .epb-zone__header{margin-bottom:clamp(26px,3vw,32px)!important}
.popular-category.baner-module .epb-zone__title{margin:0;font-family:Lora,serif;font-size:clamp(24px,2.4vw,38px);font-weight:400;line-height:1.2;color:#222}
.popular-category .swiper-slide{height:auto}
.popular-category .epb-baner__link{display:flex;flex-direction:column;height:100%;background:#F5F5F5;color:#222;text-decoration:none}
.popular-category .epb-baner__img{display:block;width:100%}
.popular-category .image_title{position:static;flex:1;padding:28px 20px 40px;text-align:center}
.popular-category.baner-module .baner-head{margin:0 0 12px!important;font-family:Lora,serif;font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.2;color:#222}
.popular-category.baner-module .baner-box .baner-text p,.popular-category.baner-module .baner-box .baner-text span,.popular-category.baner-module .baner-box .baner-text a{max-width:390px;margin:0 auto;font-size:15px;line-height:1.5;color:#222}
.popular-category .epb-baner__inner{position:relative}
.popular-category .epb-baner__more{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 30px;background:rgba(255,255,255,.85);border-radius:2px;color:#222;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background .2s}
.popular-category .epb-baner__link:hover .epb-baner__more{background:#fff}
.popular-category .epb-baner__inner{overflow:hidden}
.popular-category .epb-baner__img{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.popular-category .epb-baner__link:hover .epb-baner__img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.popular-category .epb-baner__img{transition:none}}
.popular-category .epb-baner__link{transition:box-shadow .4s}
.popular-category .epb-baner__link:hover{box-shadow:0 10px 30px rgba(0,0,0,.06)}
.popular-category {margin-bottom: 80px}

.product-tabs:has(.tab-style-1) .home-tabs{justify-content:center;min-height:0;padding-top:76px}
.product-tabs:has(.tab-style-1) .nav-tabs{gap:8px 0;flex-wrap:wrap;justify-content:center!important}
.product-tabs .nav-tabs li.tab-style-1{display:flex;align-items:center}
.product-tabs .nav-tabs li.tab-style-1+li.tab-style-1:before{content:"/";padding:0 14px;color:#222}
.product-tabs .nav-tabs li.tab-style-1 .nav-link{height:auto;padding:0;border:0;border-radius:0;background:none;color:#222;font-size:15px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}
.product-tabs .nav-tabs li.tab-style-1 .nav-link.active,.product-tabs .nav-tabs li.tab-style-1 .nav-link:hover{background:none;color:#222;text-decoration:underline;text-underline-offset:6px}
.product-tabs .tab-pane.tab-style-1 .section-subtitle{position:absolute;top:0;left:0;right:0;max-width:none;height:48px;display:flex;align-items:center;justify-content:center;margin:0;font-family:Lora,serif;font-size:clamp(26px,3vw,38px);font-weight:400;color:#222}

.single-baner img {border-radius: 10px;}
.single-baner {margin: 80px auto !important;}


.zone-extra{background:linear-gradient(#fff 70%,#F9F9F9);padding:0 0 80px;margin-top:90px!important}
.zone-extra .epb-baner__inner{display:grid;grid-template-columns:56.3% 11.5% 28.2% 4%;align-items:center}
.zone-extra .epb-baner__inner>picture{grid-area:1/3/2/5}
.zone-extra .epb-baner__img{display:block;width:100%;border-radius:16px}
.zone-extra.baner-module .image_title.position-absolute{grid-area:1/1/2/4;align-self:center;position:static!important;display:block;width:auto;height:auto!important;z-index:1}
.zone-extra .baner-box{width:100%}
.zone-extra .baner-box>.baner-text{display:flex;align-items:stretch}
.zone-extra .zx-photo{flex:0 0 58.6%}
.zone-extra .zx-photo picture{display:block;height:100%}
.zone-extra .zx-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.zone-extra .zx-panel{--c:84px;--g:44px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 40px 40px calc(var(--c)/2 + var(--g));background:rgba(255,255,255,.88)}
.zone-extra .zx-title{margin:0 0 clamp(24px,3vw,40px);font-family:Lora,serif;font-size:clamp(24px,2.2vw,30px);font-weight:400;line-height:1.25;color:#222}
.zone-extra .zx-list{margin:0;padding:0;list-style:none;counter-reset:zx}
.zone-extra .zx-list li{position:relative;display:flex;align-items:center;min-height:var(--c);margin:0 0 16px;font-family:Lora,serif;font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:#222;counter-increment:zx}
.zone-extra .zx-list li:last-child{margin-bottom:0}
.zone-extra .zx-list li:before{content:counter(zx,decimal-leading-zero) ".";position:absolute;top:50%;left:calc(var(--c)/-1 - var(--g));width:var(--c);height:var(--c);display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:5px solid #fff;border-radius:50%;background:#F7E0E5;box-shadow:0 6px 18px rgba(0,0,0,.1);font-size:18px;color:#222}
@media(min-width:768px) and (max-width:1439px){
.zone-extra .epb-baner__inner{grid-template-columns:50% 10% 36% 4%}
.zone-extra .zx-photo{flex-basis:52%}
.zone-extra .zx-panel{--c:60px;--g:22px;padding:24px 24px 24px calc(var(--c)/2 + var(--g))}
.zone-extra .zx-title{margin-bottom:20px;font-size:22px}
.zone-extra .zx-list li{margin-bottom:10px;font-size:15px;line-height:1.45}
.zone-extra .zx-list li:before{border-width:4px;font-size:15px}
}
@media(max-width:767px){
.zone-extra .epb-baner__inner{display:block}
.zone-extra .epb-baner__inner>picture{display:none}
.zone-extra .baner-box>.baner-text{flex-direction:column}
.zone-extra .zx-photo{flex:none}
.zone-extra .zx-photo img{height:auto}
.zone-extra .zx-panel{--c:56px;padding:28px 16px 8px}
.zone-extra .zx-list li{padding-left:calc(var(--c) + 16px)}
.zone-extra .zx-list li:before{left:0;border-width:3px;font-size:15px}
}

.container.home-width {padding: 0px;}
.home-width {width: 100% !important;}
.container.home-width #content-wrapper {padding: 0px;}
.container.home-width .container {padding-right: 0.625rem; padding-left: 0.625rem;}
.post-home .blog-title a {font-weight: 700; font-size: 15px}
.post-home .blog-title  {line-height: 22px; height: 50px; overflow: hidden;}
.blog-link a {font-weight: 700; font-size: 14px;}
.blog-link a .material-icons {position: relative;top: 7px;margin-left: 5px;}
.blog_home__navigation {position: absolute; top: 0px; right: 0px;}
.blog_home__header {position: relative}

.more-products {display: block !important}
.more-products {margin: 20px 0px}
.btn-border {border: 1px solid #333; padding: 11px 27px 11px 15px; position: relative; font-weight: 700; font-size: 12px; text-transform: uppercase;}
.btn-border .material-icons {padding-left: 0px; margin-left: -2px;}
.btn-border:hover .material-icons {padding-left: 2px;}
.btn-border .material-icons {color: #333}
.slide-box-image .box-bgb {position: relative; padding: 40px 0px;}
.slide-box-image .box-bgb:before {content: ''; position: absolute; background: #e3e3e3; height: 100%; width: 100%; bottom: 0px;}
.products-list__block--mini {text-align: left !impirtant}

.slide-box-image .slide-box-text {background: #fff; padding: 12px 0px; transition: all 0.2s ease-in;}
.slide-box-image .slide-box-text .baner-head {font-size: 16px !important; font-weight: 800 !important}
.slide-box-image .slide-box-text p {padding: 0px; font-weight: 500; display: block;  font-size: 14px; margin-bottom: 0px}
.slide-box-image .swiper-slide:hover .slide-box-text {background: #f9f9f9;}
.slide-box-image .swiper {margin-right: -0.625rem; margin-left: -0.625rem; position: relative}

@media only screen and (min-width: 992px) and (max-width: 1199px) { 


}

@media only screen and (min-width: 768px) and (max-width: 1199px) { 


}

@media ( min-width :1200px) {

.collection-zone .prod-box {padding-left: 40px; padding-right: 40px; }	
.zone-extra.home-width .container{width:98%;max-width:1640px}
}


@media ( min-width :768px) {

.collection-zone .col-imgmob {display: none}

}

@media ( min-width :992px) {
.swiper-pagination.slider-home {text-align: right; padding-right: 50px; padding-bottom: 10px;}
.slide-box-image {margin-bottom: 70px !important}

}


@media ( max-width :991px) {
.home-xone-head {margin: 10px 0px !important;}
.more-products {margin: 20px 0px 5px !important}
p.head-bm-big {font-size: calc(1rem + 0.4838709677vw);}
.blog_home__header {margin-bottom: 20px !important;}
.homeslider.container {padding:0px}
.container.home-width .container {padding-right: 1.2rem; padding-left: 1.2rem;}

}

@media (max-width: 767px) {
.home-blog .swiper.product-slider .swiper-slide {max-width: 70%;}
.post-home .blog-title a {font-size: 14px;}
.post-home .blog-title {height: 46px;}
.collection-zone .col-imgdesk {display: none}

}

@media ( max-width :576px) {

.collection-zone .collection-text {max-width: 260px;}
.collection-zone .image_title {padding-left: 25px; padding-top: 25px;}
.collection-zone .collection-text p {line-height: 22px;}
.collection-zone .collection-text {padding: 25px;}
.collection-zone .collection-text img {max-width: 130px;}

}

