/* Start:/local/components/lubdoctor/news.complex/templates/.default/assets/css/styles.css?176493338610945*/
/* ================================
   Основной контейнер новостей
   ================================ */
#news-component {
    max-width: 1140px;
    margin: 32px auto 0;
    padding: 0 24px;
}

/* ================================
   ФИЛЬТРЫ
   ================================ */
.news__filters.card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.06);
    padding: 24px;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Ряд внутри фильтра */
.news-filter__row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

/* ================================
   ПОИСК
   ================================ */
.news-filter__search {
    position: relative;
    flex: 1 1 100%;
    margin-bottom: 8px;
}
.news-filter__search-input {
    width: 100%;
    height: 46px;
    padding: 10px 44px 10px 16px;
    border: 1px solid #e2e5ea;
    border-radius: 12px;
    outline: none;
    font-size: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.news-filter__search-input:focus {
    border-color: #00bcd4;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.15);
}

/* Кнопка-лупа */
.btn-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    color: #00bcd4;
    width: 24px;
    height: 24px;
}
.btn-icon:hover { color: #0097a7; }
.icon-search {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: currentColor;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z"/></svg>') center/contain no-repeat;
}

/* ================================
   ЧИПЫ РАЗДЕЛОВ
   ================================ */
.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
}
.chip {
    padding: 10px 16px;
    border: 1px solid #e2e5ea;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    transition: all 0.2s ease;
}
.chip:hover { border-color: #00bcd4; color: #00bcd4; }
.chip--active { background: #00bcd4; color: #fff; border-color: #00bcd4; }

/* ================================
   ВЫБОР ГОДА и СБРОС
   ================================ */
.news-filter__years {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}
.select-year {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 44px 10px 16px;
    border: 1px solid #e2e5ea;
    border-radius: 12px;
    background: #fff;
    font-size: 15px;
    min-height: 42px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300bcd4' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.select-year:focus {
    border-color: #00bcd4;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.15);
}
.select-year::-ms-expand { display: none; }

.btn-reset {
    padding: 10px 16px;
    border: 1px solid #e2e5ea;
    background: #fff;
    border-radius: 12px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn-reset:hover { background: #00bcd4; border-color: #00bcd4; color: #fff; }

/* ================================
   СПИСОК НОВОСТЕЙ
   ================================ */
.news-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}
@media (max-width: 1100px) { .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .news-list { grid-template-columns: 1fr; } }

/* ================================
   КАРТОЧКА НОВОСТИ
   ================================ */
.news-card {
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s ease;
}
.news-card:hover { box-shadow: 0 10px 30px rgba(0, 188, 212, 0.15); transform: translateY(-2px); }
.news-card__link { color: inherit; text-decoration: none; display: block; height: 100%; }
.news-card__image { aspect-ratio: 16/9; background: #f6f8fb; display:flex; align-items:center; justify-content:center; }
.news-card__image img { width: 100%; height: 100%; object-fit: cover; }
.img-placeholder { width:100%; height:100%; background: repeating-linear-gradient(45deg,#f0f2f6,#f0f2f6 10px,#f8fafc 10px,#f8fafc 20px); }
.news-card__body { padding: 16px; }
.news-card__title { margin:0 0 8px; font-size:16px; font-weight:700; color:#222; }
.news-card__meta { display:flex; gap:10px; align-items:center; color:#6b7280; font-size:13px; margin-bottom:8px; }
.badge { display:inline-block; background:#e0f7fa; color:#00bcd4; border-radius:999px; padding:4px 8px; font-size:12px; }
.news-card__text { color:#374151; font-size:14px; line-height:1.5; max-height:3em; overflow:hidden; }

/* ================================
   ПАГИНАЦИЯ (кружок активный цветной)
   ================================ */
.bx-pagination { display:flex; justify-content:center; margin-top:20px; }
.bx-pagination .bx-pagination-container ul {
    display: inline-flex;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
}
.bx-pagination .bx-pagination-container ul li {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
/* Числа — ровные кружки */
.bx-pagination .bx-pagination-container ul li a,
.bx-pagination .bx-pagination-container ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    border: 1px solid #e2e5ea;
    background: #fff;
    color: #1f2937;
    font-weight: 500;
    transition: all 0.2s ease;
}
/* Неактивные номера */
.bx-pagination .bx-pagination-container ul li:not(.bx-active) span,
.bx-pagination .bx-pagination-container ul li:not(.bx-active) a {
    background: #fff !important;
    color: #1f2937 !important;
    border: 1px solid #e2e5ea !important;
}
/* Активный номер */
.bx-pagination .bx-pagination-container ul li.bx-active span,
.bx-pagination .bx-pagination-container ul li.bx-active a {
    background: #00BCD4 !important;
    color: #fff !important;
    border-color: #00BCD4 !important;
}
/* Hover по неактивным */
.bx-pagination .bx-pagination-container ul li:not(.bx-active) a:hover {
    border-color: #00BCD4;
    color: #00BCD4;
}

/* Кнопки «Назад» и «Вперёд» — аккуратные пилюли, ширина под текст */
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px !important;
    height: 36px !important;
    min-width: 70px;                 /* чтобы не были меньше текста */
    border-radius: 999px !important;
    border: 1px solid #e2e5ea !important;
    background: #fff !important;
    color: #1f2937 !important;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.2s ease;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover {
    border-color: #00BCD4;
    color: #00BCD4;
}
/* Disabled кнопки */
.bx-pagination .bx-pagination-container ul li.bx-pag-prev.disabled a,
.bx-pagination .bx-pagination-container ul li.bx-pag-next.disabled a {
    opacity: .4;
    pointer-events: none;
}

/* ================================
   «Показать ещё»
   ================================ */
.pager-more { display:flex; justify-content:center; margin-top:16px; }
.pager-more .btn-more{
    -webkit-appearance: none;
    appearance: none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 24px;
    border:0;
    border-radius:999px;
    background:#00BCD4;
    color:#fff;
    font-size:16px;
    font-weight:600;
    transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pager-more .btn-more:hover{ background:#00a9bf; }
.pager-more .btn-more:active{ transform:translateY(1px); }

/* ================================
   ДЕТАЛЬНАЯ СТРАНИЦА
   ================================ */
.news-detail {
    max-width: 900px;
    margin: 0 auto 40px;
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 16px;
    padding: 24px;
}
.news-detail__back { margin-bottom: 12px; }
.link-back { text-decoration:none; color:#00bcd4; font-weight:500; }
.news-detail__title { margin: 0 0 12px; }
.news-detail__meta { display:flex; gap:12px; align-items:center; color:#6b7280; margin-bottom:16px; }
.news-detail__image img { width:100%; height:auto; border-radius:12px; }
.news-detail__text { margin-top:16px; }

/* ================================
   АДАПТИВ
   ================================ */
@media (max-width: 992px) {
    #news-component { padding: 0 16px; }
    .news__filters.card { padding: 20px; border-radius: 14px; gap: 18px; }
    .news-filter__years { margin-left: 0; width: 100%; }
}
@media (max-width: 768px) {
    .news__filters.card { gap: 16px; }
    .chips {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 10px;
        width: 100%;
    }
    .chip { text-align:center; padding:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .news-filter__years {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .select-year, .btn-reset { width:100%; justify-self:stretch; }
}
@media (max-width: 480px) {
    #news-component { padding: 0 12px; margin-top: 20px; }
    .news__filters.card { padding: 16px; border-radius: 12px; gap: 14px; }
    .news-filter__search-input { height: 44px; font-size: 15px; }
    .btn-icon { right: 10px; width: 22px; height: 22px; }
    .chips { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
    .news-filter__years { grid-template-columns: 1fr; gap: 8px; }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17649333772530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /local/components/lubdoctor/news.complex/templates/.default/assets/css/styles.css?176493338610945 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17649333772530 */