.accordion_block{display:grid;}
.accordion-item{border-top:1px solid #000;overflow:hidden;}
.accordion-item:last-child{border-bottom:1px solid #000;}
.accordion-item.accordion--open .accordion-title{border-bottom:1px solid #000;border-radius:6px 6px 0 0;}
.accordion-item.accordion--open .accordion-title .accordion-arrow img{transform:rotate(180deg);}
.accordion-item.accordion--open .accordion-body{padding:5px 20px;max-height:inherit;}
.accordion-title{display:flex;justify-content:space-between;border-radius:6px;color:#000;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.accordion-title:hover{color:#4d4d4d;}
@media screen and (max-width: 768px) {
.accordion-title{font-size:16px;font-weight:500;}
}
.accordion-text{padding:16px 14px;}
.accordion-arrow{display:flex;justify-content:center;align-items:center;width:53px;flex:none;}
.accordion-arrow img{width:32px;height:32px;margin:0;transform:rotate(45deg);transition:all 0.3s ease;}
.accordion-body{overflow:hidden;height:100%;max-height:0;padding:0 20px;transition:all 0.3s ease;}
.accordion-gallery{display:flex;flex-wrap:wrap;margin:10px 0;}
.accordion-gallery .accordion-gallery-item{display:inline-block;width:100px;height:100px;border-radius:10px;box-sizing:border-box;overflow:hidden;margin:5px;}
.accordion-gallery .accordion-gallery-item:hover img{transform:scale(1.1);}
@media screen and (max-width: 768px) {
.accordion-gallery .accordion-gallery-item{width:70px;height:70px;}
}
.accordion-gallery .accordion-gallery-item img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease-in-out;border-radius:10px;}:root {
--color-accent: #2563EB;
--color-accent-light: #94A3B8;
--color-bg: #FFFFFF;
--color-bg-dark: #111;
--color-footer: #020617;
--color-p: #94A3B8;
} *{font-family:"Inter", sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300;}
.caveat-font{font-family:"Caveat", cursive;font-optical-sizing:auto;font-weight:400;font-style:normal;}
.caveat-font .swiper-pagination-current, .caveat-font .swiper-pagination-total{font-family:"Caveat", cursive;}
body{background:#FFFFFF;color:#94A3B8;overflow-x:hidden;}
footer#footer{background:#020617;}
.main-menu-pc{overflow-x:auto;overflow-y:clip;max-width:100%;}
.main-menu-pc .menu-glavnoe-container{height:100%;}
.main-menu-pc ul, .main-menu-pc li{display:flex;align-items:center;height:100%;border-radius:5px;}
.main-menu-pc ul.menu-item > a, .main-menu-pc ul.menu-item > span, .main-menu-pc li.menu-item > a, .main-menu-pc li.menu-item > span{display:flex;align-items:center;padding:0 12px;height:42px;text-wrap:nowrap;color:#CBD5E1;transition:0.2s ease;font-size:16px;font-weight:300;}
.main-menu-pc ul.menu-item > span, .main-menu-pc li.menu-item > span{opacity:0.7;}
.main-menu-pc ul.menu-item > a:hover, .main-menu-pc li.menu-item > a:hover{transform:scale(0.97);}
.modalHeaderCatalog .main-menu-pc{border-radius:6px;scroll-snap-type:x mandatory;width:100%;}
.modalHeaderCatalog .main-menu-pc .menu-glavnoe-container .menu{display:grid;justify-items:center;}
.modalHeaderCatalog .main-menu-pc ul, .modalHeaderCatalog .main-menu-pc li{display:flex;}
@media screen and (max-width: 768px) {
.modalHeaderCatalog .main-menu-pc ul, .modalHeaderCatalog .main-menu-pc li{flex-direction:column;}
}
.modalHeaderCatalog .main-menu-pc li{scroll-snap-align:start;}
.main-menu-mobile .menu-item a, .main-menu-mobile .menu-item > span{text-align:center;width:100%;display:block;padding:5px;text-transform:uppercase;border:1px solid #e5e7eb;border-radius:5px;margin-bottom:5px;transition:0.2s ease;}
.main-menu-mobile .menu-item > span{background:#e5e7eb;}
.main-menu-mobile .menu-item a:hover{background:#e5e7eb;}
a.logo{transition:transform 0.3s ease;}
a.logo:hover{transform:scale(0.95);}
.js-animate-mouse-to-cursor{transition:0.2s ease, transform 0.1s ease-out;}
button{transition:0.2s ease, transform 0.1s ease-out;}
button img, button svg{height:19px;width:19px;object-fit:contain;}
.breadcrumbs *{color:#fff;}
.breadcrumbs a{font-weight:400;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs span{font-weight:300;}
.single-products .breadcrumbs *{color:#2563EB;}
.single-products .breadcrumbs .breadcrumb_last{color:#94A3B8;}
.swiper-button-disabled{opacity:0;}
.text-hide{display:grid;grid-template-columns:1fr;}
@media (min-width: 1024px) {
.text-hide{grid-template-columns:1fr 600px;}
}
.btn-hide{position:relative;}
.btn-hide:before {
content: "";
display: block;
position: absolute;
top: -100px;
left: 0;
right: 0;
height: 100px;
width: 100%;
z-index: 1;
background: linear-gradient(0deg, rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0) 100%);
} b{font-weight:600;}
.text-block{display:flex;flex-direction:column;gap:10px;}
.text-block ul{list-style:inside;}
.text-block b, .text-block strong{color:#000;}
.text-block li{margin:3px 0;}
.text-block a{color:#2563EB;text-decoration:underline;}
.text-block a:hover{text-decoration:none;}
.text-block ol{padding-left:20px;list-style:decimal;}
.text-block *{line-height:150%;}
.text-block h1, .text-block .h1{line-height:150%;margin:20px 0 10px;color:#000;font-weight:500;font-size:2.25rem;}
@media (min-width: 1024px) {
.text-block h1, .text-block .h1{font-size:3rem;}
}
.text-block h2, .text-block .h2{line-height:150%;margin:20px 0 10px;color:#000;font-weight:500;font-size:2.25rem;}
@media (min-width: 1024px) {
.text-block h2, .text-block .h2{font-size:1.875rem;}
}
.text-block h3, .text-block .h3{line-height:150%;margin:20px 0 10px;color:#000;font-weight:500;font-size:1.875rem;}
@media (min-width: 1024px) {
.text-block h3, .text-block .h3{font-size:1.5rem;}
}
.text-block h6, .text-block .h6{font-size:18px;line-height:150%;margin:20px 0 10px;color:#000;font-weight:500;}
.products .products-bg{background:#fff;}
.products .products-bg .tab-title{background:#94A3B8;}
.products .products-bg .tab-title:hover{background:#8596ae;}
.products .products-bg .tab-title--active{background:none;cursor:inherit;}
.products .products-bg .tab-title--active:hover{background:none;}
.products .products-bg:nth-child(2n){background:#94A3B8;}
.products .products-bg:nth-child(2n) .tab-title{background:#8596ae;}
.products .products-bg:nth-child(2n) .tab-title:hover{background:#7589a4;}
.products .products-bg:nth-child(2n) .tab-title--active{background:none;}
.products .products-bg:nth-child(2n) .tab-title--active:hover{background:none;}
.tab-body{display:none;}
.tab-body.tab-body--active{display:block;}
.specifications_block table{width:100%;font-size:14px;}
.specifications_block table tr{display:flex;flex-direction:column;padding:5px 10px;}
.specifications_block table tr:first-child{background:#2563EB;color:#fff;font-weight:500;}
.specifications_block table tr td:first-child{font-weight:500;}
.form-bg{display:grid;grid-template-columns:280px 1fr;margin-top:30px;margin-bottom:30px;gap:20px;background:#fff;border-radius:10px;padding:20px;position:relative;z-index:1;}
.form-bg form label{width:100%;}
@media screen and (max-width: 1024px) {
.form-bg{grid-template-columns:1fr;grid-template-rows:300px 1fr;}
}
.fancybox__content{background:#020617;border:1px solid rgb(23, 37, 84);border-radius:10px;max-width:400px;width:100%;color:#94A3B8;}
.fancybox__container{--fancybox-color:#fff;--fancybox-hover-color:rgba(255, 255, 255, 0.8);--fancybox-bg:rgba(2, 6, 23, 0.8);--fancybox-slide-gap:10px;--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-color-1:rgba(255, 255, 255, 0.1);--f-spinner-color-2:#bbb;}
.modalHeaderCatalog{position:fixed;top:79px;left:0;right:0;bottom:0;z-index:9999999;}
.modalHeaderCatalog{display:none;}
.modalHeaderCatalog.modal-open{display:block;}
.modalHeaderCatalog.modal-open .modalHeaderCatalog__container{max-height:100%;}
.modalHeaderCatalog.modal-open .js-bg-modal-close{display:block;}
.modalHeaderCatalog .modalHeaderCatalog__container{overflow-y:auto;height:auto;max-height:0;transition:0.2s ease-in;}
.modalHeaderCatalog .js-bg-modal-close{display:none;}
button .img-catalog, .js-modal-catalog-btn .img-catalog{display:block;}
button .img-close, .js-modal-catalog-btn .img-close{display:none;}
button.modal-open .img-catalog, .js-modal-catalog-btn.modal-open .img-catalog{display:none;}
button.modal-open .img-close, .js-modal-catalog-btn.modal-open .img-close{display:block;}
.bg-accent-light .review{background:#fff;}
.review{background:#F8F8F8;padding:16px;border-radius:10px;height:100%;}
@media screen and (max-width: 768px) {
.review{border-radius:10px;}
}
.review-head{display:flex;justify-content:space-between;}
@media screen and (max-width: 768px) {
.review-head{display:block;}
.review-head .stars{margin-top:10px;}
}
.review-head .review-head_left{margin-right:10px;}
.review-name{font-size:17px;font-weight:bold;}
.review-date{display:flex;align-items:center;font-size:14px;color:#000;margin-top:8px;}
.review-date img{width:18px;height:18px;margin-right:3px;}
.review-body{margin-top:16px;}
.review-body a{font-size:16px;text-decoration-line:underline;color:#706f79;}
.review-item .review-name{color:#000;}
a.review-item:hover{opacity:0.9;}
a.review-item:hover .review-name{text-decoration:underline;}
.stars{display:inline-grid;grid-template-columns:repeat(5, 1fr);}
.stars .star{flex:none;width:20px;height:20px;background:url(//ecodriver.by/wp-content/themes/goweb/img/review/star2.svg) no-repeat center/contain;}
.stars .star.active{background:url(//ecodriver.by/wp-content/themes/goweb/img/review/star.svg) no-repeat center/contain;}
.grid_col-3{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:20px;}
@media screen and (max-width: 768px) {
.grid_col-3{grid-template-columns:1fr;}
}
.grid_col-4{display:grid;gap:20px;}
@media screen and (max-width: 768px) {
.grid_col-4{grid-template-columns:1fr;}
}
.w-100{width:100%;}
.small_container{width:100%;max-width:1000px;margin:0 auto;padding:0 30px;}
@media screen and (max-width: 768px) {
.small_container{padding:0 15px;}
}
.site-reviews-items{display:grid;gap:20px;height:100%;}
.grid-review-and-map{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;}
@media screen and (max-width: 768px) {
.grid-review-and-map{grid-template-columns:1fr;}
}
.grid-product{display:grid;grid-template-columns:3fr 1fr;gap:20px;justify-content:space-between;}
@media screen and (max-width: 1363px) {
.grid-product{grid-template-columns:2fr 1fr;}
}
@media screen and (max-width: 1024px) {
.grid-product{display:flex;flex-direction:column-reverse;}
}
.grid-gallery{display:flex;gap:10px;flex-direction:row-reverse;min-height:300px;max-height:500px;}
@media screen and (max-width: 1024px) {
.grid-gallery{display:block;max-height:inherit;}
}
.grid-gallery .gallery-top{width:60vw;}
@media screen and (max-width: 1024px) {
.grid-gallery .gallery-top{width:inherit;}
}
.grid-gallery .gallery-thumbs{width:calc(10vw - 10px);}
@media screen and (max-width: 1024px) {
.grid-gallery .gallery-thumbs{width:inherit;margin-top:10px;}
}
@media screen and (min-width: 1025px) {
.grid-gallery .gallery-thumbs{padding-left:5px;}
.grid-gallery .gallery-thumbs .swiper-scrollbar{top:0;left:0;height:100%;}
}
.gallery-thumbs{position:relative;}
.gallery-thumbs .swiper-slide-thumb-active{border:2px solid #2563EB;}
.gallery-thumbs .swiper-slide{border-radius:10px;overflow:hidden;cursor:pointer;}
@media screen and (max-width: 1024px) {
.gallery-thumbs .swiper-slide{height:80px;}
}
.gallery-thumbs .swiper-slide img{transition:0.3s ease-in;width:100%;height:100%;object-fit:cover;}
.gallery-top{position:relative;}
.gallery-top .swiper-slide{border-radius:10px;overflow:hidden;cursor:zoom-in;}
.gallery-top img {
object-fit: cover;
height: 100%;
width: 100%;
}