/* ═══════════════════════════════════════════════════════
   pages.css - Shared styles for all info/service pages
   delivery, warranty, service, how-to-choose, compare,
   promo, reviews, test-drive, trade-in, credit, knowledge
   ═══════════════════════════════════════════════════════ */

/* ── Shared Hero ── */
[class$="__hero"],
[class*="__hero "] {
    padding: 48px 0 48px;
    text-align: center;
}
@media (min-width: 768px) {
    [class$="__hero"],
    [class*="__hero "] { padding-top: 64px; padding-bottom: 64px; }
}
[class$="__title"] {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 900;
    color: var(--white);
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 12px;
}
[class$="__sub"] {
    font-size: 1.0625rem;
    color: var(--silver-2);
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── Shared Buttons ── */
.em-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: var(--font);
    font-size: 0.9375rem;
    font-weight: 700;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: all 0.2s var(--ease);
    text-decoration: none;
    border: none;
    white-space: nowrap;
}
.em-btn--neon {
    background: var(--neon);
    color: var(--black);
}
.em-btn--neon:hover {
    background: #4dff33;
    box-shadow: 0 0 24px rgba(57,255,20,0.3);
    transform: translateY(-1px);
    color: var(--black);
}
.em-btn--outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--silver);
}
.em-btn--outline:hover {
    border-color: var(--neon);
    color: var(--neon);
}
.em-btn--lg {
    padding: 16px 32px;
    font-size: 1rem;
}
.em-btn--ghost {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
}
.em-btn--ghost:hover {
    border-color: var(--neon);
    color: var(--neon);
    background: rgba(57, 255, 20, 0.04);
}
.em-btn--sm {
    padding: 10px 20px;
    font-size: 0.8125rem;
}
.em-btn--orange {
    background: var(--orange);
    color: #fff;
}
.em-btn--orange:hover {
    background: #ff7f45;
    box-shadow: 0 0 24px var(--orange-glow);
    transform: translateY(-1px);
    color: #fff;
}
/* Защита от каскадных `a { color }` правил внутри секций (например
   .em-compare__hint a { color: var(--neon) }) - кнопка em-btn всегда
   доминирует над local-link стилями. */
a.em-btn,
a.em-btn--neon,
a.em-btn--ghost,
a.em-btn--outline,
a.em-btn--orange {
    text-decoration: none;
}
.em-compare__hint a.em-btn--neon,
.em-promo__hint a.em-btn--neon { color: var(--black); }
.em-compare__hint a.em-btn--ghost,
.em-compare__hint a.em-btn--outline { color: var(--white); }

/* ── Section spacing ── */
.em-delivery, .em-warranty, .em-service, .em-choose,
.em-compare, .em-promo, .em-reviews-page, .em-testdrive,
.em-tradein, .em-credit, .em-knowledge {
    padding-bottom: 80px;
    min-height: 100vh;
}
.em-delivery section, .em-warranty section, .em-service section,
.em-choose section, .em-compare section, .em-promo section,
.em-reviews-page section, .em-testdrive section, .em-tradein section,
.em-credit section, .em-knowledge section {
    margin-bottom: 64px;
}
@media (min-width: 768px) {
    .em-delivery section, .em-warranty section, .em-service section,
    .em-choose section, .em-compare section, .em-promo section,
    .em-reviews-page section, .em-testdrive section, .em-tradein section,
    .em-credit section, .em-knowledge section {
        margin-bottom: 80px;
    }
}

/* ── Shared FAQ ── */
.em-faq-list { max-width: 800px; margin: 0 auto; }
.em-faq-item {
    background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
    margin-bottom: 8px;
    overflow: hidden;
}
.em-faq-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
    list-style: none;
}
.em-faq-q::-webkit-details-marker { display: none; }
.em-faq-q i { color: var(--neon); font-size: 0.75rem; flex-shrink: 0; transition: transform 0.2s; }
.em-faq-item[open] .em-faq-q i { transform: rotate(45deg); }
.em-faq-a {
    padding: 0 24px 18px;
    font-size: 0.9375rem;
    color: var(--silver-2);
    line-height: 1.6;
}

/* ── Reveal animation ── */
.em-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.em-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}


/* ═══════ DELIVERY ═══════ */
.em-delivery__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
@media (min-width: 600px) { .em-delivery__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .em-delivery__grid { grid-template-columns: repeat(4, 1fr); } }

.em-delivery__card {
    background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s, transform 0.2s;
}
.em-delivery__card:hover { border-color: rgba(57,255,20,0.12); transform: translateY(-4px); }
.em-delivery__card-icon { font-size: 1.5rem; color: var(--neon); margin-bottom: 16px; }
.em-delivery__card h3 { font-size: 1.125rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.em-delivery__card-price { font-size: 1rem; font-weight: 700; color: var(--neon); margin-bottom: 12px; }
.em-delivery__card p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.5; margin-bottom: 16px; }
.em-delivery__card-details { list-style: none; margin-bottom: 16px; }
.em-delivery__card-details li {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.8125rem; color: var(--silver); padding: 4px 0;
}
.em-delivery__card-details li i { color: var(--neon); font-size: 0.625rem; }
.em-delivery__card-address {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.04);
    font-size: 0.75rem;
    color: var(--silver-3);
    line-height: 1.5;
    display: flex; gap: 6px; align-items: flex-start;
}
.em-delivery__card-address i { color: var(--orange); margin-top: 2px; flex-shrink: 0; }

/* Calc */
.em-delivery__calc-inner {
    display: grid; grid-template-columns: 1fr; gap: 32px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-lg); padding: 32px;
}
@media (min-width: 768px) { .em-delivery__calc-inner { grid-template-columns: 1fr 1fr; gap: 48px; } }
.em-delivery__calc-table { margin-top: 20px; }
.em-delivery__calc-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
    font-size: 0.9375rem; color: var(--silver-2);
}
.em-delivery__calc-row:last-child { border-bottom: none; }
.em-delivery__calc-badge { font-size: 0.8125rem; font-weight: 600; padding: 2px 10px; border-radius: var(--r-full); }
.em-delivery__calc-badge--free { background: var(--neon-ghost); color: var(--neon); }
.em-delivery__calc-cta { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; justify-content: center; }
.em-delivery__calc-cta h3 { font-size: 1.125rem; font-weight: 700; color: var(--white); }
.em-delivery__calc-cta p { font-size: 0.9375rem; color: var(--silver-2); margin-bottom: 4px; }
.em-delivery__calc-icon { font-size: 2.5rem; color: var(--neon); margin-bottom: 8px; }
/* Описание под заголовком "Рассчитайте стоимость". Без явного правила параграф
   получает наследуемый цвет из родительских тем (Storefront даёт #43454b) -
   на тёмном фоне .em-delivery__calc-inner это выглядит почти чёрным. */
.em-delivery__calc-info p { font-size: 0.9375rem; color: var(--silver-2); line-height: 1.6; }
.em-delivery__calc-info h2 { color: var(--white); }

/* Payment */
.em-delivery__pay-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 600px) { .em-delivery__pay-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .em-delivery__pay-grid { grid-template-columns: repeat(4, 1fr); } }
.em-delivery__pay-card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 24px; text-align: center;
    transition: border-color 0.2s, transform 0.2s;
}
.em-delivery__pay-card:hover { border-color: rgba(57,255,20,0.1); transform: translateY(-2px); }
.em-delivery__pay-icon { font-size: 1.75rem; color: var(--cyan); margin-bottom: 12px; }
.em-delivery__pay-card h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-delivery__pay-card p { font-size: 0.8125rem; color: var(--silver-2); line-height: 1.5; }
.em-delivery__pay-link { display: inline-block; margin-top: 8px; font-size: 0.8125rem; color: var(--neon); font-weight: 600; }


/* ═══════ WARRANTY ═══════ */
.em-warranty__hl-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-warranty__hl-grid { grid-template-columns: repeat(3, 1fr); } }
/* После удаления карточки "расширенная гарантия 3 года" остаётся 2 highlight-карточки.
   Модификатор --two принудительно делает 2 равные колонки чтобы карточки не растягивались. */
@media (min-width: 768px) { .em-warranty__hl-grid--two { grid-template-columns: repeat(2, 1fr); max-width: 760px; margin-left: auto; margin-right: auto; } }
.em-warranty__hl-card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-lg); padding: 32px; text-align: center;
    position: relative; overflow: hidden;
}
.em-warranty__hl-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
}
.em-warranty__hl-card--neon::before { background: var(--neon); }
.em-warranty__hl-card--cyan::before { background: var(--cyan); }
.em-warranty__hl-card--orange::before { background: var(--orange); }
.em-warranty__hl-num {
    font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; letter-spacing: -0.03em;
    margin-bottom: 8px;
}
.em-warranty__hl-card--neon .em-warranty__hl-num { color: var(--neon); }
.em-warranty__hl-card--cyan .em-warranty__hl-num { color: var(--cyan); }
.em-warranty__hl-card--orange .em-warranty__hl-num { color: var(--orange); }
.em-warranty__hl-card h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-warranty__hl-card p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.5; }

/* Conditions */
.em-warranty__cond-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 768px) { .em-warranty__cond-grid { grid-template-columns: 1fr 1fr; } }
.em-warranty__cond-heading {
    display: flex; align-items: center; gap: 8px;
    font-size: 1.0625rem; font-weight: 700; margin-bottom: 16px;
}
.em-warranty__list--yes .em-warranty__cond-heading,
.em-warranty__cond-heading:first-child { color: var(--neon); }
.em-warranty__list--no + .em-warranty__cond-heading { color: var(--orange); }
.em-warranty__list {
    list-style: none; background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04); border-radius: var(--r-md); padding: 20px 24px;
}
.em-warranty__list li {
    padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.03);
    font-size: 0.9375rem; color: var(--silver-2);
}
.em-warranty__list li:last-child { border-bottom: none; }

/* Steps */
.em-warranty__steps {
    display: grid; grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 768px) { .em-warranty__steps { grid-template-columns: repeat(3, 1fr); } }
.em-warranty__step {
    text-align: center; padding: 24px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
}
.em-warranty__step-num {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--neon); color: var(--black);
    font-size: 1.25rem; font-weight: 900;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
}
.em-warranty__step h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-warranty__step p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.5; }
/* Вводный абзац раздела "Порядок возврата" */
.em-warranty__return-intro {
    font-size: 1rem;
    color: var(--silver-2);
    line-height: 1.7;
    max-width: 720px;
    margin-bottom: 32px;
}

/* Claim CTA */
.em-warranty__claim-inner {
    text-align: center; padding: 48px 32px;
    background: linear-gradient(135deg, rgba(57,255,20,0.04), rgba(0,229,255,0.03));
    border: 1px solid rgba(57,255,20,0.1); border-radius: var(--r-lg);
}
.em-warranty__claim-icon { font-size: 3rem; color: var(--neon); margin-bottom: 16px; }
.em-warranty__claim-inner h2 { font-size: 1.5rem; font-weight: 800; color: var(--white); margin-bottom: 8px; }
.em-warranty__claim-inner p { color: var(--silver-2); margin-bottom: 24px; }
.em-warranty__claim-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }


/* ═══════ SERVICE ═══════ */
.em-service__feat-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-service__feat-grid { grid-template-columns: repeat(4, 1fr); } }
.em-service__feat {
    text-align: center; padding: 24px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
}
.em-service__feat i { font-size: 1.75rem; color: var(--neon); margin-bottom: 12px; display: block; }
.em-service__feat h3 { font-size: 0.9375rem; font-weight: 700; color: var(--white); margin-bottom: 6px; }
.em-service__feat p { font-size: 0.8125rem; color: var(--silver-2); line-height: 1.5; }

/* Price groups */
.em-service__price-group {
    margin-bottom: 32px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 24px;
}
.em-service__price-heading {
    display: flex; align-items: center; gap: 10px;
    font-size: 1rem; font-weight: 700; color: var(--neon); margin-bottom: 16px;
}
.em-service__price-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.03);
    font-size: 0.9375rem; color: var(--silver-2);
}
.em-service__price-row:last-child { border-bottom: none; }
.em-service__price-val { font-weight: 700; color: var(--white); white-space: nowrap; }
.em-service__price-note { font-size: 0.75rem; color: var(--silver-3); margin-top: 8px; }

/* Intro перед видами работ - стало после удаления конкретных цен 2026-05-20 */
.em-service__prices-intro {
    font-size: 0.9375rem; color: var(--silver-2); line-height: 1.6;
    margin: 8px 0 28px; max-width: 740px;
}

/* Список видов работ - заменил price-row после удаления конкретных цен */
.em-service__work-list {
    list-style: none; padding: 0; margin: 0;
}
.em-service__work-list li {
    position: relative; padding: 10px 0 10px 24px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    font-size: 0.9375rem; color: var(--silver-2);
}
.em-service__work-list li:last-child { border-bottom: none; }
.em-service__work-list li::before {
    content: ""; position: absolute; left: 4px; top: 18px;
    width: 6px; height: 6px; border-radius: 50%; background: var(--neon);
}

/* Информационный блок "как узнать точную цену" - после блоков работ */
.em-service__price-note-box {
    margin-top: 24px; padding: 20px 24px;
    background: rgba(57,255,20,0.04); border: 1px solid rgba(57,255,20,0.15);
    border-radius: var(--r-md);
    display: flex; gap: 16px; align-items: flex-start;
}
.em-service__price-note-box i {
    color: var(--neon); font-size: 22px; flex-shrink: 0; margin-top: 2px;
}
.em-service__price-note-box strong {
    display: block; color: var(--white); font-size: 1rem; margin-bottom: 6px;
}
.em-service__price-note-box p {
    margin: 0; font-size: 0.9375rem; color: var(--silver-2); line-height: 1.55;
}

/* Booking */
.em-service__booking-inner {
    display: grid; grid-template-columns: 1fr; gap: 32px;
    background: linear-gradient(135deg, rgba(57,255,20,0.04), rgba(0,229,255,0.03));
    border: 1px solid rgba(57,255,20,0.1); border-radius: var(--r-lg); padding: 40px 32px;
}
@media (min-width: 768px) { .em-service__booking-inner { grid-template-columns: 1fr auto; align-items: center; } }
.em-service__booking-text h2 { font-size: 1.5rem; font-weight: 800; color: var(--white); margin-bottom: 8px; }
.em-service__booking-text p { color: var(--silver-2); margin-bottom: 12px; }
.em-service__booking-hours { font-size: 0.875rem; color: var(--silver-3); display: flex; align-items: center; gap: 8px; }
.em-service__booking-hours i { color: var(--neon); }
.em-service__booking-actions { display: flex; flex-direction: column; gap: 12px; }


/* ═══════ HOW TO CHOOSE ═══════ */
/* Quiz */
.em-choose__quiz {
    max-width: 700px; margin: 0 auto;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-lg); padding: 32px; text-align: center;
}
.em-choose__quiz-progress { margin-bottom: 32px; }
.em-choose__quiz-bar {
    width: 100%; height: 4px; background: var(--black-4); border-radius: 2px; overflow: hidden;
}
.em-choose__quiz-fill {
    height: 100%; background: var(--neon); border-radius: 2px;
    transition: width 0.4s ease; width: 25%;
}
.em-choose__quiz-step { font-size: 0.75rem; color: var(--silver-3); margin-top: 8px; display: block; }
.em-choose__quiz-card { display: none; }
.em-choose__quiz-card.active { display: block; animation: emFadeSlide 0.3s ease; }
@keyframes emFadeSlide { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.em-choose__quiz-card h2 { font-size: 1.25rem; font-weight: 700; color: var(--white); margin-bottom: 24px; }
.em-choose__quiz-options {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.em-choose__quiz-opt {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 20px 16px; background: var(--black-3); border: 2px solid rgba(255,255,255,0.06);
    border-radius: var(--r-md); color: var(--silver); font-size: 0.875rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s;
}
.em-choose__quiz-opt i { font-size: 1.5rem; color: var(--silver-3); transition: color 0.2s; }
.em-choose__quiz-opt:hover { border-color: var(--neon); color: var(--white); }
.em-choose__quiz-opt:hover i { color: var(--neon); }
.em-choose__quiz-opt.selected { border-color: var(--neon); background: rgba(57,255,20,0.06); color: var(--neon); }
.em-choose__quiz-opt.selected i { color: var(--neon); }
.em-choose__quiz-result { display: none; text-align: center; }
.em-choose__quiz-result.active { display: block; animation: emFadeSlide 0.3s ease; }
.em-choose__quiz-result-icon { font-size: 3rem; color: var(--neon); margin-bottom: 16px; }
.em-choose__quiz-result h2 { font-size: 1.5rem; font-weight: 800; color: var(--white); margin-bottom: 12px; }
.em-choose__quiz-result p { color: var(--silver-2); margin-bottom: 24px; }
.em-choose__quiz-result-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Comparison table */
.em-choose__compare-sub { text-align: center; color: var(--silver-2); margin-bottom: 32px; }
.em-choose__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    /* Edge fade - подсказка о горизонтальной прокрутке */
    background:
        linear-gradient(to right, var(--black) 30%, transparent),
        linear-gradient(to right, transparent, var(--black) 70%) 0 100%,
        radial-gradient(farthest-side at 0 50%, rgba(57,255,20,0.15), transparent),
        radial-gradient(farthest-side at 100% 50%, rgba(57,255,20,0.15), transparent) 0 100%;
    background-color: var(--black);
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
}
.em-choose__table {
    width: 100%; min-width: 500px; border-collapse: collapse;
}
.em-choose__table th {
    padding: 14px 16px; font-size: 0.8125rem; font-weight: 700; color: var(--neon);
    text-align: center; border-bottom: 2px solid rgba(57,255,20,0.15);
}
.em-choose__table th:first-child { text-align: left; color: var(--silver-3); }
.em-choose__table td {
    padding: 12px 16px; font-size: 0.9375rem; color: var(--silver-2); text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.em-choose__table td:first-child { text-align: left; color: var(--silver); font-weight: 500; }
.em-choose__table tbody tr:hover { background: rgba(57,255,20,0.02); }

/* Guide cards */
.em-choose__guide-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 600px) { .em-choose__guide-grid { grid-template-columns: 1fr 1fr; } }
.em-choose__guide-card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 24px;
}
.em-choose__guide-icon { font-size: 1.5rem; color: var(--cyan); margin-bottom: 12px; }
.em-choose__guide-card h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-choose__guide-card p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.6; }


/* ═══════ COMPARE ═══════ */
.em-compare__title {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    margin: 12px 0 16px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--white);
    text-align: center;
}
.em-compare__sub {
    color: var(--silver-2);
    font-size: 16px;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}
.em-compare__hero {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 16px;
}

/* Guide-блок: подсказка как добавить + кнопка "Открыть каталог" */
.em-compare__guide-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 28px;
    background: linear-gradient(135deg, var(--black-2), var(--black-3));
    border: 1px solid rgba(57, 255, 20, 0.1);
    border-radius: var(--r-lg);
    margin-top: 32px;
}
.em-compare__guide-icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--neon-ghost);
    color: var(--neon);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.em-compare__guide-text {
    flex: 1 1 auto;
    min-width: 0;
}
.em-compare__guide-text h3 {
    margin: 0 0 6px;
    color: var(--white);
    font-size: 1rem;
    font-weight: 700;
}
.em-compare__guide-text p {
    margin: 0;
    color: var(--silver-2);
    font-size: 0.875rem;
    line-height: 1.5;
}
.em-compare__guide-text i {
    color: var(--neon);
    margin: 0 2px;
}
.em-compare__guide-cta {
    flex: 0 0 auto;
    color: var(--black) !important;
}
@media (max-width: 640px) {
    .em-compare__guide-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }
    .em-compare__guide-cta {
        width: 100%;
        justify-content: center;
    }
}

.em-compare__slots-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 480px) { .em-compare__slots-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .em-compare__slots-grid { grid-template-columns: repeat(4, 1fr); } }
.em-compare__slot {
    min-height: 280px; border-radius: var(--r-lg); border: 2px dashed rgba(255,255,255,0.08);
    display: flex; align-items: center; justify-content: center;
    background: var(--black-2); transition: border-color 0.2s, transform 0.2s;
    position: relative;
}
.em-compare__slot:hover { border-color: rgba(57,255,20,0.2); }
/* Заполненный слот - своя карточка em-compare__product задаёт фон/border,
   поэтому сам слот делаем прозрачным (см. utilities.css:362). */
.em-compare__slot-add {
    display: flex; flex-direction: column; align-items: center; gap: 12px;
    color: var(--silver-3); cursor: pointer;
}
.em-compare__slot-add i { font-size: 2rem; }
.em-compare__slot-add span { font-size: 0.9375rem; font-weight: 600; }
.em-compare__hint {
    text-align: center; font-size: 0.875rem; color: var(--silver-3); margin-top: 24px;
}
.em-compare__hint a { color: var(--neon); }
.em-compare__hint i { color: var(--silver-3); font-size: 0.75rem; }

/* CTA shared */
.em-compare__cta-inner,
.em-testdrive__booking-inner,
.em-tradein__cta-inner {
    text-align: center; padding: 48px 32px;
    background: linear-gradient(135deg, rgba(57,255,20,0.04), rgba(0,229,255,0.03));
    border: 1px solid rgba(57,255,20,0.1); border-radius: var(--r-lg);
}
.em-compare__cta-icon { font-size: 3rem; color: var(--neon); margin-bottom: 16px; }
.em-compare__cta-inner h2,
.em-testdrive__booking-inner h2,
.em-tradein__cta-inner h2 { font-size: 1.5rem; font-weight: 800; color: var(--white); margin-bottom: 8px; }
.em-compare__cta-inner p,
.em-testdrive__booking-inner p,
.em-tradein__cta-inner p { color: var(--silver-2); margin-bottom: 24px; max-width: 500px; margin-left: auto; margin-right: auto; }
.em-compare__cta-actions,
.em-testdrive__booking-actions,
.em-tradein__cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }


/* ═══════ PROMO ═══════ */
.em-promo__banner {
    display: grid; grid-template-columns: 1fr; gap: 32px;
    background: linear-gradient(135deg, rgba(57,255,20,0.06), rgba(255,107,44,0.04));
    border: 1px solid rgba(57,255,20,0.12); border-radius: var(--r-lg); padding: 40px 32px;
}
@media (min-width: 768px) { .em-promo__banner { grid-template-columns: 1fr auto; align-items: center; } }
.em-promo__banner-tag {
    display: inline-block; padding: 4px 12px; background: var(--orange);
    color: #fff; font-size: 0.75rem; font-weight: 700; border-radius: var(--r-full);
    text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px;
}
.em-promo__banner-title { font-size: 1.75rem; font-weight: 900; color: var(--white); margin-bottom: 12px; }
.em-promo__banner-content p { color: var(--silver-2); margin-bottom: 24px; }
.em-promo__badge-big {
    font-size: clamp(3rem, 8vw, 5rem); font-weight: 900; color: var(--neon); letter-spacing: -0.05em;
    text-shadow: 0 0 40px rgba(57,255,20,0.4);
    animation: emPulse 2s ease-in-out infinite;
}
@keyframes emPulse { 0%,100%{opacity:1} 50%{opacity:0.7} }

/* Sale grid */
.em-promo__grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
}
@media (min-width: 768px) { .em-promo__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .em-promo__grid { grid-template-columns: repeat(4, 1fr); } }
.em-pcard__badge {
    position: absolute; top: 12px; left: 12px;
    background: var(--danger); color: #fff; font-size: 0.75rem; font-weight: 700;
    padding: 3px 10px; border-radius: var(--r-full); z-index: 2;
}
.em-pcard__img-wrap { position: relative; }

/* Promo codes */
.em-promo__codes-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 600px) { .em-promo__codes-grid { grid-template-columns: 1fr 1fr; } }
.em-promo__code-card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 24px; text-align: center;
}
.em-promo__code-val {
    display: inline-block; padding: 8px 20px; background: var(--neon-ghost);
    color: var(--neon); font-size: 1.25rem; font-weight: 900; font-family: monospace;
    border: 1px dashed rgba(57,255,20,0.3); border-radius: var(--r-md); margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.em-promo__code-card p { font-size: 0.9375rem; color: var(--white); font-weight: 600; margin-bottom: 4px; }
.em-promo__code-terms { font-size: 0.75rem; color: var(--silver-3); }

/* Subscribe */
.em-promo__subscribe-inner,
.em-knowledge__cta-inner,
.em-reviews-page__cta-inner {
    display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
    padding: 32px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-lg);
}
.em-promo__subscribe-inner > i,
.em-knowledge__cta-inner > i,
.em-reviews-page__cta-inner > i { font-size: 2rem; color: var(--neon); flex-shrink: 0; }
.em-promo__subscribe-inner div,
.em-knowledge__cta-inner div,
.em-reviews-page__cta-inner div { flex: 1; min-width: 200px; }
.em-promo__subscribe-inner h2,
.em-knowledge__cta-inner h2,
.em-reviews-page__cta-inner h2 { font-size: 1.125rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.em-promo__subscribe-inner p,
.em-knowledge__cta-inner p,
.em-reviews-page__cta-inner p { font-size: 0.875rem; color: var(--silver-2); }


/* ═══════ REVIEWS ═══════ */
.em-reviews-page__stats { text-align: center; }
.em-reviews-page__avg { display: inline-flex; align-items: center; gap: 12px; }
.em-reviews-page__avg-num { font-size: 3rem; font-weight: 900; color: var(--white); }
.em-reviews-page__avg-stars { display: flex; gap: 4px; color: #FBBF24; font-size: 1.25rem; }
.em-reviews-page__avg-count { font-size: 0.9375rem; color: var(--silver-3); }

.em-reviews-page__grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-reviews-page__grid { grid-template-columns: 1fr 1fr; } }
.em-reviews-page__card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 24px;
}
.em-reviews-page__card-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.em-reviews-page__card-author { display: flex; align-items: center; gap: 12px; }
.em-reviews-page__avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--neon-ghost); color: var(--neon);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; font-weight: 700;
}
.em-reviews-page__card-author strong { color: var(--white); font-size: 0.9375rem; display: block; }
.em-reviews-page__verified { font-size: 0.75rem; color: var(--neon); display: flex; align-items: center; gap: 4px; }
.em-reviews-page__date { font-size: 0.75rem; color: var(--silver-3); }
.em-reviews-page__stars { display: flex; gap: 2px; color: #FBBF24; font-size: 0.875rem; margin-bottom: 12px; }
.em-reviews-page__text { font-size: 0.9375rem; color: var(--silver-2); line-height: 1.6; margin-bottom: 12px; }
.em-reviews-page__product {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 0.8125rem; color: var(--silver-3); transition: color 0.2s;
}
.em-reviews-page__product:hover { color: var(--neon); }
.em-reviews-page__empty { text-align: center; padding: 64px 24px; color: var(--silver-3); }
.em-reviews-page__empty i { font-size: 3rem; margin-bottom: 16px; display: block; }


/* ═══════ TEST-DRIVE ═══════ */
.em-testdrive__adv-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-testdrive__adv-grid { grid-template-columns: repeat(4, 1fr); } }
.em-testdrive__adv {
    padding: 24px; background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04); border-radius: var(--r-md);
}
.em-testdrive__adv-num {
    font-size: 2rem; font-weight: 900; color: var(--neon-dim); opacity: 0.4; margin-bottom: 8px;
}
.em-testdrive__adv h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 6px; }
.em-testdrive__adv p { font-size: 0.8125rem; color: var(--silver-2); line-height: 1.5; }

/* Steps */
.em-testdrive__steps {
    display: flex; align-items: flex-start; justify-content: center; gap: 16px; flex-wrap: wrap;
}
.em-testdrive__step {
    flex: 1 1 200px; max-width: 280px; text-align: center;
    padding: 24px; background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04); border-radius: var(--r-md);
}
.em-testdrive__step-icon { font-size: 2rem; color: var(--neon); margin-bottom: 12px; }
.em-testdrive__step h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-testdrive__step p { font-size: 0.8125rem; color: var(--silver-2); line-height: 1.5; }
.em-testdrive__step-arrow {
    display: none; align-self: center; color: var(--neon); font-size: 1.25rem; padding-top: 20px;
}
@media (min-width: 768px) { .em-testdrive__step-arrow { display: block; } }

/* Booking info */
.em-testdrive__booking-info { margin-top: 16px; }
.em-testdrive__booking-info div {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.875rem; color: var(--silver-3); margin-bottom: 6px;
}
.em-testdrive__booking-info i { color: var(--neon); width: 16px; text-align: center; }
.em-testdrive__booking-inner {
    display: grid; grid-template-columns: 1fr; gap: 32px;
}
@media (min-width: 768px) {
    .em-testdrive__booking-inner { grid-template-columns: 1fr auto; text-align: left; }
    .em-testdrive__booking-inner p { margin-left: 0; margin-right: 0; }
    .em-testdrive__booking-actions { flex-direction: column; }
}


/* ═══════ TRADE-IN ═══════ */
.em-tradein__steps {
    display: grid; grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 768px) { .em-tradein__steps { grid-template-columns: repeat(3, 1fr); } }
.em-tradein__step {
    text-align: center; position: relative;
    padding: 32px 24px; background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04); border-radius: var(--r-md);
}
.em-tradein__step-num {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--neon); color: var(--black);
    font-size: 0.8125rem; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
}
.em-tradein__step-icon { font-size: 2rem; color: var(--neon); margin-bottom: 16px; opacity: 0.6; }
.em-tradein__step h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-tradein__step p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.6; }

.em-tradein__accept-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-tradein__accept-grid { grid-template-columns: repeat(4, 1fr); } }
.em-tradein__accept-card {
    text-align: center; padding: 24px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
}
.em-tradein__accept-card i { font-size: 2rem; color: var(--cyan); margin-bottom: 12px; display: block; }
.em-tradein__accept-card h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.em-tradein__accept-card p { font-size: 0.8125rem; color: var(--silver-3); }


/* ═══════ CREDIT ═══════ */
.em-credit__calc-inner {
    display: grid; grid-template-columns: 1fr; gap: 32px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-lg); padding: 32px;
}
@media (min-width: 768px) { .em-credit__calc-inner { grid-template-columns: 1fr 1fr; } }
.em-credit__calc-field { margin-bottom: 24px; }
.em-credit__calc-field label { display: block; font-size: 0.875rem; font-weight: 600; color: var(--silver); margin-bottom: 10px; }
.em-credit__calc-input-wrap {
    display: flex; align-items: center; gap: 8px;
}
.em-credit__calc-input {
    flex: 1; padding: 12px 16px; background: var(--black-3);
    border: 1px solid rgba(255,255,255,0.08); border-radius: var(--r-md);
    color: var(--white); font-size: 1.125rem; font-weight: 700;
    font-family: var(--font);
}
.em-credit__calc-input:focus { outline: none; border-color: var(--neon); }
.em-credit__calc-input-wrap span { font-size: 1rem; color: var(--silver-3); }
.em-credit__calc-range {
    width: 100%; margin-top: 12px; accent-color: var(--neon);
    -webkit-appearance: none; height: 4px; background: var(--black-4); border-radius: 2px;
}
.em-credit__calc-range::-webkit-slider-thumb {
    -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;
    background: var(--neon); cursor: pointer;
}
.em-credit__calc-terms { display: flex; gap: 8px; flex-wrap: wrap; }
.em-credit__calc-term {
    padding: 10px 20px; background: var(--black-3);
    border: 2px solid rgba(255,255,255,0.06); border-radius: var(--r-md);
    color: var(--silver); font-size: 0.9375rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s;
}
.em-credit__calc-term:hover { border-color: rgba(57,255,20,0.3); }
.em-credit__calc-term.active { border-color: var(--neon); color: var(--neon); background: rgba(57,255,20,0.06); }

.em-credit__calc-result {
    display: flex; flex-direction: column; justify-content: center;
}
.em-credit__calc-result-label { font-size: 0.875rem; color: var(--silver-3); }
.em-credit__calc-result-val {
    font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 900; color: var(--neon); margin-bottom: 20px;
}
.em-credit__calc-result-details { margin-bottom: 24px; }
.em-credit__calc-result-details > div {
    display: flex; justify-content: space-between; padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    font-size: 0.9375rem; color: var(--silver-2);
}
.em-credit__calc-zero { color: var(--neon); font-weight: 600; }

/* Plans */
.em-credit__plans-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 768px) { .em-credit__plans-grid { grid-template-columns: repeat(3, 1fr); } }
.em-credit__plan {
    position: relative; background: var(--black-2);
    border: 1px solid rgba(255,255,255,0.04); border-radius: var(--r-lg);
    padding: 32px 24px; text-align: center;
}
.em-credit__plan--featured { border-color: rgba(57,255,20,0.2); background: linear-gradient(180deg, rgba(57,255,20,0.03), var(--black-2)); }
.em-credit__plan-badge {
    display: inline-block; padding: 4px 12px; background: rgba(57,255,20,0.1);
    color: var(--neon); font-size: 0.6875rem; font-weight: 700;
    border-radius: var(--r-full); text-transform: uppercase; letter-spacing: 0.05em;
    margin-bottom: 16px;
}
.em-credit__plan--featured .em-credit__plan-badge { background: var(--neon); color: var(--black); }
.em-credit__plan h3 { font-size: 2rem; font-weight: 900; color: var(--white); margin-bottom: 8px; }
.em-credit__plan-desc { font-size: 0.875rem; color: var(--silver-2); margin-bottom: 20px; }
.em-credit__plan-list { list-style: none; text-align: left; }
.em-credit__plan-list li {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 0; font-size: 0.875rem; color: var(--silver);
}
.em-credit__plan-list i { color: var(--neon); font-size: 0.75rem; }

/* How to */
.em-credit__how-steps {
    display: grid; grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 768px) { .em-credit__how-steps { grid-template-columns: repeat(3, 1fr); } }
.em-credit__how-step {
    text-align: center; padding: 24px;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md);
}
.em-credit__how-num {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--neon); color: var(--black);
    font-size: 1.125rem; font-weight: 900;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 12px;
}
.em-credit__how-step h3 { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.em-credit__how-step p { font-size: 0.875rem; color: var(--silver-2); line-height: 1.5; }

/* Partners */
.em-credit__partners-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
@media (min-width: 600px) { .em-credit__partners-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .em-credit__partners-grid { grid-template-columns: repeat(6, 1fr); } }
.em-credit__partner {
    padding: 20px; text-align: center;
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); font-size: 0.9375rem; font-weight: 700; color: var(--silver);
}


/* ═══════ KNOWLEDGE ═══════ */
.em-knowledge__cats-grid {
    display: grid; grid-template-columns: 1fr; gap: 16px;
}
@media (min-width: 600px) { .em-knowledge__cats-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .em-knowledge__cats-grid { grid-template-columns: repeat(3, 1fr); } }
.em-knowledge__cat-card {
    background: var(--black-2); border: 1px solid rgba(255,255,255,0.04);
    border-radius: var(--r-md); padding: 28px 24px;
    transition: border-color 0.2s, transform 0.2s;
}
.em-knowledge__cat-card:hover { border-color: rgba(57,255,20,0.1); transform: translateY(-2px); }
.em-knowledge__cat-icon { font-size: 1.75rem; color: var(--neon); margin-bottom: 12px; }
.em-knowledge__cat-card h2 { font-size: 1.125rem; font-weight: 700; color: var(--white); margin-bottom: 16px; }
.em-knowledge__article-list { list-style: none; }
.em-knowledge__article-list li {
    border-bottom: 1px solid rgba(255,255,255,0.03); padding: 10px 0;
}
.em-knowledge__article-list li:last-child { border-bottom: none; }
.em-knowledge__article-list a {
    font-size: 0.9375rem; color: var(--silver-2); transition: color 0.2s;
    display: flex; align-items: center;
}
.em-knowledge__article-list a::before {
    content: '→'; color: var(--silver-3); margin-right: 10px; transition: color 0.2s, transform 0.2s;
    font-size: 0.875rem;
}
.em-knowledge__article-list a:hover { color: var(--neon); }
.em-knowledge__article-list a:hover::before { color: var(--neon); transform: translateX(4px); }


/* ═══════════════════════════════════════════════════════
   MOBILE OPTIMIZATIONS - shared static pages
   ═══════════════════════════════════════════════════════ */
@media (max-width: 599px) {
    /* Section spacing tighter */
    .em-delivery section, .em-warranty section, .em-service section,
    .em-choose section, .em-compare section, .em-promo section,
    .em-reviews-page section, .em-testdrive section, .em-tradein section,
    .em-credit section, .em-knowledge section { margin-bottom: 40px; }

    /* CTA boxes - меньше padding */
    .em-compare__cta-inner,
    .em-testdrive__booking-inner,
    .em-tradein__cta-inner,
    .em-warranty__claim-inner,
    .em-service__booking-inner { padding: 32px 20px; }

    /* CTA buttons stack */
    .em-compare__cta-actions,
    .em-testdrive__booking-actions,
    .em-tradein__cta-actions,
    .em-warranty__claim-actions { flex-direction: column; }
    .em-compare__cta-actions .em-btn,
    .em-testdrive__booking-actions .em-btn,
    .em-tradein__cta-actions .em-btn,
    .em-warranty__claim-actions .em-btn { width: 100%; justify-content: center; }

    /* Quiz options 1 column на узких */
    .em-choose__quiz { padding: 20px; }
    .em-choose__quiz-options { grid-template-columns: 1fr; }
    .em-choose__quiz-opt { flex-direction: row; padding: 14px 16px; min-height: 56px; }
    .em-choose__quiz-opt i { font-size: 1.125rem; }

    /* Credit calculator - компактно */
    .em-credit__calc-inner { padding: 20px; }
    .em-credit__calc-input { font-size: 16px; min-height: 44px; }
    .em-credit__calc-term { padding: 10px 14px; font-size: 0.875rem; min-height: 44px; }

    /* Delivery card padding */
    .em-delivery__card { padding: 20px; }
    .em-delivery__card-icon { font-size: 1.25rem; }

    /* Promo banner */
    .em-promo__banner { padding: 28px 20px; }
    .em-promo__banner-title { font-size: 1.375rem; }

    /* FAQ summary minimum touch height */
    .em-faq-q { min-height: 56px; padding: 16px 20px; }

    /* Subscribe CTA */
    .em-promo__subscribe-inner,
    .em-knowledge__cta-inner,
    .em-reviews-page__cta-inner {
        padding: 24px 20px; flex-direction: column; text-align: center;
    }
    .em-promo__subscribe-inner > i,
    .em-knowledge__cta-inner > i,
    .em-reviews-page__cta-inner > i { margin: 0 auto; }

    /* Reviews-page card */
    .em-reviews-page__card { padding: 20px; }
    .em-reviews-page__card-head { flex-direction: column; gap: 8px; }
    .em-reviews-page__date { align-self: flex-start; }
}

@media (max-width: 374px) {
    /* iPhone SE - самые маленькие экраны */
    .em-choose__quiz-result-actions { flex-direction: column; align-items: stretch; }
    .em-choose__quiz-result-actions .em-btn { width: 100%; justify-content: center; }
}

/* Динамические рубрики в «Базе знаний» (page-knowledge.php) */
.em-knowledge__cat-card h2 a { color: var(--white); text-decoration: none; transition: color 0.2s var(--ease); }
.em-knowledge__cat-card h2 a:hover { color: var(--neon); }
.em-knowledge__cat-more { display: inline-block; margin-top: 12px; color: var(--neon); font-size: 0.8125rem; font-weight: 600; }
.em-knowledge__empty { text-align: center; padding: 48px 20px; color: var(--silver-2); max-width: 560px; margin: 0 auto; }
.em-knowledge__empty i { font-size: 2.5rem; color: var(--silver-3); margin-bottom: 12px; display: block; }
.em-knowledge__empty a { color: var(--neon); }

/* Федеральный SEO-блок на странице доставки (page-delivery.php) */
.em-delivery__coverage { max-width: 900px; margin: 0 auto; padding: 8px 0; }
.em-delivery__coverage p { color: var(--silver-2); line-height: 1.7; margin-bottom: 12px; }