/*   
Theme Name: SiteRussia
Theme URI: siterussia.ru
Description: Дизайн сайта разработанный компанией Site Russia
Author: Wolf
Author URI: siterussia.ru
Version: 1.0
*/


@font-face {
    font-family: 'Qanelas';
	src: url('fonts/Qanelas-Regular.woff2') format('woff2'),
    url('fonts/Qanelas-Regular.woff') format('woff'),
    url('fonts/Qanelas-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'Qanelas';
	src: url('fonts/Qanelas-Medium.woff2') format('woff2'),
    url('fonts/Qanelas-Medium.woff') format('woff'),
    url('fonts/Qanelas-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'Qanelas';
    src: url('fonts/Qanelas-Bold.woff2') format('woff2'),
    url('fonts/Qanelas-Bold.woff') format('woff'),
    url('fonts/Qanelas-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: block;
}


/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 921px) {
	#header, #menu, #top, .sh{display: none;}
	#mobile{box-shadow: 0px 20px 40px 0px #00000005;padding: 15px;}
	#mobile img{width: 150px;}
	#mobile .cart{display: inline-flex;position: relative;text-decoration: none;align-items: center;}
	#mobile .cart .count{color: #fff;font-size: 10px;font-weight: 300;line-height: 1;border-radius: 50%;background: #ff3451;min-width: 18px;height: 18px;padding: 4px 2px;position: absolute;left: 20px;top: -4px;text-align: center;}
	
	
/* Мобильный хедер - sticky */
#mobile {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobile-top-row {
    width: 100%;
}

.mobile-logo img {
    max-width: 100px;
    height: auto;
}

.mobile-telegram,
.mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
    transition: opacity 0.2s;
}

.mobile-telegram:hover,
.mobile-menu-btn:hover {
    opacity: 0.7;
}

.mobile-telegram svg {
    width: 40px;
    height: 40px;
	padding: 3px;
	background-color: #24A1DE;
	border-radius: 500%;
}

.mobile-menu-btn svg {
    width: 35px;
    height: 18px;
}

/* Нижняя строка - контакты */
.mobile-bottom-row {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
}
	
	
	.mobile-bottom-row, .mobile-top-row{
		
		justify-content: space-around !important;
	}

.mobile-phone,
.mobile-email {
    font-size: 15px;
    color: black;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.mobile-phone:hover,
.mobile-email:hover {
    color: #1AA0E4;
	text-decoration: none;
}

@media (min-width: 768px) {
    #mobile {
        display: none;
    }
}

	#mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;background-color: white;}
	#mmenu .modal-dialog a{color: black;}
	#mmenu .modal-dialog {height: 100%;margin: 0;}
	#mmenu .modal-content {height: 100%;width: 100vw;border-radius: 0;}
	#mmenu .close{opacity: 1;}
	#mmenu .nav{display: inline-block;width: 100%;padding-top: 10px;list-style: none;font-size: 22px;}
	#mmenu .nav ul{padding: 0px;}
	#mmenu .nav li{padding-bottom: 15px;}
	#mmenu .cont{padding-top: 20px;font-size: 18px;}
	#mmenu .cont span{display: block;}
	#mmenu .cont .phone{display: block;font-weight: bold;font-size: 20px;}
	#mmenu .cont .time{color: gray;font-size: 15px;}
	#mmenu .cont .mail{color: #1AA0E4;}
	
	.block{padding: 40px 0px;}
	
	.owl-nav{display: flex;justify-content: space-evenly;margin-top: 20px;}
	
	#slide{padding: 50px 0px;}
	#slide h1 span{font-size: 30px;}
	#slide .text{margin-top: 20px;font-size: 18px;}
	
	#catalog svg{display: none;}
	#prem p, #faq, #block5, #about{font-size: 18px!important;}
	#accordion .card a{font-size: 20px!important;}
	#prem .items div{margin-bottom: 10px;}
	#block5{background-position: 35% 20%!important;background-size: cover!important;}
	#block5 img{right: 0px;top: -30px;}
	#block5 svg{margin: 0 auto;}
	#calc .inner{padding: 40px;}
	#block8{background-size: cover!important;}
	#har img, #mod .tab-content img{margin-bottom: 20px;}
	#banner2{background-position: top!important;}
	#banner2 .items .button, #banner3 .items .button{width: 100%;}
	#footer .soc{justify-content: center;}
	#footer .text-right{text-align: center!important;}

	#obmen .mes{padding: 30px;}
	
	#proizv .item img{margin-bottom: 10px;}
	
	
	
	
	#cats{margin-right: -5px;margin-left: -5px;}
	#cats .col-6{padding-right: 5px;padding-left: 5px;}
	#cats .item{text-align: center;padding: 10px;margin-bottom: 10px;}
	#cats .item .image{height: 110px;}
	#cats .item h2{font-size: 16px;}
	
	#tovars .item .image{height: 200px;}
	#tovar .button, #tovar .buynow{padding: 15px;width: 100%;text-align: center;}
	
	#tovar h1{margin-top: 20px!important;}
	#tovar .item{padding: 20px!important;}
	#tovar .nav {display: flex;justify-content: space-between;}
	#tovar .nav a{padding: 10px 14px;}
	#tovar .nav li{flex-grow: 1;text-align: center;margin-right: 5px;}
	#tovar .nav li:last-child{margin-right: 0px;}
	#tovar .button{width: 100%;}
	
	.woocommerce table.shop_table{border-radius: 0px!important;}
	.woocommerce-cart-form .shop_table .cart_item{text-align: center;border-bottom: 5px solid #edf2f4;}
	.woocommerce-cart-form .shop_table th, .woocommerce-cart-form .shop_table .product-price{display: none;}
	.woocommerce-cart-form .shop_table .cart_item{display: flex;flex-direction: column;}
	
	#footer{text-align: center;}
	#footer	.cont{padding-top: 20px;}
}


@media (min-width: 992px) {
	#mobile{display: none!important;}
	.citylist ul li {width: 33%;float: left;}
	.block{padding: 80px 0px;}
	.block h2{font-size: 60px;}
	.inline li{width: 50%;float: left;}
	
	
	.owl-nav button{position: absolute;top: calc(50% - 40px);}
	
	
	.fullscreen .modal-content{height: 100%;width: 100vw;}
	.fullscreen .modal-body{padding-top: 50px;}
	.fullscreen .list li{width: 33%;float: left;}
	
	#za .modal-dialog{margin: 0px;right: 0px;position: absolute;}
	#za .modal-body{padding: 40px;}
	#za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;}
	#za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;}
	#za .modal-body .poly{padding-top: 3vh;}
	
	#top a{font-size: 14px;}
	
	#slide{padding: 150px 0px;}
	#slide h1{font-size: 80px;line-height: 75px;}
	#slide h1 span{font-size: 50px;}
	#slide .text{font-size: 30px;line-height: 40px;margin-left: 45%;margin-top: 40px;}
	#prem p{font-size: 25px;max-width: 75%;margin: 0px auto;}
	#prem .items{font-size: 20px;margin-top: 80px;}
	#faq{font-size: 20px;}
	#block5 svg{position: absolute;left: 45%;bottom: 10%;}
	#video h2{font-size: 100px;}
	#calc .inner{padding: 60px;}
	#block8 .wpcf7{max-width: 400px;margin: 0 auto;}
	#block8 h2{max-width: 80%;margin: 0px auto;}
	#block8 .wpcf7{margin-top: 30%;}
	#banner2 .text, #banner3 .text, #banner4 .text{font-size: 20px;max-width: 65%;}
	#banner2 .items, #banner3 .items{display: inline-flex;}
	#about .text{padding-top: 30px;padding-bottom: 30px;}
	#rews .review{height: 320px;}

	
	#obmen{font-size: 18px;}
	#obmen .mes{display: flex;padding: 50px;}
	
	
	#cats .item .image{height: 250px;}
	#cats .item h2{font-size: 18px;}
	
	#tovars .item .image{height: 250px;}
	#tovar .nav a{padding: 10px 20px;margin-right: 10px;font-size: 18px;}
	
	
}

@media (min-width: 1200px) {
	#top a{font-size: 16px;}
	
} 


/* Основное */
html, body{font-family: 'Qanelas',Arial,Helvetica,sans-serif!important;}
button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */
button::-moz-focus-inner {border: 0;}
h1{font-size: 50px;margin-bottom: 20px;}
h2{margin-bottom: 15px;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;padding-left: 10px;padding-bottom: 10px;}
.box {overflow:hidden;}
.box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}

.btn-back-top {opacity: 0;background: #1AA0E4;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 55px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}
@media (max-width:767px){.btn-back-top{bottom: 15px;}}

.citylist h3 {clear: both;}
.citylist a{color: #3c3c3c;}
.citylist ul{display: inline-block;width: 100%;}

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


.breadcrumbs {color: black;font-size: 14px;padding-bottom: 10px;}
.breadcrumbs a{color: #7F7F7F;border-bottom: 1px solid;}

.gallary{margin-left: -5px;margin-right: -5px;padding-bottom: 20px;}
.gallary .thumb{padding: 5px;}

.block h2{margin-bottom: 30px;}
.m-0{margin: 0px;}
.p-0{padding: 0px;}
.phone{white-space: nowrap;}

/*Animate*/
.button, .button2, #top a, #header a, #menu .nav a, #cats .item a, .owl-controls svg path, .owl-controls .owl-dot span, #slider .owl-nav svg path, #slider .s1 .owl-nav, #tovar .owl-nav, .breadcrumbs a, #footer a, #tovar .variations .reset_variations, #tovar a, #contact .item a, .owl-nav button circle, #team .item .info, #inst h2 a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}

/*HOVER*/
#top a:hover, #header a:hover, #menu .nav a:hover, #cats .item a:hover, .breadcrumbs a:hover, #footer a:hover, #tovar .variations .reset_variations:hover, #contact .item a:hover{color: #1AA0E4!important;}

.tmes{background-color: red;color: white;padding: 5px 10px;margin-bottom: 10px;font-size: 14px;font-weight: bold;}
#tovars .item a{color:white;}
/* Слайдер */
/* .owl-nav button{position: absolute;top: calc(50% - 40px);}*/
.owl-nav .disabled{display: none;}
.owl-nav .owl-prev{left: 10px;}
.owl-nav .owl-next{right: 10px;}
.owl-nav button:hover circle{fill: #1AA0E4;}
.owl-nav button:hover path{fill: white;}
.owl-dots{position: absolute;display: flex;justify-content: center;width: 100%;margin-top: 20px;}
.owl-dots .owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #1AA0E4;}


/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .ajax-loader{position: absolute;}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response{display: none;}
.wpcf7 .wpcf7-mask.wpcf7-not-valid{border: 1px solid red!important;}
/*.wpcf7 .wpcf7-response-output{position: absolute;font-size: 14px;margin-top: 10px;}*/
.wpcf7 p{margin-bottom: 0px;}

.wpcf7-form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
	font-size: 14px;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7-form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}


/* Кнопка */
.button{display: inline-block;text-align: center;padding: 15px 35px;color: white;background-color: #1AA0E4;border-radius: 2px;font-size: 15px;font-weight: 500;border: none;}
.button:hover{background-color: black;color: white;text-decoration: none;}

.button2{display: inline-block;text-align: center;font-size: 15px;margin-left: 10px;padding: 15px 35px;color: black;border: 1px solid black;border-radius: 2px;}
.button2:hover{background-color: black;color: white;text-decoration: none;}



#top{background-color: #F9FBFC;color: #999999;padding: 11px 0px;}
#top a{color: #999999;}
#top .nav a{padding-right: 20px;}
#top .container{display: flex;justify-content: space-between;}

#header{padding: 20px 0px;color: #999999;background-color: white;}
#header .phones{display: flex;justify-content: space-between;font-size: 13px;}
#header .phones a{display: block;font-size: 18px;color: black;font-weight: 500;line-height: 20px;}
#header .aws-search-field{border-top: 0px;border-left: 0px;border-right: 0px;padding-left: 0px;}
#header .aws-search-field::placeholder {font-size: 16px;}
#header .aws-form-btn{background: transparent;border-top: 0px;border-right: 0px;border-left: 0px;}
#header .cart{display: flex;justify-content: flex-end;align-items: center;text-decoration: none;}
#header .cart svg{overflow: visible;}
#header .cart .info{padding-left: 10px;}
#header .cart .info .price{color: black;font-weight: bold;line-height: 20px;}
#header .cart .info .count{color: #999999;font-size: 12px;}

#menu{background-color: #F9FBFC;padding: 10px 0px;}
#menu .nav{display: flex;justify-content: space-between;}
#menu .nav a{color: black;}
#menu .menu-item-has-children:after{content: url(images/ad.svg);margin-left: 3px;position: relative;top: -2px;}
#menu .menu-item-has-children:hover .sub-menu{display: block;}
#menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;}
#menu .sub-menu li{padding: 5px 20px;}

#slide{background: url(images/slide.jpg) no-repeat center / cover;color: white;}
#slide h1{margin: 0 auto;text-align: center;}
#slide h1 span{white-space: nowrap;background-color: #1AA0E4;color: white;border-radius: 41px;padding: 0 20px;}
#slide .text{color: #b5b5b5;}
#slide__button-wrapper{display:flex; width:100%; justify-content: flex-end; margin-top: 30px;}

#prem{background: url(images/prem.jpg) no-repeat 100% / cover;color: white;text-align: center;}
#prem .items{font-weight: 500;}
#prem .items img{display: block;margin: 0px auto;padding-bottom: 10px;}

#faq{background-color: #E8EFF3;}
#faq .text{color: #999999;}
#accordion{display: inline-block;width: 100%;}
#accordion .card{border: none;border-radius: 0px;padding: 20px 0px 10px 0px;border-bottom: 1px solid #00000020;background: transparent;}
#accordion .card a{color: black;font-size: 25px;padding-bottom: 10px;display: flex;justify-content: space-between;}
#accordion .card:first-letter{text-transform: capitalize;}
#accordion .card .more{font-size: 16px;font-weight: bold;}
#accordion .card a:after {content:"–";float: right;color: inherit;font-size: 30px;line-height: 30px;color: black;}
#accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;}

#block5{background: url(images/block5.jpg) no-repeat bottom center / contain, linear-gradient(rgb(255 255 255) 0%, #f4f8f9 50%, #e6eef1 100%);overflow: hidden;position: relative;font-size: 20px;}
#block5 h2{position: relative;}
#block5 img{position: absolute;}

#video{position: relative;display: flex;justify-content: center;align-items: center;}
#video:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 2;}
#video h2{position: absolute;color: white;z-index: 5;}

#calc{background-color: #1AA0E4;}
#calc .inner{background-color: white;border-radius: 10px;}

#block8{background: url(images/block8.jpg) no-repeat center, #E7EFF2;}
#block8 .wpcf7-mask{padding: 20px;border: none;border-top-right-radius: 2px;border-top-left-radius: 2px;width: 100%;}
#block8 .wpcf7-submit{background-color: #1BB567;color: white;padding: 20px;border: none;border-bottom-left-radius: 2px;border-bottom-right-radius: 30px;width: 100%;}

.scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;scrollbar-width: none; /*mozilla*/}
.scroll::-webkit-scrollbar {
  display: none; /*chrome*/
}
#har .nav{padding-bottom: 10px;margin-bottom: 20px;}
.tabs::-webkit-scrollbar {height: 2px;-webkit-appearance: none;}
.tabs::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.tabs::-webkit-scrollbar-thumb {background: #007aa5;}

#har .nav .nav-link{color: black;border: 1px solid #00000024;border-radius: 24px;font-weight: 500;font-size: 18px;white-space: nowrap;margin-right: 10px;}
#har .nav .nav-link.active{background-color: #1AA0E4;color: white;border-color: #1AA0E4;}
#har .tab-content p{font-weight: 500;font-size: 20px;}
#har .tab-content li{list-style: none;}
#har .tab-content li::before {content: "\2022";font-size: 25px;position: relative;top: 4px;line-height: 0px;color: #1BB567;font-weight: bold;display: inline-block;width: 17px;margin-left: -17px;}
#har .button{margin-top: 20px;}
#har .owl-next{position: absolute;right: 0;top: 0px;background-color: white!important;box-shadow: 0 0 10px 10px white;-webkit-box-shadow: 0 0 10px 10px white;outline: none;padding: 5px 0px 5px 5px!important;}
#har .owl-prev{position: absolute;left: 0;top: 0px;background-color: white!important;box-shadow: 0 0 10px 10px white;-webkit-box-shadow: 0 0 10px 10px white;outline: none;padding: 5px 5px 5px 0px!important;}
#har .owl-prev.disabled, #cats .owl-next.disabled{display: none;}
#har .owl-prev path, #cats .owl-next path{fill: #b5b5b9;}

#mod{background-color: #0A1D27;color: white;}
#mod .nav{display: flex;}
#mod .nav li{background-color: #00101A;flex-grow: 1;text-align: center;}
#mod .nav li:first-child{border-top-left-radius: 6px;}
#mod .nav li:last-child{border-top-right-radius: 6px;}
#mod .nav li .active{color: #FFFFFF;border-bottom: 2px solid #1AA0E4;}
#mod .nav li a{color: #FFFFFF40;padding: 20px;font-size: 18px;border-right: 1px solid #FFFFFF20;}
#mod .nav li:last-child a{border-right: none;}
#mod .tab-content{margin-top: 30px;}
#mod .tab-content img{border-radius: 10px;}
#mod .tab-content h3{margin-bottom: 10px;}
#mod .tab-content .button{margin-top: 10px;}
#mod h4{font-size: 16px;text-transform: uppercase;font-weight: 900;margin-top: 20px;}

#banner2{background: url(images/banner2.jpg) no-repeat 100% / cover;}
#banner2 .items, #banner3 .items{align-items: center;background-color: white;padding: 15px;border-radius: 10px;}
#banner2 .items .wpcf7-mask, #banner3 .items .wpcf7-mask{width: 100%;border: none;outline: none;padding: 14px 0px;}
#banner2 .items .button, #banner3 .items .button{border: none;}

#about{font-size: 20px;}
#about .owl-carousel .owl-item img{border-radius: 10px;}

#team {text-align: center;padding: 0px;}
#team .item{position: relative;color: white;display: flex;align-items: center;justify-content: center;font-weight: bold;}
#team .item .info{opacity: 0;position: absolute;z-index: 3;font-size: 20px;}
#team .item .info .spec{color: #B5B5B5;}
#team .item:hover .info{opacity: 1;}
#team .item:hover:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 2;}

#ser .item{margin-top: 40px;}
#ser .item .num{font-size: 40px;font-weight: 500;}
#ser .item .num span{font-size: 20px;}
#ser .item .inf{font-size: 12px;text-transform: uppercase;margin-bottom: 8px;}
#ser .buttons{display: flex;margin-top: 20px;}

#rews{background-color: #0A1D27;color: white;}
#rews .review{background-color: #00101a;padding: 20px;position: relative;overflow: hidden;border-radius: 10px;}
#rews .review .username{font-size: 20px;}
#rews .review .date{font-size: 14px;color: gray;}
#rews .review .text{font-size: 15px;}
#rews .review svg{margin: 10px 0px;}

#inst h2 a{color: #1AA0E4;font-weight: bold;text-decoration: none;}
#inst h2 a:hover{color: black;}

#banner3{background: url(images/banner3.png) no-repeat bottom right/ contain, #1AA0E4;color: white;position: relative;}
#banner3 p{margin-bottom: 40px;}
#banner3 img{position: absolute;}

#block9{background-color: #0A1D27;color: white;}
#block9 h2{font-size: 40px;text-transform: uppercase;}

#starttext{font-size: 18px;border-left: 4px solid #1AA0E4;padding-left: 20px;}

#footer{padding: 50px 0px;background-color: white;}
#footer a{color: black;}
#footer ul{padding: 0px;list-style: none;}
#footer ul li{padding-bottom: 5px;}
#footer .phone{font-size: 30px;}
#footer .time{color: #777777;margin-bottom: 20px;}
#footer .soc{display: flex;flex-wrap: wrap;}
#footer .soc a{margin: 10px 4px 0px 0px;}
#footer .copy{margin-top: 40px;font-size: 14px;color: #777777;}


.page{background-color: #F5F6F8;}

#obmen .num{display: inline-flex;width: 100px;height: 100px;border-radius: 50%;font-size: 40px;color: #1AA0E4;background-color: white;justify-content: center;align-items: center;margin-bottom: 20px;margin-top: 20px;}
#obmen .mes{background-color: white;border-radius: 10px;margin: 40px 0px;}
#obmen .mes img{height: 100%;margin-right: 30px;}

#proizv{font-size: 18px;}
#proizv .prem .num{font-size: 40px;color: #1AA0E4;font-weight: 500;}
#proizv .item{padding: 15px 0px;}

#aboutpage .big{font-size: 30px;margin-bottom: 20px;}
#aboutpage .prem .num{font-size: 30px;color: #1AA0E4;font-weight: 500;}
#aboutpage .prem > div{margin: 10px 0px;}

#dost{text-align: center;}
#dost p{color: #97989E;font-size: 20px;}

#banner4{background: url(images/banner4.jpg) no-repeat 100% / cover;color: white;position: relative;}

#dostavka .item, #dostavka h2{text-align: center;}
#dostavka .item{padding: 20px 0px;}

#contpage .item{font-size: 24px;padding-top: 15px;padding-bottom: 15px;}
#contpage .item .title{color: #6C6C6C;font-size: 15px;}
#contpage .item a{color: black;}
#contpage .item .mail{color: #1AA0E4;}



#cats .item{background-color: #F9FBFC;margin-bottom: 20px;text-align: center;}
#cats .item a{color: black;text-decoration: none;}
#cats .item .image{display: flex;justify-content: center;align-items: center;}
#cats .item img{width: auto;max-height: 100%;mix-blend-mode: darken;}
#cats .item h2{padding: 10px 0px 0px 0px!important;}
#cats .item .price{font-size: 14px;color: #1AA0E4;font-weight: 500;padding-top: 5px;}





#tovars .item{margin-bottom: 30px;}
#tovars .item a{color: black;text-decoration: none;}
#tovars .item .image{display: flex;justify-content: center;align-items: center;}
#tovars .item img{max-width: 100%;max-height: 100%;mix-blend-mode: darken;object-fit: contain;}
#tovars .item .info{display: flex;justify-content: space-between;align-items: center;}
#tovars .item .info h2{font-size: 16px;font-weight: normal!important;margin: 10px 0px;height: 40px;overflow: hidden;}
#tovars .item .info .price{font-size: 20px;font-weight: 500;margin-bottom: 10px;}
#tovars .item .info .price del{font-size: 16px;font-weight: 100;}
#tovars .item .info .price ins{color: #e31e24;text-decoration: none;}
#tovars .item .button{color: white;padding: 10px 45px; width:100%; margin-top:5px;}
#tovars .item .button:hover{color: white;}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover{
	background-color: white !important;
	border: 1px solid #1AA0E4;
	color: #1AA0E4 !important;
}



#tovar .item{border: 1px solid #E2E2E2;border-radius: 4px;padding: 30px;}
#tovar .woocommerce-product-gallery__image .image{display: flex;justify-content: center;align-items: center;}
#tovar .woocommerce-product-gallery__image img{max-width: 100%;max-height: 100%;mix-blend-mode: darken;object-fit: contain;}
#tovar .thumbs{margin-top: 10px;}
#tovar .thumbs:hover .owl-nav{opacity: 1;}
#tovar .owl-nav{opacity: 0;}
#tovar .owl-nav svg:hover path{fill: #1AA0E4;}
#tovar .owl-nav .owl-prev{position: absolute;left: 10px;top: calc(50% - 6.625px);}
#tovar .owl-nav .owl-next{position: absolute;right: 10px;top: calc(50% - 6.625px);}
#tovar h1{font-size: 35px;text-transform: uppercase;font-weight: 500!important;padding: 0px!important;}
#tovar .sku_wrapper, #tovar .tagged_as{display: block;}
#tovar .sku_wrapper .sku{color: black;}
#tovar .stock{display:inline-block;background-color: #1AA0E4;color: white;font-size: 14px;padding: 3px 10px;margin-top: 10px;}
#tovar .out-of-stock{display:inline-block;background-color: red;color: white;font-size: 14px;padding: 3px 10px;margin-top: 10px;}
#tovar .variations{margin-top: 20px;}
#tovar .variations .label{color: gray;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover{box-shadow: 0 0 0 2px rgb(20 105 60)!important;background-color: #1AA0E4;color: white;}
#tovar .variations .reset_variations{font-size: 14px;color: gray;}
#tovar .variable-item img{width: auto!important;}
#tovar .price{display: block;font-size: 40px;margin: 10px 0px;font-weight: 500;}
#tovar .price del{font-size: 25px;font-weight: 100;}
#tovar .price ins{color: #e31e24;text-decoration: none;}
#tovar .title{text-transform: uppercase;padding-bottom: 10px;}

#tovar .product_meta{color: #7F7F7F;margin-top: 10px;}
#tovar .product_meta a{color: black;}
#tovar .summary .screen-reader-text{display: none;}
#tovar .summary .qty{height: 100%;margin-right: 20px;padding: 10px;width: 100px;}
#tovar .summary .variations_button{display: flex;}
#tovar .button{background-color: #1AA0E4;border: none;color: white;text-transform: uppercase;}
#tovar .button:after{position: relative;content: url(images/bcart.svg);padding-left: 10px;top: 3px;}
#tovar .button:hover{background-color: black;color: white;text-decoration: none;}
#tovar .table td, #tovar .table th{padding: 5px 10px;vertical-align: middle;font-size: 15px;border: none;}
.table-striped tbody tr:nth-of-type(odd){background-color: rgb(249 251 250);}
#tovar .table p{margin: 0px;}

#tovar .nav{margin-top: 20px;}
#tovar .nav a{background-color: #F9FBFC;color: #484848;border-radius: 2px;}
#tovar .nav .active{background-color: #474444;color: white!important;}
#tovar .tab-content{border: 5px solid #F9FBFC;padding: 20px;margin-top: -5px;}

#tovar .desc{margin-top: 20px;}
#tovar .buynow{display: inline-block;background-color: black;color: white;padding: 15px 45px;margin-top: 10px;text-transform: uppercase;}
#tovar .buynow:hover{color: white !important;background-color: #1AA0E4;}



/* Мой аккаунт */
#profile{display: flex;align-items: center;justify-content:space-between;background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;margin-bottom: 20px;}
#profile .menu{display: flex;}
#profile .menu a{color: black;font-weight: bold;margin: 0 20px;}
#profile .menu .is-active{border-bottom: 2px solid #1AA0E4;color: #1AA0E4;}
#profile .user{display: flex;align-items: center;}
#profile .user .name{font-size: 18px;font-weight: bold;border-right: 1px solid #D5D5D5;padding-right: 10px;margin-right: 10px;}
#profile .user .button {padding: 5px 35px;background-color: #1AA0E4;color: white;border: none;text-transform: uppercase;}
#profile_info{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;}
#profile_info h3{padding-bottom: 20px;}
#profile_info .form-row{display: block;margin: 0px 0px 20px 0px;}
#profile_info input{padding: 13px;border: 1px solid #D7D7DD;width: 100%;}
#profile_info #billing_country_field{display: none;}


/* Пагинация */
.woocommerce nav.woocommerce-pagination ul{padding: 0px;display: flex;justify-content: center;}
.woocommerce nav.woocommerce-pagination ul li {float: left;overflow: hidden; min-width: 40px;text-align: center;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span{color: #434343;display: block;font-size: 14px;line-height: 40px;transition: all 0.3s ease-in-out;font-family: "Poppins", sans-serif;text-decoration: none;}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {color: #ffffff !important;background-color: #000000;}


/* Сообщение добавить в корзину и ошибка */
.woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em;margin-bottom:15px;position: relative;background-color: #f7f6f7;color: #515151;border-top: 3px solid #1AA0E4;display: flow-root;}
.woocommerce-message::before {content: "\2714";display: inline-block;position: absolute;top: 1em;left: 1.5em;}
.woocommerce-message .button {float: right;padding: 5px 15px;}
.woocommerce-info{border-top-color: #b81c23;padding: 20px;}
.woocommerce-message .restore-item{color: #1AA0E4;}


/*Таблица в корзине */
.woocommerce-cart-form th{background-color: #1AA0E4;color: white;}
.woocommerce table.shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: separate;}
.woocommerce table.shop_table th {font-weight: 700;padding: 9px 12px;line-height: 1.5em;}
.woocommerce table.shop_table td {border-top: 1px solid rgba(0,0,0,.1);padding: 9px 12px;vertical-align: middle;line-height: 1.5em;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {font-weight: 700;border-top: 1px solid rgba(0,0,0,.1);}
.woocommerce table.shop_table img{height: 100px;width: auto;}
.woocommerce table.shop_table a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.woocommerce table.shop_table a:hover{color: #1AA0E4;}
.woocommerce table.shop_table .quantity .screen-reader-text{display: none;}
.woocommerce table.shop_table .quantity .qty {width: 3.631em;text-align: center;}
.woocommerce table.shop_table a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%;color: red!important;text-decoration: none;font-weight: 700;border: 0;}
.woocommerce table.shop_table a.remove:hover{color:#fff!important;background:red}
.woocommerce table.shop_table .actions{text-align: right;}
.woocommerce table.shop_table .button{padding: .618em 1em;}
.woocommerce table.shop_table .button:disabled{cursor: not-allowed;opacity: .5;}
.woocommerce table.shop_table .product-name{font-weight: 500;}

/* Данные клиента и итого */

#customer_details .form-row{display: block;margin: 0px 0px 15px 0px;}
#customer_details input, #customer_details textarea{padding: 13px;border: 1px solid #D7D7DD;width: 100%;}

.pagination{text-align: center;display: block;width: 100%;margin-bottom: 20px;}
.pagination a{color: #6E6E6E;}
.pagination .current{color: #2CC1D6;font-weight: 500;text-decoration: underline;}
.pagination .page-numbers{padding: 3px;}

.woocommerce-error {border-top-color: #b81c23;}

#payment{background: white;padding: 20px;}
#payment a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#payment a:hover{color: #1AA0E4;}
#payment ul{padding: 0px;}
#payment li{list-style: none;}
#payment .methods{border-bottom: 1px solid #d3ced2;}
#payment .payment_box{position: relative;background-color: #edf2f4;color: #515151;padding: 15px; margin: 15px 0;}
#payment .payment_box p{margin: 0px;}
#payment .payment_box:before{content: "";display: block;border: 1em solid #edf2f4;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent; position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;}
#payment .checkbox{padding-left: 5px;}



.fullscreen{padding: 0px!important;-webkit-overflow-scrolling: touch;}
.fullscreen .modal-dialog a{color: black;}
.fullscreen .modal-dialog {height: 100%;margin: 0;}
.fullscreen .modal-content{border-radius: 0;border: 0px;}
.fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.fullscreen .st{font-size: 18px;padding-bottom: 10px;}
.fullscreen .list{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.fullscreen .list li{padding-bottom: 5px;}
.fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;}
.fullscreen .select2-selection__rendered{line-height: 40px!important;}

#tags{margin: 40px 0px;}
#tags.flex{display: flex;flex-wrap: wrap;gap: 8px;}
#tags a{background: #F6F6F6;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: #484848;text-align: center;}
#tags a:hover{background: #3370ad;color: white;}


:root {
    --hovercolor: #1AA0E4;

}



@media (min-width:1024px){
    .col-pc-1{grid-template-columns: repeat(1, 1fr);}
    .col-pc-2{grid-template-columns: repeat(2, 1fr);}
    .col-pc-3{grid-template-columns: repeat(3, 1fr);}
    .col-pc-4{grid-template-columns: repeat(4, 1fr);}
    .col-pc-5{grid-template-columns: repeat(5, 1fr);}
    .col-pc-6{grid-template-columns: repeat(6, 1fr);}
    .col-60-40{grid-template-columns: auto 40%;}
    .col-40-60{grid-template-columns: auto 60%;}
    .col-80-20{grid-template-columns: 80% auto;}
    .col-30-70{grid-template-columns: 30% auto;}
	.grid{gap: 20px;}
}

.grid{display: grid;}
.img-fluid{width: 100%; height: auto;}

/* iPhone 5 */
@media (max-width: 321px){

	h1{font-size: 25px!important;}
	
	#map .pr .num{font-size: 60px!important;line-height: 60px!important;}

}
@media (max-width: 921px) {
    #map .pr{text-align: center;font-size: 20px!important;line-height: 15px;}
	#map .pr .m-s-2{grid-column: span 2;}
	#map .pr .num{font-size: 70px;line-height: 70px;}
}

@media (min-width: 992px) {
    #map .pr .num{font-size: 80px;line-height: 80px;}
    .block{padding: 80px 0px;}
}


#block2 .item{padding: 25px !important; display: grid; align-items: center; align-content: center;}
#block2 .grid{background-color: whitesmoke; border-top-right-radius: 50px; border-bottom-left-radius: 50px !important;}
#block2 .img img{border-top-right-radius: 40px;}
#block2 .item h1{font-size: 32px !important;}

#block3 a{ display: grid;grid-auto-flow: column;align-items: center; justify-content: space-between;background-color: var(--hovercolor); color: white !important; padding: 15px; border-radius: 10px;}
#block3 .grid{gap: 10px !important;}
#block3 a::after{    content: '';background-image: url(images/next_white.svg); width: 18px;height: 18px;margin-left: 15px;}
#block3 a:hover{background-color: #3c5762 ;}

#block5 .item{padding: 15px; display: grid; align-items: center; align-content: center;}
#block5 .grid{margin-bottom: 15px; background-color: whitesmoke;}
#block5 .img img{max-height: 350px !important; min-height: 350px; object-fit: cover; width: 100%;}


#block8 .left, #block8 .right{padding: 15px;}
#block8 .right{background-color: whitesmoke; border-bottom: 4px solid var(--hovercolor);}

#block9 .item{padding: 15px; display: grid; align-items: center; align-content: center;}
#block9 .grid{margin-bottom: 15px; background-color: whitesmoke;}
#block9 .img img{max-height: 350px !important; min-height: 350px; object-fit: cover; width: 100%;}

#block10 , #block20{background-color: whitesmoke;}

#tags img{width: 100%; height: 150px !important; object-fit: cover;}


#block14 .scrol{display: block;width: 100%;overflow-x: auto;}
#block14 th{background-color: #0164c9;color: white;font-weight: 500;font-size: 18px;border: none;}
#block14 th:last-child{border-top-right-radius: 6px;}
#block14 th:first-child{border-top-left-radius: 6px;}
#block14 th, #block14 td{padding: 30px;}
#block14 td:last-child {width: 20%; white-space: nowrap;}
#block14 .button:hover{background-color: #0164c9;color: white;}
#block14 p{display: none;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);}
.table-striped{width: 100%;}

.form3{background: var(--hovercolor);color: white;padding: 30px 40px;margin: 40px 0px;align-items: center;border-bottom-left-radius: 25px;border-top-right-radius: 25px;}
.form3 h2{font-size: 35px;margin-bottom: 0px;}
.form3 .text{border-left: 1px solid white;padding-left: 30px;}
.form3 .soc{margin-top: 10px;display: flex;gap: 10px;}
.form3 .button{background: black;color: white;place-self: center;  padding: 20px;    border-bottom-left-radius: 15px;border-top-right-radius: 15px;}

#map{background: url(images/map.png) center top no-repeat;background-size: contain;font-weight: 500;}
#map .city a{color: black;text-transform: uppercase;font-size: 14px;}
#map .city {gap: 10px;}
#map .pr{font-size: 30px;margin-bottom: 20px;}
#map .pr .num{color: var(--hovercolor);font-weight: 600;}
#map .more{display: flex;justify-content: center;margin-top: 10px;}


#mes{font-size: 20px;background: #f9f9f9;}
#mes .buttons{row-gap: 10px;}
#mes .buttons .item{
	display: flex;
	align-items: center;
	justify-content: center;
    border-width: 2px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-color: rgb(105, 140, 200);
    font-size: 20px;
    border-style: solid;
    box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px;
    background: rgb(105, 140, 200);
  
    width: 237px;
    height: 59px;
	text-decoration: none;
	margin: 10px 0px;
	width: 100%;
	border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}
#mes .buttons .tg{background: #6194ed;border-color: #6194ed;}
#mes .buttons .wa{background: #83d05b;border-color: #83d05b;}
#mes .buttons .vb{background: #614d9b;border-color: #614d9b;}
#mes .buttons .item img{margin-right: 10px;width: 30px;}
#mes span{color: var(--hovercolor);font-weight: bold;}
#mes .grid{align-items: center;}

.wpcf7-form input[name="middle_name"] {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.items span.wpcf7-list-item-label {color: #000;}
.wpcf7 input[type=checkbox] {margin-right: 5px;}
.clearfy-cookie {bottom: 45px!important;}
	/* POPUP MAIN STYLES */
	.popup-overlay-main{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
	.popup-overlay-main.active{display:flex;}
	.popup-container-main{display:flex;max-width:900px;width:100%;max-height:90vh;background:#fff;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,0.3);animation:popupIn 0.3s ease;}
	@keyframes popupIn{from{opacity:0;transform:scale(0.95) translateY(-20px);}to{opacity:1;transform:scale(1) translateY(0);}}
	.popup-image-main{flex:0 0 50%;background: center/cover no-repeat;min-height:500px;}
	.popup-form-main{flex:1;padding:40px 35px;position:relative;overflow-y:auto;}
	.popup-close-main{position:absolute;top:15px;right:20px;width:30px;height:30px;background:none;border:none;font-size:28px;color:#333;cursor:pointer;line-height:1;transition:color 0.2s;}
	.popup-close-main:hover{color:#00a5e6;}
	.popup-title-main{text-align:center;font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:30px;}
	.popup-title-main span{color:#00a5e6;}
	.form-group-main{margin-bottom:15px;}
	/* CF7 стили */
	.popup-form-main .wpcf7-form-control-wrap{display:block;margin-bottom:15px;}
	.popup-form-main .wpcf7-form-control{width:100%;padding:14px 16px;font-size:15px;border:1px solid #ddd;border-radius:0;background:#fff;color:#333;transition:border-color 0.2s;}
	.popup-form-main .wpcf7-form-control:focus{outline:none;border-color:#00a5e6;}
	.popup-form-main .wpcf7-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;cursor:pointer;}
	.popup-form-main .form-row{display:flex;gap:15px;}
	.popup-form-main .form-row .wpcf7-form-control-wrap{flex:1;margin-bottom:0;}
	.popup-form-main .wpcf7-list-item{margin:0;}
	.popup-form-main .wpcf7-acceptance{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#555;margin: 0 0 -25px;}
	.popup-form-main .wpcf7-acceptance input[type="checkbox"]{width:16px;height:16px;accent-color:#00a5e6;}
	.popup-form-main .wpcf7-acceptance a{color:#00a5e6;}
	.popup-form-main .wpcf7-submit{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:#00101a;border:none;cursor:pointer;transition:background 0.3s;margin-top:25px;}
	.popup-form-main .wpcf7-submit:hover{background:#0089c2;}
	.popup-form-main .wpcf7-response-output{margin:15px 0 0;padding:10px;font-size:14px;}
	.popup-form-main .wpcf7-spinner{display:none;}
	@media(max-width:550px){.popup-form .form-row{flex-direction:column;gap:0;}.popup-form .form-row .wpcf7-form-control-wrap{margin-bottom:15px;}}
	.popup-contacts-main{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;flex-wrap:wrap;}
	.popup-contacts-main a{color:#555;text-decoration:none;font-size:14px;transition:color 0.2s;}
	.popup-contacts-main a:hover{color:#00a5e6;}
	.popup-socials-main{display:flex;gap:15px;}
	.popup-socials-main a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:50%;color:#555;font-size:22px;transition:all 0.2s;}
	.popup-socials-main a:hover{background:#00a5e6;color:#fff;}

	@media(max-width:768px){.popup-overlay-main{padding:15px;}.popup-container-main{max-height:90vh;}.popup-image-main{flex:0 0 40%;min-height:400px;}.popup-form-main{padding:30px 25px;}.popup-title-main{font-size:20px;margin-bottom:25px;}.form-input-main,.form-select-main{padding:12px 14px;font-size:16px;}.popup-socials-main a{width:54px;height:54px;font-size:24px;}}
	@media(max-width:550px){.popup-image-main{display:none;}.popup-form-main{padding:30px 20px;}.form-row-main{flex-direction:column;gap:0;}.popup-socials-main a{width:52px;height:52px;font-size:22px;}}

	.popup-socials-main a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:50%;color:#555;transition:all 0.2s;}
	.popup-socials-main a:hover{background:#00a5e6;color:#fff;}
	.popup-socials-main svg{width:24px;height:24px;}

.telegram__wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.telegram__wrapper a {
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #00a5e6;
    border-radius: 50%;
    font-size: 22px;
    transition: all 0.2s;
    text-decoration: none;
}




.email, .phone{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.catalog_title{
	font-size: 60px;
	margin-top: 100px;
}

/* Новый блок каталога товаров */
:root{
    --blue:#1AA0E4;
    --blue-hover:#008cd0;
    --text:#1f2937;
}
/* Сетка каталога */
.shop-catalog{
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
}
/* Карточка */
.shop-card{
    background:#fff;
    border-radius:18px;
    padding:20px 25px;
    box-shadow:0 8px 30px rgba(30,80,160,0.06);
    display:flex;
    flex-direction:column;
	justify-content:space-between;
    overflow:hidden;
    transition: all 0.4s ease;
}
.shop-card:hover{
    box-shadow:0 12px 40px rgba(26,160,228,0.15);
}
/* Заголовок */
.shop-card-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}
.shop-card-head h2{
    margin:0;
    font-size:18px;
    font-weight:600;
}
.shop-card-head h2 a{
    text-decoration:none;
    color:#1f2937;
    transition:color 0.2s ease;
}
.shop-card-head h2 a:hover{
    color:var(--blue);
}
/* Иконка категории */
.shop-category-icon{
    width:40px;
    height:40px;
    border-top-left-radius:0;
    border-bottom-left-radius:18px;
    border-top-right-radius:18px;
    border-bottom-right-radius:0;
    overflow:hidden;
    flex-shrink:0;
}
.shop-category-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* Список подкатегорий */
.shop-sublist{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.shop-sublist li{
    margin-bottom:8px;
    overflow:hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
}
.shop-sublist a{
    text-decoration:none;
    color:#374151;
    font-size:15px;
    transition:.2s;
}
.shop-sublist a:hover{
    color:var(--blue);
}
/* скрытые подкатегории */
.hidden-sub{
    max-height:0;
    opacity:0;
    transform:translateY(-5px);
    margin:0 !important;
    padding:0 !important;
}
/* Кнопка */
.shop-toggle, .shop-toggle-show{
    margin-top:15px; 
    padding:10px 16px;
    font-size:14px;
    font-weight:600;
    border:none;
    cursor:pointer;
    transition:.3s;
    background:var(--blue);
    color:#fff;
    border-top-left-radius:0;
    border-bottom-left-radius:18px;
    border-top-right-radius:18px;
    border-bottom-right-radius:0;
    align-self:flex-start;
}
.shop-toggle:hover{
    background:var(--blue-hover);
	text-decoration:none;
	color:white;
}
.shop-toggle-show{
	background: none;
	color: var(--blue);
	border: 1px solid;
	border-color: var(--blue);
}
.shop-toggle-show:hover{
	text-decoration:none;
	color: var(--blue);
}
.shop-card-buttons {
    display: flex;
    gap: 10px; 
    margin-top: 10px;
}


/* Адаптив */
@media(max-width:991px){
    .shop-catalog{
        grid-template-columns:1fr;
        gap:16px;
    }
	.shop-card-buttons {
       
        gap: 10px;
    }
}

/*  ОБЩАЯ СТРУКТУРА  */

.form-row {
    width: 100%;
   
}

.form-group {
    width: 100%;
}

.form-label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}

.form-select,
.form-custom-input, .form-input {
    width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
}



.row-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.row-quantity .form-group {
    width: 100%;
}


.form-row:not(.row-top):not(.row-quantity) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.form-group.checkboxes {
    width: 100%;
}

input.wpcf7-submit {
    width: 100%;
    padding: 12px;
    background-color: #1AA0E4;
    color: #fff;
    border: none;
    cursor: pointer;
}

/* МОБИЛКА */

@media (max-width: 991px) {

    .row-top {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-row {
        grid-template-columns: 1fr !important;
    }

}

.shop-toggle.is-disabled {
    opacity: 0.5;
	background-color: gray;
    cursor: not-allowed;
    pointer-events: none;
}

.calc-open-btn {
	display: none;
	padding: 14px 20px;
	width:100%;
	font-size: 16px;
	background: #1AA0E4;
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

#calcPopupOverlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 999999;
}

#calcPopup {
	background: #fff;
	width: 95%;
	max-width: 520px;
	margin: 5vh auto;
	padding: 25px;
	border-radius: 12px;
	position: relative;
	max-height: 90vh;
	overflow-y: auto;
}

#calcCloseBtn {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 22px;
	background: none;
	border: none;
	cursor: pointer;
}

@media (max-width: 991px) {

	#calcHolder {
		display: none;
	}

	#calc_title{font-size:26px;}
	.calc-open-btn {
		display: inline-block;
	}
}

/* Навигация */
.tabs-nav {
    display: flex;
    gap: 5px;
    border-bottom: 2px solid #1AA0E4;
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
}

.tabs-nav li {
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    background: #f9f9f9;
}

.tabs-nav li.active {
    border-color: #1AA0E4;
    background: #1AA0E4;
    font-weight: bold;
	color:white;
	
}

/* Контент табов */
.tab {
    display: none;
}

.tab.active {
    display: block;
}

/* Контейнер */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; 
    justify-content: flex-start; 
}

/* Сама карточка */
.card-product {
    position: relative;
    background: #ffffff;
    border-radius: 16px; 
    padding: 30px 25px;
    flex: 1 1 300px; 
    min-width: 280px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden; 
}


.card-product:hover {
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(26, 160, 228, 0.15); 
    border-color: rgba(26, 160, 228, 0.3);
}

/* Номер карточки */
.card-number {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    color: rgba(26, 160, 228, 0.15); 
    z-index: 0;
    pointer-events: none;
}

/* Заголовок */
.card-title-product {
    position: relative;
    z-index: 1; 
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
}

/* Описание */
.card-desc-product {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #555;
}

.card-product:hover::before {
    opacity: 1;
	
}
/* Таблица характеристик */
.specs-table {
    width: 100%;
    max-width: 500px; 
    border-collapse: collapse;
    margin-top: 20px;
    font-family: inherit;
    font-size: 16px; 
}

.specs-table tbody tr {
   height: 30px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.4s ease;
    position: relative;
    z-index: 2; 
    background-color: inherit; 
	margin-bottom: 5px;
}


.specs-table tbody tr:hover {
    background-color: #f8f9fa;
}

.spec-name {
    color: #6c757d;
    font-weight: 400;
    flex: 1;
    padding-right: 15px;
    border-right: 1px solid #e0e0e0; 
}

.spec-value {
    color: #000;
    font-weight: 400;
    flex: 1;
    padding-left: 15px;
}

/* Адаптив */
@media (max-width: 991px) {
    .specs-table tbody tr {
        display: block;
        padding: 8px 0;
    }

    .spec-name {
        display: block;
    }

    .spec-value {
        display: block;
        margin-bottom: 8px;
    }
	 .specs-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .spec-name {
        
        display: block;
    }

    .spec-value {
        display: block;
        margin-bottom: 10px;
    }
}

/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
.msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:10%;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}