/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 4.0.0
*/

/*
 ══════════════════════════════════════════════════════════════════════
  REBOOT CHILD v3.1 — минимальный child theme
  Принцип: переопределяем только то, что не делает родитель.
  Родитель (reboot) уже управляет цветами через Customizer (colors_*).
  Мы добавляем: layout-фиксы, карточки 63.ru-стиля, CSS-переменные.
 ══════════════════════════════════════════════════════════════════════
*/

/* ──────────────────────────────────────────────────────────────────
   1. ГЛОБАЛЬНЫЙ ФОН И БАЗОВЫЕ ПЕРЕОПРЕДЕЛЕНИЯ
   ────────────────────────────────────────────────────────────────── */
body {
    background-color: var(--rc-bg, #f0f2f5) !important;
}

/* ──────────────────────────────────────────────────────────────────
   1b. КРИТИЧНО: родительская тема ставит .site { overflow:hidden }
   что убивает position:sticky на сайдбарах. Переопределяем.
   Также убираем overflow на всей цепочке предков виджетов.
   ────────────────────────────────────────────────────────────────── */
.site,
.site-content,
.site-content-inner,
.rc-article-layout,
.rc-sidebar-left,
.rc-sidebar-right,
#secondary.widget-area,
.rc-sticky-inner {
    overflow: visible !important;
}

/* ──────────────────────────────────────────────────────────────────
   2. ШАПКА — убираем margin-bottom родителя, синхронизируем высоту
   ────────────────────────────────────────────────────────────────── */
.site-header {
    margin-bottom: 0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
/* Логотип — высота через переменную */
.site-logotype img {
    max-height: var(--rc-logo-h, 38px) !important;
}
/* Скрываем слоган */
.site-description { display: none; }

/* ──────────────────────────────────────────────────────────────────
   3. НАВИГАЦИЯ — убираем margin, синхронизируем с шапкой
   ────────────────────────────────────────────────────────────────── */
.main-navigation {
    margin-bottom: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
.main-navigation ul li > a,
.main-navigation ul li > span {
    font-size: var(--rc-nav-fs, 13px) !important;
    padding-top: var(--rc-nav-pad, 14px) !important;
    padding-bottom: var(--rc-nav-pad, 14px) !important;
}
/* Активный пункт — красная линия снизу (не цвет, это в parent) */
.main-navigation ul li.current-menu-item > a {
    position: relative;
}
.main-navigation ul li.current-menu-item > a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 8px; right: 8px;
    height: 2px;
    background: currentColor;
    border-radius: 2px 2px 0 0;
}
.main-navigation ul li > a::before,
.main-navigation ul li > span::before { display: none !important; }

/* ──────────────────────────────────────────────────────────────────
   4. МАКЕТ: КОНТЕЙНЕР + СЕТКА
   Родитель: .section-block имеет margin: -20px / padding: 45px
             .content-area имеет flex:0 0 calc(100%-300px) + padding-right:70px
   Мы: убираем всё лишнее, оставляем только сетку.
   ────────────────────────────────────────────────────────────────── */

.site-content {
    margin-top: 0 !important;
    padding-top: 28px !important;
    background: transparent !important;
}

/* section-block: убираем все лишние отступы.
   Горизонтальное выравнивание обеспечивает site-content (padding:45px).
   Карточки и слайдер должны быть одной ширины. */
.section-block,
.section-html {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: var(--rc-gap, 12px) !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
}
.section-block[class*="section-preset--"]::before,
.section-html[class*="section-preset--"]::before { display: none !important; }
[class*="section-preset--"] {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* ── СЕТКА: site-content-inner → content-area + widget-area ────────
   Принцип: не перебиваем родительский flex, только убираем
   padding-right:70px и calc(100%-300px) у content-area.
   ────────────────────────────────────────────────────────────────── */

/* Убираем padding на content-area на всех размерах */
.content-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

/* Десктоп: content-area = всё место кроме sidebar */
@media (min-width: 992px) {
    .site-content-inner {
        gap: var(--rc-gap, 20px) !important;
    }
    /* Убираем calc(100%-300px) и padding-right:70px от родителя.
       flex:1 1 0% = занимает всё доступное место */
    .content-area {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0% !important;
        flex: 1 1 0% !important;
        max-width: none !important;
        width: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    /* sidebar: фиксированная ширина, не растягивается */
    .widget-area {
        display: block !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 var(--rc-sb-w, 248px) !important;
        flex: 0 0 var(--rc-sb-w, 248px) !important;
        width: var(--rc-sb-w, 248px) !important;
        max-width: var(--rc-sb-w, 248px) !important;
        min-width: 0 !important;
        padding: 0 !important;
    }
}

/* ──────────────────────────────────────────────────────────────────
   5. СЛАЙДЕР
   ────────────────────────────────────────────────────────────────── */
.content-area .card-slider-container,
.content-area .swiper-container.js-swiper-home {
    width: 100% !important;
    margin: 0 0 var(--rc-gap, 12px) !important;
    border-radius: var(--rc-sl-r-d, 12px) !important;
    overflow: hidden !important;
    position: relative !important;
    height: var(--rc-sl-h-d, 380px) !important;
}
.content-area .card-slider-container .swiper-wrapper,
.content-area .card-slider-container .swiper-slide {
    height: 100% !important;
}

/* Фото слайда */
.content-area .card-slider__image {
    position: absolute !important;
    inset: 0 !important;
    background-size: cover !important;
    background-position: center !important;
}
.content-area .card-slider__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Текстовый блок слайда */
.content-area .card-slider__body {
    position: absolute !important;
    inset: auto 0 0 !important;
    padding: 52px 24px 22px !important;
    background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.5) 45%, transparent 100%) !important;
    color: #fff !important;
}
.content-area .card-slider__title {
    font-size: var(--rc-sl-fs-d, 24px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #fff !important;
}
.content-area .card-slider__title a { color: #fff !important; text-decoration: none !important; }
.content-area .card-slider__title a:hover { text-decoration: underline !important; color: #fff !important; }
.content-area .card-slider__excerpt { display: none !important; }

/* Бейдж категории */
.content-area .card-slider__category {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    text-decoration: none !important;
    color: #fff !important;
    /* background: наследуем от родителя colors_main */
}

/* Стрелки */
.content-area .swiper-button-prev,
.content-area .swiper-button-next {
    width: var(--rc-sl-nav, 40px) !important;
    height: var(--rc-sl-nav, 40px) !important;
    background: rgba(255,255,255,.92) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}
.content-area .swiper-button-prev::after,
.content-area .swiper-button-next::after {
    font-size: 12px !important;
    color: #333 !important;
}
.content-area .swiper-button-prev { left: 14px !important; }
.content-area .swiper-button-next { right: 14px !important; }

/* Буллеты */
.content-area .swiper-pagination { bottom: 14px !important; }
.content-area .swiper-pagination-bullet {
    width: 6px !important; height: 6px !important;
    background: rgba(255,255,255,.5) !important;
    opacity: 1 !important;
    transition: all .2s !important;
}
.content-area .swiper-pagination-bullet-active {
    background: #fff !important;
    width: 20px !important;
    border-radius: 3px !important;
}
.content-area .slider-thumbnails,
.slider-thumbnails { display: none !important; }

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .content-area .card-slider-container {
        height: var(--rc-sl-h-t, 300px) !important;
        border-radius: var(--rc-sl-r-t, 12px) !important;
    }
    .content-area .card-slider__title { font-size: var(--rc-sl-fs-t, 20px) !important; }
}
/* Телефон */
@media (max-width: 599px) {
    .content-area .card-slider-container {
        height: var(--rc-sl-h-m, 240px) !important;
        border-radius: 0 !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
    }
    .content-area .card-slider__title { font-size: var(--rc-sl-fs-m, 17px) !important; }
    .content-area .card-slider__body { padding: 36px 16px 16px !important; }
}

/* ──────────────────────────────────────────────────────────────────
   6. СЕТКА КАРТОЧЕК — переопределяем auto-fit на фиксированные колонки
   Родитель: grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
   Нам нужно: 1/2/3 колонки в зависимости от настройки
   ────────────────────────────────────────────────────────────────── */
@supports (display: grid) {
    .post-cards--vertical {
        display: grid !important;
        grid-auto-flow: row dense !important;
        gap: var(--rc-gap, 20px) !important;
        grid-template-columns: repeat(var(--rc-cv-cols-m, 1), 1fr) !important;
        margin: 0 !important;
    }
    .post-cards--grid {
        display: grid !important;
        grid-auto-flow: row dense !important;
        gap: var(--rc-gap, 20px) !important;
        grid-template-columns: repeat(var(--rc-cg-cols-m, 1), 1fr) !important;
        margin: 0 !important;
    }
}
@media (min-width: 600px) {
    .post-cards--vertical { grid-template-columns: repeat(var(--rc-cv-cols-t, 2), 1fr) !important; }
    .post-cards--grid     { grid-template-columns: repeat(var(--rc-cg-cols-t, 2), 1fr) !important; }
}
@media (min-width: 992px) {
    .post-cards--vertical { grid-template-columns: repeat(var(--rc-cv-cols-d, 3), 1fr) !important; }
    .post-cards--grid     { grid-template-columns: repeat(var(--rc-cg-cols-d, 3), 1fr) !important; }
}

/* ──────────────────────────────────────────────────────────────────
   7. ВЕРТИКАЛЬНАЯ КАРТОЧКА — единые размеры, нет двойной подложки
   ────────────────────────────────────────────────────────────────── */
.post-card--vertical {
    /* Убираем min/max-width и margins родителя */
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    /* Одна подложка — белая карточка */
    background: var(--rc-cv-bg, #fff) !important;
    border-radius: var(--rc-cv-r, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform .2s, box-shadow .2s !important;
    padding-bottom: 0 !important;
    border: 1px solid rgba(0,0,0,.06) !important;
}
.post-card--vertical:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
}

/* Миниатюра: строгая высота, object-fit */
.post-card--vertical .post-card__thumbnail {
    flex-shrink: 0 !important;
    width: 100% !important;
    height: var(--rc-cv-th, 180px) !important;
    margin-bottom: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    background: var(--rc-border, #e5e7eb);
    /* flex-basis: auto важно чтобы высота была строгой */
    flex-basis: var(--rc-cv-th, 180px) !important;
}
.post-card--vertical .post-card__thumbnail a {
    display: block !important;
    height: 100% !important;
}
.post-card--vertical .post-card__thumbnail img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: none !important;
    transition: transform .35s ease !important;
}
.post-card--vertical:hover .post-card__thumbnail img {
    transform: scale(1.06) !important;
}
/* Убираем псевдо-оверлей родителя */
.post-card--vertical .post-card__thumbnail a::before { display: none !important; }

/* Бейдж категории: поверх фото */
.post-card--vertical .post-card__thumbnail .post-card__category {
    position: absolute !important;
    bottom: 8px !important; left: 8px !important;
    top: auto !important;
    border-radius: var(--rc-cv-cat-r, 4px) !important;
    padding: 3px 7px !important;
    font-size: 10px !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: .06em !important;
    max-width: calc(100% - 16px) !important;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: #fff !important;
    /* background: наследуем от родителя colors_main */
    z-index: 2 !important;
}
.post-card--vertical .post-card__thumbnail .post-card__category a { color: #fff !important; }

/* Скрываем категорию вне фото */
.post-card--vertical > .post-card__category { display: none !important; }

/* Заголовок */
.post-card--vertical .post-card__title {
    font-size: var(--rc-cv-fs, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    padding: 12px 14px 5px !important;
    margin: 0 !important;
    color: var(--rc-cv-fc, inherit) !important;
    flex: 1;
}
.post-card--vertical .post-card__title a {
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--rc-cv-lines, 3) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Анонс */
.post-card--vertical .post-card__description {
    font-size: var(--rc-cv-dfs, 12px) !important;
    color: var(--rc-cv-dc, #6b7280) !important;
    padding: 0 14px 5px !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--rc-cv-dlines, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Мета */
.post-card--vertical .post-card__meta {
    padding: 8px 14px 12px !important;
    margin: 0 !important;
    margin-top: auto !important;
    border-top: 1px solid var(--rc-border, #e5e7eb) !important;
    font-size: 11px !important;
}
.post-card--vertical .post-card__date,
.post-card--vertical .post-card__views,
.post-card--vertical .post-card__comments,
.post-card--vertical .post-card__author { padding-left: 0 !important; }
.post-card--vertical .post-card__date::before,
.post-card--vertical .post-card__views::before,
.post-card--vertical .post-card__comments::before,
.post-card--vertical .post-card__author::before {
    position: static !important;
    transform: none !important;
}

/* Без миниатюры */
.post-card--vertical.post-card--thumbnail-no { border: 1px solid var(--rc-border, #e5e7eb) !important; }
.post-card--vertical.post-card--thumbnail-no .post-card__title { padding-top: 16px !important; }

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--vertical .post-card__thumbnail {
        height: var(--rc-cv-th-t, 160px) !important;
        flex-basis: var(--rc-cv-th-t, 160px) !important;
    }
    .post-card--vertical .post-card__title { font-size: var(--rc-cv-fs-t, 13px) !important; }
}
/* Телефон */
@media (max-width: 599px) {
    .post-card--vertical .post-card__thumbnail {
        height: var(--rc-cv-th-m, 140px) !important;
        flex-basis: var(--rc-cv-th-m, 140px) !important;
    }
    .post-card--vertical .post-card__title { font-size: var(--rc-cv-fs-m, 13px) !important; }
}

/* ──────────────────────────────────────────────────────────────────
   8. GRID-КАРТОЧКА
   ────────────────────────────────────────────────────────────────── */
.post-card--grid {
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    background: var(--rc-cg-bg, #fff) !important;
    border-radius: var(--rc-cg-r, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform .2s, box-shadow .2s !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    flex: none !important;
}
.post-card--grid:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
}
.post-card--grid .post-card__thumbnail {
    flex-shrink: 0 !important;
    flex-basis: var(--rc-cg-th, 160px) !important;
    height: var(--rc-cg-th, 160px) !important;
    overflow: hidden !important;
    position: relative !important;
    background: var(--rc-border, #e5e7eb);
}
.post-card--grid .post-card__thumbnail a { display: block !important; height: 100% !important; }
.post-card--grid .post-card__thumbnail img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    transition: transform .35s ease !important;
}
.post-card--grid:hover .post-card__thumbnail img { transform: scale(1.06) !important; }
/* Убираем оверлей родителя */
.post-card--grid .post-card__thumbnail::before,
.post-card--grid .post-card__thumbnail:hover::before { display: none !important; }

/* Бейдж — внизу слева (перемещаем с верха) */
.post-card--grid .post-card__category {
    position: absolute !important;
    bottom: 8px !important; left: 8px !important;
    top: auto !important;
    z-index: 3 !important;
    border-radius: 4px !important;
    padding: 3px 7px !important;
    font-size: 10px !important; font-weight: 700 !important;
    color: #fff !important;
}
.post-card--grid .post-card__category a { color: #fff !important; }
.post-card--grid .post-card__body {
    padding: 12px 14px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.post-card--grid .post-card__title {
    font-size: var(--rc-cg-fs, 13px) !important;
    font-weight: 700 !important; line-height: 1.4 !important;
    margin: 0 0 6px !important;
}
.post-card--grid .post-card__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.post-card--grid .post-card__meta { margin-top: auto !important; border-top: 1px solid var(--rc-border, #e5e7eb) !important; padding-top: 8px !important; }

/* Исправляем 6n / 6n+1 спецкарточки родителя */
.post-card--grid:nth-child(6n),
.post-card--grid:nth-child(6n+1) {
    padding: 0 !important; max-width: none !important; flex: none !important;
}
.post-card--grid:nth-child(6n) .post-card__thumbnail,
.post-card--grid:nth-child(6n+1) .post-card__thumbnail {
    position: relative !important;
    height: var(--rc-cg-th, 160px) !important;
    flex-basis: var(--rc-cg-th, 160px) !important;
}
.post-card--grid:nth-child(6n) .post-card__thumbnail img,
.post-card--grid:nth-child(6n+1) .post-card__thumbnail img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
}
.post-card--grid:nth-child(6n):hover .post-card__thumbnail img,
.post-card--grid:nth-child(6n+1):hover .post-card__thumbnail img { transform: scale(1.06) !important; }
.post-card--grid:nth-child(6n) .post-card__thumbnail::before,
.post-card--grid:nth-child(6n+1) .post-card__thumbnail::before { display: none !important; }
.post-card--grid:nth-child(6n) .post-card__body,
.post-card--grid:nth-child(6n+1) .post-card__body { background: transparent !important; z-index: auto !important; }

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--grid .post-card__thumbnail { height: var(--rc-cg-th-t, 140px) !important; flex-basis: var(--rc-cg-th-t, 140px) !important; }
    .post-card--grid:nth-child(6n) .post-card__thumbnail,
    .post-card--grid:nth-child(6n+1) .post-card__thumbnail { height: var(--rc-cg-th-t, 140px) !important; flex-basis: var(--rc-cg-th-t, 140px) !important; }
}
/* Телефон */
@media (max-width: 599px) {
    .post-card--grid .post-card__thumbnail { height: var(--rc-cg-th-m, 120px) !important; flex-basis: var(--rc-cg-th-m, 120px) !important; }
    .post-card--grid:nth-child(6n) .post-card__thumbnail,
    .post-card--grid:nth-child(6n+1) .post-card__thumbnail { height: var(--rc-cg-th-m, 120px) !important; flex-basis: var(--rc-cg-th-m, 120px) !important; }
}

/* ──────────────────────────────────────────────────────────────────
   9. САЙДБАР — исправляем обрезанные заголовки
   ────────────────────────────────────────────────────────────────── */
/* Нет overflow hidden на виджете — текст не обрезается */
.widget-area .widget {
    background: var(--rc-sb-bg, #fff) !important;
    border-radius: var(--rc-sb-r, 12px) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    /* НЕТ overflow:hidden - иначе обрезает заголовки */
    overflow: visible !important;
}

/* Заголовок виджета */
.widget-area .widget-header,
.widget-area .widgettitle,
.widget-area .widget-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    padding: 0 0 10px !important;
    margin: 0 0 12px !important;
    border-bottom: 2px solid currentColor !important;
    line-height: 1.3 !important;
    /* word-wrap чтобы не обрезались длинные слова */
    word-break: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* Маленькая карточка в сайдбаре */
.widget-area .post-card--small {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--rc-border, #e5e7eb) !important;
    margin: 0 !important;
    max-width: 100% !important;
    align-items: flex-start !important;
    min-width: 0 !important;
}
/* Тело карточки занимает остаток */
.widget-area .post-card--small .post-card__body {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
.widget-area .post-card--small:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.widget-area .post-card--small:first-child { padding-top: 0 !important; }
.widget-area .post-card--small .post-card__thumbnail {
    width: var(--rc-sb-tw, 76px) !important;
    max-width: var(--rc-sb-tw, 76px) !important;
    height: var(--rc-sb-th, 56px) !important;
    border-radius: var(--rc-sb-tr, 8px) !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
    flex: none !important;
}
.widget-area .post-card--small .post-card__thumbnail a {
    display: block !important; height: 100% !important;
}
.widget-area .post-card--small .post-card__thumbnail img {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; max-width: none !important;
}
.widget-area .post-card--small .post-card__body { min-width: 0 !important; }
.widget-area .post-card--small .post-card__title {
    font-size: var(--rc-sb-fs, 12px) !important;
    font-weight: 600 !important; line-height: 1.4 !important;
    margin: 0 0 4px !important;
    position: static !important;
}
.widget-area .post-card--small .post-card__title a {
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    text-decoration: none !important;
    word-break: break-word !important;
}
.widget-area .post-card--small .post-card__title a::after { display: none !important; }
.widget-area .post-card--small .post-card__description { display: none !important; }
.widget-area .post-card--small .post-card__meta { font-size: 10px !important; }
.widget-area .post-card--small .post-card__date::before,
.widget-area .post-card--small .post-card__views::before,
.widget-area .post-card--small .post-card__comments::before { position: static !important; transform: none !important; }

/* Ссылки и текст в сайдбаре — не обрезаем, переносим по словам */
/* Текст в сайдбаре переносится, не выходит за рамки */
.widget-area a,
.widget-area li,
.widget-area p {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
/* Специфично для nav/categories — убираем text-overflow если был */
.widget-area .widget_categories ul.menu li a,
.widget-area .widget_categories > ul li a,
.widget-area .widget_nav_menu ul.menu li a,
.widget-area .widget_nav_menu > ul li a,
.widget-area .widget_recent_entries ul li a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* Фиксированный сайдбар */
/* sticky-sidebar управляется только через JS-плагин jQuery stick_in_parent.
   CSS position:sticky здесь НЕ ставим — это конфликтует с JS. */

/* Реклама в сайдбаре */
.rc-sb-adv { margin: var(--rc-gap, 12px) 0; }

/* ──────────────────────────────────────────────────────────────────
   10. ЗАГОЛОВКИ СЕКЦИЙ
   ────────────────────────────────────────────────────────────────── */
.section-block__title,
.section-block__header .section-block__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin: 0 0 var(--rc-gap, 12px) !important;
    padding: 0 0 10px !important;
    border-bottom: 3px solid currentColor !important;
    text-transform: none !important;
    line-height: 1.2 !important;
}

/* ──────────────────────────────────────────────────────────────────
   11. СТРАНИЦА СТАТЬИ
   ────────────────────────────────────────────────────────────────── */
/* Статья — чистый белый лист без карточки и отступов (как на 63.ru) */
.single .article-post,
.page .article-post {
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* Статья/страница — убираем только padding-bottom, верхний отступ уже от .site-content */
.single .site-content,
.page .site-content {
    padding-bottom: 0 !important;
    background: #fff !important;
}

/* Всё страницы single/page — белый фон вместо серого */
body.single,
body.page {
    background: #fff !important;
}

/* Убираем margin-bottom у site-header на single — чтобы не было зазора */
body.single .site-header,
body.page .site-header {
    margin-bottom: 0 !important;
}

/* Телефон */
@media (max-width: 599px) {
    body.single { background: #fff !important; }
}

/* legacy entry-title — overridden in section 31 */
@media (max-width: 599px) { .entry-title { font-size: var(--rc-art-title-m, 1.35rem) !important; } }

.entry-content {
    font-size: var(--rc-art-fs, 15px) !important;
    line-height: var(--rc-art-lh, 1.7) !important;
}

/* Цитаты */
.entry-content blockquote:not(.wpremark) {
    background: var(--rc-art-q-bg, #fafafa) !important;
    border-left: 3px solid currentColor !important;
    border-radius: 0 var(--rc-art-q-r-d, 8px) var(--rc-art-q-r-d, 8px) 0 !important;
    padding: 16px 20px !important;
}
@media (min-width: 600px) and (max-width: 991px) {
    .entry-content blockquote:not(.wpremark) {
        border-radius: 0 var(--rc-art-q-r-t, 6px) var(--rc-art-q-r-t, 6px) 0 !important;
    }
}
@media (max-width: 599px) {
    .entry-content blockquote:not(.wpremark) {
        border-radius: 0 var(--rc-art-q-r-m, 4px) var(--rc-art-q-r-m, 4px) 0 !important;
        padding: 12px 16px !important;
    }
}

/* Блок автора */
.entry-author-block, .author-box, .post-author {
    background: var(--rc-art-aut-bg, #f0f2f5) !important;
    border-radius: var(--rc-art-aut-r, 12px) !important;
    padding: 20px !important;
    margin: 24px 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.entry-author-block img, .author-box img { border-radius: 50% !important; }

/* Кнопки соцсетей */
.sharing-btn, .sharing-list a, .social-btn {
    height: var(--rc-art-soc-hgt, 40px) !important;
    border-radius: var(--rc-art-soc-r, 8px) !important;
    background: var(--rc-art-soc-bg, #f0f2f5) !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    transition: background .15s, color .15s !important;
}
.sharing-btn:hover, .sharing-list a:hover, .social-btn:hover {
    background: var(--rc-art-soc-h, currentColor) !important;
    color: #fff !important;
}

/* ──────────────────────────────────────────────────────────────────
   12. ПАГИНАЦИЯ
   ────────────────────────────────────────────────────────────────── */
.pagination .nav-links {
    display: flex !important;
    justify-content: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    margin: 20px 0 !important;
}
.pagination .nav-links .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background: var(--rc-card-bg, #fff) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07) !important;
    text-decoration: none !important;
    transition: all .15s !important;
}
.pagination .nav-links .page-numbers::before { display: none !important; }

/* ──────────────────────────────────────────────────────────────────
   13. ПОДВАЛ
   ────────────────────────────────────────────────────────────────── */
.site-footer {
    background: var(--rc-foot-bg, #111827) !important;
    color: var(--rc-foot-text, #9ca3af) !important;
    margin-top: var(--rc-gap, 12px) !important;
    padding-top: var(--rc-foot-pt, 44px) !important;
    padding-bottom: var(--rc-foot-pb, 44px) !important;
}
.site-footer a { color: var(--rc-foot-link, #d1d5db) !important; }
.site-footer a:hover { color: var(--rc-foot-link-h, #fff) !important; }
.site-footer .widget-header, .site-footer .widgettitle, .site-footer .widget-title {
    color: #fff !important;
    font-size: 12px !important; font-weight: 800 !important;
    text-transform: uppercase !important; letter-spacing: .07em !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.site-footer-bottom, .footer-info {
    margin-top: 28px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
    font-size: 12px !important;
}

/* ──────────────────────────────────────────────────────────────────
   14. МОБИЛЬНАЯ ВЕРСИЯ — специфические фиксы
   ────────────────────────────────────────────────────────────────── */
@media (max-width: 599px) {
    /* Убираем двойную подложку на телефоне */
    body { background: #fff !important; }
    .site-content { background: transparent !important; }
    /* Отступ от краёв экрана 16px */
    .site-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 8px !important;
    }
    .section-block, .section-html {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Карточки — без лишних отступов */
    .post-card--vertical,
    .post-card--grid {
        border-radius: 8px !important;
    }
    /* Виджет сайдбара */
    .widget-area .widget {
        padding: 8px !important;
        border-radius: 8px !important;
    }

    /* Шапка — убираем смещение */
    .site-header-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    /* Нижние кнопки мобильного меню — фикс отступов */
    .main-navigation .mobile-buttons,
    .main-navigation .menu-bottom-buttons {
        padding: 12px 16px !important;
    }
    /* Отступы между карточками и заголовками */
    .section-block__title { margin-bottom: 8px !important; }
    .post-card--vertical .post-card__title { padding: 10px 12px 4px !important; }
    .post-card--vertical .post-card__description { padding: 0 12px 4px !important; }
    .post-card--vertical .post-card__meta { padding: 6px 12px 10px !important; }
}

/* ──────────────────────────────────────────────────────────────────
   15. ФИКСЫ по скриншотам (v3.2)
   ────────────────────────────────────────────────────────────────── */

/* ── FIX 1: Карточки на ширину слайдера — удалено дублирование,
   все layout-правила перенесены в секцию 4 выше ─────────────────── */

/* ── FIX 2: Sticky sidebar — управляется через JS-плагин
   jQuery stick_in_parent (класс .js-sticky-sidebar, offset_top:20).
   Если sticky включён в настройках темы — JS добавляет position:fixed сам.
   Мы НЕ ставим никакой position, чтобы JS мог управлять. ──────────── */

/* ── FIX 3: Страница статьи — белая подложка, правильный flex ────── */

/* Страница статьи: те же flex-правила что и главная.
   НЕ override display:block - это ломает sidebar. */
.single .site-main,
.page .site-main {
    /* site-main = flex-child внутри content-area, не меняем его flex */
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* article-post — чистый белый без карточки на всех экранах (63.ru стиль) */
.single .article-post,
.page .article-post {
    background: #fff !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    width: 100% !important;
}



/* ── FIX 4: Белая подложка для всех типов карточек ─────────────── */
.post-cards--vertical .post-card--vertical {
    background-color: var(--rc-cv-bg, #ffffff) !important;
}
.post-cards--grid .post-card--grid {
    background-color: var(--rc-cg-bg, #ffffff) !important;
}
.post-card--grid {
    background: var(--rc-cg-bg, #ffffff) !important;
}
.post-card--standard {
    background: var(--rc-cv-bg, #ffffff) !important;
}
/* ══════════════════════════════════════════════════════════════════
   ГОРИЗОНТАЛЬНАЯ КАРТОЧКА — полностью настраиваемая через кастомайзер
   ══════════════════════════════════════════════════════════════════ */
.post-card--horizontal {
    background: var(--rc-cv-bg, #ffffff) !important;
    border-radius: var(--rc-ch-r, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    overflow: hidden !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: transform .2s, box-shadow .2s !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}
.post-card--horizontal:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
}
/* Фото горизонтальной карточки */
.post-card--horizontal .post-card__thumbnail {
    flex: 0 0 var(--rc-ch-img-w, 260px) !important;
    width: var(--rc-ch-img-w, 260px) !important;
    height: var(--rc-ch-img-h, 160px) !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
.post-card--horizontal .post-card__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .3s ease !important;
}
.post-card--horizontal:hover .post-card__thumbnail img {
    transform: scale(1.04) !important;
}
/* Рубрика горизонтальной карточки */
.post-card--horizontal .post-card__category {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 2 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    background: var(--rc-cv-cat-bg, #0097fb) !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    line-height: 1.3 !important;
}
.post-card--horizontal .post-card__category a { color: #fff !important; text-decoration: none !important; }
/* Тело горизонтальной карточки */
.post-card--horizontal .post-card__body {
    flex: 1 1 auto !important;
    padding: var(--rc-ch-pad, 16px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-width: 0 !important;
}
/* Заголовок горизонтальной карточки */
.post-card--horizontal .post-card__title {
    font-size: var(--rc-ch-fs, 16px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: var(--rc-cv-title-color, #141414) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--rc-ch-lines, 3) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 0 8px !important;
}
.post-card--horizontal .post-card__title a {
    color: inherit !important;
    text-decoration: none !important;
}
.post-card--horizontal .post-card__title a:hover { opacity: .8 !important; }
/* Мета горизонтальной карточки */
.post-card--horizontal .post-card__meta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 12px !important;
    color: var(--rc-cv-meta-color, #9ca3af) !important;
    margin-top: auto !important;
    padding-top: 8px !important;
}

/* ── Планшет: уменьшаем фото ── */
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--horizontal .post-card__thumbnail {
        flex-basis: var(--rc-ch-img-w-t, 200px) !important;
        width: var(--rc-ch-img-w-t, 200px) !important;
        height: var(--rc-ch-img-h-t, 140px) !important;
    }
}

/* ── Телефон: вертикальный вид (как на скриншоте) ── */
@media (max-width: 599px) {
    .post-card--horizontal {
        flex-direction: column !important;
    }
    .post-card--horizontal .post-card__thumbnail {
        flex: none !important;
        width: 100% !important;
        height: var(--rc-ch-img-h-m, 180px) !important;
        border-radius: 0 !important;
    }
    .post-card--horizontal .post-card__body {
        padding: 12px !important;
    }
    .post-card--horizontal .post-card__title {
        font-size: 15px !important;
    }
}

/* ── FIX 5: Страница статьи — исправляем горизонтальное смещение
   entry-content не должен иметь отрицательных отступов ──────────── */
.single .entry-content,
.page .entry-content {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

/* Убираем auto-margin у article, которую может ставить родитель */
.single .hentry,
.page .hentry {
    margin: 0 !important;
    padding: 0 !important;
}

/* ── FIX 6: Карточки standard и horizontal — полная ширина ─────── */

/* Родитель ставит .post-card { max-width:730px; margin:0 auto 50px }
   Переопределяем для standard и horizontal чтобы занимали всю ширину */
.post-cards .post-card--standard,
.post-cards .post-card--horizontal {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.post-card--standard {
    background: var(--rc-cv-bg, #ffffff) !important;
    border-radius: var(--rc-cv-r, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    display: block !important;
}


/* ══════════════════════════════════════════════════════════════════
   16. МАКЕТ СТАТЬИ — три колонки + sticky-виджеты (63.ru стиль)
   ══════════════════════════════════════════════════════════════════ */

/* ── rc-article-layout: базовый блочный контейнер ── */
.rc-article-layout {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* rc-footer-spacer — пустой div чтобы footer нашёл site-content-inner */
.rc-footer-spacer {
    display: block !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* ── ИСПРАВЛЕНИЕ КОНФЛИКТА: .widget-area из родителя ──────────────
   Родитель ставит на ЛЮБОЙ .widget-area:
     display:none; flex:0 0 300px; max-width:300px
   Наши <aside class="rc-sidebar-left widget-area"> получают оба класса.
   Перекрываем через rc-sidebar-*, который специфичнее чем .widget-area.
   Важно: !important нужен чтобы перебить inline-стили от wpshop-виджетов.
   ─────────────────────────────────────────────────────────────── */

/* Сайдбары статьи: всегда видимы (перекрываем display:none от .widget-area) */
.rc-sidebar-left,
.rc-sidebar-right {
    display: block !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
}

/* Десктоп: grid-layout */
@media (min-width: 992px) {
    .rc-article-layout {
        display: grid !important;
        gap: 24px;
        align-items: start; /* start — сайдбары не растягиваются, sticky работает */
    }

    /* Без сайдбаров */
    .rc-article-layout:not(.rc-has-left-sidebar):not(.rc-has-right-sidebar) {
        grid-template-columns: 1fr;
        grid-template-areas: "content";
    }
    /* Только правый */
    .rc-article-layout.rc-has-right-sidebar:not(.rc-has-left-sidebar) {
        grid-template-columns: 1fr var(--rc-sb-wr, 262px);
        grid-template-areas: "content sidebar-right";
    }
    /* Только левый */
    .rc-article-layout.rc-has-left-sidebar:not(.rc-has-right-sidebar) {
        grid-template-columns: var(--rc-sb-w, 200px) 1fr;
        grid-template-areas: "sidebar-left content";
    }
    /* Оба */
    .rc-article-layout.rc-has-left-sidebar.rc-has-right-sidebar {
        grid-template-columns: var(--rc-sb-w, 200px) 1fr var(--rc-sb-wr, 262px);
        grid-template-areas: "sidebar-left content sidebar-right";
    }

    .rc-article-layout .rc-article-content {
        grid-area: content;
        min-width: 0;
    }

    /* ── КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ ШИРИНЫ САЙДБАРОВ ──
       Родитель: .widget-area { flex:0 0 300px; max-width:300px; width:100% }
       В grid flex-* игнорируются, но max-width:300px остаётся активным.
       Перекрываем через более специфичный двойной класс-селектор.
    ── */
    .rc-article-layout .rc-sidebar-left,
    aside.rc-sidebar-left.widget-area {
        grid-area: sidebar-left;
        width: var(--rc-sb-w, 200px) !important;
        max-width: var(--rc-sb-w, 200px) !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 var(--rc-sb-w, 200px) !important;
        flex: 0 0 var(--rc-sb-w, 200px) !important;
        overflow: visible;
    }
    .rc-article-layout .rc-sidebar-right,
    aside.rc-sidebar-right.widget-area {
        grid-area: sidebar-right;
        width: var(--rc-sb-wr, 262px) !important;
        max-width: var(--rc-sb-wr, 262px) !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 var(--rc-sb-wr, 262px) !important;
        flex: 0 0 var(--rc-sb-wr, 262px) !important;
        overflow: visible;
    }

}

/* Планшет: левый скрыт, правый как flex-item */
@media (min-width: 600px) and (max-width: 991px) {
    .rc-sidebar-left { display: none !important; }
    .rc-article-layout.rc-has-right-sidebar:not(.rc-has-left-sidebar),
    .rc-article-layout.rc-has-left-sidebar.rc-has-right-sidebar {
        display: flex !important;
        flex-wrap: nowrap;
        gap: 24px;
    }
    .rc-article-layout .rc-article-content { flex: 1 1 0; min-width: 0; }
    .rc-article-layout .rc-sidebar-right {
        flex: 0 0 262px !important;
        width: 262px !important;
        max-width: 262px !important;
    }
}

/* Мобайл */
@media (max-width: 599px) {
    .rc-sidebar-left,
    .rc-sidebar-right { display: none !important; }
    .rc-sidebar-left:has(.rc-widget-mobile-show),
    .rc-sidebar-right:has(.rc-widget-mobile-show) { display: block !important; }
    .rc-sidebar-left .rc-widget-mobile-hide,
    .rc-sidebar-right .rc-widget-mobile-hide { display: none !important; }
    .rc-sidebar-left .rc-widget-mobile-show,
    .rc-sidebar-right .rc-widget-mobile-show { display: block !important; }
    .rc-article-layout { padding: 0 8px; }
}

/* ── Виджеты в сайдбарах статьи: только рамка, без фона ──────────
   border БЕЗ !important — inline style из rc_apply_widget_settings перебьёт
   ─────────────────────────────────────────────────────────────── */

/* ── Sticky сайдбар целиком: stick_in_parent на .rc-sticky-inner ──
   Sticky виджет отдельно: position:sticky inline на .widget div.
   Для этого aside должен иметь align-self:stretch (растягиваться на
   всю высоту грида), а overflow должен быть visible. */

/* ── Sticky сайдбаров ─────────────────────────────────────────── */
@media (min-width: 992px) {
    /* stretch — aside растягивается на высоту статьи.
       ОБЯЗАТЕЛЬНО для sticky: виджет прилипает пока виден его контейнер.
       Если aside маленький (start) — sticky сразу останавливается. */
    .rc-sidebar-left,
    .rc-sidebar-right,
    #secondary.widget-area {
        overflow: visible !important;
        align-self: stretch !important;
    }
    .rc-sticky-inner {
        overflow: visible;
    }
    /* background на sticky виджетах — перекрывают виджеты под ними при скролле */
    .widget[data-rc-sticky="1"] {
        background: var(--rc-sb-bg, #fff) !important;
    }
}

/* По умолчанию сайдбары скрыты на мобайл/планшет */
@media (max-width: 991px) {
    .rc-sidebar-left,
    .rc-sidebar-right {
        display: none !important;
    }
    .rc-sidebar-left.rc-show-tablet,
    .rc-sidebar-right.rc-show-tablet {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .rc-sidebar-left,
    .rc-sidebar-right {
        display: none !important;
    }
    .rc-sidebar-left.rc-show-mobile,
    .rc-sidebar-right.rc-show-mobile {
        display: block !important;
    }
}

/* ── Все сайдбары используют одни настройки из кастомайзера ──────────── */
/* ALL sidebars — article left/right + home #secondary + archives */
.rc-sidebar-left .widget,
.rc-sidebar-right .widget,
#secondary .widget,
#secondary.widget-area .widget,
.widget-area.sidebar .widget {
    background: var(--rc-sb-bg, #fff) !important;
    border-radius: var(--rc-sb-r, 12px) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    border: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}
/* Widget headers — unified */
#secondary.widget-area .widget-header,
#secondary.widget-area .widgettitle,
#secondary.widget-area .widget-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    padding: 0 0 10px !important;
    margin: 0 0 12px !important;
    border-bottom: 2px solid currentColor !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* Дочерние элементы не вылезают */
.rc-sidebar-left .widget > *,
.rc-sidebar-right .widget > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Статья без сайдбаров — фото во всю ширину content-area ── */
.single .rc-article-layout:not(.rc-has-left-sidebar):not(.rc-has-right-sidebar)
.rc-article-content .entry-thumbnail img,
.single .rc-article-layout:not(.rc-has-left-sidebar):not(.rc-has-right-sidebar)
.rc-article-content .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    border-radius: var(--rc-art-r, 12px) !important;
}

/* ── Статья: article-post — без padding, чистый белый лист (63.ru) ── */
.rc-article-content .article-post {
    padding: 0 !important;
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}


/* ══════════════════════════════════════════════════════════════════
   17. ВИДЖЕТ СО СПИСКОМ ПУНКТОВ + КНОПКА ФИКСАЦИИ
   ══════════════════════════════════════════════════════════════════ */

/* Контейнер одного пункта */
.rc-pin-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    margin-bottom: 6px;
    background: #f7f8fa;
    border-radius: 8px;
    border: 1px solid #e8ecf0;
    transition: all .2s;
}

.rc-pin-item.rc-pin-item--pinned {
    background: #fff9e6;
    border-color: #f5c542;
}

/* Текст пункта */
.rc-pin-item__text {
    flex: 1 1 0;
    min-width: 0;
    font-size: .92em;
    line-height: 1.45;
    word-break: break-word;
}

/* Кнопка фиксации */
.rc-pin-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    transition: all .2s;
    background: transparent;
    color: #aaa;
}

.rc-pin-btn:hover {
    background: rgba(0,0,0,.07);
    color: #555;
}

/* Когда зафиксировано */
.rc-pin-item--pinned .rc-pin-btn {
    color: #d4a000;
    background: rgba(245,197,66,.15);
}

.rc-pin-item--pinned .rc-pin-btn:hover {
    background: rgba(245,197,66,.3);
}

/* Зафиксированные пункты идут вверху */
.rc-pin-list--sorted .rc-pin-item--pinned {
    order: -1;
}

/* Разделитель между зафикс. и обычными */
.rc-pin-separator {
    height: 1px;
    background: #e0e0e0;
    margin: 6px 0;
    display: none;
}

.rc-pin-list--has-pinned .rc-pin-separator {
    display: block;
}

/* Кнопка "Добавить пункт" */
.rc-pin-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px;
    border: 1px dashed #c0c8d0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    color: #888;
    font-size: .85em;
    font-family: inherit;
    transition: all .2s;
    margin-top: 8px;
}

.rc-pin-add-btn:hover {
    border-color: #4d3bfe;
    color: #4d3bfe;
    background: rgba(77,59,254,.04);
}

/* ──────────────────────────────────────────────────────────────────
   СТРАНИЦА АВТОРА
   Контейнер — .rc-article-layout (тот же grid что в single.php).
   Контент — .rc-author-content (вместо .rc-author-page).
   ────────────────────────────────────────────────────────────────── */

/* Контентная колонка — без лишних отступов, site-content fixed делает всё */
.rc-author-content {
    min-width: 0;
    box-sizing: border-box;
}

/* ── Карточка профиля ── */
.rc-author-card {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 24px;
    box-sizing: border-box;
}

.rc-author-card__main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 0;
}

.rc-author-card__info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rc-author-card__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #141414;
    margin: 0 0 4px;
    padding: 0;
}

.rc-author-card__meta-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rc-author-card__meta-label {
    font-size: 13px;
    color: #6b7280;
    font-weight: 400;
    line-height: 1.4;
}

.rc-author-card__meta-value,
.rc-author-card__meta-value a {
    font-size: 16px;
    font-weight: 600;
    color: #141414;
    line-height: 1.4;
    text-decoration: none;
}

.rc-author-card__meta-value a:hover {
    text-decoration: underline;
}

/* Аватар */
.rc-author-card__avatar {
    flex: 0 0 auto;
}

.rc-author-card__avatar-img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 12px !important;
    object-fit: cover;
    display: block;
}

/* Bio блок */
.rc-author-card__bio {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f0f2f5;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rc-author-card__about {
    background: #f3f3f3;
    border-radius: 12px;
    padding: 24px 28px;
}

.rc-author-card__about-title {
    font-size: 18px;
    font-weight: 600;
    color: #141414;
    margin-bottom: 8px;
}

.rc-author-card__about-text {
    font-size: 15px;
    line-height: 1.6;
    color: #374151;
}

.rc-author-card__about-text p {
    margin: 0 0 8px;
}
.rc-author-card__about-text p:last-child {
    margin-bottom: 0;
}

/* Социальные сети */
.rc-author-card__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rc-author-card__social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #23262b;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    transition: background 0.15s, transform 0.1s;
    flex-shrink: 0;
}

.rc-author-card__social-btn:hover {
    background: #404550;
    transform: translateY(-1px);
}

.rc-author-card__social-btn svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}

/* ── Публикации автора ── */
.rc-author-posts__header {
    margin-bottom: 20px;
}

.rc-author-posts__title {
    font-size: 20px;
    font-weight: 700;
    color: #141414;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rc-author-posts__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    color: #6b7280;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
}

.rc-author-posts__empty {
    color: #6b7280;
    padding: 32px 0;
}

/* Мобильная адаптация */
@media (max-width: 767px) {
    .rc-author-card {
        padding: 20px;
    }
    .rc-author-card__main {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .rc-author-card__avatar-img {
        width: 80px !important;
        height: 80px !important;
    }
    .rc-author-card__name {
        font-size: 20px;
    }
}


/* ══════════════════════════════════════════════════════════════════
   18. ТИПОГРАФИКА СТАТЬИ — все параметры через CSS-переменные
   Управляется: Кастомайзер → Страница статьи → Типографика
   ══════════════════════════════════════════════════════════════════ */

.single .article-post,
.page .article-post {
    padding: 0 !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ── H1 ── */
.single .entry-title,
.page .entry-title {
    font-size: var(--rc-title-d, 2.5rem) !important;
    font-weight: var(--rc-h1-fw-d, 600) !important;
    font-style: var(--rc-h1-fs-d, normal) !important;
    text-transform: var(--rc-h1-tt-d, none) !important;
    line-height: var(--rc-h1-lh-d, 1.2) !important;
    letter-spacing: var(--rc-h1-ls-d, -0.02em) !important;
    color: var(--rc-color-title, #141414) !important;
    margin: 8px 0 12px !important;
    padding: 0 !important;
}

/* ── Анонс ── */
/* old excerpt — moved to section 31 */

/* ── Контент ── */
.single .entry-content,
.page .entry-content {
    font-size: var(--rc-body-d, 1.25rem) !important;
    font-weight: var(--rc-body-fw-d, 400) !important;
    font-style: var(--rc-body-fs-d, normal) !important;
    line-height: var(--rc-body-lh-d, 1.65) !important;
    letter-spacing: var(--rc-body-ls-d, 0em) !important;
    color: var(--rc-color-body, #141414) !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
}

/* ── H2 ── */
.single .entry-content h2,
.page .entry-content h2 {
    font-size: var(--rc-h2-d, 2rem) !important;
    font-weight: var(--rc-h2-fw-d, 600) !important;
    line-height: var(--rc-h2-lh-d, 1.25) !important;
    letter-spacing: var(--rc-h2-ls-d, -0.02em) !important;
    color: var(--rc-color-h2, #141414) !important;
    margin: 1.8em 0 0.6em !important;
}

/* ── H3 ── */
.single .entry-content h3,
.page .entry-content h3 {
    font-size: var(--rc-h3-d, 1.5rem) !important;
    font-weight: var(--rc-h3-fw-d, 600) !important;
    line-height: var(--rc-h3-lh-d, 1.3) !important;
    color: var(--rc-color-h2, #141414) !important;
    margin: 1.6em 0 0.5em !important;
}

/* ── H4 ── */
.single .entry-content h4,
.page .entry-content h4 {
    font-size: var(--rc-h4-d, 1.2rem) !important;
    font-weight: var(--rc-h4-fw-d, 600) !important;
    line-height: 1.35 !important;
    color: var(--rc-color-h2, #141414) !important;
    margin: 1.4em 0 0.4em !important;
}

/* ── Планшет (600–991px) ── */
@media (min-width: 600px) and (max-width: 991px) {
    .single .entry-title, .page .entry-title {
        font-size: var(--rc-title-t, 1.85rem) !important;
        line-height: var(--rc-h1-lh-t, 1.22) !important;
        margin: 8px 0 10px !important;
    }
    .single .entry-excerpt, .page .entry-excerpt { font-size: var(--rc-excerpt-t, 1rem) !important; }
    .single .entry-content, .page .entry-content {
        font-size: var(--rc-body-t, 1.1rem) !important;
        line-height: var(--rc-body-lh-t, 1.65) !important;
    }
    .single .entry-content h2, .page .entry-content h2 {
        font-size: var(--rc-h2-t, 1.6rem) !important;
        line-height: var(--rc-h2-lh-t, 1.25) !important;
    }
    .single .entry-content h3, .page .entry-content h3 { font-size: var(--rc-h3-t, 1.3rem) !important; }
}

/* ── Телефон (<600px) ── */
@media (max-width: 599px) {
    .single .entry-title, .page .entry-title {
        font-size: var(--rc-title-m, 1.5rem) !important;
        line-height: var(--rc-h1-lh-m, 1.25) !important;
        letter-spacing: -0.01em !important;
        margin: 6px 0 10px !important;
    }
    .single .entry-excerpt, .page .entry-excerpt { font-size: var(--rc-excerpt-m, .97rem) !important; }
    .single .entry-content, .page .entry-content {
        font-size: var(--rc-body-m, 1rem) !important;
        line-height: var(--rc-body-lh-m, 1.65) !important;
    }
    .single .entry-content h2, .page .entry-content h2 { font-size: var(--rc-h2-m, 1.35rem) !important; }
    .single .entry-content h3, .page .entry-content h3 { font-size: var(--rc-h3-m, 1.15rem) !important; }
}

/* ══════════════════════════════════════════════════════════════════
   19. МЕТА, ХЛЕБНЫЕ КРОШКИ, ТЕГИ — через переменные кастомайзера
   ══════════════════════════════════════════════════════════════════ */

.rc-entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 0 0 14px;
    margin: 0 0 18px;
    border-bottom: 1px solid #f0f2f5;
    font-size: var(--rc-meta-d, 1rem);
    font-weight: 400;
    color: var(--rc-color-meta, #9e9e9e);
    line-height: 1;
}

.rc-meta-date,
.rc-meta-views,
.rc-meta-reading,
.rc-meta-comments {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--rc-color-meta, #9e9e9e);
    text-decoration: none;
    font-size: inherit;
    line-height: 1;
    white-space: nowrap;
}
.rc-meta-comments:hover { color: #4d3bfe; }

.rc-meta-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    opacity: .7;
}

/* Убираем старую entry-meta на single */
.single .entry-meta { display: none !important; }

/* ── Хлебные крошки ── */
.single .breadcrumb,
.page .breadcrumb {
    font-size: var(--rc-bc-d, .8rem) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    margin: 0 0 10px !important;
    line-height: 1.4 !important;
    color: var(--rc-color-bc, #757575) !important;
}
.single .breadcrumb a { color: var(--rc-color-bc, #757575) !important; text-decoration: none !important; }
.single .breadcrumb a:hover { color: var(--rc-color-bc-act, #141414) !important; }
.single .breadcrumb .breadcrumb-active,
.single .breadcrumb .current { color: var(--rc-color-bc-act, #141414) !important; }
.single .breadcrumb-separator { opacity: .5 !important; margin: 0 4px !important; }

/* ── Планшет/телефон мета ── */
@media (min-width: 600px) and (max-width: 991px) {
    .rc-entry-meta { font-size: var(--rc-meta-t, .93rem); }
    .single .breadcrumb, .page .breadcrumb { font-size: var(--rc-bc-t, .75rem) !important; }
}
@media (max-width: 599px) {
    .rc-entry-meta { font-size: var(--rc-meta-m, .875rem); gap: 10px; padding-bottom: 10px; margin-bottom: 14px; }
    .single .breadcrumb, .page .breadcrumb { font-size: var(--rc-bc-m, .7rem) !important; }
}

/* ── Категория над заголовком ── */
.rc-article-category { margin: 0 0 6px; }
.rc-article-category .post-card__category,
.rc-article-category a {
    display: inline-block !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    line-height: 1.5 !important;
}

/* ── Миниатюра ── */
.rc-entry-thumb {
    display: block;
    margin: 0 0 24px;
    border-radius: var(--rc-art-r, 10px);
    overflow: hidden;
    line-height: 0;
}
.rc-entry-thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}
.rc-entry-thumb__caption {
    display: block;
    padding: 8px 12px;
    font-size: .8rem;
    color: #9ca3af;
    line-height: 1.4;
    background: #f9f9f9;
    border-radius: 0 0 var(--rc-art-r, 10px) var(--rc-art-r, 10px);
    text-align: center;
}
@media (max-width: 599px) {
    .rc-entry-thumb { margin-bottom: 16px; border-radius: 8px; }
    .rc-entry-thumb img { max-height: 280px !important; }
}

/* ══════════════════════════════════════════════════════════════════
   20. БЛОК АВТОРА — rc-author-box (без подложки) + кнопка Share
   ══════════════════════════════════════════════════════════════════ */

/* Сброс старого .author-box */
.author-box {
    all: unset !important;
    display: none !important;
}

/* Строка: автор + кнопка share */
.rc-author-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 20px 0 !important;
    position: relative !important;
}

/* Наш компактный блок — БЕЗ подложки */
.rc-author-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.rc-author-box__avatar {
    flex: 0 0 auto !important;
    display: block !important;
    text-decoration: none !important;
}
.rc-author-box__img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: block !important;
    object-fit: cover !important;
}

.rc-author-box__info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.rc-author-box__name {
    font-size: .97rem !important;
    font-weight: 600 !important;
    color: #141414 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}
.rc-author-box__name a {
    color: inherit !important;
    text-decoration: none !important;
}
.rc-author-box__name a:hover { text-decoration: underline !important; }

.rc-author-box__position {
    font-size: .78rem !important;
    font-weight: 400 !important;
    color: #9e9e9e !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* Соцсети в авторе */
.rc-author-box__socials {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 4px !important;
    flex-shrink: 0 !important;
}
.rc-author-box__social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background: #23262b !important;
    border-radius: 8px !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: background .15s !important;
    flex-shrink: 0 !important;
}
.rc-author-box__social-btn:hover { background: #404550 !important; }
.rc-author-box__social-btn svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
}

/* ── Кнопка Share ── */
.rc-share-wrap {
    flex: 0 0 auto !important;
    position: relative !important;
}
.rc-share-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: background .15s, border-color .15s !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
}
.rc-share-btn:hover,
.rc-share-btn--active {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #111 !important;
}
.rc-share-btn svg { display: block !important; }

/* ── Share popover — появляется слева от кнопки ── */
/* Share-попover — центрирован по вертикали относительно кнопки,
   иконки выровнены по центру (align-items + justify-content) */
.rc-share-popover {
    position: absolute !important;
    /* Центрируем попover по вертикали относительно кнопки */
    top: 50% !important;
    bottom: auto !important;
    right: calc(100% + 10px) !important;
    left: auto !important;
    transform: translateY(-50%) translateX(4px) !important;
    z-index: 9999 !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.13), 0 1px 4px rgba(0,0,0,.08) !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
    transition: opacity .15s, transform .15s !important;
}
.rc-share-popover[aria-hidden="true"] {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(8px) !important;
}
.rc-share-popover[aria-hidden="false"] {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) translateX(0) !important;
}
/* Контейнер иконок — flex с центрованием */
.rc-share-popover__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.rc-share-popover__inner .social-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.rc-share-popover__inner .social-buttons .social-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #f3f4f6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    color: #374151 !important;
    text-decoration: none !important;
    transition: background .15s !important;
}
.rc-share-popover__inner .social-buttons .social-button:hover {
    background: #e5e7eb !important;
}
/* Иконки внутри кнопок */
.rc-share-popover__inner .social-buttons .social-button a,
.rc-share-popover__inner .social-buttons .social-button > * {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}
.rc-share-popover__inner .social-buttons .social-button span:not([class*="icon"]) {
    display: none !important;
}
/* Кнопка-обёртка share: тоже выровнена по центру */
.rc-share-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 599px) {
    .rc-share-popover {
        top: auto !important;
        right: auto !important;
        left: 50% !important;
        bottom: calc(100% + 8px) !important;
        transform: translateX(-50%) translateY(4px) !important;
    }
    .rc-share-popover[aria-hidden="false"] {
        transform: translateX(-50%) translateY(0) !important;
    }
    .rc-share-popover[aria-hidden="true"] {
        transform: translateX(-50%) translateY(8px) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .rc-share-popover__inner .social-buttons {
        flex-wrap: wrap !important;
        justify-content: center !important;
        max-width: 200px !important;
    }
}

/* ══════════════════════════════════════════════════════════════════
   21. НИЖНИЕ СОЦКНОПКИ — фото 3 (pill-контейнер, светлые кнопки)
   ══════════════════════════════════════════════════════════════════ */

.rc-social-bottom {
    margin: 24px 0 !important;
}

/* Контейнер кнопок — pill с фоном */
.rc-social-bottom .social-buttons {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f0f2f5 !important;
    border-radius: 100px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
    border: none !important;
}

/* Каждая кнопка — светло-серая, квадратная/слабозакруглённая */
.rc-social-bottom .social-buttons .social-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    color: #374151 !important;
    text-decoration: none !important;
    transition: background .15s, box-shadow .15s, transform .1s !important;
    overflow: hidden !important;
}
.rc-social-bottom .social-buttons .social-button:hover {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
    transform: translateY(-1px) !important;
}

/* Иконки — тёмные, не белые */
.rc-social-bottom .social-buttons .social-button::before {
    filter: none !important;
    opacity: .75 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.rc-social-bottom .social-buttons .social-button:hover::before {
    opacity: 1 !important;
}

/* Прячем текст/счётчик — только иконки */
.rc-social-bottom .social-buttons .social-button span:not([class*="icon"]) {
    display: none !important;
}

/* share-кнопка копирования ссылки */
.rc-social-bottom .social-buttons .social-button--copy {
    background: #fff !important;
}

@media (max-width: 599px) {
    .rc-social-bottom .social-buttons {
        padding: 6px 10px !important;
        gap: 5px !important;
    }
    .rc-social-bottom .social-buttons .social-button {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════
   22. КАРТОЧКИ В САЙДБАРЕ — фото на всю ширину, текст поверх снизу
   Только для «Обычного» вида (articles_view=normal).
   Компактный вид (articles_view=compact) — только текст, см. ниже.
   ══════════════════════════════════════════════════════════════════ */

/* ── Полный сброс — ТОЛЬКО обычные карточки с фото ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text),
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) {
    all: unset !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    background: #1a1a1a !important;
    box-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: transform .18s !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text):last-of-type,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text):last-of-type {
    margin-bottom: 0 !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text):hover,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text):hover {
    transform: scale(1.01) !important;
}

/* ── Картинка — растянуть на весь блок ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 110px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    flex: none !important;
    min-width: 0 !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail img,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    max-width: none !important;
}
/* Категория поверх картинки — скрыть */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail .post-card__category,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__thumbnail .post-card__category {
    display: none !important;
}

/* ── Градиент + тело — поверх фото ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__body,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__body {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 0 10px 8px !important;
    margin: 0 !important;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 20%,
        rgba(0,0,0,.55) 65%,
        rgba(0,0,0,.80) 100%
    ) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* ── Заголовок поверх фото ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__title,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__title {
    all: unset !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: .82rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.4) !important;
    pointer-events: auto !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__title a,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__title a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    pointer-events: auto !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__title a:hover,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__title a:hover {
    color: var(--rc-gc-sidebar-hover, #0097fb) !important;
}

/* ── Мета (дата, просмотры) поверх фото ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__meta,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__meta {
    font-size: .7rem !important;
    color: rgba(255,255,255,.75) !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
}

/* ── Скрыть описание и категорию снаружи (только обычный вид) ── */
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) .post-card__description,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) .post-card__description {
    display: none !important;
}
.rc-sidebar-left .widget .post-card:not(.post-card--compact-text) > .post-card__category,
.rc-sidebar-right .widget .post-card:not(.post-card--compact-text) > .post-card__category {
    display: none !important;
}

/* ── Карточка БЕЗ картинки — fallback: тёмный фон ── */
.rc-sidebar-left .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text),
.rc-sidebar-right .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text) {
    background: #2d2f35 !important;
    min-height: 80px !important;
}
.rc-sidebar-left .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text) .post-card__body,
.rc-sidebar-right .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text) .post-card__body {
    background: none !important;
    padding: 12px !important;
    justify-content: center !important;
}
.rc-sidebar-left .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text) .post-card__title,
.rc-sidebar-right .widget .post-card.post-card--thumbnail-no:not(.post-card--compact-text) .post-card__title {
    color: #fff !important;
}

/* ── Ширины виджетов — полный сброс wpshop inline-стилей ── */
.rc-sidebar-left .widget,
.rc-sidebar-right .widget {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
.rc-sidebar-left .widget .wpshop_widget_articles,
.rc-sidebar-right .widget .wpshop_widget_articles,
.rc-sidebar-left .widget .post-cards,
.rc-sidebar-right .widget .post-cards {
    width: 100% !important;
    max-width: 100% !important;
}

/* ── КОМПАКТНЫЙ тип (articles_view=compact): только заголовок + мета
   Класс post-card--compact-text вешает child-шаблон
   widget-articles-compact.php. Фото нет — чистый список.
   ─────────────────────────────────────────────────────────────── */
.rc-sidebar-left .widget .post-card--compact-text,
.rc-sidebar-right .widget .post-card--compact-text {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid var(--rc-gc-border, #e5e7eb) !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    height: auto !important;
    box-sizing: border-box !important;
    transition: none !important;
    cursor: default !important;
    transform: none !important;
}
.rc-sidebar-left .widget .post-card--compact-text:last-child,
.rc-sidebar-right .widget .post-card--compact-text:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.rc-sidebar-left .widget .post-card--compact-text:hover,
.rc-sidebar-right .widget .post-card--compact-text:hover {
    transform: none !important;
}

/* Скрыть картинку (на случай если фото всё-таки попало) */
.rc-sidebar-left .widget .post-card--compact-text .post-card__thumbnail,
.rc-sidebar-right .widget .post-card--compact-text .post-card__thumbnail {
    display: none !important;
}

/* Тело — полная ширина, вертикально */
.rc-sidebar-left .widget .post-card--compact-text .post-card__body,
.rc-sidebar-right .widget .post-card--compact-text .post-card__body {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    inset: auto !important;
    pointer-events: auto !important;
}

/* Заголовок — тёмный текст, 2 строки */
.rc-sidebar-left .widget .post-card--compact-text .post-card__title,
.rc-sidebar-right .widget .post-card--compact-text .post-card__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #141414 !important;
    text-shadow: none !important;
    position: static !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    pointer-events: auto !important;
}
.rc-sidebar-left .widget .post-card--compact-text .post-card__title a,
.rc-sidebar-right .widget .post-card--compact-text .post-card__title a {
    color: #141414 !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    pointer-events: auto !important;
}
.rc-sidebar-left .widget .post-card--compact-text .post-card__title a:hover,
.rc-sidebar-right .widget .post-card--compact-text .post-card__title a:hover {
    color: var(--rc-gc-sidebar-hover, #0097fb) !important;
    text-decoration: underline !important;
}

/* Мета — серая строка */
.rc-sidebar-left .widget .post-card--compact-text .post-card__meta,
.rc-sidebar-right .widget .post-card--compact-text .post-card__meta {
    display: flex !important;
    gap: 8px !important;
    font-size: .72rem !important;
    color: #9ca3af !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* Описание и категория — скрыть */
.rc-sidebar-left .widget .post-card--compact-text .post-card__description,
.rc-sidebar-right .widget .post-card--compact-text .post-card__description,
.rc-sidebar-left .widget .post-card--compact-text .post-card__category,
.rc-sidebar-right .widget .post-card--compact-text .post-card__category {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   23. ОБЩАЯ ПОЛИРОВКА И БАГИ
   ══════════════════════════════════════════════════════════════════ */

/* ── Теги ── */
.entry-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 16px 0 !important;
}
.entry-tag {
    display: inline-block !important;
    font-size: var(--rc-tag-d, 1rem) !important;
    font-weight: 400 !important;
    color: var(--rc-color-tag, #0097fb) !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    transition: color .15s !important;
}
.entry-tag::before { display: none !important; }
.entry-tag:hover { opacity: .75 !important; text-decoration: underline !important; }

@media (min-width: 600px) and (max-width: 991px) {
    .entry-tag { font-size: var(--rc-tag-t, .93rem) !important; }
}
@media (max-width: 599px) {
    .entry-tag { font-size: var(--rc-tag-m, .875rem) !important; }
}

/* ── Цитаты ── */
.entry-content blockquote {
    background: #f7f9fc !important;
    border-left: 3px solid #4d3bfe !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 16px 20px !important;
    margin: 20px 0 !important;
    color: #374151 !important;
    font-style: normal !important;
}

/* ── Изображения в контенте — без скругления ── */
.entry-content img {
    border-radius: 0 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ── Карточки основной ленты: полировка тени ── */
.post-card--vertical {
    transition: transform .2s, box-shadow .2s !important;
}
.post-card--vertical:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
}

/* ── Пагинация ── */
.pagination .nav-links .page-numbers { border-radius: 6px !important; }
.pagination .nav-links .page-numbers.current {
    background: #4d3bfe !important;
    color: #fff !important;
    box-shadow: none !important;
}
.pagination .nav-links .page-numbers:not(.dots):not(.current):hover {
    background: rgba(77,59,254,.08) !important;
    color: #4d3bfe !important;
}
.pagination .nav-links .page-numbers::before { display: none !important; }

/* ── Виджет-заголовки в сайдбаре ── */
.rc-sidebar-left .widget-header,
.rc-sidebar-right .widget-header,
.rc-sidebar-left .widgettitle,
.rc-sidebar-right .widgettitle,
.rc-sidebar-left .widget-title,
.rc-sidebar-right .widget-title {
    font-size: .76rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: #9ca3af !important;
    margin-bottom: 8px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* ── Пустые виджеты — скрыть ── */
.rc-sidebar-left .widget:empty,
.rc-sidebar-right .widget:empty { display: none !important; }

/* ── Мобайл: небольшой отступ внизу статьи ── */
@media (max-width: 599px) {
    .rc-social-bottom .social-buttons { border-radius: 16px !important; }
    .entry-tag { font-size: .9rem !important; }
}

/* ── Похожие статьи: видимость по устройствам ── */
.rc-similar--desktop-only { display: block; }
.rc-similar--mobile-only  { display: none;  }
.rc-similar-ad--desktop-only { display: flex; }
.rc-similar-ad--mobile-only  { display: none;  }
@media (max-width: 599px) {
    .rc-similar--desktop-only { display: none;  }
    .rc-similar--mobile-only  { display: block; }
    .rc-similar-ad--desktop-only { display: none;  }
    .rc-similar-ad--mobile-only  { display: flex;  }
}

/* ══════════════════════════════════════════════════════════════════
   24. БЛОК «ПО ТЕМЕ» — rc-related-posts
   Дизайн: вертикальный список (как на скриншоте 63.ru)
   ══════════════════════════════════════════════════════════════════ */

/* «По теме» — блок с настраиваемой рамкой */
.rc-related-posts {
    margin: 28px 0 0;
    padding: 0;
    border: var(--rc-rel-border-width, 1px) solid var(--rc-rel-border-color, #e5e7eb);
    border-radius: var(--rc-rel-border-radius, 12px);
    overflow: hidden;
    background: #fff;
}
.rc-related-posts__header {
    padding: 14px 18px 12px;
    border-bottom: var(--rc-rel-border-width, 1px) solid var(--rc-rel-border-color, #e5e7eb);
    background: #fff;
}
.rc-related-posts__title {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #1a1a2e;
    display: block;
}
.rc-related-posts__list {
    display: flex;
    flex-direction: column;
    padding: 4px 18px 8px;
}
.rc-related-item {
    padding: 9px 0;
    border-bottom: 1px solid #f0f2f5;
}
.rc-related-item:last-child {
    border-bottom: none;
    padding-bottom: 5px;
}
.rc-related-item__link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.rc-related-item__title {
    font-size: .93rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--rc-rel-accent, #0078d7);
    margin: 0 0 3px;
    transition: opacity .15s;
}
.rc-related-item__link:hover .rc-related-item__title {
    opacity: .75;
    text-decoration: underline;
}
.rc-related-item__date {
    font-size: .72rem;
    color: #8a9099;
    line-height: 1;
    display: block;
}
@media (max-width: 599px) {
    .rc-related-posts { margin-top: 18px; border-radius: 8px; }
    .rc-related-posts__header { padding: 11px 14px 10px; }
    .rc-related-posts__list { padding: 2px 14px 6px; }
    .rc-related-item__title { font-size: .87rem; }
}

/* ══════════════════════════════════════════════════════════════════
   25. РЕКЛАМНЫЙ БЛОК ПОСЛЕ ТЕКСТА — rc-ad-after-content
   ══════════════════════════════════════════════════════════════════ */

.rc-ad-block {
    margin: 24px 0;
    /* Резервируем место под рекламу — предотвращает CLS (Cumulative Layout Shift) */
    min-height: var(--rc-ad-min-h, 90px);
}
.rc-ad-block__inner {
    display: block;
    width: 100%;
    text-align: center;
}

/* Показываем только нужный блок по размеру экрана */
.rc-ad-block__inner--mobile  { display: none; }
.rc-ad-block__inner--desktop { display: block; }

@media (max-width: 767px) {
    .rc-ad-block__inner--desktop { display: none; }
    .rc-ad-block__inner--mobile  { display: block; }
}

/* Обёртка для iframe-рекламы */
.rc-ad-block iframe,
.rc-ad-block ins { display: block; margin: 0 auto; }


/* ══════════════════════════════════════════════════════════════════
   26. ПОХОЖИЕ СТАТЬИ — rc-similar-posts
   ══════════════════════════════════════════════════════════════════ */

.rc-similar-posts {
    margin: 28px 0 0;
}

/* ── Заголовок ── */
.rc-similar-posts__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.rc-similar-posts__title {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #9ca3af;
    white-space: nowrap;
    flex-shrink: 0;
}
.rc-similar-posts__header::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}

/* ════════════════════════════════════════════════════
   РЕЖИМ 1: БЕЗ РЕКЛАМЫ
   DOM: [article][article][article]...
   ════════════════════════════════════════════════════ */
.rc-similar-posts__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
.rc-similar-posts__list .rc-similar-item { min-width: 0; }

/* ════════════════════════════════════════════════════
   РЕЖИМ 2: С РЕКЛАМОЙ (--with-ads)
   DOM строго: [article][ad][article][ad]...
   Каждая пара — одна строка сетки.

   Ключевые решения:
   1. align-items: stretch — реклама тянется до высоты статьи.
   2. Пустой .rc-similar-item--ad → visibility:hidden (не display:none!)
      display:none убирает элемент из потока и ломает nth-child.
      visibility:hidden скрывает визуально, но сохраняет позицию в DOM.

   Шахмат через nth-child(4n+X):
     1: статья нечётного ряда  → col 1
     2: реклама нечётного ряда → col 2
     3: статья чётного ряда    → col 2
     4: реклама чётного ряда   → col 1
   ════════════════════════════════════════════════════ */
.rc-similar-posts__list--with-ads {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: stretch;
    /* grid-auto-rows: auto — каждый ряд по высоте своего содержимого */
    grid-auto-flow: dense; /* заполняем пробелы автоматически */
}

/* Шахмат: задаём column + row явно для каждого элемента.
   Пара 1  (elem 1,2):  row 1  — статья col-1, реклама col-2
   Пара 2  (elem 3,4):  row 2  — реклама col-1, статья col-2
   Пара 3  (elem 5,6):  row 3  — статья col-1, реклама col-2
   Пара 4  (elem 7,8):  row 4  — реклама col-1, статья col-2
   Пара 5  (elem 9,10): row 5  — ...

   Паттерн повторяется каждые 4 элемента (2 пары = 2 строки).
   nth-child(4n+1) row = 4n/4*2+1, nth-child(4n+2) row = 4n/4*2+1, etc.
   
   Задаём явно до 20 статей (достаточно для любого случая):
*/

/* Пара 1: элементы 1,2 → row 1 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(1) { grid-column:1; grid-row:1; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(2) { grid-column:2; grid-row:1; }

/* Пара 2: элементы 3,4 → row 2 (шахмат) */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(3) { grid-column:2; grid-row:2; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(4) { grid-column:1; grid-row:2; }

/* Пара 3: элементы 5,6 → row 3 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(5) { grid-column:1; grid-row:3; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(6) { grid-column:2; grid-row:3; }

/* Пара 4: элементы 7,8 → row 4 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(7) { grid-column:2; grid-row:4; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(8) { grid-column:1; grid-row:4; }

/* Пара 5: элементы 9,10 → row 5 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(9)  { grid-column:1; grid-row:5; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(10) { grid-column:2; grid-row:5; }

/* Пара 6: элементы 11,12 → row 6 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(11) { grid-column:2; grid-row:6; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(12) { grid-column:1; grid-row:6; }

/* Пара 7: элементы 13,14 → row 7 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(13) { grid-column:1; grid-row:7; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(14) { grid-column:2; grid-row:7; }

/* Пара 8: элементы 15,16 → row 8 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(15) { grid-column:2; grid-row:8; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(16) { grid-column:1; grid-row:8; }

/* Пара 9: элементы 17,18 → row 9 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(17) { grid-column:1; grid-row:9; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(18) { grid-column:2; grid-row:9; }

/* Пара 10: элементы 19,20 → row 10 */
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(19) { grid-column:2; grid-row:10; }
.rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(20) { grid-column:1; grid-row:10; }

/* ── Карточка статьи ── */
.rc-similar-item--article {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}
.rc-similar-item--article:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.rc-similar-card__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%;
}
.rc-similar-card__thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: #e9ebee;
    flex-shrink: 0;
}
.rc-similar-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.rc-similar-item--article:hover .rc-similar-card__thumb img { transform: scale(1.04); }
.rc-similar-card__nophoto {
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, #e5e7eb, #d1d5db);
}
.rc-similar-card__body { padding: 10px 12px 12px; }
.rc-similar-card__title {
    font-size: var(--rc-similar-title-size, .92rem);
    font-weight: 600;
    line-height: 1.4;
    color: #1a1a1a;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .15s;
}
.rc-similar-item--article:hover .rc-similar-card__title {
    color: var(--rc-rel-accent, #0097fb);
}

/* ── Рекламный блок ── */
.rc-similar-item--ad {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* height: 100% — растягивается до высоты соседней статьи (align-items:stretch) */
    height: 100%;
}
/* Внутренняя обёртка */
.rc-similar-ad__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 6px;
    overflow: hidden;
    border-radius: 6px;
    height: 100%;
}
/* ВАЖНО: visibility:hidden а не display:none —
   display:none убирает элемент из DOM-потока и ломает nth-child счётчик */
.rc-similar-item--ad:has(.rc-similar-ad__inner:empty) {
    visibility: hidden;
}

/* ── Мобайл ≤599px: 1 колонка ── */
@media (max-width: 599px) {
    .rc-similar-posts__list,
    .rc-similar-posts__list--with-ads {
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start; /* на мобиле каждый элемент своей высоты */
    }
    .rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(n) {
        grid-column: 1 !important;
        grid-row: auto !important; /* сбрасываем явные row с десктопа */
    }
    .rc-similar-item--article {
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }
    .rc-similar-card__thumb { border-radius: 10px 10px 0 0; }
    .rc-similar-item--ad {
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        background: #fff;
        height: auto;
        min-height: 80px;
    }
    .rc-similar-item--ad .rc-similar-ad__inner {
        padding: 0;
        overflow: visible;
        border-radius: 0;
        height: auto;
    }
    /* На мобиле скрытые рекламные блоки убираем полностью */
    .rc-similar-item--ad:has(.rc-similar-ad__inner:empty) {
        display: none;
    }
}

/* ══════════════════════════════════════════════════════════════════
   27. РЕДАКЦИОННЫЙ БЛОК — rc-editorial
   Шорткод: [rc_editorial title="..." ids="1,2,3,4,5" image_side="right/left" tag="slug"]
   Виджет:  📰 Редакционный блок
   ══════════════════════════════════════════════════════════════════ */

.rc-editorial {
    background: #fff;
    border-radius: 12px;
    padding: 20px 20px 20px 20px;
    margin: 0 0 20px;
}

/* Заголовок — компактный */
.rc-editorial__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #141414;
    margin: 0 0 14px;
}

/* Двухколоночный макет — фото растянуто на всю высоту списка */
.rc-editorial__body {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: stretch; /* ключевое: оба столбца одной высоты */
}

/* ── Список статей ── */
.rc-editorial__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 0 0 42%;
    min-width: 0;
}

/* Одна строка списка — без рамки, разделитель линией */
.rc-editorial-item {
    border-bottom: 1px solid #f1f1f1;
}
.rc-editorial-item:last-child {
    border-bottom: none;
}
.rc-editorial-item__link {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 0;
    text-decoration: none;
    color: inherit;
    transition: opacity .15s;
}
.rc-editorial-item__link:hover {
    opacity: .75;
}
.rc-editorial-item__date {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #9E9E9E;
    display: block;
}
.rc-editorial-item__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #141414;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .15s;
}
.rc-editorial-item__link:hover .rc-editorial-item__title {
    color: var(--rc-rel-accent, #0097fb);
}

/* ── Большая карточка: растянута на всю высоту ── */
.rc-editorial__featured {
    flex: 1;
    min-width: 0;
    display: flex;          /* чтобы ссылка внутри тоже растянулась */
    flex-direction: column;
}
.rc-editorial__featured-link {
    display: flex;
    flex-direction: column;
    flex: 1;                /* занимает всю высоту */
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
/* Фото — на всю высоту блока, не aspect-ratio */
.rc-editorial__featured-img {
    flex: 1;                /* растягивается на всю доступную высоту */
    min-height: 200px;
    background-size: cover;
    background-position: center;
    background-color: #e9ebee;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.rc-editorial__featured-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.68) 70%);
    border-radius: 10px;
    pointer-events: none;
}
.rc-editorial__featured-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 18px;
    z-index: 1;
}
.rc-editorial__featured-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: opacity .15s;
}
.rc-editorial__featured-link:hover .rc-editorial__featured-title {
    opacity: .85;
}

/* ── Вариант: фото слева ── */
.rc-editorial--image-left .rc-editorial__body {
    flex-direction: row-reverse;
}

/* ── Планшет ── */
@media (max-width: 900px) {
    .rc-editorial {
        padding: 16px;
    }
    .rc-editorial__title {
        font-size: 19px;
    }
}

/* ── Мобайл ── */
@media (max-width: 599px) {
    .rc-editorial {
        padding: 14px;
        border-radius: 8px;
    }
    .rc-editorial__title {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .rc-editorial__body {
        flex-direction: column !important;
    }
    .rc-editorial__list {
        flex: none;
        width: 100%;
        order: 2; /* список под фото на мобиле */
    }
    .rc-editorial__featured {
        order: 1;
        width: 100%;
    }
    .rc-editorial__featured-img {
        min-height: 220px;
        flex: none;
        aspect-ratio: 16 / 9;
    }
    .rc-editorial__featured-title {
        font-size: 15px;
        line-height: 20px;
    }
    .rc-editorial-item__title {
        font-size: 13px;
    }
}


/* ══════════════════════════════════════════════════════════════════
   28. ИНТЕРВАЛЫ МЕЖДУ БЛОКАМИ СТАТЬИ (rc_sp_* переменные)
   ══════════════════════════════════════════════════════════════════ */

/* Хлебные крошки → Заголовок */
.single .breadcrumb + .rc-article-category,
/* ══════════════════════════════════════════════════════════════════
   29. SPACING — интервалы между блоками статьи
   Три уровня: ПК (нет медиа), Планшет (600–991), Телефон (≤599)
   Переменные: --rc-sp-*    (ПК)
               --rc-sp-*-t  (Планшет)
               --rc-sp-*-m  (Телефон)
   ══════════════════════════════════════════════════════════════════ */

/* ── ПК: базовые значения (без медиа-запроса) ─────────────────── */
.single .breadcrumb + h1.entry-title      { margin-top: var(--rc-sp-bc-to-title,   16px) !important; }
.single h1.entry-title + .rc-entry-meta  { margin-top: var(--rc-sp-title-to-meta, 12px) !important; }
.single .rc-entry-meta + .rc-entry-thumb { margin-top: var(--rc-sp-meta-to-thumb, 16px) !important; }
.single .rc-entry-meta + .entry-excerpt  { margin-top: var(--rc-sp-meta-to-exc,   12px) !important; }
.single .rc-entry-meta + .entry-content  { margin-top: var(--rc-sp-meta-to-body,  16px) !important; }
.single .rc-entry-meta + blockquote      { margin-top: var(--rc-sp-meta-to-cite,  16px) !important; }
.single .rc-entry-thumb + .entry-excerpt { margin-top: var(--rc-sp-thumb-to-exc,  16px) !important; }
.single .rc-entry-thumb + .entry-content { margin-top: var(--rc-sp-thumb-to-body, 20px) !important; }
.single .entry-excerpt + .rc-entry-thumb { margin-top: var(--rc-sp-exc-to-thumb,  16px) !important; }
.single .entry-excerpt + .entry-content  { margin-top: var(--rc-sp-exc-to-body,   16px) !important; }
.single .entry-content + .rc-related-posts,
.single .entry-tags + .rc-related-posts  { margin-top: var(--rc-sp-body-to-rel,   24px) !important; }
.single .rc-related-posts + .rc-author-row { margin-top: var(--rc-sp-rel-to-auth, 24px) !important; }
.single .rc-author-row + .rc-similar-posts { margin-top: var(--rc-sp-auth-to-sim, 20px) !important; }
.single .entry-tags + .rc-author-row     { margin-top: var(--rc-sp-tags-to-auth,  20px) !important; }
/* Тег внутри article-content */
.single .entry-content + .entry-tags     { margin-top: var(--rc-sp-body-to-tags,  20px) !important; }

/* Внутри entry-content — ПК */
.single .entry-content p,
.page  .entry-content p {
    margin-bottom: var(--rc-sp-p-d, 14px) !important;
    margin-top: 0 !important;
}
.single .entry-content figure,
.page  .entry-content figure { margin-top: var(--rc-sp-body-to-img, 20px) !important; margin-bottom: var(--rc-sp-img-to-body, 20px) !important; }
.single .entry-content figure img,
.page  .entry-content figure img { margin-top: 0 !important; margin-bottom: 0 !important; }
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.page  .entry-content h2,
.page  .entry-content h3,
.page  .entry-content h4 {
    margin-top:    var(--rc-sp-body-to-h2,  24px) !important;
    margin-bottom: var(--rc-sp-h2-to-body,  12px) !important;
}
.single .entry-content blockquote,
.page  .entry-content blockquote { margin-top: var(--rc-sp-body-to-cite, 16px) !important; margin-bottom: var(--rc-sp-cite-to-body, 16px) !important; }
.single .entry-content ul,
.single .entry-content ol,
.page  .entry-content ul,
.page  .entry-content ol { margin-top: var(--rc-sp-body-to-list, 12px) !important; margin-bottom: var(--rc-sp-list-to-body, 16px) !important; }
/* Реклама */
.rc-article-ad-block { margin-top: var(--rc-sp-body-to-ad, 20px) !important; margin-bottom: var(--rc-sp-ad-to-body, 20px) !important; }


/* ── Планшет: 600–991px ────────────────────────────────────────── */
@media (min-width: 600px) and (max-width: 991px) {
    .single .breadcrumb + h1.entry-title      { margin-top: var(--rc-sp-bc-to-title-t,   14px) !important; }
    .single h1.entry-title + .rc-entry-meta  { margin-top: var(--rc-sp-title-to-meta-t, 10px) !important; }
    .single .rc-entry-meta + .rc-entry-thumb { margin-top: var(--rc-sp-meta-to-thumb-t, 12px) !important; }
    .single .rc-entry-meta + .entry-excerpt  { margin-top: var(--rc-sp-meta-to-exc-t,   10px) !important; }
    .single .rc-entry-meta + .entry-content  { margin-top: var(--rc-sp-meta-to-body-t,  14px) !important; }
    .single .rc-entry-thumb + .entry-excerpt { margin-top: var(--rc-sp-thumb-to-exc-t,  14px) !important; }
    .single .rc-entry-thumb + .entry-content { margin-top: var(--rc-sp-thumb-to-body-t, 16px) !important; }
    .single .entry-excerpt + .entry-content  { margin-top: var(--rc-sp-exc-to-body-t,   14px) !important; }
    .single .entry-content + .rc-related-posts,
    .single .entry-tags + .rc-related-posts  { margin-top: var(--rc-sp-body-to-rel-t,   20px) !important; }
    .single .rc-related-posts + .rc-author-row { margin-top: var(--rc-sp-rel-to-auth-t, 20px) !important; }
    .single .rc-author-row + .rc-similar-posts { margin-top: var(--rc-sp-auth-to-sim-t, 16px) !important; }
    .single .entry-content + .entry-tags     { margin-top: var(--rc-sp-body-to-tags-t,  16px) !important; }
    /* Внутри текста */
    .single .entry-content p, .page .entry-content p { margin-bottom: var(--rc-sp-p-t, 12px) !important; }
    .single .entry-content figure, .page .entry-content figure { margin-top: var(--rc-sp-body-to-img-t, 16px) !important; margin-bottom: var(--rc-sp-img-to-body-t, 16px) !important; }
    .single .entry-content h2, .single .entry-content h3, .single .entry-content h4,
    .page  .entry-content h2, .page  .entry-content h3, .page  .entry-content h4 {
        margin-top: var(--rc-sp-body-to-h2-t, 20px) !important;
        margin-bottom: var(--rc-sp-h2-to-body-t, 10px) !important;
    }
    .single .entry-content blockquote, .page .entry-content blockquote { margin-top: var(--rc-sp-body-to-cite-t, 14px) !important; margin-bottom: var(--rc-sp-body-to-cite-t, 14px) !important; }
}


/* ── Телефон: ≤599px ────────────────────────────────────────────── */
@media (max-width: 599px) {
    .single .breadcrumb + h1.entry-title      { margin-top: var(--rc-sp-bc-to-title-m,   12px) !important; }
    .single h1.entry-title + .rc-entry-meta  { margin-top: var(--rc-sp-title-to-meta-m,  8px) !important; }
    .single .rc-entry-meta + .rc-entry-thumb { margin-top: var(--rc-sp-meta-to-thumb-m, 10px) !important; }
    .single .rc-entry-meta + .entry-excerpt  { margin-top: var(--rc-sp-meta-to-exc-m,    8px) !important; }
    .single .rc-entry-meta + .entry-content  { margin-top: var(--rc-sp-meta-to-body-m,  12px) !important; }
    .single .rc-entry-thumb + .entry-excerpt { margin-top: var(--rc-sp-thumb-to-exc-m,  12px) !important; }
    .single .rc-entry-thumb + .entry-content { margin-top: var(--rc-sp-thumb-to-body-m, 14px) !important; }
    .single .entry-excerpt + .entry-content  { margin-top: var(--rc-sp-exc-to-body-m,   12px) !important; }
    .single .entry-content + .rc-related-posts,
    .single .entry-tags + .rc-related-posts  { margin-top: var(--rc-sp-body-to-rel-m,   16px) !important; }
    .single .rc-related-posts + .rc-author-row { margin-top: var(--rc-sp-rel-to-auth-m, 16px) !important; }
    .single .rc-author-row + .rc-similar-posts { margin-top: var(--rc-sp-auth-to-sim-m, 14px) !important; }
    .single .entry-content + .entry-tags     { margin-top: var(--rc-sp-body-to-tags-m,  14px) !important; }
    /* Внутри текста */
    .single .entry-content p, .page .entry-content p { margin-bottom: var(--rc-sp-p-m, 10px) !important; }
    .single .entry-content figure, .page .entry-content figure { margin-top: var(--rc-sp-body-to-img-m, 14px) !important; margin-bottom: var(--rc-sp-img-to-body-m, 14px) !important; }
    .single .entry-content h2, .single .entry-content h3, .single .entry-content h4,
    .page  .entry-content h2, .page  .entry-content h3, .page  .entry-content h4 {
        margin-top: var(--rc-sp-body-to-h2-m, 16px) !important;
        margin-bottom: var(--rc-sp-h2-to-body-m, 8px) !important;
    }
    .single .entry-content blockquote, .page .entry-content blockquote { margin-top: var(--rc-sp-body-to-cite-m, 12px) !important; margin-bottom: var(--rc-sp-body-to-cite-m, 12px) !important; }
}


/* ══════════════════════════════════════════════════════════════════
   30. КАРТОЧКА «ПОХОЖИХ СТАТЕЙ» — отдельный класс rc-similar-item
   ══════════════════════════════════════════════════════════════════ */

/* Переопределяем настройки карточки похожих через отдельные переменные */
.rc-similar-item--article {
    border-radius: var(--rc-csim-r, 10px) !important;
}
.rc-similar-card__thumb {
    height: var(--rc-csim-th, 160px) !important;
    border-radius: var(--rc-csim-r, 10px) var(--rc-csim-r, 10px) 0 0 !important;
}
.rc-similar-card__body {
    padding: var(--rc-csim-pad, 10px) !important;
}
.rc-similar-card__title {
    font-size: var(--rc-csim-fs, 15px) !important;
    -webkit-line-clamp: var(--rc-csim-lines, 3) !important;
    color: var(--rc-csim-title-color, #1a1a1a) !important;
}


/* ══════════════════════════════════════════════════════════════════
   31. ТИПОГРАФИКА СТАТЬИ — новые CSS-переменные (полный набор)
   ══════════════════════════════════════════════════════════════════ */

/* H1 заголовок */
.single .entry-title,
.page .entry-title {
    font-size: var(--rc-title-d, 40px) !important;
    font-weight: var(--rc-h1-fw-d, 600) !important;
    font-style: var(--rc-h1-fs-d, normal) !important;
    text-transform: var(--rc-h1-tt-d, none) !important;
    line-height: var(--rc-h1-lh-d, 1.2) !important;
    letter-spacing: var(--rc-h1-ls-d, -0.02em) !important;
    color: var(--rc-color-title, #141414) !important;
    margin-bottom: 0 !important;
}
/* H2 */
.single .entry-content h2,
.page .entry-content h2 {
    font-size: var(--rc-h2-d, 32px) !important;
    font-weight: var(--rc-h2-fw-d, 600) !important;
    line-height: var(--rc-h2-lh-d, 1.25) !important;
    letter-spacing: var(--rc-h2-ls-d, -0.02em) !important;
    color: var(--rc-color-h2, #141414) !important;
}
/* H3 */
.single .entry-content h3,
.page .entry-content h3 {
    font-size: var(--rc-h3-d, 24px) !important;
    font-weight: var(--rc-h3-fw-d, 600) !important;
    line-height: var(--rc-h3-lh-d, 1.3) !important;
    color: var(--rc-color-h2, #141414) !important;
}
/* H4 */
.single .entry-content h4,
.page .entry-content h4 {
    font-size: var(--rc-h4-d, 20px) !important;
    font-weight: var(--rc-h4-fw-d, 600) !important;
    color: var(--rc-color-h2, #141414) !important;
}
/* Основной текст */
.single .entry-content,
.page .entry-content {
    font-size: var(--rc-body-d, 20px) !important;
    font-weight: var(--rc-body-fw-d, 400) !important;
    font-style: var(--rc-body-fs-d, normal) !important;
    line-height: var(--rc-body-lh-d, 1.65) !important;
    letter-spacing: var(--rc-body-ls-d, 0em) !important;
    color: var(--rc-color-body, #141414) !important;
}
/* Анонс */
.single .entry-excerpt,
.page .entry-excerpt {
    font-size: var(--rc-excerpt-d, 18px) !important;
    font-weight: var(--rc-exc-fw-d, 400) !important;
    line-height: var(--rc-exc-lh-d, 1.6) !important;
    color: var(--rc-color-excerpt, #374151) !important;
}
/* Метаданные */
.rc-entry-meta {
    font-size: var(--rc-meta-d, 16px) !important;
    color: var(--rc-color-meta, #9e9e9e) !important;
}
/* Теги */
.entry-tags .entry-tag {
    font-size: var(--rc-tag-d, 16px) !important;
    color: var(--rc-color-tag, #0097fb) !important;
}
/* Хлебные крошки */
.single .breadcrumb,
.page .breadcrumb {
    font-size: var(--rc-bc-d, 13px) !important;
    color: var(--rc-color-bc, #757575) !important;
}

/* ── Планшет ── */
@media (min-width: 600px) and (max-width: 991px) {
    .single .entry-title, .page .entry-title {
        font-size: var(--rc-title-t, 30px) !important;
        line-height: var(--rc-h1-lh-t, 1.2) !important;
    }
    .single .entry-content h2, .page .entry-content h2 {
        font-size: var(--rc-h2-t, 26px) !important;
        line-height: var(--rc-h2-lh-t, 1.25) !important;
    }
    .single .entry-content h3, .page .entry-content h3 { font-size: var(--rc-h3-t, 20px) !important; }
    .single .entry-content, .page .entry-content {
        font-size: var(--rc-body-t, 18px) !important;
        line-height: var(--rc-body-lh-t, 1.65) !important;
    }
    .single .entry-excerpt, .page .entry-excerpt { font-size: var(--rc-excerpt-t, 17px) !important; }
    .rc-entry-meta   { font-size: var(--rc-meta-t,  15px) !important; }
    .entry-tags .entry-tag { font-size: var(--rc-tag-t, 15px) !important; }
    .single .breadcrumb, .page .breadcrumb { font-size: var(--rc-bc-t, 12px) !important; }
}

/* ── Телефон ── */
@media (max-width: 599px) {
    .single .entry-title, .page .entry-title {
        font-size: var(--rc-title-m, 24px) !important;
        line-height: var(--rc-h1-lh-m, 1.25) !important;
    }
    .single .entry-content h2, .page .entry-content h2 { font-size: var(--rc-h2-m, 22px) !important; }
    .single .entry-content h3, .page .entry-content h3 { font-size: var(--rc-h3-m, 18px) !important; }
    .single .entry-content, .page .entry-content {
        font-size: var(--rc-body-m, 16px) !important;
        line-height: var(--rc-body-lh-m, 1.65) !important;
    }
    .single .entry-excerpt, .page .entry-excerpt { font-size: var(--rc-excerpt-m, 16px) !important; }
    .rc-entry-meta   { font-size: var(--rc-meta-m,  14px) !important; }
    .entry-tags .entry-tag { font-size: var(--rc-tag-m, 14px) !important; }
    .single .breadcrumb, .page .breadcrumb { font-size: var(--rc-bc-m, 11px) !important; }
}


/* ══════════════════════════════════════════════════════════════════
   32. HTML-РЕКЛАМА В СТАТЬЕ (rc-article-ad-block)
   ══════════════════════════════════════════════════════════════════ */
.rc-article-ad-block {
    margin: 20px 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.rc-article-ad-block iframe,
.rc-article-ad-block ins,
.rc-article-ad-block > * { display: block; margin: 0 auto; max-width: 100%; }

/* Реклама под «По теме» */
.rc-rel-ad-block {
    margin: 16px 0 0;
    text-align: center;
}
.rc-rel-ad-block > * { display: block; margin: 0 auto; max-width: 100%; }


/* ══════════════════════════════════════════════════════════════════
   33. РЕКЛАМА В САЙДБАРЕ (виджет RC_Sidebar_Ad_Widget)
   ══════════════════════════════════════════════════════════════════ */
.rc-sb-ad-block {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.rc-sb-ad-block iframe,
.rc-sb-ad-block ins { display: block; margin: 0 auto; max-width: 100%; }


/* ══════════════════════════════════════════════════════════════════
   34. SMALL / STANDARD / GRID КАРТОЧКИ — унификация стиля
   ══════════════════════════════════════════════════════════════════ */

/* Small карточка — единый стиль */
.post-card--small {
    border-radius: var(--rc-cv-r, 12px) !important;
    background: transparent !important;
    border-bottom: 1px solid var(--rc-border, #e5e7eb) !important;
}
.post-card--small:last-child { border-bottom: none !important; }

/* Grid карточка — используем те же переменные */
.post-card--grid .post-card__thumbnail {
    border-radius: var(--rc-cv-r, 12px) var(--rc-cv-r, 12px) 0 0 !important;
}
.post-card--grid {
    border-radius: var(--rc-cv-r, 12px) !important;
    background: var(--rc-cv-bg, #fff) !important;
}
.post-card--grid .post-card__category {
    background: var(--rc-cv-cat-bg, #0097fb) !important;
}
.post-card--grid .post-card__title {
    color: var(--rc-cv-title-color, #141414) !important;
}

/* Standard карточка */
.post-card--standard {
    border-radius: var(--rc-cv-r, 12px) !important;
}


/* ══════════════════════════════════════════════════════════════════
   35. САЙДБАР — убираем дублирующий border при наличии bg
   ══════════════════════════════════════════════════════════════════ */
/* Все виджеты во всех сайдбарах используют единый стиль */
.widget-area .widget,
.rc-sidebar-left .widget,
.rc-sidebar-right .widget,
#secondary .widget {
    background: var(--rc-sb-bg, #fff) !important;
    border-radius: var(--rc-sb-r, 12px) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05) !important;
    border: none !important;
    overflow: visible !important;
}



/* FIX: main article photo — no radius */
.rc-entry-thumb,.rc-entry-thumb img,.single .rc-entry-thumb,.single .rc-entry-thumb img{border-radius:0!important;}

/* FIX: section padding removed */
.section-block, .section-posts, .posts-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}
.section-block { margin-bottom: var(--rc-gap, 12px) !important; }


/* FIX: card meta icons — gap between icon and text */
.post-card__meta { gap: 8px !important; }
.post-card__views, .post-card__comments, .post-card__date, .post-card__author {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.rc-meta-icon { margin-right: 4px; }
.rc-meta-date, .rc-meta-views, .rc-meta-reading, .rc-meta-comments {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-right: 6px !important;
}


/* FIX: card border from customizer vars */
.post-card--vertical,
.post-card--grid,
.post-card--horizontal,
.post-card--standard {
    border: var(--rc-card-border-w, 1px) solid var(--rc-card-border-col, #e5e7eb) !important;
}


/* FIX: Slider — padding и настройки категории/анонса */
.post-slider .post-slider__slide-body,
.post-slider .slider__body,
[class*="post-slider"] .post-card__body,
[class*="slider"] .slide-caption {
    padding-left: var(--rc-sl-pad-x, 28px) !important;
    padding-right: var(--rc-sl-pad-x, 28px) !important;
    padding-bottom: var(--rc-sl-pad-y, 28px) !important;
}
[class*="slider"] .post-card__category,
[class*="slider"] .slider__category { font-size: var(--rc-sl-cat-fs, 12px) !important; background: var(--rc-sl-cat-bg, #0078FF) !important; }
[class*="slider"] .post-card__description,
[class*="slider"] .slider__excerpt  { font-size: var(--rc-sl-exc-fs, 14px) !important; }
@media (min-width:600px) and (max-width:991px) {
    [class*="slider"] .post-slider__slide-body,[class*="slider"] .slider__body {
        padding-left: var(--rc-sl-pad-x-t, 20px) !important;
        padding-right: var(--rc-sl-pad-x-t, 20px) !important;
        padding-bottom: var(--rc-sl-pad-y-t, 20px) !important;
    }
}
@media (max-width:599px) {
    [class*="slider"] .post-slider__slide-body,[class*="slider"] .slider__body {
        padding-left: var(--rc-sl-pad-x-m, 16px) !important;
        padding-right: var(--rc-sl-pad-x-m, 16px) !important;
        padding-bottom: var(--rc-sl-pad-y-m, 16px) !important;
    }
}


/* FIX: Editorial title from customizer */
.rc-editorial__title {
    font-size: var(--rc-ed-title-size, 22px) !important;
    font-weight: var(--rc-ed-title-fw, 700) !important;
    color: var(--rc-ed-title-color, #141414) !important;
}


/* FIX: Related posts «По теме» — meta layout */
.rc-related-item__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 3px;
}
.rc-related-item__cat {
    display: inline-block;
    background: var(--rc-rel-accent, #0097fb);
    color: #fff !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 3px;
    line-height: 1.4;
    text-decoration: none;
}
.rc-related-item__date, .rc-related-item__read, .rc-related-item__views {
    font-size: 11px;
    color: #94a3b8;
}
.rc-rel-ad-block {
    padding: 12px 18px;
    border-top: 1px solid var(--rc-rel-border-color, #e5e7eb);
    text-align: center;
}


/* FIX: similar posts continuation block */
.rc-similar-posts--continuation {
    margin-top: 4px !important;
}
.rc-similar-posts--continuation .rc-similar-posts__list,
.rc-similar-posts--continuation .rc-similar-posts__list--with-ads {
    padding-top: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
    margin-top: 12px !important;
}


/* ══════════════════════════════════════════════════════════════════
   RC NEWS GRID — 63.ru стиль (виджет + шорткод [rc_news_grid])
   layout v+h: первая вертикальная, остальные горизонтальные
   ══════════════════════════════════════════════════════════════════ */
.rc-news-grid { background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,.05),0 2px 16px rgba(0,0,0,.08); border:1px solid rgba(0,0,0,.07); overflow:hidden; margin-bottom:var(--rc-gap,12px); }
.rc-news-grid__title { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; padding:16px 20px 0; margin:0; }
.rc-news-grid__cat { position:absolute; top:10px; left:10px; z-index:2; background:var(--rc-cv-cat-bg,#0078FF); color:#fff; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:4px; line-height:1.4; }
.rc-news-grid__cat-text { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#64748b; text-decoration:none; line-height:1; }
.rc-news-grid__cat-text:hover { color:var(--rc-cv-cat-bg,#0078FF); }
.rc-news-grid__meta { display:flex; align-items:center; gap:10px; font-size:12px; color:#94a3b8; flex-wrap:wrap; }
.rc-news-grid__views,.rc-news-grid__comments { display:inline-flex; align-items:center; gap:4px; font-size:12px; }
.rc-news-grid__bookmark { background:none; border:none; padding:0; cursor:pointer; color:#cbd5e1; margin-left:auto; transition:color .15s; }
.rc-news-grid__bookmark:hover { color:var(--rc-cv-cat-bg,#0078FF); }
/* Vertical first card */
.rc-news-grid__vertical { display:flex; flex-direction:column; border-bottom:1px solid #f1f5f9; transition:background .18s; }
.rc-news-grid__vertical:last-child { border-bottom:none; }
.rc-news-grid__vertical:hover { background:#f8fafc; }
.rc-news-grid__vert-thumb { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; position:relative; background:#e2e8f0; border-radius:14px 14px 0 0; flex-shrink:0; text-decoration:none; }
.rc-news-grid__vert-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.rc-news-grid__vertical:hover .rc-news-grid__vert-thumb img { transform:scale(1.04); }
.rc-news-grid__vert-body { padding:14px 20px 16px; display:flex; flex-direction:column; gap:8px; }
.rc-news-grid__vert-title { font-size:18px; font-weight:700; line-height:1.38; color:#0f172a; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rc-news-grid__vert-title a { color:inherit; text-decoration:none; }
.rc-news-grid__vertical:hover .rc-news-grid__vert-title a { color:var(--rc-cv-cat-bg,#0078FF); }
/* Horizontal cards */
.rc-news-grid__horiz { display:grid; grid-template-columns:1fr 200px; gap:16px; align-items:center; padding:16px 20px; border-bottom:1px solid #f1f5f9; transition:background .18s; min-width:0; }
.rc-news-grid__horiz:last-child { border-bottom:none; }
.rc-news-grid__horiz:hover { background:#f8fafc; }
.rc-news-grid__horiz--nophoto { grid-template-columns:1fr; }
.rc-news-grid__horiz-body { display:flex; flex-direction:column; gap:7px; min-width:0; }
.rc-news-grid__horiz-title { font-size:16px; font-weight:600; line-height:1.42; color:#0f172a; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rc-news-grid__horiz-title a { color:inherit; text-decoration:none; }
.rc-news-grid__horiz:hover .rc-news-grid__horiz-title a { color:var(--rc-cv-cat-bg,#0078FF); }
.rc-news-grid__excerpt { font-size:13px; color:#64748b; line-height:1.5; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rc-news-grid__horiz-thumb { display:block; width:200px; height:130px; overflow:hidden; border-radius:10px; background:#e2e8f0; text-decoration:none; flex-shrink:0; }
.rc-news-grid__horiz-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.rc-news-grid__horiz:hover .rc-news-grid__horiz-thumb img { transform:scale(1.04); }
/* Layout: v only */
.rc-news-grid--v { background:transparent; box-shadow:none; border:none; }
.rc-news-grid--v .rc-news-grid__inner { display:grid; grid-template-columns:repeat(var(--rc-cv-cols-d,3),1fr); gap:var(--rc-gap,12px); }
.rc-news-grid--v .rc-news-grid__vertical { background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,.05),0 2px 16px rgba(0,0,0,.08); border:1px solid rgba(0,0,0,.07); border-bottom:none; overflow:hidden; transition:transform .2s,box-shadow .2s; }
.rc-news-grid--v .rc-news-grid__vertical:hover { background:#fff; transform:translateY(-3px); box-shadow:0 6px 24px rgba(0,0,0,.13); }
.rc-news-grid--v .rc-news-grid__vert-title { font-size:14px; }
/* Responsive */
@media(min-width:600px) and (max-width:991px) {
  .rc-news-grid__horiz { grid-template-columns:1fr 160px; gap:12px; padding:12px 16px; }
  .rc-news-grid__horiz-thumb { width:160px; height:110px; }
  .rc-news-grid--v .rc-news-grid__inner { grid-template-columns:repeat(var(--rc-cv-cols-t,2),1fr); }
}
@media(max-width:599px) {
  .rc-news-grid__horiz { grid-template-columns:1fr; gap:10px; padding:12px 14px; }
  .rc-news-grid__horiz-thumb { width:100%; height:180px; order:-1; border-radius:8px; }
  .rc-news-grid__vert-title { font-size:16px; }
  .rc-news-grid__horiz-title { font-size:15px; }
  .rc-news-grid__vert-body { padding:12px 14px 14px; }
  .rc-news-grid--v .rc-news-grid__inner { grid-template-columns:repeat(var(--rc-cv-cols-m,1),1fr); }
}


/* ══════════════════════════════════════════════════════════════════
   PATCH v5.1 — убираем ВСЕ анимации карточек, черную полоску,
   сайдбар главной, обводка виджетов, отступы
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. УБРАТЬ ВСЕ АНИМАЦИИ И ТЕНИ С КАРТОЧЕК ─────────────────────
   transform, box-shadow, scale на фото — всё отключено.
   Только цвет заголовка меняется при hover через --rc-link-hover.
   ──────────────────────────────────────────────────────────────── */

/* Сброс transition на всех карточках */
.post-card,
.post-card--vertical,
.post-card--grid,
.post-card--horizontal,
.post-card--standard,
.post-card--small,
.rc-similar-item--article,
.rc-editorial-item__link,
.rc-news-grid__vertical,
.rc-news-grid__horiz {
    transition: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Сброс hover transform/shadow на карточках */
.post-card--vertical:hover,
.post-card--grid:hover,
.post-card--horizontal:hover,
.post-card--standard:hover,
.rc-similar-item--article:hover,
.rc-news-grid__vertical:hover,
.rc-news-grid__horiz:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Сброс zoom на фотографиях при hover */
.post-card--vertical:hover .post-card__thumbnail img,
.post-card--grid:hover .post-card__thumbnail img,
.post-card--horizontal:hover .post-card__thumbnail img,
.post-card--standard:hover .post-card__thumbnail img,
.post-card:hover .post-card__thumbnail img,
.post-card--grid:nth-child(6n):hover .post-card__thumbnail img,
.post-card--grid:nth-child(6n+1):hover .post-card__thumbnail img,
.rc-similar-item--article:hover .rc-similar-card__thumb img,
.rc-news-grid__vertical:hover .rc-news-grid__vert-thumb img,
.rc-news-grid__horiz:hover .rc-news-grid__horiz-thumb img {
    transform: none !important;
    transition: none !important;
}

/* Сброс transition на самих фото */
.post-card .post-card__thumbnail img,
.rc-similar-card__thumb img,
.rc-news-grid__vert-thumb img,
.rc-news-grid__horiz-thumb img {
    transition: none !important;
}

/* Hover — только цвет заголовка через --rc-link-hover */
.post-card--vertical:hover .post-card__title a,
.post-card--grid:hover .post-card__title a,
.post-card--horizontal:hover .post-card__title a,
.post-card--standard:hover .post-card__title a,
.post-card--small:hover .post-card__title a,
.rc-similar-item--article:hover .rc-similar-card__title,
.rc-news-grid__vertical:hover .rc-news-grid__vert-title a,
.rc-news-grid__horiz:hover .rc-news-grid__horiz-title a {
    color: var(--rc-link-hover, var(--rc-cv-cat-bg, #0097fb)) !important;
    transition: color .15s ease !important;
}

/* Убрать тени у карточек (обводка вместо тени) */
.post-card--vertical,
.post-card--grid,
.post-card--horizontal,
.post-card--standard {
    box-shadow: none !important;
    border: var(--rc-card-border-w, 1px) solid var(--rc-card-border-col, #e5e7eb) !important;
}


/* ── 2. ЧЁРНАЯ ПОЛОСКА — убрать ::after у заголовка похожих ────── */
.rc-similar-posts__header::after {
    display: none !important;
}
.rc-similar-posts__header {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}


/* ── 3. САЙДБАР ВИДЖЕТОВ — обводка вместо тени ─────────────────── */
.widget-area .widget,
.rc-sidebar-left .widget,
.rc-sidebar-right .widget,
#secondary .widget,
#secondary.widget-area .widget,
.rc-home-sidebar .widget {
    box-shadow: none !important;
    border: var(--rc-sb-border-w, 0px) solid var(--rc-sb-border-c, #e5e7eb) !important;
    background: var(--rc-sb-bg, #fff) !important;
    border-radius: var(--rc-sb-r, 12px) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* ── 4. ГЛАВНАЯ — САЙДБАР КАК В СТАТЬЕ ─────────────────────────── */
.rc-home-layout {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@media (min-width: 992px) {
    .rc-home-layout {
        display: grid;
        grid-template-columns: 1fr var(--rc-sb-wr, 262px);
        grid-template-areas: "content sidebar-right";
        gap: var(--rc-gap, 12px);
        align-items: start;
    }
    .rc-home-content {
        grid-area: content;
        min-width: 0;
    }
    .rc-home-sidebar {
        grid-area: sidebar-right;
        width: var(--rc-sb-wr, 262px) !important;
        max-width: var(--rc-sb-wr, 262px) !important;
        align-self: stretch;
        overflow: visible !important;
    }
}
@media (max-width: 991px) {
    .rc-home-sidebar { display: none !important; }
}


/* ── 5. РАВНОМЕРНЫЕ ОТСТУПЫ НА ГЛАВНОЙ ─────────────────────────── */
/* Единый gap между всеми блоками секций */
.section-block,
.section-html,
.section-posts,
.posts-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Отступ МЕЖДУ секциями — только padding-top */
.section-block + .section-block,
.section-block + .section-html,
.section-html + .section-block,
.section-html + .section-html {
    padding-top: var(--rc-gap, 12px) !important;
}
/* Первый section-block тоже получает отступ от слайдера/шапки */
.site-main > .section-block:first-child,
.site-main > .section-html:first-child {
    padding-top: var(--rc-gap, 12px) !important;
}
/* Карточки в сетке — gap */
.post-cards--vertical,
.post-cards--grid {
    gap: var(--rc-gap, 12px) !important;
}


/* ══════════════════════════════════════════════════════════════════
   PATCH v5.3 — ИСПРАВЛЕНИЕ ДЕФЕКТОВ
   Изменения относительно v5.2:
   1. Слайдер: убираем дефект отображения (мутная картинка / серый фон)
   2. Планшет: устраняем полный слёт дизайна (конфликт flex-правил)
   3. Обводка: ТОЛЬКО карточки главной страницы (не сайдбар)
   4. Полный рефакторинг адаптива без конфликтов
   ══════════════════════════════════════════════════════════════════ */


/* ── 1. СЛАЙДЕР ── корректное отображение фото ──────────────────
   Родитель (style.min.css):
     .card-slider-container { overflow:hidden; z-index:1; min-height:200/400px }
     .card-slider__image     { min-height:200/400px; background-size:cover }
     .card-slider__image img { display:block; border-radius:3px }
   Проблемы:
     a) .card-slider__image не имеет height:100% → фото не заполняет слайд
     b) img { border-radius:3px } от родителя → белые скруглённые углы
     c) Наш патч v5.2 ставил position:absolute inset:0 на .card-slider__image
        что конфликтует с min-height родителя
   Решение: переопределяем корректно с учётом родительских стилей
   ─────────────────────────────────────────────────────────────── */

/* Контейнер слайдера */
.card-slider-container,
.swiper-container.js-swiper-home {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    height: var(--rc-sl-h-d, 380px) !important;
    min-height: unset !important;           /* сбрасываем min-height родителя */
    border-radius: var(--rc-sl-r-d, 12px) !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    margin-top: 0 !important;               /* убираем margin-top:-30px родителя */
}

/* Swiper wrapper и слайды — заполняют контейнер полностью */
.card-slider-container .swiper-wrapper { height: 100% !important; }
.card-slider-container .swiper-slide   { height: 100% !important; }

/* Ссылка внутри слайда */
.card-slider-container .swiper-slide > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    text-decoration: none !important;
}

/* ФОТО СЛАЙДА: позиционируем абсолютно, заполняем весь слайд */
.card-slider__image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;          /* ключевое — высота 100% */
    min-height: unset !important;     /* сбрасываем min-height от родителя */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
}

/* Картинка фото — без скруглений, покрывает всю площадь */
.card-slider__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;     /* убираем border-radius:3px от родителя */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Текстовый блок — поверх фото */
.card-slider__body {
    position: absolute !important;
    inset: auto 0 0 !important;
    z-index: 2 !important;
    padding: var(--rc-sl-pad-y, 28px) var(--rc-sl-pad-x, 28px) !important;
    background: linear-gradient(to top,
        rgba(0,0,0,.85) 0%,
        rgba(0,0,0,.45) 50%,
        transparent 100%) !important;
    color: #fff !important;
}

/* Внутренний блок текста */
.card-slider__body-inner {
    position: relative !important;
    z-index: 3 !important;
    max-width: none !important;       /* убираем max-width:1100px от родителя */
    margin: 0 !important;
}

/* Заголовок */
.card-slider__title {
    font-size: var(--rc-sl-fs-d, 24px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #fff !important;
    margin-bottom: .3em !important;
}
.card-slider__title a { color: #fff !important; text-decoration: none !important; }

/* Категория */
.card-slider__category {
    z-index: 3 !important;
    position: relative !important;
    font-size: var(--rc-sl-cat-fs, 12px) !important;
    background: var(--rc-sl-cat-bg, #0078FF) !important;
}

/* Анонс */
.card-slider__excerpt {
    font-size: var(--rc-sl-exc-fs, 14px) !important;
    opacity: .85 !important;
}

/* Кнопки навигации */
.card-slider-container .swiper-button-prev,
.card-slider-container .swiper-button-next {
    width: var(--rc-sl-nav, 40px) !important;
    height: var(--rc-sl-nav, 40px) !important;
    background: rgba(255,255,255,.9) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.2) !important;
    top: 50% !important;
    margin-top: calc(-1 * var(--rc-sl-nav, 40px) / 2) !important;
    z-index: 10 !important;
    opacity: .8 !important;
    background-size: unset !important; /* убираем background-size:contain от родителя */
}
.card-slider-container .swiper-button-prev::after,
.card-slider-container .swiper-button-next::after {
    font-size: 12px !important;
    color: #333 !important;
}
.card-slider-container .swiper-button-prev { left: 14px !important; }
.card-slider-container .swiper-button-next { right: 14px !important; }

/* Пагинация */
.card-slider-container .swiper-pagination { bottom: 14px !important; z-index: 10 !important; }
.card-slider-container .swiper-pagination-bullet {
    width: 6px !important; height: 6px !important;
    background: rgba(255,255,255,.5) !important;
    opacity: 1 !important;
}
.card-slider-container .swiper-pagination-bullet-active {
    background: #fff !important;
    width: 20px !important;
    border-radius: 3px !important;
}

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .card-slider-container,
    .swiper-container.js-swiper-home {
        height: var(--rc-sl-h-t, 300px) !important;
        border-radius: var(--rc-sl-r-t, 12px) !important;
    }
    .card-slider__title { font-size: var(--rc-sl-fs-t, 20px) !important; }
    .card-slider__body {
        padding: var(--rc-sl-pad-y-t, 20px) var(--rc-sl-pad-x-t, 20px) !important;
    }
}

/* Телефон */
@media (max-width: 599px) {
    .card-slider-container,
    .swiper-container.js-swiper-home {
        height: var(--rc-sl-h-m, 240px) !important;
        border-radius: 0 !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
        width: calc(100% + 24px) !important;
    }
    .card-slider__title { font-size: var(--rc-sl-fs-m, 17px) !important; }
    .card-slider__body {
        padding: var(--rc-sl-pad-y-m, 16px) var(--rc-sl-pad-x-m, 16px) !important;
    }
}


/* ── 2. УБИРАЕМ РАЗДЕЛИТЕЛЬ «ПО ТЕМЕ» ──────────────────────────── */
.rc-related-item:last-child { border-bottom: none !important; }
.rc-rel-ad-block { border-top: none !important; padding-top: 0 !important; }
.rc-similar-posts__header::after { display: none !important; }
.rc-similar-posts__header { border-bottom: none !important; }


/* ── 3. ПОХОЖИЕ СТАТЬИ — ДАТА И АНОНС ──────────────────────────── */
.rc-similar-card__date {
    font-size: var(--rc-csim-date-fs, 11px) !important;
    color: var(--rc-csim-date-color, #9ca3af) !important;
    display: block !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}
.rc-similar-card__excerpt {
    font-size: var(--rc-csim-exc-fs, 12px) !important;
    color: var(--rc-csim-exc-color, #6b7280) !important;
    line-height: 1.4 !important;
    margin: 4px 0 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--rc-csim-exc-lines, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.rc-similar-card__date:empty { display: none !important; }


/* ── 4. ОБВОДКА — ТОЛЬКО КАРТОЧКИ ГЛАВНОЙ СТРАНИЦЫ ─────────────
   По заданию: обводка только для карточек с главной страницы.
   post-card--vertical, post-card--grid, post-card--horizontal,
   post-card--standard — в секциях контентной области.
   Сайдбар (.rc-sidebar-*, .widget-area) — БЕЗ обводки.
   ─────────────────────────────────────────────────────────────── */

/* Убираем обводку у карточек в сайдбарах (была добавлена в v5.2) */
.rc-sidebar-left .widget .post-card,
.rc-sidebar-right .widget .post-card,
#secondary .widget .post-card,
.widget-area .widget .post-card {
    border: none !important;
    box-shadow: none !important;
}

/* rc-editorial — обводка блока из кастомайзера */
.rc-editorial {
    border: var(--rc-card-border-w, 1px) solid var(--rc-card-border-col, #e5e7eb) !important;
}

/* rc-news-grid — обводка */
.rc-news-grid {
    border: var(--rc-card-border-w, 1px) solid var(--rc-card-border-col, #e5e7eb) !important;
}

/* Основные карточки главной — обводка через переменные */
.post-cards--vertical .post-card--vertical,
.post-cards--grid .post-card--grid,
.content-area .post-card--horizontal,
.content-area .post-card--standard {
    border: var(--rc-card-border-w, 1px) solid var(--rc-card-border-col, #e5e7eb) !important;
}


/* ── 5. RC-SIDEBAR-RIGHT ДЛЯ ВСЕХ ТИПОВ СТРАНИЦ ────────────────── */

/* #secondary получает стили как rc-sidebar-right */
#secondary.widget-area {
    overflow: visible !important;
}

/* Виджеты в #secondary */
#secondary.widget-area .widget,
#secondary .widget {
    background: var(--rc-sb-bg, #fff) !important;
    border-radius: var(--rc-sb-r, 12px) !important;
    padding: 16px !important;
    margin-bottom: var(--rc-gap, 12px) !important;
    box-shadow: none !important;
    border: var(--rc-sb-border-w, 0px) solid var(--rc-sb-border-c, #e5e7eb) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Показываем sidebar на рубриках/страницах */
body.category #secondary.widget-area,
body.tag #secondary.widget-area,
body.archive #secondary.widget-area,
body.page #secondary.widget-area,
body.search #secondary.widget-area {
    display: block !important;
}


/* ── 6. АДАПТАЦИЯ — ПЕРЕПИСЫВАЕМ ЧИСТО БЕЗ КОНФЛИКТОВ ──────────
   ПРИНЦИП: один чёткий блок для каждого брейкпоинта.
   Не дублируем правила. Не конфликтуем со старыми блоками.
   Используем высокую специфичность где нужно.
   ─────────────────────────────────────────────────────────────── */

/* ── ПК (≥992px) ── */
@media (min-width: 992px) {
    /* Основная сетка */
    .site-content-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: var(--rc-gap, 12px) !important;
        align-items: start !important;
    }
    .content-area {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-right: 0 !important;  /* убираем padding-right:70px от родителя */
        padding-left: 0 !important;
    }
    #secondary.widget-area {
        display: block !important;
        flex: 0 0 var(--rc-sb-wr, 262px) !important;
        width: var(--rc-sb-wr, 262px) !important;
        max-width: var(--rc-sb-wr, 262px) !important;
        min-width: 0 !important;
        align-self: start !important;
    }

    /* Рубрики/архивы/страницы — тот же flex */
    body.category .site-content-inner,
    body.tag .site-content-inner,
    body.archive .site-content-inner,
    body.search .site-content-inner,
    body.page .site-content-inner {
        display: flex !important;
        gap: var(--rc-gap, 12px) !important;
        align-items: start !important;
    }
    body.category .content-area,
    body.tag .content-area,
    body.archive .content-area,
    body.search .content-area,
    body.page .content-area {
        flex: 1 1 0% !important;
        min-width: 0 !important;
    }
    body.category #secondary.widget-area,
    body.tag #secondary.widget-area,
    body.archive #secondary.widget-area,
    body.search #secondary.widget-area,
    body.page #secondary.widget-area {
        flex: 0 0 var(--rc-sb-wr, 262px) !important;
        width: var(--rc-sb-wr, 262px) !important;
        max-width: var(--rc-sb-wr, 262px) !important;
        display: block !important;
        align-self: start !important;
    }
}

/* ── ПЛАНШЕТ (600–991px) — ПОЛНОСТЬЮ ПЕРЕПИСАНО ── */
@media (min-width: 600px) and (max-width: 991px) {
    /* Отступы страницы */
    .site-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
    }

    /* Основная сетка — БЕЗ сайдбара (он скрыт по умолчанию) */
    .site-content-inner {
        display: block !important;   /* НЕ flex — сайдбар скрыт, блочный поток */
    }
    .content-area {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    /* Сайдбар — скрываем */
    #secondary.widget-area {
        display: none !important;
    }

    /* Карточки — 2 колонки */
    .post-cards--vertical {
        grid-template-columns: repeat(var(--rc-cv-cols-t, 2), 1fr) !important;
    }
    .post-cards--grid {
        grid-template-columns: repeat(var(--rc-cg-cols-t, 2), 1fr) !important;
    }

    /* Горизонтальная карточка */
    .post-card--horizontal {
        flex-direction: row !important;
    }
    .post-card--horizontal .post-card__thumbnail {
        flex: 0 0 var(--rc-ch-img-w-t, 200px) !important;
        width: var(--rc-ch-img-w-t, 200px) !important;
        height: var(--rc-ch-img-h-t, 140px) !important;
    }

    /* Похожие статьи — 2 колонки */
    .rc-similar-posts__list,
    .rc-similar-posts__list--with-ads {
        grid-template-columns: 1fr 1fr !important;
        align-items: start !important;
    }

    /* rc-editorial */
    .rc-editorial__body { flex-direction: row !important; }

    /* Статья — правый сайдбар видим на планшете */
    .rc-article-layout.rc-has-right-sidebar {
        display: grid !important;
        grid-template-columns: 1fr 220px !important;
        grid-template-areas: "content sidebar-right" !important;
        gap: 20px !important;
        align-items: start !important;
    }
    .rc-article-layout.rc-has-right-sidebar .rc-article-content {
        grid-area: content !important;
        min-width: 0 !important;
    }
    .rc-article-layout.rc-has-right-sidebar .rc-sidebar-right {
        grid-area: sidebar-right !important;
        display: block !important;
        width: 220px !important;
        max-width: 220px !important;
    }
    /* Левый сайдбар на планшете — скрыт */
    .rc-article-layout .rc-sidebar-left { display: none !important; }

    /* rc-home-layout */
    .rc-home-layout { display: block !important; }
    .rc-home-sidebar { display: none !important; }
    .rc-home-content { width: 100% !important; }
}

/* ── ТЕЛЕФОН (≤599px) ── */
@media (max-width: 599px) {
    /* Отступы */
    .site-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 8px !important;
    }

    /* Всё блочно */
    .site-content-inner { display: block !important; }
    .content-area {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
    }

    /* Скрываем все сайдбары */
    #secondary.widget-area,
    .rc-sidebar-left,
    .rc-sidebar-right {
        display: none !important;
    }

    /* Статья — блочно */
    .rc-article-layout { display: block !important; }

    /* Карточки — 1 колонка */
    .post-cards--vertical {
        grid-template-columns: repeat(var(--rc-cv-cols-m, 1), 1fr) !important;
    }
    .post-cards--grid {
        grid-template-columns: repeat(var(--rc-cg-cols-m, 1), 1fr) !important;
    }
    .post-card--vertical,
    .post-card--grid { border-radius: 8px !important; }

    /* Горизонтальная карточка — вертикальный вид */
    .post-card--horizontal { flex-direction: column !important; }
    .post-card--horizontal .post-card__thumbnail {
        flex: none !important;
        width: 100% !important;
        height: var(--rc-ch-img-h-m, 180px) !important;
    }

    /* Похожие статьи — 1 колонка */
    .rc-similar-posts__list,
    .rc-similar-posts__list--with-ads {
        grid-template-columns: 1fr !important;
    }
    .rc-similar-posts__list--with-ads > .rc-similar-item:nth-child(n) {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    /* rc-editorial — вертикально */
    .rc-editorial__body { flex-direction: column !important; }
    .rc-editorial__featured-img {
        min-height: 200px !important;
        aspect-ratio: 16 / 9 !important;
    }

    /* Виджеты */
    .widget-area .widget { padding: 12px !important; }

    /* Хедер */
    .site-header-inner { padding: 0 12px !important; }
    .main-navigation ul li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Пагинация */
    .pagination .nav-links .page-numbers {
        min-width: 32px !important;
        height: 32px !important;
        font-size: 12px !important;
    }

    /* rc-home-layout */
    .rc-home-layout { display: block !important; }
    .rc-home-sidebar { display: none !important; }
    .rc-home-content { width: 100% !important; }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.4 — ПОЛНЫЙ АУДИТ И ИСПРАВЛЕНИЯ
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. СЛАЙДЕР: убираем spaceBetween:30 через CSS ────────────────
   Родитель инициализирует Swiper с spaceBetween:30.
   При loop:true это создаёт видимый зазор между слайдами.
   Убираем через negative margin на wrapper.
   ВНИМАНИЕ: это CSS-фикс, полное решение — через JS (rc_slider_init_fallback).
   ─────────────────────────────────────────────────────────────── */
.card-slider-container .swiper-wrapper {
    /* Компенсируем spaceBetween:30 от родительского Swiper init */
    margin-left: 0 !important;
}

/* Слайд должен быть ровно 100% контейнера */
.card-slider-container .swiper-slide {
    width: 100% !important;
    flex-shrink: 0 !important;
}

/* ── 2. ПАГИНАЦИЯ СЛАЙДЕРА: отступ от текста ──────────────────────
   Пользователь хочет отступ между swiper-pagination-bullet и текстом.
   ─────────────────────────────────────────────────────────────── */
.card-slider-container .swiper-pagination {
    bottom: var(--rc-sl-pagination-bottom, 48px) !important;
}
.card-slider__body {
    padding-bottom: var(--rc-sl-pad-y, 28px) !important;
}
/* По умолчанию pagination на 48px от низа, текст ниже него */
/* Настраивается через кастомайзер → rc_sl_pagination_bottom */


/* ── 3. POST-CARD META: единый цвет иконки и текста ───────────────
   Родитель: иконки через ::before цвет #4d3bfe (синий),
   текст — opacity:.8 от текущего цвета.
   Делаем иконки и текст одним цветом — var(--rc-cv-meta-color).
   ─────────────────────────────────────────────────────────────── */
.post-card__date::before,
.post-card__views::before,
.post-card__comments::before,
.post-card__author::before,
.post-card__like::before {
    color: var(--rc-cv-meta-color, #9ca3af) !important;
}
/* Выравниваем иконку по строке */
.post-card__date,
.post-card__views,
.post-card__comments,
.post-card__author,
.post-card__like {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding-left: 0 !important;
    margin-right: 10px !important;
}
.post-card__date::before,
.post-card__views::before,
.post-card__comments::before,
.post-card__author::before,
.post-card__like::before {
    position: static !important;
    transform: none !important;
    font-size: inherit !important;
}


/* ── 4. УБИРАЕМ ПОЛОСКУ МЕЖДУ МЕТАДАННЫМИ И ТЕКСТОМ ───────────────
   В вертикальной карточке border-top у .post-card__meta
   ─────────────────────────────────────────────────────────────── */
.post-card--vertical .post-card__meta {
    border-top: none !important;
    padding-top: 0 !important;
}
/* И border-top у grid карточки */
.post-card--grid .post-card__meta {
    border-top: none !important;
    padding-top: 0 !important;
}
/* rc-entry-meta в статье — убираем border-bottom (полоска под метой) */
.rc-entry-meta {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* ── 5. РУБРИКА В ВЕРТИКАЛЬНОЙ КАРТОЧКЕ ──────────────────────────
   Убираем display:none из секции 7 (строка 388) через override.
   Рубрика показывается если включена в настройках карточек родителя.
   ─────────────────────────────────────────────────────────────── */

/* Убираем старое правило скрытия с фото — теперь рубрика ВНЕ фото */
/* ВАЖНО: .post-card__category внутри .post-card__thumbnail скрываем */
.post-card--vertical .post-card__thumbnail .post-card__category {
    display: none !important;
}
/* Рубрика вне фото (> child) — ПОКАЗЫВАЕМ через inline-block */
.post-card--vertical > .post-card__category {
    display: inline-block !important;
    margin: 8px var(--rc-cv-pad, 12px) 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    background: var(--rc-cv-cat-bg, #0097fb) !important;
    color: #fff !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    line-height: 1.4 !important;
}
.post-card--vertical > .post-card__category a {
    color: #fff !important;
    text-decoration: none !important;
}


/* ── 6. ИКОНКА ПРОСМОТРОВ В СТАТЬЕ — стандартная из шаблона ───────
   Заменяем custom SVG (M10 0C5.5...) на иконку из шаблона (👀 emoji).
   Делается через CSS — скрываем SVG, показываем ::before с иконкой.
   ─────────────────────────────────────────────────────────────── */
.rc-meta-views .rc-meta-icon {
    display: none !important;   /* скрываем custom SVG */
}
.rc-meta-views::before {
    content: "👀" !important;
    font-family: wpshop-core !important;
    display: inline !important;
    font-size: .9em !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
}
/* Иконка чтения */
.rc-meta-reading .rc-meta-icon {
    display: none !important;
}
.rc-meta-reading::before {
    content: "🕒" !important;
    font-family: wpshop-core !important;
    display: inline !important;
    font-size: .9em !important;
    margin-right: 4px !important;
    vertical-align: middle !important;
}


/* ── 7. RC-EDITORIAL: убираем нижний margin ─────────────────────── */
.rc-editorial,
.rc-editorial-widget,
.widget .rc-editorial {
    margin-bottom: 0 !important;
}


/* ── 8. RC-EDITORIAL: настройки карточек статей ───────────────────
   Размер, жирность и строки для .rc-editorial-item__title
   на ПК, планшете, телефоне через CSS-переменные.
   ─────────────────────────────────────────────────────────────── */
.rc-editorial-item__title {
    font-size: var(--rc-ed-item-fs-d, 14px) !important;
    font-weight: var(--rc-ed-item-fw-d, 500) !important;
    line-height: var(--rc-ed-item-lh-d, 1.4) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--rc-ed-item-lines-d, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.rc-editorial-item__date {
    font-size: var(--rc-ed-item-date-fs-d, 12px) !important;
}
/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .rc-editorial-item__title {
        font-size: var(--rc-ed-item-fs-t, 13px) !important;
        font-weight: var(--rc-ed-item-fw-t, 500) !important;
        -webkit-line-clamp: var(--rc-ed-item-lines-t, 2) !important;
    }
    .rc-editorial-item__date {
        font-size: var(--rc-ed-item-date-fs-t, 11px) !important;
    }
}
/* Телефон */
@media (max-width: 599px) {
    .rc-editorial-item__title {
        font-size: var(--rc-ed-item-fs-m, 13px) !important;
        font-weight: var(--rc-ed-item-fw-m, 500) !important;
        -webkit-line-clamp: var(--rc-ed-item-lines-m, 2) !important;
    }
    .rc-editorial-item__date {
        font-size: var(--rc-ed-item-date-fs-m, 11px) !important;
    }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.5 — АУДИТ: слайдер, сетка 2 поста, meta иконки, строки
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. СЛАЙДЕР: текст ПОДНИМАЕТСЯ, кнопки остаются на месте ──────
   Проблема: мы двигали кнопки вверх. Правильная логика:
   .card-slider__body — позиционируется снизу, содержит и текст и пагинацию.
   Кнопки prev/next — независимы, центрируются по высоте контейнера.
   Текст поднимается за счёт padding-bottom у body.
   ─────────────────────────────────────────────────────────────── */

/* Кнопки — строго по середине контейнера, не зависят от текста */
.card-slider-container .swiper-button-prev,
.card-slider-container .swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    margin-top: calc(-1 * var(--rc-sl-nav, 40px) / 2) !important;
    bottom: auto !important;
    z-index: 20 !important;
}

/* Текстовый блок — снизу, padding-bottom отодвигает текст от пагинации */
.card-slider__body {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    padding-bottom: calc(var(--rc-sl-pagination-bottom, 48px) + 10px) !important;
    padding-left: var(--rc-sl-pad-x, 28px) !important;
    padding-right: var(--rc-sl-pad-x, 28px) !important;
    padding-top: var(--rc-sl-pad-y, 28px) !important;
    z-index: 5 !important;
}

/* Пагинация — между телом и низом */
.card-slider-container .swiper-pagination {
    bottom: 14px !important;
    z-index: 15 !important;
    left: 0 !important;
    right: 0 !important;
}

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .card-slider__body {
        padding-left: var(--rc-sl-pad-x-t, 20px) !important;
        padding-right: var(--rc-sl-pad-x-t, 20px) !important;
        padding-top: var(--rc-sl-pad-y-t, 20px) !important;
    }
}
/* Телефон */
@media (max-width: 599px) {
    .card-slider__body {
        padding-left: var(--rc-sl-pad-x-m, 16px) !important;
        padding-right: var(--rc-sl-pad-x-m, 16px) !important;
        padding-top: var(--rc-sl-pad-y-m, 16px) !important;
    }
}


/* ── 2. RC-NEWS-GRID: 2 поста — растягиваем вертикальную карточку ─
   При count=2 в layout v+h: vertical занимает 1-ю колонку,
   единственная horizontal — вторую. Если horizontal нет (1 пост),
   vertical растягивается на всю ширину.
   Используем CSS :has() и :only-child для определения кол-ва.
   ─────────────────────────────────────────────────────────────── */

/* Если в __inner только 1 vertical (без horizontal) — растягиваем */
.rc-news-grid__inner:has(.rc-news-grid__vertical:only-child) .rc-news-grid__vertical,
.rc-news-grid__inner:not(:has(.rc-news-grid__horiz)) .rc-news-grid__vertical {
    width: 100% !important;
}

/* Layout v+h: __inner — flex-колонка для vertical + horiz */
.rc-news-grid--vph .rc-news-grid__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
/* Если есть хотя бы 1 horizontal рядом с vertical — горизонтальное разбиение */
.rc-news-grid--vph .rc-news-grid__inner:has(.rc-news-grid__vertical + .rc-news-grid__horiz) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    gap: 0 !important;
}
/* Vertical в 2-х колонках занимает всю высоту (левая колонка) */
.rc-news-grid--vph .rc-news-grid__inner:has(.rc-news-grid__vertical + .rc-news-grid__horiz) .rc-news-grid__vertical {
    grid-column: 1 !important;
    grid-row: 1 / span 99 !important; /* занимает все строки */
    border-bottom: none !important;
    border-right: 1px solid #f1f5f9 !important;
}
/* Horizontal — правая колонка */
.rc-news-grid--vph .rc-news-grid__inner:has(.rc-news-grid__vertical + .rc-news-grid__horiz) .rc-news-grid__horiz {
    grid-column: 2 !important;
}
/* При 2+ horizontal — правая колонка = список */
.rc-news-grid--vph .rc-news-grid__inner:has(.rc-news-grid__vertical + .rc-news-grid__horiz + .rc-news-grid__horiz) {
    grid-template-columns: 1fr 1fr !important;
}

/* Только 1 пост (только vertical) — полная ширина */
.rc-news-grid--vph .rc-news-grid__inner .rc-news-grid__vertical:only-child {
    border-right: none !important;
}

/* Планшет / телефон — вертикальный стек */
@media (max-width: 767px) {
    .rc-news-grid--vph .rc-news-grid__inner,
    .rc-news-grid--vph .rc-news-grid__inner:has(.rc-news-grid__vertical + .rc-news-grid__horiz) {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
    }
    .rc-news-grid--vph .rc-news-grid__inner .rc-news-grid__vertical {
        grid-column: unset !important;
        grid-row: unset !important;
        border-right: none !important;
    }
}


/* ── 3. RC-NEWS-GRID META: выравнивание иконок и текста ────────────
   На скрине: иконка и текст не выровнены по вертикали.
   ─────────────────────────────────────────────────────────────── */
.rc-news-grid__meta {
    display: flex !important;
    align-items: center !important;
    gap: var(--rc-ng-meta-gap, 10px) !important;
    flex-wrap: wrap !important;
    line-height: 1 !important;
}
.rc-news-grid__meta > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
.rc-news-grid__views,
.rc-news-grid__comments {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    line-height: 1 !important;
}
.rc-news-grid__views svg,
.rc-news-grid__comments svg {
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}


/* ── 4. POST-CARD META: выравнивание иконок и текста ───────────────
   На карточках главной: иконки ::before не выровнены с текстом.
   Переводим на inline-flex с align-items: center.
   ─────────────────────────────────────────────────────────────── */
.post-card__date,
.post-card__views,
.post-card__comments,
.post-card__author,
.post-card__like {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding-left: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}
.post-card__date::before,
.post-card__views::before,
.post-card__comments::before,
.post-card__author::before,
.post-card__like::before {
    position: static !important;
    top: auto !important;
    transform: none !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    color: var(--rc-cv-meta-color, #9ca3af) !important;
}
.post-card__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    line-height: 1 !important;
}


/* ── 5. RC-NEWS-GRID СТРОКИ: переменные через кастомайзер ──────────
   Строки для vertical title, horiz title, excerpt по типам.
   ─────────────────────────────────────────────────────────────── */
/* Vertical title строки */
.rc-news-grid__vert-title {
    -webkit-line-clamp: var(--rc-ng-vert-lines, 3) !important;
}
/* Horizontal title строки */
.rc-news-grid__horiz-title {
    -webkit-line-clamp: var(--rc-ng-horiz-lines, 3) !important;
}
/* Excerpt строки */
.rc-news-grid__excerpt {
    -webkit-line-clamp: var(--rc-ng-exc-lines, 2) !important;
}
/* v-only layout: vertical title строки */
.rc-news-grid--v .rc-news-grid__vert-title {
    -webkit-line-clamp: var(--rc-ng-v-vert-lines, 3) !important;
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.6 — section_columns + слайдер padding + card lines
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. SECTION_COLUMNS: колонки на уровне секции конструктора ─────
   --rc-section-cols задаётся inline через PHP в posts.php.
   Переопределяет глобальные настройки columns для конкретной секции.
   ─────────────────────────────────────────────────────────────── */

/* Вертикальные карточки */
.post-cards--vertical[style*="--rc-section-cols"] {
    grid-template-columns: repeat(var(--rc-section-cols), 1fr) !important;
}
/* Grid карточки */
.post-cards--grid[style*="--rc-section-cols"] {
    grid-template-columns: repeat(var(--rc-section-cols), 1fr) !important;
}

/* При 2 постах (posts_per_page=2) + любые колонки — каждая занимает 1/N */
/* Используем :has() для автоматического определения числа карточек */
.post-cards--vertical:has(> .post-card--vertical:only-child) {
    grid-template-columns: 1fr !important;
}
.post-cards--vertical:has(> .post-card--vertical:nth-child(2):last-child) {
    grid-template-columns: 1fr 1fr !important;
}
.post-cards--grid:has(> .post-card--grid:nth-child(2):last-child) {
    display: flex !important;
    flex-wrap: wrap !important;
}
.post-cards--grid:has(> .post-card--grid:nth-child(2):last-child) > .post-card--grid {
    flex: 0 0 calc(50% - var(--rc-gap, 12px)) !important;
    max-width: calc(50% - var(--rc-gap, 12px)) !important;
}


/* ── 2. СЛАЙДЕР: исправление padding-bottom (настройки не работали) ─
   Проблема была в конфликте нескольких правил для padding.
   Теперь единое правило с !important для body.
   ─────────────────────────────────────────────────────────────── */
.card-slider-container .card-slider__body,
.js-swiper-home .card-slider__body {
    padding-top:    var(--rc-sl-pad-y, 28px) !important;
    padding-left:   var(--rc-sl-pad-x, 28px) !important;
    padding-right:  var(--rc-sl-pad-x, 28px) !important;
    padding-bottom: calc(var(--rc-sl-pagination-bottom, 48px) + 16px) !important;
}
@media (min-width: 600px) and (max-width: 991px) {
    .card-slider-container .card-slider__body,
    .js-swiper-home .card-slider__body {
        padding-top:   var(--rc-sl-pad-y-t, 20px) !important;
        padding-left:  var(--rc-sl-pad-x-t, 20px) !important;
        padding-right: var(--rc-sl-pad-x-t, 20px) !important;
    }
}
@media (max-width: 599px) {
    .card-slider-container .card-slider__body,
    .js-swiper-home .card-slider__body {
        padding-top:   var(--rc-sl-pad-y-m, 16px) !important;
        padding-left:  var(--rc-sl-pad-x-m, 16px) !important;
        padding-right: var(--rc-sl-pad-x-m, 16px) !important;
    }
}
/* Пагинация: единственное правило */
.card-slider-container .swiper-pagination,
.js-swiper-home .swiper-pagination {
    bottom: 10px !important;
    z-index: 15 !important;
}


/* ── 3. КАРТОЧКИ: строки заголовка для планшет/телефон + grid ─────── */

/* Вертикальная — планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--vertical .post-card__title {
        -webkit-line-clamp: var(--rc-cv-lines-t, var(--rc-cv-lines, 3)) !important;
    }
    .post-card--grid .post-card__title {
        -webkit-line-clamp: var(--rc-cg-lines-t, var(--rc-cg-lines, 3)) !important;
    }
    .post-card--horizontal .post-card__title {
        -webkit-line-clamp: var(--rc-ch-lines-t, var(--rc-ch-lines, 3)) !important;
    }
}
/* Вертикальная — телефон */
@media (max-width: 599px) {
    .post-card--vertical .post-card__title {
        -webkit-line-clamp: var(--rc-cv-lines-m, var(--rc-cv-lines, 3)) !important;
    }
    .post-card--grid .post-card__title {
        -webkit-line-clamp: var(--rc-cg-lines-m, var(--rc-cg-lines, 3)) !important;
    }
    .post-card--horizontal .post-card__title {
        -webkit-line-clamp: var(--rc-ch-lines-m, var(--rc-ch-lines, 3)) !important;
    }
}
/* Grid ПК */
.post-card--grid .post-card__title {
    -webkit-line-clamp: var(--rc-cg-lines, 3) !important;
}

/* "Показать весь заголовок" — override line-clamp */
/* Управляется PHP в rc_output_vars динамически */



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.7 — цвета, слайдер, сайдбар высота, телефон padding
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. ГЛОБАЛЬНЫЕ ЦВЕТА: применение CSS-переменных ───────────────
   Ссылки ─────────────────────────────────────────────────────── */
/* Ссылки — только в контентных зонах (не в меню/кнопках) */
.entry-content a, .rc-article-content a, .home-text a, .taxonomy-description a {
    color: var(--rc-gc-art-link, #0097fb) !important;
}
.entry-content a:hover, .rc-article-content a:hover, .home-text a:hover {
    color: var(--rc-gc-art-link-h, #0078d4) !important;
}
/* Основной текст (не !important чтобы не ломать специфику) */
body { color: var(--rc-gc-text, #141414); }

/* Заголовки */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--rc-gc-heading, #141414) !important;
}

/* Анонс/описание */
.post-card__description,
.post-card--small .post-card__description,
.entry-excerpt {
    color: var(--rc-gc-excerpt, #374151) !important;
}

/* Метаданные (иконки + текст) */
.post-card__date, .post-card__views,
.post-card__comments, .post-card__author, .post-card__like,
.post-card__date::before, .post-card__views::before,
.post-card__comments::before, .post-card__author::before {
    color: var(--rc-gc-icon, #9ca3af) !important;
}

/* Бейджи рубрик */
.post-card:not(.post-card--small) .post-card__category,
.card-slider__category {
    background: var(--rc-gc-badge-bg, #0097fb) !important;
    color: var(--rc-gc-badge-text, #fff) !important;
}

/* Рубрика текстом (без подложки) */
.post-card--small .post-card__category,
.rc-news-grid__cat-text {
    color: var(--rc-gc-cat-text, #64748b) !important;
}

/* Заголовки карточек */
.post-card__title, .post-card__title a {
    color: var(--rc-gc-card-title, #141414) !important;
}

/* Рамка карточек */
.post-cards--vertical .post-card--vertical,
.post-cards--grid .post-card--grid {
    border-color: var(--rc-gc-card-border, #e5e7eb) !important;
}

/* Фон карточек / виджетов */
.post-card--vertical,
.post-card--grid,
.widget-area .widget,
.rc-sidebar-right .widget,
#secondary .widget {
    background: var(--rc-gc-card-bg, #fff) !important;
}

/* Фон сайдбара */
.rc-sidebar-right, #secondary.widget-area,
.rc-sidebar-left {
    background: var(--rc-gc-sb-bg, #fff);
}

/* Разделители/границы */
hr, .rc-entry-meta {
    border-color: var(--rc-gc-border, #e5e7eb) !important;
}

/* Акцент (пагинация, активные элементы) */
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:hover {
    background: var(--rc-gc-pagination, #0097fb) !important;
    color: #fff !important;
}

/* Ссылки и цвета в тексте статьи */
.single .entry-content a,
.page .entry-content a {
    color: var(--rc-gc-art-link, #0097fb) !important;
}
.single .entry-content a:hover,
.page .entry-content a:hover {
    color: var(--rc-gc-art-link-h, #0078d4) !important;
}
.single .entry-title,
.page .entry-title {
    color: var(--rc-gc-art-title, #141414) !important;
}
.single .entry-content,
.page .entry-content {
    color: var(--rc-gc-art-body, #141414) !important;
}
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
    color: var(--rc-gc-art-h2, #141414) !important;
}
.rc-entry-meta,
.entry-date, .entry-views, .entry-time, .entry-comments {
    color: var(--rc-gc-art-meta, #9e9e9e) !important;
}
.breadcrumb a, .breadcrumb span { color: var(--rc-gc-art-bc, #757575) !important; }

/* Теги */
.entry-tag { color: var(--rc-gc-tag-text, #0097fb) !important; }

/* Фон страницы */
body.home, body.blog, body.archive,
body.category, body.tag, body.single,
body.page, body.search {
    background-color: var(--rc-gc-body-bg, #f0f2f5) !important;
}


/* ── 2. СТРЕЛКИ СЛАЙДЕРА: прозрачные, появляются при наведении ─── */
.card-slider-container .swiper-button-prev,
.card-slider-container .swiper-button-next {
    opacity: 0 !important;
    transition: opacity .25s ease !important;
}
.card-slider-container:hover .swiper-button-prev,
.card-slider-container:hover .swiper-button-next {
    opacity: 1 !important;
}


/* ── 3. PADDING СВЕРХУ НА ТЕЛЕФОНЕ 12px — отступ от шапки ─────── */
@media (max-width: 599px) {
    .site-content {
        padding-top: 12px !important;
    }
    /* Слайдер на телефоне тоже с отступом */
    .card-slider-container + .site-content,
    .mobile-menu-placeholder + .site-content {
        margin-top: 0 !important;
        padding-top: 12px !important;
    }
}


/* ── 4. САЙДБАР: возвращаем align-items:start, убираем опускание вниз ─
   align-self:start на сайдбаре — он не растягивается и не опускается.
   Высота сайдбара = его содержимое, начало от верха колонки.
   ─────────────────────────────────────────────────────────────── */
@media (min-width: 992px) {
    .site-content-inner {
        align-items: start !important;
    }
    #secondary.widget-area {
        align-self: start !important;
    }
    .rc-home-layout {
        align-items: start !important;
    }
    .rc-home-sidebar {
        align-self: start !important;
    }
}


/* ── 5. section_columns: только ПК и планшет ──────────────────────
   :has() для авто-2-колонок — убираем с телефона
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 599px) {
    /* На телефоне section_columns игнорируется */
    .post-cards--vertical[style*="--rc-section-cols"],
    .post-cards--grid[style*="--rc-section-cols"] {
        grid-template-columns: repeat(var(--rc-cv-cols-m, 1), 1fr) !important;
    }
    /* :has() авто-2 — отключаем */
    .post-cards--vertical:has(> .post-card--vertical:nth-child(2):last-child) {
        grid-template-columns: repeat(var(--rc-cv-cols-m, 1), 1fr) !important;
    }
    .post-cards--grid:has(> .post-card--grid:nth-child(2):last-child) {
        display: grid !important;
        grid-template-columns: repeat(var(--rc-cg-cols-m, 1), 1fr) !important;
    }
    .post-cards--grid:has(> .post-card--grid:nth-child(2):last-child) > .post-card--grid {
        flex: unset !important;
        max-width: unset !important;
    }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.8 — hover цвета через переменные, сайдбар, аудит
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. HOVER ЦВЕТА ЗАГОЛОВКОВ: все через CSS-переменные ───────────
   Заменяем ВСЕ жёстко зашитые hover цвета на настраиваемую переменную.
   Охватываем: карточки, сайдбар, rc-news-grid.
   ─────────────────────────────────────────────────────────────── */

/* Карточки — обычный цвет заголовка */
.post-card__title a,
.post-card--small .post-card__title a {
    color: var(--rc-gc-card-title, #141414) !important;
}

/* Карточки — hover (все типы карточек одним правилом) */
.post-card--vertical:hover .post-card__title a,
.post-card--grid:hover .post-card__title a,
.post-card--horizontal:hover .post-card__title a,
.post-card--standard:hover .post-card__title a,
.post-card--small:hover .post-card__title a {
    color: var(--rc-gc-card-title-hover, #0097fb) !important;
}

/* Сайдбар — заголовки карточек */
.widget-area .post-card__title a,
#secondary .post-card__title a,
.rc-home-sidebar .post-card__title a,
.rc-sidebar-right .post-card__title a {
    color: var(--rc-gc-sidebar-title, #141414) !important;
}
/* Сайдбар — hover */
.widget-area .post-card:hover .post-card__title a,
#secondary .post-card:hover .post-card__title a,
.rc-home-sidebar .post-card:hover .post-card__title a,
.rc-sidebar-right .post-card:hover .post-card__title a {
    color: var(--rc-gc-sidebar-hover, #0097fb) !important;
}

/* rc-news-grid hover — через переменную вместо жёсткого цвета */
.rc-news-grid__vertical:hover .rc-news-grid__vert-title a,
.rc-news-grid__horiz:hover .rc-news-grid__horiz-title a,
.rc-news-grid__cat-text:hover,
.rc-news-grid__bookmark:hover {
    color: var(--rc-gc-card-title-hover, #0097fb) !important;
}

/* rc-similar-item hover */
.rc-similar-item--article:hover .rc-similar-card__title {
    color: var(--rc-gc-card-title-hover, #0097fb) !important;
}

/* Метаданные в сайдбаре — тот же цвет что на карточках */
.widget-area .post-card__meta,
#secondary .post-card__meta,
.rc-sidebar-right .post-card__meta {
    color: var(--rc-gc-card-meta, #9ca3af) !important;
}


/* ── 2. КАСТОМАЙЗЕР: фиксируем применение настроек карточек ────────
   Все размеры, цвета и строки через CSS-переменные,
   которые уже задаются в :root через rc_output_vars.
   Убеждаемся что специфичность достаточна.
   ─────────────────────────────────────────────────────────────── */

/* Вертикальная карточка — размер шрифта заголовка */
.post-cards--vertical .post-card--vertical .post-card__title {
    font-size: var(--rc-cv-fs, 14px) !important;
    -webkit-line-clamp: var(--rc-cv-lines, 3) !important;
    color: var(--rc-gc-card-title, var(--rc-cv-title-color, #141414)) !important;
}
/* Grid — размер шрифта */
.post-cards--grid .post-card--grid .post-card__title {
    font-size: var(--rc-cg-fs, 13px) !important;
    -webkit-line-clamp: var(--rc-cg-lines, 3) !important;
    color: var(--rc-gc-card-title, #141414) !important;
}
/* Горизонтальная — размер шрифта */
.post-cards--horizontal .post-card--horizontal .post-card__title {
    font-size: var(--rc-ch-fs, 16px) !important;
    -webkit-line-clamp: var(--rc-ch-lines, 3) !important;
    color: var(--rc-gc-card-title, #141414) !important;
}

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .post-cards--vertical .post-card--vertical .post-card__title {
        font-size: var(--rc-cv-fs-t, var(--rc-cv-fs, 13px)) !important;
        -webkit-line-clamp: var(--rc-cv-lines-t, var(--rc-cv-lines, 3)) !important;
    }
    .post-cards--grid .post-card--grid .post-card__title {
        -webkit-line-clamp: var(--rc-cg-lines-t, var(--rc-cg-lines, 3)) !important;
    }
}
/* Телефон */
@media (max-width: 599px) {
    .post-cards--vertical .post-card--vertical .post-card__title {
        font-size: var(--rc-cv-fs-m, var(--rc-cv-fs, 13px)) !important;
        -webkit-line-clamp: var(--rc-cv-lines-m, var(--rc-cv-lines, 3)) !important;
    }
    .post-cards--grid .post-card--grid .post-card__title {
        -webkit-line-clamp: var(--rc-cg-lines-m, var(--rc-cg-lines, 3)) !important;
    }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.9 — карточки одинаковые, полоска compact, реклама, spacing
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. КАРТОЧКИ ОДИНАКОВОЙ ВЫСОТЫ: grid-auto-rows ────────────────
   grid-auto-rows: 1fr → все карточки в ряду одной высоты.
   Мета уже имеет margin-top:auto → всегда прижата к низу.
   Фото имеет фиксированную высоту через --rc-cv-th.
   ─────────────────────────────────────────────────────────────── */
@media (min-width: 600px) {
    .post-cards--vertical {
        grid-auto-rows: 1fr !important;
    }
    /* Карточка занимает всю высоту ячейки */
    .post-cards--vertical .post-card--vertical {
        height: 100% !important;
    }
    /* Grid карточки тоже */
    .post-cards--grid {
        grid-auto-rows: 1fr !important;
    }
    .post-cards--grid .post-card--grid {
        height: 100% !important;
    }
}


/* ── 2. COMPACT WIDGET: тонкая полоска между статьями ─────────────
   Вместо margin — border-bottom на всех кроме последнего.
   ─────────────────────────────────────────────────────────────── */
.post-card--compact-text {
    border-bottom: 1px solid var(--rc-gc-border, #e5e7eb) !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
.post-card--compact-text:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* ── 3. РЕКЛАМА: двойной блок (2 квадратных рядом) ───────────────
   .rc-article-ad-block--double → flex с двумя .rc-article-ad-unit рядом.
   На мобиле — вертикальный стек или только mobile-блок.
   ─────────────────────────────────────────────────────────────── */
.rc-article-ad-block {
    margin: var(--rc-sp-body-to-ad, 20px) 0 var(--rc-sp-ad-to-body, 20px) !important;
    overflow: hidden !important;
}
/* Одиночный */
.rc-article-ad-block .rc-article-ad-unit {
    width: 100% !important;
}
/* Двойной */
.rc-article-ad-block--double {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
}
.rc-article-ad-block--double .rc-article-ad-unit {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
/* Показ только на ПК / только на мобиле */
@media (min-width: 768px) {
    .rc-ad-mobile-only { display: none !important; }
}
@media (max-width: 767px) {
    .rc-ad-desktop-only { display: none !important; }
    /* Двойной на мобиле — вертикальный */
    .rc-article-ad-block--double {
        flex-direction: column !important;
    }
}


/* ── 4. ИНТЕРВАЛЫ В СТАТЬЕ: все комбинации ─────────────────────────
   CSS-переменные для каждой пары блоков.
   ─────────────────────────────────────────────────────────────── */
/* Текст → H2 (в контенте) */
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
    margin-top: var(--rc-sp-body-to-h2, 24px) !important;
    margin-bottom: var(--rc-sp-h2-to-body, 12px) !important;
}
/* Текст → цитата */
.single .entry-content blockquote {
    margin-top: var(--rc-sp-body-to-cite, 16px) !important;
    margin-bottom: var(--rc-sp-cite-to-body, 16px) !important;
}
/* Текст → фото в контенте */
/* figure получает отступ через --rc-cs-fig-* (patch v5.13) */
/* img напрямую в тексте (без figure-обёртки) — отступ через spacing */
.single .entry-content > img:not(.no-spacing),
.page .entry-content > img:not(.no-spacing) {
    margin-top: var(--rc-cs-fig-d, 16px) !important;
    margin-bottom: var(--rc-cs-fig-d, 16px) !important;
}
/* img ВНУТРИ figure — без собственного margin (figure уже имеет margin) */
.single .entry-content figure img,
.page .entry-content figure img,
.single .entry-content .wp-block-image img,
.page .entry-content .wp-block-image img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
}
/* Текст → список */
.single .entry-content ul,
.single .entry-content ol {
    margin-top: var(--rc-sp-body-to-list, 12px) !important;
    margin-bottom: var(--rc-sp-list-to-body, 16px) !important;
}
/* Анонс → фото */
.single .entry-excerpt + .entry-image,
.single .entry-excerpt + .rc-entry-thumb {
    margin-top: var(--rc-sp-exc-to-thumb, 16px) !important;
}
/* Анонс → текст (когда нет фото) */
.single .entry-excerpt + .entry-content {
    margin-top: var(--rc-sp-exc-to-body, 16px) !important;
}
/* Мета → анонс */
.single .rc-entry-meta + .entry-excerpt {
    margin-top: var(--rc-sp-meta-to-exc, 12px) !important;
}
/* Мета → текст */
.single .rc-entry-meta + .entry-content {
    margin-top: var(--rc-sp-meta-to-body, 16px) !important;
}
/* Мета → цитата */
.single .rc-entry-meta + blockquote {
    margin-top: var(--rc-sp-meta-to-cite, 16px) !important;
}
/* Текст → «По теме» */
.single .rc-article-content + .rc-related-posts,
.single .entry-content + .rc-related-posts {
    margin-top: var(--rc-sp-body-to-rel, 24px) !important;
}
/* «По теме» → Похожие */
.single .rc-related-posts + .rc-similar-posts,
.single .rc-related-posts + .rc-similar-section {
    margin-top: var(--rc-sp-rel-to-sim, 24px) !important;
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.10 — фикс высоты фото в карточках + реклама auto-double
   ══════════════════════════════════════════════════════════════════ */

/* ── КАРТОЧКИ: фиксируем высоту фото (flex-grow:0) ─────────────────
   Корневая причина: родительская тема ставит flex-grow:1 на thumbnail,
   что заставляет его растягиваться в зависимости от высоты карточки.
   Решение: flex:0 0 var(--rc-cv-th) — не расти, не сжимайся, строгий размер.
   ─────────────────────────────────────────────────────────────── */
.post-card--vertical .post-card__thumbnail {
    flex: 0 0 var(--rc-cv-th, 180px) !important;
    height: var(--rc-cv-th, 180px) !important;
    min-height: var(--rc-cv-th, 180px) !important;
    max-height: var(--rc-cv-th, 180px) !important;
    overflow: hidden !important;
    position: relative !important;
}
/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--vertical .post-card__thumbnail {
        flex: 0 0 var(--rc-cv-th-t, 160px) !important;
        height: var(--rc-cv-th-t, 160px) !important;
        min-height: var(--rc-cv-th-t, 160px) !important;
        max-height: var(--rc-cv-th-t, 160px) !important;
    }
}
/* Телефон */
@media (max-width: 599px) {
    .post-card--vertical .post-card__thumbnail {
        flex: 0 0 var(--rc-cv-th-m, 140px) !important;
        height: var(--rc-cv-th-m, 140px) !important;
        min-height: var(--rc-cv-th-m, 140px) !important;
        max-height: var(--rc-cv-th-m, 140px) !important;
    }
}

/* Изображение внутри — заполняет весь thumbnail строго */
.post-card--vertical .post-card__thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;  /* убираем transform:translate(-50%,-50%) родителя */
    min-width: unset !important;
    min-height: unset !important;
    max-width: unset !important;
}
.post-card--vertical:hover .post-card__thumbnail img {
    transform: scale(1.04) !important;
}

/* Grid карточки — то же самое */
.post-card--grid .post-card__thumbnail {
    flex: 0 0 var(--rc-cg-th, 160px) !important;
    height: var(--rc-cg-th, 160px) !important;
    min-height: var(--rc-cg-th, 160px) !important;
    max-height: var(--rc-cg-th, 160px) !important;
    overflow: hidden !important;
    position: relative !important;
}
.post-card--grid .post-card__thumbnail img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    min-width: unset !important; min-height: unset !important;
}
.post-card--grid:hover .post-card__thumbnail img {
    transform: scale(1.04) !important;
}
@media (min-width: 600px) and (max-width: 991px) {
    .post-card--grid .post-card__thumbnail {
        flex: 0 0 var(--rc-cg-th-t, 140px) !important;
        height: var(--rc-cg-th-t, 140px) !important;
        min-height: var(--rc-cg-th-t, 140px) !important;
        max-height: var(--rc-cg-th-t, 140px) !important;
    }
}
@media (max-width: 599px) {
    .post-card--grid .post-card__thumbnail {
        flex: 0 0 var(--rc-cg-th-m, 120px) !important;
        height: var(--rc-cg-th-m, 120px) !important;
        min-height: var(--rc-cg-th-m, 120px) !important;
        max-height: var(--rc-cg-th-m, 120px) !important;
    }
}



/* ── RC_CARD: изображение без кропа — правильное масштабирование ───
   rc_card регистрируется как width:640, height:9999 (без кропа).
   Высота img будет пропорциональной оригиналу — object-fit:cover
   обрезает до нужной высоты контейнера без искажений.
   Эффективнее full (меньше трафика) и красивее чем reboot_small (кропный).
   ─────────────────────────────────────────────────────────────── */
.post-card--vertical .post-card__thumbnail img,
.post-card--grid .post-card__thumbnail img {
    /* Уже задано выше, дублируем для надёжности */
    object-fit: cover !important;
    object-position: center top !important; /* для авто: верх фото важнее низа */
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important; /* сбрасываем translate-50% от родителя */
    max-width: unset !important;
    min-width: unset !important;
    max-height: unset !important;
    min-height: unset !important;
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.11 — двойной рекламный блок через Внешний вид → Реклама
   ══════════════════════════════════════════════════════════════════ */

/* Второй блок пары (rc_ad_double_block) рендерится сразу после первого.
   CSS делает их рядом через negative margin + flex на родителе.
   ─────────────────────────────────────────────────────────────── */

/* Контейнер, содержащий пару блоков (первый b-r + второй rc-ad-second-block) */
.b-r + .rc-ad-second-block {
    /* Подтягиваем вверх, чтобы визуально стоять рядом с предыдущим */
    margin-top: 0 !important;
}

/* Создаём двойной flex-ряд: первый блок + второй блок */
@media (min-width: 768px) {
    /* Когда после b-r есть rc-ad-second-block — оба flex */
    .b-r:has(+ .rc-ad-second-block),
    .b-r + .rc-ad-second-block {
        display: inline-flex !important;
        vertical-align: top !important;
        width: calc(50% - 6px) !important;
        box-sizing: border-box !important;
    }
    .b-r:has(+ .rc-ad-second-block) {
        margin-right: 12px !important;
    }
    /* Обёртка чтобы оба были в одной строке */
    .b-r:has(+ .rc-ad-second-block) {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    /* На мобиле — второй блок просто скрываем (только если нет мобайл-кода) */
    .rc-ad-second-block:not(:has(.rc-article-ad-unit)) {
        display: none !important;
    }
}

/* Внутри rc-ad-second-block */
.rc-ad-second-block .rc-article-ad-unit {
    width: 100% !important;
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.13 — Настраиваемые отступы в тексте статьи
   ══════════════════════════════════════════════════════════════════
   Все значения через CSS-переменные → меняются из кастомайзера.
   Дефолты уменьшены относительно родительской темы (1.7em → 14px).
   ══════════════════════════════════════════════════════════════════ */

/* ── АБЗАЦЫ ─────────────────────────────────────────────────────── */
.single .entry-content p,
.page .entry-content p {
    margin-bottom: var(--rc-cs-p-d, 14px) !important;
    margin-top: 0 !important;
}
@media (min-width: 600px) and (max-width: 991px) {
    .single .entry-content p,
    .page .entry-content p {
        margin-bottom: var(--rc-cs-p-t, 12px) !important;
    }
}
@media (max-width: 599px) {
    .single .entry-content p,
    .page .entry-content p {
        margin-bottom: var(--rc-cs-p-m, 10px) !important;
    }
}


/* ── ФОТО / FIGURE ──────────────────────────────────────────────── */
.single .entry-content figure,
.page .entry-content figure,
.single .entry-content .wp-block-image,
.page .entry-content .wp-block-image {
    margin-top: var(--rc-cs-fig-d, 16px) !important;
    margin-bottom: var(--rc-cs-fig-d, 16px) !important;
}
/* Первая figure после p — не дублируем отступ */
.single .entry-content p + figure,
.page .entry-content p + figure {
    margin-top: var(--rc-cs-fig-d, 16px) !important;
}
@media (min-width: 600px) and (max-width: 991px) {
    .single .entry-content figure,
    .page .entry-content figure,
    .single .entry-content .wp-block-image,
    .page .entry-content .wp-block-image {
        margin-top: var(--rc-cs-fig-t, 12px) !important;
        margin-bottom: var(--rc-cs-fig-t, 12px) !important;
    }
}
@media (max-width: 599px) {
    .single .entry-content figure,
    .page .entry-content figure,
    .single .entry-content .wp-block-image,
    .page .entry-content .wp-block-image {
        margin-top: var(--rc-cs-fig-m, 10px) !important;
        margin-bottom: var(--rc-cs-fig-m, 10px) !important;
    }
}


/* ── ЗАГОЛОВКИ H2 / H3 / H4 ─────────────────────────────────────── */
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4 {
    margin-top: var(--rc-cs-h-top-d, 20px) !important;
    margin-bottom: var(--rc-cs-h-bot-d, 10px) !important;
}
@media (max-width: 599px) {
    .single .entry-content h2,
    .single .entry-content h3,
    .single .entry-content h4,
    .page .entry-content h2,
    .page .entry-content h3,
    .page .entry-content h4 {
        margin-top: var(--rc-cs-h-top-m, 16px) !important;
        margin-bottom: var(--rc-cs-h-bot-m, 8px) !important;
    }
}


/* ── ЦИТАТЫ / BLOCKQUOTE ────────────────────────────────────────── */
.single .entry-content blockquote,
.page .entry-content blockquote {
    margin-top: var(--rc-cs-bq-d, 16px) !important;
    margin-bottom: var(--rc-cs-bq-d, 16px) !important;
}
@media (max-width: 599px) {
    .single .entry-content blockquote,
    .page .entry-content blockquote {
        margin-top: var(--rc-cs-bq-m, 12px) !important;
        margin-bottom: var(--rc-cs-bq-m, 12px) !important;
    }
}


/* ── СПИСКИ ul / ol ─────────────────────────────────────────────── */
.single .entry-content ul,
.single .entry-content ol,
.page .entry-content ul,
.page .entry-content ol {
    margin-top: var(--rc-cs-ul-d, 14px) !important;
    margin-bottom: var(--rc-cs-ul-d, 14px) !important;
}
@media (max-width: 599px) {
    .single .entry-content ul,
    .single .entry-content ol,
    .page .entry-content ul,
    .page .entry-content ol {
        margin-top: var(--rc-cs-ul-m, 10px) !important;
        margin-bottom: var(--rc-cs-ul-m, 10px) !important;
    }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.15 — Placeholder для рекламных блоков
   ══════════════════════════════════════════════════════════════════
   Резервируем место под рекламу ДО её загрузки.
   После загрузки реклама занимает это пространство.
   ══════════════════════════════════════════════════════════════════ */

/* Базовые стили рекламного блока — рамка */
@media (min-width: 600px) {
    .rc-article-ad-block {
        border: var(--rc-ad-border-w, 0px) solid var(--rc-ad-border-col, #e5e7eb) !important;
        border-radius: var(--rc-ad-border-r, 4px) !important;
        padding: var(--rc-ad-border-pad, 0px) !important;
    }
}

/* Placeholder — ПК */
@media (min-width: 992px) {
    .rc-article-ad-block .rc-article-ad-unit {
        min-height: var(--rc-ad-ph-h-d, 0px);
    }
}
/* Placeholder — Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .rc-article-ad-block .rc-article-ad-unit {
        min-height: var(--rc-ad-ph-h-t, 0px);
    }
}
/* Placeholder — Телефон */
@media (max-width: 599px) {
    .rc-article-ad-block .rc-article-ad-unit {
        min-height: var(--rc-ad-ph-h-m, 0px);
    }
}

/* ── Подложка рекламного блока (ПК + планшет) ─────────────────────
   Фон — всегда как подложка.
   Надпись «РЕКЛАМА» — через JS убирается когда загрузилась реклама.
   min-height резервирует место ДО загрузки.
   ─────────────────────────────────────────────────────────────── */

/* ПК */
@media (min-width: 992px) {
    .rc-article-ad-block .rc-article-ad-unit {
        position: relative !important;
        background: var(--rc-ad-ph-bg, #f8f8f8) !important;
        min-height: var(--rc-ad-ph-h-d, 0px) !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
}

/* Планшет */
@media (min-width: 600px) and (max-width: 991px) {
    .rc-article-ad-block .rc-article-ad-unit {
        position: relative !important;
        background: var(--rc-ad-ph-bg, #f8f8f8) !important;
        min-height: var(--rc-ad-ph-h-t, 0px) !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
}

/* Телефон — без подложки */
@media (max-width: 599px) {
    .rc-article-ad-block .rc-article-ad-unit {
        background: transparent !important;
        min-height: 0 !important;
    }
}

/* Надпись РЕКЛАМА — псевдоэлемент на самом блоке
   JS добавляет класс rc-ad-loaded когда реклама загружена */
@media (min-width: 600px) {
    .rc-article-ad-block:not(.rc-ad-loaded) .rc-article-ad-unit::before {
        content: 'РЕКЛАМА';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .12em;
        color: var(--rc-ad-ph-text, #cccccc);
        pointer-events: none;
        white-space: nowrap;
        z-index: 1;
    }
}



/* ══════════════════════════════════════════════════════════════════
   PATCH v5.17 — Системный аудит: spacing, слайдер, compact, цвета
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. УНИФИКАЦИЯ ПЕРЕМЕННЫХ РАМОК ────────────────────────────────
   --rc-border везде заменяем на --rc-gc-border для единого управления
   ─────────────────────────────────────────────────────────────── */
:root {
    --rc-border: var(--rc-gc-border, #e5e7eb); /* alias для обратной совместимости */
}


/* ── 2. MISSING SPACING — отсутствующие интервалы ─────────────────
   Фото → Анонс, Анонс → Текст (без фото), Текст → По теме,
   По теме → Автор, Автор → Похожие
   ─────────────────────────────────────────────────────────────── */

/* Фото → Анонс */
.single .rc-entry-thumb + .entry-excerpt,
.single figure.rc-entry-thumb + .entry-excerpt {
    margin-top: var(--rc-sp-thumb-to-exc, 16px) !important;
}
/* Анонс → Текст (без фото) */
.single .entry-excerpt + .entry-content {
    margin-top: var(--rc-sp-exc-to-body, 16px) !important;
}
/* Последний абзац → По теме */
.single .entry-content + .rc-related-posts,
.single .entry-tags + .rc-related-posts,
.single .rc-article-content + .rc-related-posts {
    margin-top: var(--rc-sp-body-to-rel, 24px) !important;
}
/* По теме → Строка автора */
.single .rc-related-posts + .rc-author-row {
    margin-top: var(--rc-sp-rel-to-auth, 24px) !important;
}
/* Строка автора → Похожие статьи */
.single .rc-author-row + .rc-similar-posts,
.single .rc-author-row + .rc-similar-section {
    margin-top: var(--rc-sp-auth-to-sim, 20px) !important;
}
/* Теги → Строка автора (уточнение) */
.single .entry-tags + .rc-author-row {
    margin-top: var(--rc-sp-tags-to-auth, 20px) !important;
}


/* ── 3. COMPACT WIDGET — полоска между статьями ────────────────────
   Покрываем все контексты: сайдбар статьи, главная, архивы.
   Унифицируем с --rc-gc-border.
   ─────────────────────────────────────────────────────────────── */
.widget-area .post-card--compact-text,
.rc-sidebar-left .widget .post-card--compact-text,
.rc-sidebar-right .widget .post-card--compact-text,
#secondary .post-card--compact-text {
    border-bottom: 1px solid var(--rc-gc-border, #e5e7eb) !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.widget-area .post-card--compact-text:last-child,
.rc-sidebar-left .widget .post-card--compact-text:last-child,
.rc-sidebar-right .widget .post-card--compact-text:last-child,
#secondary .post-card--compact-text:last-child {
    border-bottom: none !important;
}


/* ── 4. СЛАЙДЕР — hover-цвет кнопок через переменные ───────────────
   Цвет стрелок слайдера управляется через --rc-sl-nav-color (иконка)
   и --rc-sl-nav-bg (фон кнопки). Дефолты сохраняем.
   ─────────────────────────────────────────────────────────────── */
.card-slider-container .swiper-button-prev::after,
.card-slider-container .swiper-button-next::after,
.content-area .swiper-button-prev::after,
.content-area .swiper-button-next::after {
    color: var(--rc-sl-nav-color, #333) !important;
}
.card-slider-container .swiper-button-prev,
.card-slider-container .swiper-button-next,
.content-area .swiper-button-prev,
.content-area .swiper-button-next {
    background: var(--rc-sl-nav-bg, rgba(255,255,255,.92)) !important;
}


/* ── 5. МОБАЙЛ — скрываем рекламный placeholder на мобиле ──────────
   Даже если rc_render_ad что-то вернул на мобиле — скрываем блок.
   Реальная изоляция — в PHP через wp_is_mobile() (уже исправлено).
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 599px) {
    .rc-article-ad-block {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }
    .rc-article-ad-block .rc-article-ad-unit {
        min-height: 0 !important;
        background: transparent !important;
    }
    .rc-article-ad-block .rc-article-ad-unit::before {
        display: none !important;
    }
}



/* ── COMPACT WIDGET: полоска — финальное гарантированное правило ───
   Специфичность 040 + !important — перебивает всё.
   ─────────────────────────────────────────────────────────────── */
article.post-card.post-card--compact-text {
    border-bottom: 1px solid var(--rc-gc-border, #e5e7eb) !important;
    margin-bottom: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
article.post-card.post-card--compact-text:last-child {
    border-bottom: none !important;
    padding-bottom: 4px !important;
}