#top2 #logo {margin-top: 0 !important;}#blog_mod .blog-list .image {margin: 0 10px 10px 0; float: left; width: 100px;}#blog_mod .blog-list .opisb h4 {height: initial !important;}.search {border: 2px solid #ededed;}


/* Настройка ширины колонок в корзине */

/* Ширина колонок корзины для 5 столбцов */
.cart-display-content .table th:nth-child(1),
.cart-display-content .table td:nth-child(1) { 
    width: 5%; 
} /* № п/п */

.cart-display-content .table th:nth-child(2),
.cart-display-content .table td:nth-child(2) { 
    width: 35%; 
} /* Наименование */

.cart-display-content .table th:nth-child(3),
.cart-display-content .table td:nth-child(3) { 
    width: 10%; 
} /* Количество */

.cart-display-content .table th:nth-child(4),
.cart-display-content .table td:nth-child(4) { 
    width: 25%; 
} /* Цена */

.cart-display-content .table th:nth-child(5),
.cart-display-content .table td:nth-child(5) { 
    width: 25%; 
} /* Сумма */

/* Чтобы текст в названии гарантированно переносился */
.cart-display-content .table td.cartdname a {
    white-space: normal !important;
    display: block;
    word-break: break-word;
}


/* Отображаем картинку в каталоге, скрыта в стиле*/
.flex-table .flex-cell:first-child {
    display: flex !important;
}

/* 1. Скрываем кнопку "Заказ в 1 клик" */
.quickorder_b {
    display: none !important;
}

/* Распределяем колонки в таблице */
.flex-table-header, 
.flex-table-row.product-thumb {
    display: grid !important;
    grid-template-columns: 10% 15% repeat(auto-fit, minmax(10px, 1fr)) 20% !important;     
    align-items: center;
    width: 100%;
}

/* Переносим текст наименование в таблице */
.flex-table-row.product-thumb > div.naimenov {
    display: block !important;
    min-width: 0 !important;
}
.flex-table-row.product-thumb .naimenov a {
    white-space: normal !important;
    display: block !important;
}


/* Основной контейнер */
.news-header-block {
    background: #f0f0f0;
    padding: 30px;
    border: 1px solid #ddd;
    margin-bottom: 40px;
    border-radius: 4px;
    overflow: hidden;
}

/* Логотип справа */
.news-logo {
    float: right; 
    width: 220px;
    height: auto;
    margin: 0 0 15px 25px;
    object-fit: contain;
    padding: 10px;
    background: #e8e8e8; 
    border: 1px solid #d0d0d0; 
    border-radius: 4px;
}

.news-title {
    clear: both;
    color: #1a1a1a;
    font-size: 22px;
    font-weight: bold;
    border-left: 6px solid #EB511C;
    padding: 12px 20px;
    margin: 25px 0 20px 0;
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.news-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    text-align: left;
    margin-bottom: 15px;
}

/* Список характеристик */
.news-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.news-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 15px;
}

.news-list li::before {
    content: "•";
    color: #EB511C;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 22px;
}

/* Нижний блок */
.news-footer {
    clear: both;
    background: #f9f9f9;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 30px;
}

.news-link {
    color: #EB511C;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #EB511C;
    transition: opacity 0.3s;
}

.news-link:hover {
    opacity: 0.7;
}

/* Адаптивность */
@media (max-width: 768px) {
    .news-logo {
        float: none;
        display: block;
        margin: 0 auto 20px auto;
        width: 180px;
    }
    
    .news-header-block {
        padding: 20px;
    }

/* В каталоге ссылки черные */
.flex-table-row .flex-cell {
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
}

.flex-table-row .flex-cell a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.flex-table-row .flex-cell a:hover {
    color: inherit !important;
    text-decoration: underline !important;
}

}


#content .row.products_category, #content .row.rev_slider_cat_compact {display: initial !important;}
.flex-table .flex-cell:first-child {display: none;}
.flex-table-row.product-thumb h4 {font-size: 14px;}

#revfilter_box {border-color: #eaeaea;}
#revfilter .irs-line {height: 2px !important; top: 30px !important; border-radius: 2px !important;}
#revfilter .irs-slider {top: 22px !important; border: 1px solid #333 !important; width: 10px !important; height: 20px !important; border-radius: 2px !important; background: #f5f5f5 !important;}
#revfilter .irs-bar {height: 2px !important; top: 30px !important; background: #EB511C !important; box-shadow: none !important;}
#revfilter .irs-from, .irs-to, #revfilter .irs-single {background: transparent !important; top: -5px !important;}
#revfilter .irs-from:after, #revfilter .irs-to:after, #revfilter .irs-single:after {display: none !important;}
#revfilter_box .collapsible {max-height: 300px !important;}
#revfilter .revlabel {font-size: 10px !important; line-height: 0 !important; background-color: transparent !important; color: #555 !important; float: none !important; position: absolute; top: 5px; padding: 0 0 0 4px !important;}
#revfilter input[type="checkbox"], #revfilter .checkbox input[type="checkbox"], #revfilter input[type="radio"], #revfilter .radio input[type="radio"] {border-color: #eaeaea;}
#revfilter_box label input[type="checkbox"]:checked + span, #revfilter_box input[type="checkbox"]:checked::after, #revfilter_box input[type="radio"]:checked, #revfilter_box .radio input[type="radio"]:checked, #revfilter_box input[type="radio"]:checked::after, #revfilter_box .radio input[type="radio"]:checked::after {color: #EB511C; border-color: #EB511C;}
#revfilter_box input[type="radio"]:checked::after, #revfilter_box .radio input[type="radio"]:checked::after {background-color: #EB511C;}
#revfilter_box input[type="radio"]:checked + span, #revfilter_box .radio input[type="radio"]:checked + span {color: #EB511C;}
#revfilter_reset {background: #f5f5f5;}
#revfilter_reset:hover {color: #EB511C;}
#revfilter .price_slider.collapsible {padding: 10px 25px;}
#revfilter_box .option_box {border-color: #eaeaea !important;}
.fa-toggle-on:before, .fa-toggle-off:before {content: "\f078"; font-size: 8px; color: #555;}
.option_name .fa.on, .option_name.hided .fa.off {right: 10px !important;}
.option_name.hided .fa.off {transform: rotate(-90deg);}
#revfilter .price_slider.collapsible {padding: 10px !important;}
#revfilter_box .list-group .option_box:nth-child(2) > .option_name {display: none;}

.flex-cell.naimenov {min-width: 300px;}
.flex-table-row.product-thumb .cart {padding-left: 10px;}
.lastcartcol {min-width: 230px;}
.cartdname {max-width: 140px;}

/* Стили для адаптации таблицы на мобильных */
@media (max-width: 767px) {
  
  /* 1. Отключаем десктопный Grid, включаем блочную модель карточки */
  .flex-table,
  .flex-table-header, 
  .flex-table-row.product-thumb {
    display: block !important;
    width: 100% !important;
  }
  
  /* Скрываем шапку таблицы на мобильных */
  .flex-table-header {
    display: none !important;
  }
  
  /* 2. Оформляем каждую строку товара как отдельную карточку */
  .flex-table-row.product-thumb {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
  }
  
  /* 3. Перестраиваем ячейки в карточке: название слева, значение справа */
  .flex-table-row .flex-cell {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 6px 0 !important;
    border: none !important;
    border-bottom: 1px dashed #f0f0f0 !important;
    text-align: right !important; /* Значения прижимаем вправо */
  }
  
  /* Скрываем пустые ячейки и те, что скрыты на мобильных по умолчанию */
  .flex-table-row .flex-cell.hidden-xs,
  .flex-table-row .flex-cell:empty {
    display: none !important;
  }
  
  /* 4. Отдельно оформляем заголовок товара */
  .flex-table-row .flex-cell.naimenov {
    min-width: auto !important; /* Сбрасываем десктопные 300px */
    display: block !important;
    text-align: center !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  
  .flex-table-row .flex-cell.naimenov h4 {
    margin: 0 auto !important;
    text-align: center !important;
    font-size: 15px !important;
  }
  
  /* 5. Добавляем названия характеристик слева перед значениями */
  .flex-table-row .flex-cell[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 600 !important;
    color: #444 !important;
    text-align: left !important;
  }
  
  /* 6. Подвал карточки: цена и корзина */
  .flex-table-row .flex-cell.lastcartcol {
    min-width: auto !important; /* Сбрасываем десктопные 230px */
    border-bottom: none !important;
    justify-content: space-around !important;
    background: #fafafa !important;
    margin: 6px -12px -12px -12px !important;
    padding: 10px 12px !important;
    border-radius: 0 0 6px 6px !important;
    border-top: 1px solid #eee !important;
    width: calc(100% + 24px) !important;
  }
}

/* ========================================================================= */
/* НОВЫЕ БЛОКИ: ДОПОЛНИТЕЛЬНАЯ СЛУЖЕБНАЯ B2B-ЛОГИКА BAT.BY                  */
/* ========================================================================= */

/* Скрываем ненужные атрибуты товара (Вес и Токовыводы), если они пробились в DOM */
.product_informationss li:has(.dotted-line_title:contains("Вес, кг")),
.product_informationss li:has(.dotted-line_title:contains("Тип токовыводов")) {
    display: none !important;
}

/* Стили для B2B-заглушки остатков "Только для партнеров" */
.bat-red {
    color: #EB511C !important;
    font-weight: bold;
}

/* Деликатное размытие фона сайта при вызове модального окна задолженности */
#bat-alert-modal {
    backdrop-filter: blur(3px);
}