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


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

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

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


@media (min-width:768px) {
	#price .col-pl-2{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width: 921px) {
	#header, #menu, #top, .sh{display: none;}
	#mobile{box-shadow: 0px 20px 40px 0px #00000005;padding: 15px;}
	#mobile img{width: 170px;}
	#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;}

	.block{padding: 20px 0px;}
	#slider{margin-top: 10px;text-align: center;}
	#slider ul{padding: 0px;}
	#slider li{list-style: none;}
	#slider .item{padding: 30px;align-items:center!important;}
	#slider .item .title{font-size: 30px;font-weight: bold;}
	#prem .item{padding-bottom: 20px;}
	#text1 img{margin: 20px 0px;}
	#banner .inner, #about3 .inner{padding: 20px;}
	#banner .button{display: block;}
	#banner .info{padding: 5px 0px;text-align: center;}
	#text2 .item{margin-bottom: 20px;}
	#text5 img, #about1 img, #about3 img{display: none;}
	#about1 .info{margin-top: 20px;}
	
	#banner img{display: none!important;}
	#tovar h1{margin-top: 20px!important;}
	
	#text6 .items{text-align: center;}

	#mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;}
	#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;text-align: center;}
	#mmenu .nav ul{padding: 0px;}
	#mmenu .nav li{padding-bottom: 15px;}
	#mmenu .cont{padding-top: 20px;font-size: 20px;text-align: center;}
	#mmenu .cont span{display: block;}
	#mmenu .cont .phone{display: block;font-weight: bold;}
	
	.modal{background-color: white!important;}
	
	.modal .city{font-weight: bold;margin-top: 10px;}
	.modal .city a{color: #FF3B3B!important;}
	
	
	#mes .buttons .item, #slide .buttons .item{width: 100%!important;}
	
	.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;}
	
	#map ul li {width: 50%;float: left;}
}



@media (min-width: 992px) {
	
	#mobile{display: none!important;}
	.citylist ul li {width: 33%;float: left;}
	.block{padding: 40px 0px;}
	.block h2, .block h1{padding-top: 0px!important;}
	.block h1{padding-bottom: 20px;}
	
	.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;}
	
	#slider{margin-top: 30px;}
	#slider .item{padding: 50px;}
	#slider .item .title{font-size: 40px;font-weight: bold;max-width: 50%;}
	#prem .items{padding-bottom: 40px;}
	#banner .inner, #about3 .inner{padding: 50px;}
	#banner .bt{display: flex;align-items: center;padding-top: 18px;}
	#banner img{position: absolute;top: -50px;right: 0;z-index: 1;}
	#banner .info{margin-left: 30px;}
	#text2 .item{height: 100%;}
	#text3 .item{padding-bottom: 40px;}
	#text4 img{position: absolute;left: calc(50% - 230px);z-index: 1;mix-blend-mode: multiply;}
	#about5{padding: 0px;}
	
	#map ul li {width: 25%;float: left;}
	
	#price .col-pc-3{grid-template-columns:repeat(3, 1fr)}
}

@media (min-width: 1200px) {
	
} 



html, body{
	font-family: 'Gilroy',Arial,Helvetica,sans-serif!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px;
	color: black;

}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;padding-bottom: 30px!important;font-weight: bold!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold!important;font-size: 35px;}
.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: #FF3B3B;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;left: 15px;bottom: 15px;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);}

.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;}



/* Кнопка вверх */
.btn-back-top {opacity: 0;background: #74c044;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;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);}

/* Виджет мессенджеров */
.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:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}

#map a{color: black;}

.block h2 span{color: #D5D5D5;}
.h-100{height: 100%;}

.button{background-color: #FF3B3B;display: inline-block;text-align: center;padding: 15px 35px;color: white;border: 1px solid #FF3B3B;border-radius: 2px;font-size: 14px;font-weight: 500;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.button:hover{background-color: #F4F4F4;color: #414141;text-decoration: none;}
/* Убираем обводку у кнопок */
button:active, button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}

/*Animate*/
#top a, #header a, #menu .nav a, #header a .price, #cats .item a, .owl-controls svg path, .owl-controls .owl-dot span, #slider .owl-nav svg path, #slider .s1 .owl-nav, #tovar .owl-nav, #tovars .item a, .breadcrumbs a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}

/*HOVER*/
#top a:hover, #header a:hover, #header a:hover .price, #menu .nav a:hover{color: #FF3B3B!important;}

.sh{box-shadow: 0px 20px 40px 0px #00000005;padding-bottom: 20px;}


#header{padding: 25px 0px;color: #999999;}
#header .phones{display: flex;justify-content: space-between;font-size: 12px;}
#header .phones a{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;}
#header .city{font-size: 14px;}
#header .city a{color: black;font-weight: bold;font-size: 16px;}
#header .za{padding: 12px 15px;border-radius: 2px;border: 1px solid #E6E6E6;color: #00000099;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#header .za:hover{background-color: #FF3B3B;color: white!important;border-color: #FF3B3B;}
#menu-glavnoe-menyu-1 .menu-item-has-children{position:relative;padding-right:25px;}
#menu-glavnoe-menyu-1 .menu-item-has-children::after{    content: url(./images/arrow.svg);
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    rotate: 90deg;
    height: 24px;}
#menu-glavnoe-menyu-1 .menu-item-has-children:hover .sub-menu{visibility:visible;opacity:1;}
#menu-glavnoe-menyu-1 .sub-menu{visibility:hidden;opacity:0;display: block;padding: 10px;list-style: none;border: 2px solid #ff3b3b;background-color:white;position:absolute;z-index:100;}
#menu-glavnoe-menyu-1 .sub-menu a{display:block; line-height: 1; margin-bottom:10px;}
#menu-glavnoe-menyu-1 .sub-menu li:last-child a{margin:0;}



#menu .nav{display: flex;justify-content: space-between;}
#menu .nav a{color: black;font-weight: bold;}
#menu .nav li:last-child a{color: #FF3B3B;}


#slider .item{color: white;display: flex;flex-direction: column;justify-content: center;align-items: baseline;}
#slider .item .button{color: white;border: 1px solid #ffffff40;font-weight: bold;}
#slider .item .button:hover{color: black;border-color: white;}
#slider .s1:hover .owl-nav{opacity: 1;}
#slider .owl-nav{opacity: 0;}
#slider .owl-nav svg:hover path{fill: #FF3B3B;}
#slider .owl-nav .owl-prev{position: absolute;left: 10px;top: calc(50% - 6.625px);}
#slider .owl-nav .owl-next{position: absolute;right: 10px;top: calc(50% - 6.625px);}

.big{font-size: 20px;}
.red{color: #FF3B3B;}


#prem, #color, #text2, #stat, #mes{background-color: whitesmoke;}

#stat .button{margin-bottom: 5px;}

#prem{margin-top: 30px;}
#prem .item{display: flex;}
#prem .item svg{overflow: visible;margin-right: 20px;}

#color .color{padding: 30px;background-color: #FF3B3B;color: white;}

#price .big, #price img{width: 100%;text-align: center;margin: 0 auto;display: block;color: #FF3B3B;font-size: 25px;}

#form3 .inner{background-color: whitesmoke;text-align: center;border-radius: 10px;position: relative;font-size: 18px;padding: 40px;}
#form3 h2{padding-bottom: 15px!important;padding-top: 0px!important;}
.mr{margin: 20px 0px;}

#text1 .item{display: flex;align-items: center;font-weight: 500;margin-bottom: 40px;}
#text1 .item svg{overflow: visible;margin-right: 20px;}
#price .cat{display: flex;flex-direction: column;align-items: center;font-weight: 500;justify-content:space-between;border:1px solid #ff3b3b;border-bottom:0;}
#price p{display:block; text-align:center;}
#price b{padding:10px 10px 0 10px;display:block;}
#price .content{width:100%;}
#price a{width: 100%;display: block;text-align: center;padding: 10px;background-color: #FF3B3B;color: white;}

#banner{color: white;font-size: 20px;}
#banner .inner{background: url(images/banner.jpg);background-size: cover;overflow: hidden;}
#banner .col-sm-6{position:relative;}
#banner .button{background-color: #FF3B3B;color: white;border: none;white-space: nowrap;}
#banner .info{color: #676767;font-size: 14px;font-style: inherit;}

#text2 .item{border: 1px solid #D8D8D8;}
#text2 .item .info{padding: 20px;font-size: 14px;}
#text2 .item .info .title{font-size: 18px;font-weight: bold;padding-bottom: 10px;}

#text3 .st{color: #666666;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;}
#text3 .item .num{color: #FF3B3B;font-size: 60px;font-weight: bold;}

#text4{position: relative;padding-bottom: 100px;}
#text4 .info{position:relative;background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.1);padding: 15px;border-radius: 9px;z-index: 2;}
#text4 .info .text{border: 1px solid #E1E1E1;border-radius: 9px;padding: 20px;}

#text5{background-color: whitesmoke;font-size: 18px;overflow: hidden;}
#text5 .col-sm-6{position:relative;}
#text5 .item{display: flex;margin-top: 40px;}
#text5 .item svg{overflow: visible;margin-right: 20px;margin-top: 5px;}
#text5 img{position: absolute;top: -40px;right: -30%;z-index: 1;mix-blend-mode: multiply;}
#text5 .info{z-index: 2;position: relative;}

#rews{font-size: 18px;}
#rews .item{margin-top: 20px;}
#rews .user{display: flex;align-items: center;margin-top: 20px;}
#rews .user img{max-width: 110px;border-radius: 50%;}
#rews .user .info {margin-left: 20px;}
#rews .user .info .name{font-size: 24px;font-weight: 500;}
#rews .user .info .inf{font-size: 16px;color: #444444;}

.owl-controls{display: flex;margin-top: 30px;}
.owl-controls svg path{opacity: 0.5;}
.owl-controls svg:hover path{opacity: 1;}
.owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 30px;}
.owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;}
.owl-dot.active span, .owl-dots .owl-dot:hover span {background: #FF3B3B;}

#text6{border-top: 1px solid #E2E2E2;}
#text6 .items{margin-top: 40px;}
#text6 .items .title{font-size: 20px;font-weight: bold;padding: 10px 0px;}

#form{background: url(images/form.jpg);background-size: cover;color: white;}
#form .info{font-size: 20px;}
#form .wpcf7-text{color: white;background-color: transparent;border: none;border-bottom: 1px solid #a8a9a642;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;}
#form .wpcf7-textarea{color: white;background-color: transparent;border: none;border-bottom: 1px solid #a8a9a642;margin: 20px 0px;width: 100%;padding-bottom: 10px;border-radius: 0px;}
#form .bt{display: flex;align-items: center;padding-top: 18px;}
#form .bt .button{background-color: #FF3B3B;color: white;border: none;white-space: nowrap;}
#form .bt .info{color: #A8A9A6;font-size: 14px;font-style: inherit;margin-left: 30px;}

#mes{font-size: 20px;}
#mes .buttons .item, #slide .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);
    border-radius: 30px;
    width: 237px;
    height: 59px;
	text-decoration: none;
	margin: 10px 0px;
}
#mes .buttons .tg{background: #6194ed;border-color: #6194ed;}
#mes .buttons .wa, #slide .buttons .wa{background: #83d05b;border-color: #83d05b;}
#mes .buttons .vb, #slide .buttons .vb{background: #614d9b;border-color: #614d9b;}
#mes .buttons .item img, #slide .buttons .item img{margin-right: 10px;width: 30px;}


#color .tabs .nav-item{margin-bottom: 10px;}
#color .tabs .nav-item a{color: black;padding: 15px 20px;border: 1px solid #00000020;border-radius: 4px;margin-right: 15px;background-color: white;}
#color .tabs .nav-item a.active{border: 2px solid #FF3B3B;}
#color .tab-content{font-size: 18px;}
#color .tab-content h3{margin-bottom: 20px;font-weight: bold;}
#color .tab-content img{border-radius: 6px;}



/* Контакты */

#contact{padding-top: 20px;}
#contact .item{font-size: 14px;color: #999999;}
#contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;}




#contpage h1 span{color: #4391d4;display: block;}
#contpage .item{font-size: 24px;padding-top: 15px;padding-bottom: 15px;}
#contpage .item .title{color: #6C6C6C;font-size: 14px;}
#contpage .item a{color: black;}
#contpage .item .mail{color: #4391d4;}

#contacts{font-size: 20px;}
#contacts br{display: none;}
#contacts .ad{padding-bottom: 10px;}
#contacts .of{color: #068fd5;padding-bottom: 20px;}
#contacts .time{font-size: 16px;color: #A0A1A1;padding-bottom: 20px;padding-top:10px;}
#contacts .phone{display: block;font-size: 35px;color: black;font-weight: bold;}
#contacts .mail{color: #068fd5;}


/* Форма заявки сбоку */
#za .modal-content{border-radius: 0px;border: none;}
#za .modal-body{height: 100vh;}
#za .modal-body .close{right: 0px;}
#za .modal-body .t{font-weight: bold;}
#za .modal-body .st{color: #545560;}
#za .modal-body .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;}
#za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;}



/*Полноэкранное меню */
.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;}


#footer .head{padding: 40px 0px;}
#footer .cont .phone{display: block;color: #414141;font-size: 20px;font-weight: bold;}
#footer .cont .ad{margin-top: 10px;}
#footer .menu{padding: 0px;margin: 0px;list-style: none;}
#footer .ad a{color: black;}
#footer .menu li{width: 50%;float: left;padding-bottom: 10px;}
#footer .menu li:last-child a{color: #FF3B3B;border-bottom: 1px solid #FF3B3B;}
#footer .menu a{display: inline-block;font-size: 15px;line-height: 1.25;color: #898989;font-weight: 300;text-decoration: none;border-bottom: 1px solid #898989;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#footer .menu a:hover{color: #4391d4;border-bottom: 1px solid #4391d4;}
#footer .soc img{padding-right: 10px;padding-top: 10px;}

#footer .bot{background: #f5f5f5;font-size: 15px;padding: 30px 0px;}
#footer .poly{color: #ababab;}
#footer .made{color: black;}
#footer .btns{justify-content: center; align-items:center;margin: 0 auto;}
#footer .logoo{width:100%;}
#footer span{line-height:1;display:block;margin:10px 0;}

#cont .phone{font-size: 20px;color: black;font-weight: bold;}
#cont .mail{font-size: 20px;color: black;font-weight: bold;}

#cont .wpcf7-text{font-size: 18px;padding: 10px;margin-bottom: 5px;width: 100%;}


#slider .flex{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:10px 0;}
#price .col-lg-6{padding: 0;border: 2px solid #ff3b3b;max-width:100%;}
#price .grid{display:grid;gap:30px;margin-top:30px;}
#price .table td, #price .table th{padding: 0.25rem!important;}
#price tbody tr:first-child td:first-child{font-size:20px; line-height:1;}
#price .flex{padding:10px;}
.flex{display:flex; gap:20px;}

#hero__text{
	margin-top:20px;
}
a:hover{
	text-decoration: none !important;
	color:#ff3b3b;
}



#menu-item-521{display:none;}


#new-hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; 
    
    width: 100%;
    min-height: 650px;          
    position: relative;
    overflow: hidden;
    color: #fff;
    display: flex;
    align-items: center;
}

#new-hero .hero-wrapper {

    padding: 50px 0;

}


.arr-icon {
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.3s;
}
.grid-btn:hover .arr-icon {
    transform: translateX(5px);
}


#new-hero .top-subtitle {
    font-size: 16px;
    color: #efefef;
    margin-bottom: 10px;
}

#new-hero .hero-title {
    font-size: clamp(32px, 5vw, 64px);
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.1;
}


.gradient-tagline {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 12px;
    font-size: 18px;
    margin-bottom: 30px;
    background: linear-gradient(90deg, #cecece 100%, rgba(245, 245, 245, 0) 100%);
    color: #333; 
    font-weight: 500;
	max-width: 700px;
}


.glass-features {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.glass-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.4); 
    border-radius: 20px;
}

.glass-icon img {
    width: 40px;
    height: auto;
}

.glass-text {
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
}

.hero-grid-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    max-width: 600px;
    margin-bottom: 40px;
}

.grid-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    border-radius: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.main-btn {
    background: #ff3b3b;
    color: #fff;
	padding:30px;
}

.hero-grid-buttons .grid-btn {
    display: flex;                  
    align-items: center;            
    justify-content: space-between; 
    width: 100%;                    
    max-width: 300px;               
    padding: 12px 15px 12px 25px;   
    text-decoration: none !important;
    border-radius: 20px;           
    transition: all 0.3s ease;
}



.arr-icon img {
    width: 16px;                   
    height: 16px;
    object-fit: contain;
}

.grid-btn:hover {
    transform: translateY(-2px);    
}

.grid-btn:hover .arr-icon {
    transform: rotate(-45deg);    
}




.hero-grid-buttons .grid-btn:hover {
    text-decoration: none !important;
   
}


.hero-grid-buttons .grid-btn.main-btn {
    color: #ffffff !important;
    background-color: #ff0000; 
	padding: 20px;
}

.hero-grid-buttons .grid-btn.main-btn:hover {
    color: #ffffff !important; 
    opacity: 0.9; 
}


.hero-grid-buttons .grid-btn.light-btn {
    color: #ff0000 !important; 
    background-color: #ffffff;

}

.hero-grid-buttons .grid-btn.light-btn:hover {
    color: #ff0000 !important; 
    background-color: #f8f8f8;
}


.light-btn {
    background: #fff;
    color: black;
    border: 1px solid #ff3b3b;
}


.hero-extra-description{
	margin-bottom: 30px;
	font-size: 18px;
	max-width: 700px;
}



/* --- Контакты и Соцсети --- */
.hero-contacts {
    display: flex;
    align-items: center;
    gap: 15px;           
    margin-top: 10px;
}

.hero-phone {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.hero-socials {
    display: flex;
    gap: 10px;           
}

.hero-socials img {
    width: 30px;
    transition: transform 0.2s;
}

.hero-socials img:hover {
    transform: translateY(-3px);
}


#prem {
    background-color: whitesmoke;
}

h2.section-title {
    margin-bottom: 30px !important;
}

#prem .advantage-card {
    height: 100%;
    padding: 28px 26px;
    background: rgba(255, 255, 255, 0.44);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.4px);
    -webkit-backdrop-filter: blur(8.4px);
    border: 1px solid rgba(255, 255, 255, 0.44);
}

#prem .advantage-title {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    color: #ff3b3b;
}

#prem .advantage-desc {
    font-size: 15px;
    line-height: 1.6;
    color: black;
}

/* --- Текст под hero --- */
#hero__text {
    display: block;
    margin-top: 10px;
    text-align: left;

}
.hero-mobile-image {
    display: none;
}

/* ---------- Мобильная версия hero ---------- */

@media (max-width: 992px) {
	

    #new-hero {
        background-color: rgba(245, 245, 245, 0.6); 
        background-image: none;
        position: relative;
		padding: 30px 0;
    }

    #new-hero::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: url('<?= $bg_url ?>');
        background-size: cover;
        background-position: center center;
        opacity: 0.05; 
        z-index: 0;
    }

 .hero-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: left;
    padding: 30px 20px !important;
    border-radius: 16px;
    background: transparent;
}

.hero-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.2) 60%,
        transparent 100%
    );
    z-index: -1; 
    pointer-events: none;
}
	.hero-extra-description {
		margin-bottom: 10px;}
    .hero-mobile-image {
        display: block;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        order: 0; 
    }

    .hero-mobile-image img {
        width: 100%;
        height: 200px;
        display: block;
        object-fit: cover;
    }
	
	
	
	
    .glass-features {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .glass-item {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.1); /* лёгкий фон */
        padding: 10px;
        border-radius: 8px;
    }

  .hero-grid-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px;
        width: 100% !important;
        padding: 0; 
        box-sizing: border-box;
    }


.hero-grid-buttons .grid-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; 
    padding: 16px 20px !important; 
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-decoration: none;
}


    .hero-grid-buttons a:nth-child(1),
    .hero-grid-buttons a:nth-child(3) {
        flex: 0 0 100% !important; 
        width: 100% !important;
    }


    .hero-grid-buttons a:nth-child(2),
    .hero-grid-buttons a:nth-child(4) {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }


    .hero-grid-buttons a:nth-child(1) { order: 1; } /* Чат */
    .hero-grid-buttons a:nth-child(3) { order: 2; } /* Каталог */
    .hero-grid-buttons a:nth-child(2) { order: 3; } /* Виды */
    .hero-grid-buttons a:nth-child(4) { order: 4; } /* Калькулятор */

    /* Контакты */
    .hero-contacts {
        display: flex;
		justify-content: center;

    }
    .hero-socials {
        display: flex;
        gap: 10px;
    }

    #hero__text {
        display: block;
        text-align: center;
    }
}

/* ---------- Конец мобильной версии hero ---------- */


/* Блок «Регионы работы» (#map) — чипсы городов + кнопка на /geo/ */
#map{padding:42px 0}
#map h2{margin-bottom:24px}
#map ul.map-cities{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 30px;padding:0}
#map ul.map-cities li{width:auto;float:none;margin:0}
#map ul.map-cities a{display:inline-block;padding:9px 16px;background:#f6f7f5;border:1px solid #ececec;border-radius:999px;color:#23241f;font-size:15px;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
#map ul.map-cities a:hover{background:#FF3B3B;border-color:#FF3B3B;color:#fff}
#map .map-all{text-align:center}
#map .map-all-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;background:#FF3B3B;color:#fff;font-size:17px;font-weight:600;border-radius:12px;text-decoration:none;transition:background .15s}
#map .map-all-btn:hover{background:#23241f;color:#fff}
#map .map-all-btn span{font-size:20px;line-height:1}
@media(max-width:600px){#map ul.map-cities a{font-size:14px;padding:8px 13px}#map .map-all-btn{width:100%;justify-content:center}}