/* Start:/o-nas/novosti/style.css?17842722149818*/
.page h1.h1_title {
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 992px) {
    .page h1.h1_title {
        margin-top: 0;
    }
}

/* ============================================================
   KRONOS5 — Новости и статьи: современный редизайн (2026)
   Акцент бренда: #ff6600
   ============================================================ */
:root {
    --k-accent: #ff6600;
    --k-accent-dark: #e65a00;
    --k-ink: #1d2530;
    --k-muted: #6b7583;
    --k-line: #e8ebef;
    --k-bg-soft: #f6f7f9;
    --k-radius: 14px;
    --k-shadow: 0 2px 10px rgba(20, 30, 45, .06);
    --k-shadow-hover: 0 10px 28px rgba(20, 30, 45, .12);
}

/* ---------- Сетка карточек списка ---------- */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 8px 0 40px;
}
.article-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--k-line);
    border-radius: var(--k-radius);
    overflow: hidden;
    box-shadow: var(--k-shadow);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.article-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--k-shadow-hover);
    border-color: #dfe3e8;
}
.article-card__media {
    display: block;
    aspect-ratio: 16 / 10;
    background: var(--k-bg-soft);
    overflow: hidden;
}
.article-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.article-card:hover .article-card__img { transform: scale(1.05); }
.article-card__media--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}
.article-card__media--placeholder .article-card__img {
    object-fit: contain;
    opacity: .55;
    transform: none !important;
}
.article-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 20px 20px;
}
.article-card__date {
    display: inline-block;
    font-size: 12.5px;
    color: var(--k-muted);
    margin-bottom: 8px;
    letter-spacing: .02em;
}
.article-card__title {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 10px;
}
.article-card__title a {
    color: var(--k-ink);
    text-decoration: none;
    transition: color .15s ease;
}
.article-card__title a:hover { color: var(--k-accent); }
.article-card__excerpt {
    font-size: 14px;
    line-height: 1.55;
    color: var(--k-muted);
    margin: 0 0 16px;
}
.article-card__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: var(--k-accent);
    text-decoration: none;
}
.article-card__more svg { transition: transform .18s ease; }
.article-card__more:hover { color: var(--k-accent-dark); }
.article-card__more:hover svg { transform: translateX(4px); }

.articles-pager { margin-top: 18px; }

@media (max-width: 992px) {
    .articles-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 600px) {
    .articles-grid { grid-template-columns: 1fr; gap: 16px; }
    .article-card__title { font-size: 16px; }
}

/* ============================================================
   Детальная страница статьи: сайдбар слева + контент 1 колонкой
   ============================================================ */
.article-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    margin: 8px 0 20px;
}
.article-main { min-width: 0; }

/* Контент статьи — единый читаемый поток */
.article-body { font-size: 16px; line-height: 1.7; color: #2a323d; }
.article-body p { margin: 0 0 16px; }
.article-body h2 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--k-ink);
    margin: 34px 0 14px;
    padding-top: 6px;
}
.article-body h3 {
    font-size: 19px;
    font-weight: 700;
    color: var(--k-ink);
    margin: 26px 0 12px;
}
.article-body ul, .article-body ol { margin: 0 0 18px; padding-left: 22px; }
.article-body li { margin: 0 0 8px; line-height: 1.6; }
.article-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; }
.article-body a { color: var(--k-accent); text-decoration: none; border-bottom: 1px solid rgba(255,102,0,.35); }
.article-body a:hover { color: var(--k-accent-dark); border-bottom-color: var(--k-accent-dark); }
.article-body table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
.article-body th, .article-body td { border: 1px solid var(--k-line); padding: 10px 12px; text-align: left; }
.article-body th { background: var(--k-bg-soft); font-weight: 600; }
.article-body figure { margin: 0 0 18px; }

.article-hero { margin: 0 0 22px; }
.article-hero img { width: 100%; height: auto; border-radius: var(--k-radius); }

.article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    font-size: 13.5px;
    color: var(--k-muted);
    margin: 0 0 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--k-line);
}
.article-meta__item { display: inline-flex; align-items: center; gap: 6px; }
.article-meta__dot { width: 4px; height: 4px; border-radius: 50%; background: #c7ced6; }

/* Быстрый ответ (AEO block) */
.article-tldr {
    background: linear-gradient(180deg, #fff7f0, #fff);
    border: 1px solid #ffe0c7;
    border-left: 4px solid var(--k-accent);
    border-radius: 12px;
    padding: 16px 20px;
    margin: 0 0 26px;
    font-size: 15.5px;
    line-height: 1.6;
    color: #33302c;
}
.article-tldr strong { color: var(--k-accent-dark); }

/* CTA к запчастям внутри статьи */
.article-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: var(--k-ink);
    border-radius: var(--k-radius);
    padding: 22px 26px;
    margin: 30px 0;
}
.article-cta__text { color: #fff; }
.article-cta__title { font-size: 18px; font-weight: 700; margin: 0 0 4px; }
.article-cta__sub { font-size: 14px; color: #b9c2ce; margin: 0; }
.article-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--k-accent);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease;
}
.article-cta__btn:hover { background: var(--k-accent-dark); color: #fff; }

/* ---------- Сайдбар ---------- */
.article-aside { position: static; display: flex; flex-direction: column; gap: 22px; }
.aside-card {
    background: #fff;
    border: 1px solid var(--k-line);
    border-radius: var(--k-radius);
    overflow: hidden;
    box-shadow: var(--k-shadow);
}
.aside-card__head {
    font-size: 15px;
    font-weight: 700;
    color: var(--k-ink);
    padding: 15px 18px;
    border-bottom: 1px solid var(--k-line);
    display: flex;
    align-items: center;
    gap: 9px;
}
.aside-card__head svg { color: var(--k-accent); flex: 0 0 auto; }
.aside-parts__list { list-style: none; margin: 0; padding: 6px; }
.aside-parts__list a {
    display: block;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 14px;
    color: #303a46;
    text-decoration: none;
    transition: background .14s ease, color .14s ease;
}
.aside-parts__list a:hover { background: #fff2e8; color: var(--k-accent-dark); }

.aside-similar__list { list-style: none; margin: 0; padding: 8px; display: flex; flex-direction: column; }
.aside-similar__item { display: flex; gap: 12px; padding: 8px; border-radius: 10px; text-decoration: none; transition: background .14s ease; }
.aside-similar__item:hover { background: var(--k-bg-soft); }
.aside-similar__thumb { flex: 0 0 62px; width: 62px; height: 48px; border-radius: 8px; object-fit: cover; background: var(--k-bg-soft); }
.aside-similar__text { font-size: 13.5px; line-height: 1.4; color: var(--k-ink); font-weight: 600; }

.article-back { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 14px; font-weight: 600; color: var(--k-muted); text-decoration: none; }
.article-back:hover { color: var(--k-accent); }

/* ---------- Кнопки «Поделиться» ---------- */
.share-buttons { display: flex; flex-wrap: wrap; gap: 9px; padding: 14px 16px 16px; }
.share-btn {
    width: 42px; height: 42px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%;
    border: none; cursor: pointer;
    color: #fff; background: #8a94a2;
    transition: transform .14s ease, filter .14s ease;
    text-decoration: none;
}
.share-btn:hover { transform: translateY(-2px); filter: brightness(1.07); }
.share-btn svg { width: 20px; height: 20px; fill: currentColor; }
.share-btn--tg { background: #29a9eb; }
.share-btn--wa { background: #25d366; }
.share-btn--vb { background: #7360f2; }
.share-btn--vk { background: #0077ff; }
.share-btn--ok { background: #ee8208; }
.share-btn--copy { background: #4b5563; }
.share-btn--more { background: var(--k-accent); }
.share-copied { position: relative; }
.share-copied::after {
    content: "Скопировано"; position: absolute; bottom: 116%; left: 50%; transform: translateX(-50%);
    background: #1d2530; color: #fff; font-size: 11px; padding: 4px 8px; border-radius: 6px; white-space: nowrap;
}

@media (max-width: 992px) {
    .article-layout { grid-template-columns: 1fr; gap: 26px; }
    .article-aside { position: static; order: 2; flex-direction: column; }
}
@media (max-width: 600px) {
    .article-body h2 { font-size: 21px; }
    .article-cta { padding: 18px 20px; }
}

/* End */
/* /o-nas/novosti/style.css?17842722149818 */