/* Start:/bitrix/templates/servicecar_main/components/bitrix/menu/top_mobile/style.css?16183253801662*/

/*.top_menu_mobile {background: rgba(0,0,0, .1) !important; margin: 0; padding: 10px 0;}*/

.top_menu_mobile a{ color: white; border-top: 1px red !important;}
.top_menu_mobile li{ color: white;  padding: 5px 10px; text-align: left;}

.top_menu_mobile ul { margin:0; margin: 20px 0 !important; }

.menu_mobile .navbar-toggle {float: none !important;}

.menu_mobile .navbar-header button { color: white; text-transform: uppercase;}

.menu_mobile .dropdown.active a.dropdown-toggle, li.active a.root-item-selected { color: rgba(0,0,0, .7); text-decoration: none; }


.menu_mobile .navbar-header { background: none !important; border: none; }
.menu_mobile .navbar-nav { text-transform: uppercase; font-size: 13px; text-align: left;}
.menu_mobile .nav>li { padding: 0 10px; }

.menu_mobile .dropdown-menu a { bottom-top: 1px rgba(255,255,255, .1) !important; font-size: 14px; }

 
.menu_mobile .dropdown-menu { background: rgba(0,0,0, 0.1) !important; }
.menu_mobile .dropdown-menu li{ padding: 0; }

 .navbar-header button { display: inline-block; float: right; margin: 0; padding: 15px 10px;  }


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff !important;
   background-color: rgba(0,0,0, .2) !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border-color: rgba(0,0,0, .2) !important; 
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0, .2) !important;
}

.menu_mobile #catalog { background: rgba(0,0,0, .2) !important; }

/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/menu/top_multi/style.css?16183253803607*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0 !important;
  right: -300px;
  width: 300px;
  margin-top: -60px;
  box-shadow: 0 0 20px rgba(0,0,0, .4);
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  font-family:'FontAwesome';
  display: block;
  /*content: " ";*/
  content:"\f105";
  float: right;
  width: 0;
  height: 0;
/*  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;*/
  /*margin-top: 5px;*/
  margin-right: -20px;
  margin-top: -2px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}





/*  Главное меню  */

.main_menu_gorizontal {
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
    font-family: 'bold';
    height: 60px;
} 


.main_menu_gorizontal li>a{
  /*text-align: left !important;*/
  /*padding-left: 0 !important;*/
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: white;
}

.main_menu_gorizontal .nav-pills>li {
    /*margin-right: 2.5% !important;*/
    height: 60px;
    /*border-left: rgba(255,255,255, .3) dotted 1px;*/
    padding-top: 22px;
}


/*.main_menu_gorizontal .nav-pills>li:last-child {border-right: rgba(255,255,255, .3) dotted 1px;}*/


.main_menu_gorizontal .nav-pills>li a:hover, .main_menu_gorizontal .nav-pills>li a:active, .main_menu_gorizontal .nav-pills>li a:focus { background:none !important;}
.main_menu_gorizontal .nav-pills>li:hover, .main_menu_gorizontal .nav-pills>li:focus, .main_menu_gorizontal .nav-pills>li:active { background: rgba(0,0,0, .1);}

.main_menu_gorizontal .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background: none !important;
    border: none !important;
}
.main_menu_gorizontal .nav-pills>li.active>a, .main_menu_gorizontal .nav-pills>li.active>a:hover, .main_menu_gorizontal .nav-pills>li.active>a:focus,
.main_menu_gorizontal .nav-pills>li>a.root-item-selected {
    color: rgba(255,255,255, .6) !important;
    background: none !important;
}

.dropdown-menu { z-index: 10000 !important; }

.nav-pills .dropdown-menu {
    top: 58px !important; 
}


.main_menu_gorizontal .zayavka{
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  width: 200px !important;
}

.main_menu_gorizontal .zayavka>a>span{
border-bottom: 1px dotted #1c94c4;
}

    /* Субменю  */

    .dropdown-menu li a{
      color: black;
    }
      .dropdown-menu li{
      color: black;
      padding: 10px 20px;
      border-top: #ddd 1px solid;
    }
    .dropdown-menu li:hover, .dropdown-menu li a:hover{ background: #ddd; color: black !important; }

      .dropdown-menu li.item-selected>a{
      color: rgba(0,0,0, .4) !important;
    }

    .dropdown-menu li:first-child{ border: none; }
    .dropdown-menu {
        left: 0;
        border: none !important;
        font-size: 14px;
        text-transform: none;
        border: 1px #ddd solid;
       }    

    /* .Субменю */
a.root-item:hover, a.root-item:focus, a.root-item:active { background: none !important; } 

.dropdown-menu>li>a:hover { background: none !important; }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #939393 !important;
    background: none !important;
}

/*  .Главное меню */

/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/search.title/site_search/style.css?1618325380445*/

div.title-search-result {
	/*border:1px solid #c6c6c6;*/
	display:none;
	z-index: 10205;
	background: rgba(0,0,0, .9);
	/*padding: 5px !important;*/
	color: white;
	/*margin: auto !important;*/
}



div.title-search-result a{ color: white; margin: auto !important;  }
a .title-search-price { font-size: 16px; padding-top: 5px; color: white; }

.title-search-result .search_prod {
	padding: 5px 0; border-bottom: 1px #333 solid; margin: 5px 0;
}
/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/news.list/slider/style.css?1618325381259*/
/*.carousel-control.left, .carousel-control.right { 
    font-size: 20px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 40px !important;
    padding-top: 8px !important;
    text-shadow: none !important;
    }*/
/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/system.pagenavigation/.default/style.css?16183253801171*/
div.modern-page-navigation { 
	padding: 22px 0;
	font-size: 12px;
}

div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
	border-left-width: 1px;
	/*border-left-style: solid;*/
	text-decoration: none;
	padding: 5px 8px;
	color: #5B5B5B;
}
div.modern-page-navigation a.modern-page-previous { 
	border-right-width: 1px; 
	/*border-right-style: solid; */
	border-left: none; }
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first { 
	border-left: none; 
	padding-left: 0.5em; }

span.modern-page-current { 
	/*font-weight: bold;*/
    background: #BEBEBE;
    border-color: #BEBEBE;
    padding: 3px 8px;
    border-radius: 3px;
    color: white;

}

.pagination {

    margin-top: 15px !important;
    margin-right: 5px !important;

}

.pagination>li>a {
color: black !important;
color: #5B5B5B !important;
}


.pagination>li.active>a {
color: #9B9B9B !important;
}


.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 3;
    background: none !important;
    border-color: transparent;
}

/*i.fa {font-size: 14px; margin-top; 3px}*/
/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/breadcrumb/main/style.css?1618325380709*/

.bx-breadcrumb {
	padding: 25px 0 5px 0;
	/*text-transform: uppercase;*/
	color: #A0A0A0;
	font-size: 13px;
	display: inline-block;
	/*border: red solid 1px;*/
	/*float: right;*/
	margin: 0;
}

.bx-breadcrumb a{ color: #939393;}
.bx-breadcrumb a:hover{ text-decoration: underline !important; }

.bx-breadcrumb .fa {
	/*color: #A0AAB0;*/
	vertical-align: middle;
	margin: 2px 13px;
	font-size: 5px;
}
.bx-breadcrumb .fa-home {font-size: 13px; margin-top: 0 !important; margin-right: 3px !important; margin-left: 0 !important  }

.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	vertical-align: middle;
	color: #B7B7B7;
}

.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none; text-decoration: none;}


/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/menu/left/style.css?17540570852379*/





.left_menu { margin: 0 20px 25px 0;}


.left_menu .nav>li>a {
     color: rgba(0, 0, 0, 1);
    /*margin-right: 40px;*/
    font-family: "Montserrat";
    text-transform: uppercase;
    font-size: 12px;

}


.left_menu .nav>li { border-bottom: 1px solid rgba(0,0,0, .15); padding: 10px 0 !important;}
.left_menu .nav>li:last-child { border-bottom: none;}
.left_menu .nav>li>a { padding: 0;}

.left_menu .nav-pills>li.active>a, .left_menu .nav-pills>li.active>a:hover, .left_menu .nav-pills>li.active>a:focus {
    /*color: #ffffff;*/
    color: rgba(0,0,0, .5);
    background: none ;
}

.left_menu .nav-pills>li>a{
    color: rgba(0,0,0, .9);
}

.left_menu .nav-pills>li>a.menu_left_text:hover, .left_menu .nav-pills>li>a.menu_left_text:focus, .left_menu .nav-pills>li>a.menu_left_text:active {
    color: rgba(0,0,0, .5);
	background: none !important;    
}


.left_menu .nav-pills>li.active>a.menu_left_text, .left_menu .nav-pills>li.active>a.menu_left_text:hover, .left_menu .nav-pills>li.active>a.menu_left_text:focus {
    color: rgba(0,0,0, .4);
	background: none !important;
	/*color: black;*/
}


a.menu_left_arrow { 
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #DDD !important;
    float: right;
    margin-top: -2px;
     }

.menu_left_arrow .fa{ margin: 3px 5px; font-size: 16px;}

a.menu_left_arrow:hover { 
    background: #B5B5B5 !important;
     }     

.nav-pills>li.active>.menu_left_arrow {
     color: rgba(0,0,0, 1) !important; 
     background: #939393 !important;
     color: white !important;
}     

.nav-pills>li.active>.menu_left_arrow:hover {background: #B5B5B5 !important;}

.left_menu .nav-pills>li.active>a.menu_left_text, .left_menu .nav-pills>li.active>a.menu_left_text:hover, .left_menu .nav-pills>li.active>a.menu_left_text:focus {
     color: rgba(0,0,0, .5) !important; 
     background: none !important;
}     



/*Субменю*/

.left_menu .nav-pills>li>div>ul {
    border-top: #ddd 1px dotted;
    margin-top: 10px;
    padding-top: 10px;
    
    padding-left: 20px;
    font-size: 14px;
    font-family: "normal";
    line-height: 14pt;

}

.left_menu .nav-pills>li>div>ul li { padding: 5px 0; }

.left_menu .nav-pills>li>div>ul li a {color: rgba(0,0,0, .8); }
.left_menu .nav-pills>li>div>ul li a:hover{color: rgba(0,0,0, .5); }
.left_menu .nav-pills>li>div>ul li.active a { opacity: .5 }




/* End */


/* Start:/bitrix/templates/servicecar_main/components/bitrix/menu/bottom/style.css?161832538060*/
.footer .menu_bottom { font-size: 14px; line-height: 18pt; }
/* End */


/* Start:/bitrix/templates/servicecar_main/styles.css?177270208414010*/
/* =========================================
   1. БАЗОВЫЕ СТИЛИ И ШРИФТЫ
   ========================================= */
body {
    font-family: "Open Sans", "Arial", sans-serif; /* Более читаемый шрифт для веба */
    color: #333;
    line-height: 1.6;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Заголовки с линией (как было у вас, но аккуратнее) */
h2.line, h3.line {
    border-bottom: 2px solid #0586d8; /* Синяя линия бренда */
    padding-bottom: 10px;
    margin-bottom: 30px;
    display: inline-block; /* Линия только под текстом */
    font-size: 24px;
}

/* =========================================
   2. НОВЫЙ ДИЗАЙН (Бренды и Модели)
   ========================================= */

/* --- Основной контейнер --- */
.modernized-template,
.model-detail-modern {
    margin-bottom: 50px;
}

/* --- Сетка (Flexbox вместо Float) --- */
.brand-header-block,
.model-header-block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
    align-items: flex-start;
}

/* Левая колонка (Лого/Фото) */
.brand-logo-wrapper,
.model-image-wrapper {
    flex: 0 0 25%;
    min-width: 250px;
    text-align: center;
}

.brand-logo-wrapper,
.brand-logo-wrapper img {
    border: none;
    box-shadow: none;
}

.brand-logo-wrapper img,
.model-image-wrapper img {
    max-width: 100%;
    height: auto;
}

/* Правая колонка (Текст) */
.brand-text-content,
.model-benefits-wrapper {
    flex: 1;
}

/* --- Список преимуществ (Галочки) --- */
.benefits-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}

.benefits-list li {
    position: relative;
    padding-left: 30px;
}

.benefits-list li::before {
    content: "✔"; /* Или иконка FontAwesome, если подключен */
    color: #28a745;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

/* --- Сетка карточек преимуществ (для Моделей) --- */
.benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.benefit-card {
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px 15px 15px 65px;
    position: relative;
    min-height: 100px;
    display: flex;
    align-items: center;
    transition: all 0.2s;
}

.benefit-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    background-color: #fff;
    border-color: #0586d8;
}

/* Иконки для карточек (пути как у вас были) */
.benefit-card.icon-garant { background: url(/images/garant.png) no-repeat 15px center; }
.benefit-card.icon-sogl   { background: url(/images/sogl.png) no-repeat 15px center; }
.benefit-card.icon-wifi   { background: url(/images/wifi.png) no-repeat 15px center; }
.benefit-card.icon-pay    { background: url(/images/pay.png) no-repeat 15px center; }

/* --- Сертификаты --- */
.certificates-grid,
.certificates-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.certificates-grid img,
.certificates-row img {
    height: 70px;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px;
    transition: opacity 0.2s;
}

.certificates-grid img:hover,
.certificates-row img:hover {
    opacity: 0.8;
    border-color: #0586d8;
}

/* --- Блок Акции (Синяя рамка) --- */
.promo-action-card {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    padding: 25px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}

.promo-action-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #0586d8;
}

.promo-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.promo-badge {
    background: #d9534f; /* Красный бейдж */
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.discount-mess {
    font-size: 24px;
    font-weight: 700;
    color: #0586d8;
    margin: 0 0 10px;
}

/* Форма в акции */
.form-row-flex {
    display: flex;
    gap: 15px;
    align-items: flex-end;
}
.form-row-flex .input-wrapper { flex: 2; }
.form-row-flex .btn-wrapper { flex: 1; }
.promo-form .form-control { height: 45px; }
.promo-form .btn { height: 45px; font-weight: bold; }


/* =========================================
   3. КАРТОЧКИ МОДЕЛЕЙ (СЕТКА)
   ========================================= */
.services-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* !!! ВОТ ЭТОТ ВАЖНЫЙ КУСОК ДЛЯ ВОЗДУХА СНИЗУ !!! */
.services-grid > div {
    margin-bottom: 30px; /* Отступ снизу между рядами */
    display: flex;       /* Растягиваем колонку, чтобы карточка занимала всю высоту */
}

/* Сама карточка */
.service-card {
    display: flex;
    flex-direction: column;
    width: 100%;         /* Занимаем всю ширину колонки */
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    text-decoration: none !important;
    color: #333;
    transition: all 0.3s ease;
    height: 100%;
    border: 1px solid transparent;
}
/* ... дальше остальные стили карточки (.service-card:hover и т.д.) ... */


.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    border-color: #0586d8;
}

.service-card-image {
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    margin: 10px;
}

.service-card-content {
    padding: 15px 20px 20px;
}

.service-card h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #000;
}

.link-more {
    color: #0586d8;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 15px;
}


/* =========================================
   4. СТАРЫЕ ЭЛЕМЕНТЫ (Адаптированные)
   ========================================= */

/* Цветные блоки (Важно, Инфо, Контакт) */
.content_vagno, .content_info, .content_contact {
    padding: 20px 20px 20px 70px;
    position: relative;
    margin: 20px 0;
    border-radius: 6px;
    min-height: 80px;
}

/* Иконки через FontAwesome коды (как у вас было) */
.content_vagno:before, .content_info:before, .content_contact:before {
    position: absolute;
    top: 20px;
    left: 15px;
    color: #fff;
    font-family: FontAwesome, "Montserrat", sans-serif; /* Добавил FontAwesome на всякий случай */
    font-size: 40px;
    line-height: 1;
}

.content_vagno:before { content:"\f06a"; } /* ! знак */
.content_info:before { content:"\f05a"; }  /* i знак */
.content_contact:before { content:"\f1d8"; } /* самолетик */

.content_vagno { background: #E9B8B8; color: #333; }
.content_info { background: #eef7fc; border-left: 4px solid #0586d8; color: #333; padding-left: 20px; } /* Современный стиль для Инфо */
.content_info:before { display: none; } /* Убираем старую иконку для нового стиля */
.content_contact { background: #DEE8D8; color: #333; }

/* Гарантия цены */
.garant-low-price {
    background: #fff3cd;
    padding: 15px;
    border-radius: 6px;
    margin-top: 20px;
    color: #856404;
    text-align: center;
    border: 1px solid #ffeeba;
}
.garant-low-price span { font-weight: bold; }
.garant-low-price a {
    color: #856404;
    text-decoration: underline;
}


/* =========================================
   5. ТАБЛИЦЫ С ЦЕНАМИ (Самое важное!)
   ========================================= */

/* Стилизуем таблицы, даже если они внутри .list_content */
table, 
.list_content table,
.content_contact table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 15px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Заголовки */
table th, 
.list_content table th {
    background-color: #0586d8;
    color: #ffffff;
    text-align: left;
    padding: 12px 15px;
    font-weight: 600;
    border: none;
    font-family: "Open Sans", sans-serif;
}

/* Ячейки */
table td, 
.list_content table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    color: #333;
}

/* Зебра */
table tr:nth-of-type(even) {
    background-color: #f8f9fa;
}

/* Наведение */
table tr:hover {
    background-color: #eef7fc;
}


/* =========================================
   6. АДАПТИВНОСТЬ (MOBILE)
   ========================================= */
@media (max-width: 991px) {
    .brand-header-block,
    .model-header-block {
        flex-direction: column;
    }
    .brand-logo-wrapper,
    .model-image-wrapper {
        flex: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .benefits-grid,
    .benefits-list {
        grid-template-columns: 1fr; /* Одна колонка */
    }
}

@media (max-width: 768px) {
    .form-row-flex {
        flex-direction: column;
    }
    .form-row-flex .input-wrapper,
    .form-row-flex .btn-wrapper {
        width: 100%;
    }
    
    /* Горизонтальный скролл для таблиц на мобильном */
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

/* =========================================
   7. ГАЛЕРЕИ КАРТИНОК (Восстановление)
   ========================================= */

/* --- Баннеры скидок (2 картинки в ряд) --- */
.img-bann-discount {
    display: grid; /* Используем Grid вместо Flex для идеальной симметрии */
    grid-template-columns: 1fr 1fr; /* Две равные колонки */
    gap: 30px; /* Зазор между баннерами */
    margin: 30px 0;
}

.img-bann-discount > div {
    /* Убираем лишние стили, Grid сам управляет шириной */
    width: 100%; 
}

/* Стилизация самой картинки */
.img-bann-discount img {
    width: 100%;         /* Растягиваем на всю ширину ячейки */
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    display: block;      /* Убираем отступ снизу */
}

/* На мобильном ставим их друг под друга, чтобы были крупными */
@media (max-width: 768px) {
    .img-bann-discount {
        grid-template-columns: 1fr; /* Одна колонка */
    }
}


/* --- Сетка услуг (4 картинки в ряд) --- */
/* Блок .img-uslugi */
.img-uslugi {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Строго 4 колонки */
    gap: 15px; /* Аккуратные зазоры между фото */
    margin-bottom: 20px;
}

.img-uslugi > div {
    /* Убираем старые float, grid все сделает сам */
    width: auto; 
}

.img-uslugi img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    transition: opacity 0.2s;
}

.img-uslugi img:hover {
    opacity: 0.9; /* Легкий эффект при наведении */
}

/* --- Адаптив галерей для мобильных --- */
@media (max-width: 991px) {
    /* На планшетах и больших телефонах — по 2 в ряд */
    .img-uslugi {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    /* На маленьких телефонах — тоже по 2 (как в инстаграме) или по 1, если хотите крупно */
    .img-uslugi {
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }
}

/* --- Фикс вылезающего текста услуг на мобильных --- */
@media (max-width: 480px) {
    /* Для старых карточек услуг (если они используются) */
    .catalog_projects_more .column_catalog_projects_text h2,
    .service-card h2 {
        font-size: 14px !important; /* Уменьшаем шрифт заголовка */
        word-wrap: break-word;      /* Разрешаем разрыв длинных слов */
        hyphens: auto;              /* Автоматические переносы (если браузер умеет) */
        overflow-wrap: break-word;  /* Перенос слов, если не влезают */
        line-height: 1.3;           /* Чуть плотнее строки */
        margin-bottom: 10px;
    }
    
    /* Уменьшаем отступы внутри карточки, чтобы влезло больше текста */
    .service-card-content,
    .column_catalog_projects_text {
        padding: 10px !important;
    }
    
    /* Кнопка "Узнать больше" тоже поменьше */
    .link-more {
        font-size: 10px !important;
        padding: 5px 10px;
    }
}


/* End */


/* Start:/bitrix/templates/servicecar_main/template_styles.css?1759587994741*/
.footer .logo .logo-pay-sys img{
	width:auto;
	margin:15px 10px 0 0;
}
.slider.brands .slick-slide a:hover { 
    filter: grayscale(0); 
    background: none !important;
    border-color: #f3f3f3 !important;
}
.good-place{
	background-color:#F5F5F7;
	padding:30px 0;
}
.good-place .container{
	color:#000;
	overflow:hidden;
}
.good-place-bl{
	float:left;
	width:45%;
	position:relative;
	margin-right:2%;
}
.good-place-bl iframe{
	position:relative;
	top:25px;
}

@media (max-width: 990px){
	.good-place-bl{
		float:none;
		width:100%;
		position:relative;
		margin-right:0;
	}
}
@media (max-width: 370px){
	.good-place-bl iframe{
		top:auto;
	}
}
/*div.adress{
	width:30%;
}
div.logo{
	padding:0;
	width:45%;
}
div.contacts{
	width:25%;
}*/
/* End */
/* /bitrix/templates/servicecar_main/components/bitrix/menu/top_mobile/style.css?16183253801662 */
/* /bitrix/templates/servicecar_main/components/bitrix/menu/top_multi/style.css?16183253803607 */
/* /bitrix/templates/servicecar_main/components/bitrix/search.title/site_search/style.css?1618325380445 */
/* /bitrix/templates/servicecar_main/components/bitrix/news.list/slider/style.css?1618325381259 */
/* /bitrix/templates/servicecar_main/components/bitrix/system.pagenavigation/.default/style.css?16183253801171 */
/* /bitrix/templates/servicecar_main/components/bitrix/breadcrumb/main/style.css?1618325380709 */
/* /bitrix/templates/servicecar_main/components/bitrix/menu/left/style.css?17540570852379 */
/* /bitrix/templates/servicecar_main/components/bitrix/menu/bottom/style.css?161832538060 */
/* /bitrix/templates/servicecar_main/styles.css?177270208414010 */
/* /bitrix/templates/servicecar_main/template_styles.css?1759587994741 */