#sp-main-body { padding: 20px 0;}
table { border: 1px solid #C0C0C0;}
table td, 
table th { border: 1px solid #C0C0C0; padding: 5px 2px}
.useful-links img {height:60px;}
.social-icons {font-size: 20px!important;}
.article-list .article {padding: 5px;}
.article-list .article .featured-article-badge { display: none; visibility: hidden;}
.article-details .featured-article-badge { display: none; visibility: hidden;}

/* Уменьшение заголовков внутри статей (ПК и планшеты) */
.article-details .article-header h1, 
.article-details .article-header h2, 
.article-details .article-header h4 {
    font-size: 1.75rem !important; /* Размер для больших экранов (прим. 28px) */
    line-height: 1.3 !important; /* Делаем межстрочный интервал аккуратнее */
}
/* Уменьшение заголовков внутри статей (Мобильные устройства) */
@media (max-width: 767px) {
    .article-details .article-header h1, 
    .article-details .article-header h2, 
    .article-details .article-header h4 {
        font-size: 1.25rem !important; /* Размер для смартфонов (прим. 22px) */
        line-height: 1.25 !important;
    }
}

/* Класс для создания таблицы с невидимыми границами */
table.noborder,
table.noborder td,
table.noborder th {
    border: none !important;
}

/* Уменьшение логотипа в мобильной прилипающей шапке */
@media (max-width: 575px) {
  #sp-header .logo-image {
        height: 38px;
    }  
  #sp-header.header-sticky .logo-image {
        height: 38px !important; /* Оптимальная высота для мобильной шапки, можно изменить */
        width: auto !important; /* Сохраняем пропорции картинки */
    }
}
/* Добавление иконки документа к ссылкам в таблицах с классом .doc-table */
.doc-table a::after {
   font-family: "Font Awesome 6 Free";
    content: ""; 
    font-weight: 900;
    margin-left: 6px;
    font-size: 14px;
    color: #0056b3;
    display: inline-block;
    vertical-align: middle;
}
/* Настройка ширины для страницы новостей */ 
@media (min-width: 1080px) {
  .newspage .container {
    padding-right: 2%;
    padding-left: 2%;
    max-width: 1280px; 
}}

.sp-megamenu-parent {
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 15px;
    line-height: 60px;
    font-size: 16px;
    margin: 0;
}
.sp-megamenu-parent > li:hover > .sp-dropdown {
    visibility: visible;
    opacity: 1;
}
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  font-size: 16px;
  padding: 12px 0;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 90%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: -47%;
}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover>.sp-dropdown {
    animation: spFadeInDown 200ms ease-in
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li {
    margin: 24px 0;
}
/* Исправление верстки Latest News Enhanced для мобильных устройств (до 767px) */
@media (max-width: 767px) {
    /* 1. Делаем КОНТЕЙНЕР Flexbox, чтобы выравнивать новости по верхнему краю */
    #lnee_111 {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important; /* Привязывает все элементы строки к верхнему краю */
    }
    /* 2. Отключаем устаревшее обтекание, которое ломало ряды на мобильных */
    #lnee_111 .lnee_item {
        float: none !important; 
        /* Дополнительно сбрасываем высоту, если модуль задал её жестко */
        height: auto !important;
        min-height: 0 !important;
    }
    /* 3. Сбрасываем жестко заданную высоту ВНУТРЕННИХ контейнеров */
    #lnee_111 .newshead, 
    #lnee_111 .newshead .picture {
        height: auto !important;
        min-height: 0 !important;
        display: block !important; 
    }
    /* 4. Заставляем картинку занимать всю ширину смартфона и сохранять пропорции */
    #lnee_111 .newshead .picture img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    /* 5. Убираем лишние отступы снизу */
    #lnee_111 .newshead {
        margin-bottom: 15px !important; 
    }
    #lnee_111 ul.latestnews-items {
    align-items: flex-start !important;
    }
    /* 6. Центрирование кнопки "Все новости" */
    #lnee_111 .readalllink {
    width: 100% !important; /* Заставляем блок занять всю ширину строки */
    display: flex !important;
    justify-content: center !important; /* Выравниваем саму ссылку по центру */
    margin-top: 20px !important; /* Добавляем небольшой отступ сверху для красоты */
    }
    /* 7. Отступ справа между заголовками новостей */
  .lnee .newstitle {
    padding-right: 5px;
    }
  .lnee .newsintro {
    padding-right: 5px;
    }
}
    /* Увеличение ширины окна настроек SP Page Builder */
.builder-modal-dialog {
    max-width: 1200px !important; /* Желаемая максимальная ширина (стандартная обычно около 500px) */
    width: 90vw !important; /* Защита, чтобы окно занимало не более 90% экрана на небольших мониторах */
}
.builder-modal-content {
    width: 100% !important;
}
/* Центрирование кнопок пагинации в новостях */
.com-content-category-blog__pagination {
    width: 100% !important; 
    display: flex !important;
    justify-content: center !important;
    }
/* Скрытие лишних кнопок пагинации в новостях на узких экранах до 590px */
@media (max-width: 590px) {
    .com-content-category-blog__pagination .pagination .page-item {
        display: none !important; /* Скрываем всё по умолчанию */
    }
    /* Принудительно показываем кнопки: Первая, Последняя, Предыдущая, Следующая и Активная */
    .com-content-category-blog__pagination .pagination .page-item.active,
    .com-content-category-blog__pagination .pagination .page-item:first-child,
    .com-content-category-blog__pagination .pagination .page-item:last-child,
    .com-content-category-blog__pagination .pagination .page-item:nth-child(2),
    .com-content-category-blog__pagination .pagination .page-item:nth-last-child(2)
    {
        display: block !important;
    }
}