/* ============================================================
   Рейтинг Займов — вариант «Сравнительная таблица»
   Оверрайды поверх style.css (базы семейства). style.css НЕ трогаем.
   Тот же тёмно-зелёный primary, но сдержаннее: без глянцевого
   shine на CTA, плотная типографика, широкий контейнер под таблицу
   сравнения, финансовый вид вместо «казино»-глянца.
   ============================================================ */

:root {
    /* более сдержанные тени/градиенты на CTA — меньше "казино"-блеска */
    --shadow-accent-glow: 0 2px 6px rgba(184,120,20,.18);
    --shadow-primary-glow: 0 2px 8px rgba(23,64,47,.16);
    --shadow-urgency-glow: 0 4px 14px rgba(147,34,45,.18);
    --grad-cta: linear-gradient(160deg, #E0A63F, #C4871A);
    --radius-card: 12px;
    --radius-btn: 10px;
}

/* ============ WIDE CONTAINER — сайт-сравнение, не мобильная колонка ============ */
body {
    max-width: 1280px;
    box-shadow: none;
}
.wrap { max-width: 1200px; }

/* CTA shine — убираем бегущий блик, оставляем плоскую заливку */
.btn::after,
.offer-card__cta::after,
.pixel-popup__action::after,
.pixel-sticky__btn::after {
    content: none;
    animation: none;
}
.logo::after { animation: none; content: none; }

/* ============ HEADER — sticky, разворачивается в строку на десктопе ============ */
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
}
@media (min-width: 761px) {
    .header__burger { display: none; }
    .header__nav {
        position: static;
        max-height: none;
        overflow: visible;
        display: flex;
        flex-direction: row;
        gap: 4px;
        background: transparent;
        border-bottom: none;
    }
    .header__nav a {
        border-top: none;
        min-height: auto;
        padding: 8px 14px;
        border-radius: 8px;
    }
    .header__nav a:hover { background: rgba(255,255,255,.08); }
}

/* filters-row sticks under the now-sticky header, not under the viewport top */
.filters-row { top: 56px; }

/* ============ TRUST-STRIP ============ */
.trust-strip {
    background: var(--color-primary-tint);
    border-bottom: 1px solid var(--color-border);
}
.trust-strip__row {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 8px; padding: 8px 16px; font-size: 12px; font-weight: 700;
    color: var(--color-primary-700); text-align: center;
}
.trust-strip__icon { color: var(--color-success-600); margin-right: 3px; }
.trust-strip__divider { opacity: .5; }

/* ============ HERO — компактнее, без лишнего глянца ============ */
.hero {
    background: var(--color-primary-900);
    max-height: none;
    padding: 28px 0 26px;
}
@media (min-width: 761px) {
    .hero__row { display: flex; align-items: center; }
    .hero__text { max-width: 640px; }
    .hero .btn { width: auto; padding-left: 32px; padding-right: 32px; }
}

/* ============ WINNER — ровнее на широком экране ============ */
@media (min-width: 761px) {
    .winner { flex-direction: row; align-items: center; gap: 32px; }
    .winner__stats { flex: 1; }
    .winner__card { max-width: 420px; flex-shrink: 0; }
}

/* ============ COMPARISON TABLE — главная секция ============ */
.comparison-section { padding: 30px 0; }
.comparison-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    box-shadow: var(--shadow-base);
}
.comparison-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 13px;
}
.comparison-table thead th {
    text-align: left;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-muted);
    background: var(--color-surface-alt);
    padding: 12px 14px;
    border-bottom: 2px solid var(--color-border);
    white-space: nowrap;
}
.comparison-table tbody td {
    padding: 9px 14px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
    color: var(--color-text);
    line-height: 1.4;
}
.comparison-table tbody tr:nth-child(even) { background: var(--color-surface-alt); }
.comparison-table tbody tr:hover { background: var(--color-primary-tint); }
.comparison-table tbody tr:last-child td { border-bottom: none; }

.comparison-table__name {
    display: flex; align-items: center; gap: 10px;
    font-weight: 700; white-space: nowrap; color: var(--color-text);
}
.comparison-table__name img {
    width: 30px; height: 30px; border-radius: 7px; object-fit: contain;
    background: #fff; border: 1px solid var(--color-border); flex-shrink: 0;
}
.comparison-table__terms {
    max-width: 320px; min-width: 200px;
    font-size: 12px; color: var(--color-text-muted); white-space: normal;
}
.comparison-table td .offer-card__approval { font-size: 11.5px; white-space: nowrap; }
.comparison-table td .offer-card__cta {
    min-height: 36px; padding: 8px 16px; font-size: 12.5px;
    white-space: nowrap; box-shadow: none;
}

/* ============ HOW TO CHOOSE ============ */
.how-to-choose-section { padding: 30px 0; }
.htc-block { margin: 0 0 22px; }
.htc-block:last-child { margin-bottom: 0; }
.htc-block__title {
    font-family: var(--font-display); font-weight: 800; font-size: 15.5px;
    color: var(--color-primary-800, var(--color-primary-700)); margin: 0 0 6px;
}
.htc-block__text { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--color-text-muted); }
@media (min-width: 761px) {
    .how-to-choose-section .wrap { max-width: 820px; }
}

/* ============ FAQ — переиспользуем .tips-list/.tip из style.css ============ */
.faq-section { padding: 30px 0; }
.faq-section .tip__num { background: var(--color-accent-700); }
@media (min-width: 761px) {
    .faq-section .wrap { max-width: 820px; }
}

/* ============ PARTNERS — заметнее сетка на десктопе ============ */
@media (min-width: 761px) {
    .partners-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
}

/* ============ SECONDARY OFFERS GRID — только мобильный/узкий вид ============ */
@media (min-width: 761px) {
    .comparison-section, .partners-section, .how-to-choose-section, .faq-section {
        display: block;
    }
    .offers-section--secondary { display: none; }
}
@media (max-width: 760px) {
    .comparison-section { display: none; }
    .offers-section--secondary { display: block; }
}

/* ============ FIXED WIDGETS — перепривязка к вьюпорту, не к 480px-колонке ============ */
.scroll-to-top { right: 24px; }
@media (min-width: 761px) {
    .pixel-sticky { max-width: 560px; }
}