<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Title");
?>/* inner.css — внутренние страницы: полоса вкладок и новости.
   index.css не трогаем: он собирается из index.scss, правки затрёт сборка.
   Палитра отсюда же: акцент #00fcbc, текст #222222, вторичный #999999,
   границы #f0f0f0. Шрифт наследуется от body — Open Sans.
   Шапка sticky и занимает место в потоке, отступ сверху не нужен. */

/* ---------- полоса вкладок ---------- */

.page_tabs { background: #ffffff; border-bottom: 1px solid #f0f0f0; }
.page_tabs__list { display: flex; flex-wrap: wrap; }

.page_tabs__item {
    display: inline-block;
    padding: 15px 26px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #999999;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color .15s ease, border-color .15s ease;
}
.page_tabs__item:hover,
.page_tabs__item:focus {
    color: #222222; text-decoration: none; outline: none; border-bottom-color: #3fe9bb;
}
.page_tabs__item--active { color: #222222; border-bottom-color: #00fcbc; }

@media (max-width: 1199px) { .page_tabs__item { padding: 13px 18px; } }
@media (max-width: 575px)  { .page_tabs__item { padding: 12px 14px; font-size: 13px; } }

/* ---------- общее ---------- */

.inner_page { padding-top: 48px; }

.inner_title {
    font-weight: bold; font-size: 32px; line-height: 1.3; color: #222222; margin: 0 0 34px;
}

@media (max-width: 768px) {
    .inner_page { padding-top: 30px; }
    .inner_title { font-size: 24px; margin-bottom: 24px; }
}

.news_empty { color: #999999; padding: 20px 0 60px; }

/* ---------- список ---------- */

.news_col { margin-bottom: 30px; display: flex; }

.news_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: #222222;
    transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.news_card:hover,
.news_card:focus {
    text-decoration: none;
    color: #222222;
    border-color: #00fcbc;
    box-shadow: 0 6px 18px rgba(11, 190, 148, 0.22);
    transform: translateY(-2px);
}

.news_card__img { height: 200px; overflow: hidden; background: #f5fced; }
.news_card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.news_card__img--empty { height: 8px; }

.news_card__body { padding: 22px 24px 24px; display: flex; flex-direction: column; flex-grow: 1; }
.news_card__date { font-size: 12px; line-height: 16px; color: #999999; margin-bottom: 10px; }
.news_card__title { font-weight: bold; font-size: 18px; line-height: 25px; margin-bottom: 12px; }
.news_card__text { font-size: 14px; line-height: 21px; color: #555555; flex-grow: 1; }

.news_card__more {
    display: inline-block;
    align-self: flex-start;
    margin-top: 18px;
    padding: 7px 18px;
    border: 1px solid #00fcbc;
    border-radius: 18px;
    background: #ffffff;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #222222;
    transition: background .15s ease, box-shadow .15s ease;
}
.news_card:hover .news_card__more {
    background: #00fcbc; box-shadow: 0 4px 10px rgba(11, 190, 148, 0.51);
}

/* ---------- постраничная навигация ---------- */

.news_pager { padding: 10px 0 40px; }
.news_pager .modern-page-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.news_pager .modern-page-current,
.news_pager .modern-page-title,
.news_pager a {
    display: inline-block;
    min-width: 36px;
    padding: 6px 12px;
    border: 1px solid #f0f0f0;
    border-radius: 18px;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    color: #222222;
    text-decoration: none;
}
.news_pager a:hover { border-color: #00fcbc; text-decoration: none; }
.news_pager .modern-page-current { border-color: #00fcbc; background: #00fcbc; font-weight: 600; }
.news_pager .modern-page-title { border: none; padding-left: 0; color: #999999; }

/* ---------- детальная ---------- */

.news_detail { max-width: 860px; padding-bottom: 40px; }

.news_detail__back {
    display: inline-block; margin-bottom: 22px;
    font-size: 14px; line-height: 19px; color: #999999; text-decoration: none;
}
.news_detail__back:hover { color: #222222; text-decoration: none; }

.news_detail__date { font-size: 12px; line-height: 16px; color: #999999; margin-bottom: 8px; }
.news_detail__title { margin-bottom: 26px; }

.news_detail__img { margin-bottom: 28px; border-radius: 18px; overflow: hidden; }
.news_detail__img img { width: 100%; height: auto; display: block; }

.news_detail__text { font-size: 16px; line-height: 26px; color: #222222; }
.news_detail__text p { margin-bottom: 18px; }
.news_detail__text img { max-width: 100%; height: auto; border-radius: 12px; }
.news_detail__text h2 { font-weight: bold; font-size: 24px; line-height: 33px; margin: 32px 0 16px; }
.news_detail__text h3 { font-weight: bold; font-size: 18px; line-height: 25px; margin: 26px 0 14px; }
.news_detail__text ul,
.news_detail__text ol { margin: 0 0 18px; padding-left: 22px; }
.news_detail__text li { margin-bottom: 8px; }
.news_detail__text a { color: #222222; text-decoration: underline; text-decoration-color: #00fcbc; }<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>