/*
Theme Name: Blocksy ZaimNaKartu
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.42.1779281389
Updated: 2026-05-20 15:49:49

*/

/* ============================================
   ЛОКАЛЬНЫЕ ШРИФТЫ — БЫСТРАЯ ЗАГРУЗКА
   ============================================ */

/* UNBOUNDED — заголовки */
@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/Unbounded-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/Unbounded-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/Unbounded-Black.woff2') format('woff2');
}

/* MANROPE — основной текст */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Manrope-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/Manrope-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Manrope-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/Manrope-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/Manrope-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/Manrope-ExtraBold.woff2') format('woff2');
}
/* ===========================
   ZaimNaKartu.ru — Global CSS
   =========================== */

/* === ПЕРЕМЕННЫЕ ПАЛИТРЫ === */
:root {
  --bg: #FFF8F1;
  --ink: #0A0A0A;
  --ink-soft: #4A4A4A;
  --muted: #8A8A8A;
  --accent: #FF4D2E;
  --accent-deep: #E63915;
  --accent-soft: #FFE8E0;
  --lime: #D8FF3D;
  --card: #FFFFFF;
  --line: rgba(10,10,10,0.08);
  --green: #00B67A;
  --yellow: #FFB800;
  --shadow-sm: 0 2px 8px rgba(10,10,10,0.04);
  --shadow-md: 0 8px 32px rgba(10,10,10,0.08);
  --shadow-lg: 0 24px 64px rgba(255,77,46,0.18);
}

/* === ПОДКЛЮЧЕНИЕ ШРИФТОВ === */

/* === БАЗОВЫЕ СТИЛИ === */
body {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: var(--bg) !important;
  color: var(--ink);
  line-height: 1.5;
  font-feature-settings: 'ss01';
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
  font-family: 'Unbounded', sans-serif !important;
  letter-spacing: -0.02em;
  color: var(--ink);
}

h1, .entry-title, .page-title { font-weight: 800; }
h2 { font-weight: 800; }
h3, h4, h5, h6 { font-weight: 700; }

a { color: var(--accent); transition: color 0.2s; }
a:hover { color: var(--accent-deep); }

/* === КОНТЕЙНЕР === */
.ct-container, .ct-container-narrow {
  max-width: 1240px !important;
}

/* === КНОПКИ === */
.ct-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"] {
  background: var(--accent) !important;
  color: white !important;
  border-radius: 100px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  transition: all 0.2s !important;
  border: none !important;
}

.ct-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--accent-deep) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-lg);
}

/* === ШАПКА === */
.ct-header {
  background: rgba(255,248,241,0.95) !important;
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--line);
}

[data-id="custom-menu"] .menu > li > a {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: color 0.2s;
}

[data-id="custom-menu"] .menu > li > a:hover {
  color: var(--accent) !important;
}

/* Логотип */
.site-title, .ct-text-logo {
  font-family: 'Unbounded', sans-serif !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  letter-spacing: -0.02em !important;
}

/* === ХЛЕБНЫЕ КРОШКИ === */
.ct-breadcrumbs {
  font-size: 13px;
  color: var(--muted);
}

.ct-breadcrumbs a:hover { color: var(--accent); }

/* === ЗАГОЛОВОК СТРАНИЦЫ === */
.page-title,
.entry-title {
  font-size: clamp(32px, 5vw, 56px) !important;
  line-height: 1.05 !important;
  margin-bottom: 16px !important;
}

/* === КАРТОЧКИ ЗАПИСЕЙ В АРХИВЕ === */
.entries article,
.ct-archive-card {
  background: var(--card) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent;
  transition: all 0.3s;
  box-shadow: var(--shadow-sm);
}

.entries article:hover,
.ct-archive-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--accent-soft);
}

/* === ОТДЕЛЬНАЯ ЗАПИСЬ === */
.entry-content {
  font-size: 17px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.entry-content p { margin-bottom: 16px; }
.entry-content h2 { margin-top: 40px; margin-bottom: 16px; font-size: 32px; }
.entry-content h3 { margin-top: 32px; margin-bottom: 12px; font-size: 24px; }
.entry-content ul, .entry-content ol { margin-bottom: 16px; padding-left: 24px; }
.entry-content li { margin-bottom: 8px; }
.entry-content strong { color: var(--ink); }
.entry-content blockquote {
  border-left: 4px solid var(--accent);
  background: var(--accent-soft);
  padding: 16px 24px;
  margin: 24px 0;
  border-radius: 0 12px 12px 0;
}

/* === МЕТА-ИНФА ЗАПИСИ === */
.entry-meta {
  font-size: 13px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.entry-meta a { color: var(--accent); }

/* === ПОДВАЛ === */
.ct-footer {
  background: var(--ink) !important;
  color: var(--bg) !important;
  padding-top: 60px !important;
}

.ct-footer a { color: rgba(255,248,241,0.8); }
.ct-footer a:hover { color: var(--accent) !important; }

.ct-footer h2, .ct-footer h3, .ct-footer h4 {
  color: var(--bg) !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}

/* === ПОЛЕЗНЫЕ КЛАССЫ-УТИЛИТЫ === */
.text-accent { color: var(--accent); }
.text-muted { color: var(--muted); }
.bg-accent { background: var(--accent); color: white; }
.bg-soft { background: var(--accent-soft); }
.rounded-card { border-radius: 20px; }
.shadow-card { box-shadow: var(--shadow-md); }

/* === МОБИЛЬНАЯ АДАПТАЦИЯ === */
@media (max-width: 720px) {
  .page-title, .entry-title {
    font-size: clamp(28px, 7vw, 42px) !important;
  }
  .entry-content { font-size: 16px; }
  .entry-content h2 { font-size: 26px; }
  .entry-content h3 { font-size: 20px; }
}

@media (max-width: 480px) {
  .ct-container, .ct-container-narrow {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* === ИСПРАВЛЕНИЯ ПЕРЕНАСЛЕДОВАНИЯ BLOCKSY === */

/* Логотип — чёрный, не коралловый */
.site-title a,
.ct-text-logo {
  color: var(--ink) !important;
}

/* Пункты меню — тёмные, коралл только при наведении */
[data-id="custom-menu"] .menu > li > a,
.ct-header [data-row] .menu > li > a {
  color: var(--ink) !important;
}

[data-id="custom-menu"] .menu > li > a:hover,
.ct-header [data-row] .menu > li > a:hover,
[data-id="custom-menu"] .menu > li.current-menu-item > a {
  color: var(--accent) !important;
}

/* Подвал — тёмный, только сам подвал */
.site-footer,
footer.site-footer,
[data-row="copyright"] .ct-container,
.ct-footer-copyright,
[data-id="copyright"] {
  background: var(--ink) !important;
  color: rgba(255,248,241,0.8) !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.site-footer a,
footer.site-footer a,
.ct-footer-copyright a {
  color: rgba(255,248,241,0.8) !important;
}

.site-footer a:hover,
footer.site-footer a:hover {
  color: var(--accent) !important;
}

/* Дата/автор записи — серым, не коралловым */
.entry-meta,
.entry-meta a,
.posted-on,
.byline,
.cat-links,
.cat-links a {
  color: var(--muted) !important;
}

.entry-meta a:hover,
.cat-links a:hover {
  color: var(--accent) !important;
}

/* Заголовок страницы — чёрный, не коралловый */
.entry-title,
.entry-title a,
.page-title,
h1.entry-title,
h2.entry-title,
h2.entry-title a {
  color: var(--ink) !important;
}

.entry-title a:hover {
  color: var(--accent) !important;
}

/* Подзаголовок страницы */
.entry-content p {
  color: var(--ink-soft) !important;
}

/* Кнопка в шапке — коралловая (это правильно) */
.ct-header-button,
[data-id="button"] .ct-button-ghost {
  background: var(--accent) !important;
  color: white !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
}

.ct-header-button:hover,
[data-id="button"] .ct-button-ghost:hover {
  background: var(--accent-deep) !important;
  color: white !important;
}

/* ============================================
   ZAIMNAKARTU.RU — Главная страница
   ============================================ */

.zk-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.zk-main {
    background: var(--bg);
}

/* === HERO === */
.zk-hero {
    padding: 60px 0 80px;
}

.zk-hero__grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

.zk-hero__content {
    max-width: 580px;
}

.zk-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--accent-soft);
    color: var(--accent-deep);
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 24px;
}

.zk-badge__dot {
    width: 8px;
    height: 8px;
    background: var(--green);
    border-radius: 50%;
    animation: zk-pulse 2s infinite;
}

@keyframes zk-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.zk-hero__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(36px, 5vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 24px !important;
    color: var(--ink) !important;
}

.zk-hero__title-accent {
    color: var(--accent);
    display: inline-block;
    position: relative;
}

.zk-hero__lead {
    font-size: 18px;
    line-height: 1.5;
    color: var(--ink-soft);
    margin: 0 0 24px;
}

.zk-hero__features {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
}

.zk-hero__features li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-size: 16px;
    color: var(--ink);
}

.zk-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--lime);
    color: var(--ink);
    border-radius: 50%;
    font-weight: 800;
    font-size: 14px;
    flex-shrink: 0;
}

/* === КНОПКИ === */
.zk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 100px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.zk-btn--primary {
    background: var(--accent) !important;
    color: white !important;
}

.zk-btn--primary:hover {
    background: var(--accent-deep) !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
}

.zk-btn--ghost {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1.5px solid var(--line) !important;
}

.zk-btn--ghost:hover {
    background: var(--accent-soft) !important;
    border-color: var(--accent) !important;
    color: var(--accent-deep) !important;
}

.zk-btn--outline {
    background: var(--card) !important;
    color: var(--ink) !important;
    border: 1.5px solid var(--ink) !important;
}

.zk-btn--outline:hover {
    background: var(--ink) !important;
    color: var(--bg) !important;
}

.zk-btn--lg {
    padding: 18px 36px;
    font-size: 17px;
}

.zk-btn--block {
    width: 100%;
}

/* === КАЛЬКУЛЯТОР === */
.zk-calc {
    background: var(--card);
    border-radius: 28px;
    padding: 32px;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--line);
}

.zk-calc__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 24px !important;
    color: var(--ink) !important;
}

.zk-calc__field {
    margin-bottom: 24px;
}

.zk-calc__label {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 14px;
    color: var(--ink-soft);
    margin-bottom: 12px;
    font-weight: 600;
}

.zk-calc__value {
    font-size: 18px;
    color: var(--accent);
    font-weight: 800;
}

.zk-range {
    width: 100%;
    height: 6px;
    background: var(--accent-soft);
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.zk-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: var(--accent);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(255,77,46,0.4);
    transition: transform 0.15s;
}

.zk-range::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

.zk-range::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: var(--accent);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 8px rgba(255,77,46,0.4);
}

.zk-range__limits {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: var(--muted);
}

.zk-calc__result {
    background: var(--bg);
    padding: 16px 20px;
    border-radius: 16px;
    margin: 24px 0;
}

.zk-calc__result-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 16px;
    color: var(--ink);
}

.zk-calc__result-row strong {
    font-size: 24px;
    color: var(--accent);
    font-family: 'Unbounded', sans-serif;
    font-weight: 800;
}

.zk-calc__result-row--small {
    margin-top: 8px;
    font-size: 13px;
    color: var(--muted);
}

.zk-calc__note {
    font-size: 12px;
    color: var(--muted);
    text-align: center;
    margin: 16px 0 0;
}

/* === SECTION HEAD === */
.zk-section-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 48px;
}

.zk-section-title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 16px !important;
    color: var(--ink) !important;
}

.zk-section-lead {
    font-size: 17px;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0;
}

/* === КАТАЛОГ === */
.zk-catalog {
    padding: 80px 0;
}

.zk-mfo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.zk-mfo-card {
    background: var(--card);
    border-radius: 24px;
    padding: 24px;
    border: 1px solid var(--line);
    position: relative;
    transition: all 0.3s;

    /* Делаем карточку flex-контейнером по вертикали */
    display: flex;
    flex-direction: column;
}

/* Блок параметров — минимальная высота, чтобы перенос строки не сдвигал кнопку */
.zk-mfo-card__params {
    min-height: 80px;
    align-items: start;
}

/* Кнопки прижимаются к низу карточки */
.zk-mfo-card__actions {
    margin-top: auto;
}

.zk-mfo-card:hover {
    border-color: var(--accent);
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.zk-mfo-card--hit {
    border-color: var(--accent);
}

.zk-mfo-card__hit {
    position: absolute;
    top: 16px;
    right: 16px;
    background: var(--accent);
    color: white;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.zk-mfo-card__head {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.zk-mfo-card__logo {
    width: 56px;
    height: 56px;
    background: var(--accent-soft);
    color: var(--accent-deep);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Unbounded', sans-serif;
    font-size: 26px;
    font-weight: 800;
    flex-shrink: 0;
}

.zk-mfo-card__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 4px !important;
}

.zk-mfo-card__title a {
    color: var(--ink) !important;
    text-decoration: none !important;
}

.zk-mfo-card__title a:hover {
    color: var(--accent) !important;
}

.zk-mfo-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.zk-stars {
    color: var(--yellow);
    letter-spacing: 1px;
    font-size: 14px;
}

.zk-mfo-card__rating-num {
    font-weight: 700;
    color: var(--ink);
}

.zk-mfo-card__reviews {
    color: var(--muted);
}

.zk-mfo-card__params {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    padding: 16px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-bottom: 20px;
}

.zk-mfo-card__param {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.zk-mfo-card__param-label {
    font-size: 11px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.zk-mfo-card__param-value {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
}

.zk-mfo-card__actions {
    display: flex;
    gap: 8px;
}

.zk-mfo-card__actions .zk-btn {
    flex: 1;
    padding: 12px 16px;
    font-size: 14px;
}

.zk-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: var(--muted);
}

.zk-catalog__footer {
    text-align: center;
}

/* === ШАГИ === */
.zk-steps {
    padding: 80px 0;
    background: var(--card);
}

.zk-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.zk-step {
    text-align: center;
    padding: 32px 24px;
}

.zk-step__num {
    display: inline-block;
    font-family: 'Unbounded', sans-serif;
    font-size: 64px;
    font-weight: 900;
    color: var(--accent);
    line-height: 1;
    margin-bottom: 16px;
    letter-spacing: -0.05em;
}

.zk-step__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    color: var(--ink) !important;
}

.zk-step__text {
    font-size: 15px;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0;
}

/* === FAQ === */
.zk-faq {
    padding: 80px 0;
}

.zk-faq__list {
    max-width: 800px;
    margin: 0 auto;
}

.zk-faq__item {
    background: var(--card);
    border-radius: 20px;
    margin-bottom: 12px;
    border: 1px solid var(--line);
    overflow: hidden;
    transition: all 0.2s;
}

.zk-faq__item[open] {
    border-color: var(--accent);
    box-shadow: var(--shadow-sm);
}

.zk-faq__q {
    padding: 20px 24px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    color: var(--ink);
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.zk-faq__q::-webkit-details-marker {
    display: none;
}

.zk-faq__q::after {
    content: '+';
    font-size: 24px;
    color: var(--accent);
    font-weight: 300;
    transition: transform 0.2s;
    flex-shrink: 0;
}

.zk-faq__item[open] .zk-faq__q::after {
    transform: rotate(45deg);
}

.zk-faq__a {
    padding: 0 24px 20px;
    color: var(--ink-soft);
    font-size: 15px;
    line-height: 1.6;
}

/* === CTA === */
.zk-cta {
    padding: 60px 0 100px;
}

.zk-cta__box {
    background: var(--ink);
    color: var(--bg);
    border-radius: 32px;
    padding: 60px 40px;
    text-align: center;
}

.zk-cta__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 800 !important;
    color: var(--bg) !important;
    margin: 0 0 16px !important;
}

.zk-cta__lead {
    font-size: 18px;
    color: rgba(255,248,241,0.7);
    margin: 0 0 32px;
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 960px) {
    .zk-hero__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .zk-steps__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .zk-mfo-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .zk-hero { padding: 40px 0 60px; }
    .zk-catalog, .zk-steps, .zk-faq { padding: 60px 0; }
    .zk-calc { padding: 24px 20px; }
    .zk-cta__box { padding: 40px 24px; }
    .zk-mfo-card__params {
        grid-template-columns: 1fr 1fr;
    }
}

/* ============================================
   КАРТОЧКА ОТДЕЛЬНОЙ МФО (single-mfo.php)
   ============================================ */

.zk-single-mfo {
    padding-bottom: 80px;
}

/* === ХЛЕБНЫЕ КРОШКИ === */
.zk-breadcrumbs {
    padding: 24px 0 16px;
    font-size: 13px;
    color: var(--muted);
}

.zk-breadcrumbs a {
    color: var(--muted);
    text-decoration: none !important;
}

.zk-breadcrumbs a:hover {
    color: var(--accent) !important;
}

.zk-breadcrumbs__sep {
    margin: 0 8px;
    color: var(--line);
}

/* === ШАПКА МФО === */
.zk-mfo-header {
    padding-bottom: 40px;
}

.zk-mfo-header__grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 40px;
    align-items: start;
}

.zk-mfo-header__main {
    background: var(--card);
    padding: 32px;
    border-radius: 28px;
    border: 1px solid var(--line);
}

.zk-mfo-header__top {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.zk-mfo-header__logo {
    width: 84px;
    height: 84px;
    background: var(--accent-soft);
    color: var(--accent-deep);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Unbounded', sans-serif;
    font-size: 40px;
    font-weight: 800;
    flex-shrink: 0;
}

.zk-mfo-header__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin: 0 0 8px !important;
    color: var(--ink) !important;
    letter-spacing: -0.02em !important;
}

.zk-mfo-header__legal {
    font-size: 13px;
    color: var(--muted);
    margin: 0 0 12px;
}

.zk-mfo-header__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.zk-mfo-header__rating-num {
    font-weight: 700;
    color: var(--ink);
}

.zk-mfo-header__reviews {
    color: var(--muted);
}

.zk-mfo-header__desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--ink-soft);
    margin: 0 0 20px;
}

.zk-mfo-header__cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.zk-mfo-header__cats-label {
    font-size: 13px;
    color: var(--muted);
    margin-right: 4px;
    font-weight: 600;
}

.zk-tag {
    background: var(--accent-soft);
    color: var(--accent-deep) !important;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s;
}

.zk-tag:hover {
    background: var(--accent);
    color: white !important;
}

.zk-badge--hit {
    background: var(--accent);
    color: white;
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
}

/* === ЛИПКАЯ КАРТОЧКА СПРАВА === */
.zk-mfo-sticky {
    position: sticky;
    top: 100px;
}

.zk-sticky-card {
    background: var(--card);
    padding: 28px;
    border-radius: 24px;
    border: 1px solid var(--line);
    box-shadow: var(--shadow-md);
}

.zk-sticky-card__params {
    margin-bottom: 20px;
}

.zk-sticky-card__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}

.zk-sticky-card__row:last-child {
    border-bottom: none;
}

.zk-sticky-card__label {
    font-size: 14px;
    color: var(--muted);
}

.zk-sticky-card__value {
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
}

.zk-sticky-card__note {
    font-size: 12px;
    color: var(--muted);
    text-align: center;
    margin: 16px 0 0;
    line-height: 1.5;
}

.zk-sticky-card__erid {
    font-size: 10px;
    color: var(--muted);
    text-align: center;
    margin: 8px 0 0;
    opacity: 0.7;
}

/* === СЕКЦИИ === */
.zk-mfo-section {
    padding: 48px 0;
}

.zk-mfo-section__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(24px, 3vw, 32px) !important;
    font-weight: 800 !important;
    margin: 0 0 28px !important;
    color: var(--ink) !important;
}

/* === ПАРАМЕТРЫ === */
.zk-params-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}

.zk-param-card {
    background: var(--card);
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.zk-param-card__label {
    font-size: 12px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.zk-param-card__value {
    font-size: 18px;
    color: var(--ink);
    font-weight: 700;
}

/* === СПОСОБЫ ПОЛУЧЕНИЯ === */
.zk-payment-methods {
    background: var(--card);
    padding: 24px;
    border-radius: 20px;
    border: 1px solid var(--line);
}

.zk-payment-methods__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
    color: var(--ink) !important;
}

.zk-payment-methods__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.zk-payment-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--bg);
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
}

.zk-payment-chip__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: var(--green);
    color: white;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

/* === ПЛЮСЫ И МИНУСЫ === */
.zk-proscons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.zk-proscons__col {
    background: var(--card);
    padding: 28px;
    border-radius: 20px;
    border: 1px solid var(--line);
}

.zk-proscons__col--pros {
    border-color: rgba(0, 182, 122, 0.3);
}

.zk-proscons__col--cons {
    border-color: rgba(255, 77, 46, 0.2);
}

.zk-proscons__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink) !important;
}

.zk-proscons__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 800;
    color: white;
}

.zk-proscons__icon--plus {
    background: var(--green);
}

.zk-proscons__icon--minus {
    background: var(--accent);
}

.zk-proscons__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zk-proscons__list li {
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
    font-size: 15px;
    line-height: 1.5;
    color: var(--ink);
}

.zk-proscons__list li:last-child {
    border-bottom: none;
}

/* === КОНТЕНТ === */
.zk-mfo-content {
    background: var(--card);
    padding: 32px;
    border-radius: 20px;
    border: 1px solid var(--line);
    font-size: 16px;
    line-height: 1.7;
    color: var(--ink-soft);
}

.zk-mfo-content h2,
.zk-mfo-content h3 {
    color: var(--ink);
    margin-top: 24px;
}

.zk-mfo-content p {
    margin-bottom: 16px;
}

/* === ЮРИДИЧЕСКАЯ ИНФА === */
.zk-legal {
    background: var(--card);
    border-radius: 20px;
    border: 1px solid var(--line);
    overflow: hidden;
}

.zk-legal__row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--line);
}

.zk-legal__row:last-child {
    border-bottom: none;
}

.zk-legal__label {
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
}

.zk-legal__value {
    color: var(--ink);
    font-size: 15px;
    font-weight: 500;
}

.zk-legal__link {
    display: inline-block;
    margin-left: 12px;
    color: var(--accent) !important;
    font-size: 13px;
    text-decoration: none !important;
}

.zk-legal__link:hover {
    text-decoration: underline !important;
}

/* === НИЖНИЙ CTA === */
.zk-bottom-cta {
    background: var(--ink);
    color: var(--bg);
    border-radius: 28px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.zk-bottom-cta__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    font-weight: 800 !important;
    color: var(--bg) !important;
    margin: 0 0 8px !important;
}

.zk-bottom-cta__lead {
    color: rgba(255,248,241,0.7);
    font-size: 15px;
    margin: 0;
}

/* === ДИСКЛЕЙМЕР === */
.zk-disclaimer {
    background: var(--accent-soft);
    border-radius: 16px;
    padding: 20px 24px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--ink-soft);
}

.zk-disclaimer strong {
    color: var(--accent-deep);
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 960px) {
    .zk-mfo-header__grid {
        grid-template-columns: 1fr;
    }
    .zk-mfo-sticky {
        position: static;
    }
    .zk-proscons {
        grid-template-columns: 1fr;
    }
    .zk-bottom-cta {
        flex-direction: column;
        text-align: center;
    }
    .zk-legal__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@media (max-width: 600px) {
    .zk-mfo-header__main {
        padding: 24px 20px;
    }
    .zk-mfo-header__top {
        flex-direction: column;
        gap: 16px;
    }
    .zk-mfo-header__logo {
        width: 64px;
        height: 64px;
        font-size: 28px;
        border-radius: 16px;
    }
    .zk-mfo-section {
        padding: 32px 0;
    }
    .zk-bottom-cta {
        padding: 32px 24px;
    }
}

/* ============================================
   АРХИВ МФО (archive-mfo.php)
   ============================================ */

.zk-archive-mfo {
    padding-bottom: 80px;
}

/* === ШАПКА АРХИВА === */
.zk-archive-header {
    padding: 24px 0 40px;
}

.zk-archive-header__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin: 0 0 16px !important;
    color: var(--ink) !important;
    letter-spacing: -0.02em !important;
}

.zk-archive-header__lead {
    font-size: 17px;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0 0 24px;
    max-width: 720px;
}

.zk-archive-header__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.zk-chip {
    display: inline-block;
    background: var(--card);
    border: 1px solid var(--line);
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink) !important;
    text-decoration: none !important;
    transition: all 0.2s;
}

.zk-chip:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: white !important;
}

/* === ГРИД С ФИЛЬТРАМИ === */
.zk-archive-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 32px;
    align-items: start;
}

/* === ФИЛЬТРЫ === */
.zk-filters__sticky {
    position: sticky;
    top: 100px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 24px;
}

.zk-filters__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 20px !important;
    color: var(--ink) !important;
}

.zk-filter {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
}

.zk-filter:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.zk-filter__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted) !important;
    margin: 0 0 12px !important;
}

.zk-filter__options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zk-radio, .zk-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 6px 0;
}

.zk-radio input, .zk-checkbox input {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
    cursor: pointer;
    margin: 0;
}

.zk-radio__label, .zk-checkbox__label {
    font-size: 14px;
    color: var(--ink);
}

.zk-radio:hover .zk-radio__label,
.zk-checkbox:hover .zk-checkbox__label {
    color: var(--accent);
}

.zk-filters__reset {
    display: block;
    text-align: center;
    color: var(--muted) !important;
    font-size: 13px;
    text-decoration: none !important;
    margin-top: 12px;
    padding: 8px;
}

.zk-filters__reset:hover {
    color: var(--accent) !important;
}

/* === ТУЛБАР === */
.zk-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--card);
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid var(--line);
    margin-bottom: 16px;
    gap: 16px;
    flex-wrap: wrap;
}

.zk-toolbar__count {
    font-size: 14px;
    color: var(--muted);
}

.zk-toolbar__count strong {
    color: var(--ink);
    font-size: 16px;
}

.zk-toolbar__sort {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zk-toolbar__sort-label {
    font-size: 14px;
    color: var(--muted);
    font-weight: 600;
}

.zk-toolbar__sort-select {
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 100px;
    padding: 8px 16px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    outline: none;
}

.zk-toolbar__sort-select:hover {
    border-color: var(--accent);
}

/* === КАРТОЧКИ В СПИСКЕ === */
.zk-archive-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.zk-list-card {
    background: var(--card);
    border-radius: 24px;
    padding: 24px;
    border: 1px solid var(--line);
    display: grid;
    grid-template-columns: 180px 1fr 200px;
    gap: 24px;
    align-items: center;
    position: relative;
    transition: all 0.2s;
}

.zk-list-card:hover {
    border-color: var(--accent);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.zk-list-card--hit {
    border-color: var(--accent);
}

.zk-list-card__hit {
    position: absolute;
    top: 16px;
    right: 16px;
    background: var(--accent);
    color: white;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.zk-list-card__left {
    text-align: center;
}

.zk-list-card__logo {
    width: 72px;
    height: 72px;
    background: var(--accent-soft);
    color: var(--accent-deep);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Unbounded', sans-serif;
    font-size: 32px;
    font-weight: 800;
    margin: 0 auto 12px;
}

.zk-list-card__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
}

.zk-list-card__title a {
    color: var(--ink) !important;
    text-decoration: none !important;
}

.zk-list-card__title a:hover {
    color: var(--accent) !important;
}

.zk-list-card__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    margin-bottom: 4px;
}

.zk-list-card__rating-num {
    font-weight: 700;
    color: var(--ink);
}

.zk-list-card__reviews {
    font-size: 12px;
    color: var(--muted);
}

.zk-list-card__center {
    min-width: 0;
}

.zk-list-card__params {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-bottom: 12px;
}

.zk-list-card__param {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.zk-list-card__param-label {
    font-size: 10px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.zk-list-card__param-value {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
}

.zk-list-card__desc {
    font-size: 13px;
    color: var(--ink-soft);
    margin: 0 0 12px;
    line-height: 1.5;
}

.zk-list-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.zk-tag--small {
    padding: 4px 10px;
    font-size: 11px;
}

.zk-list-card__right {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zk-list-card__right .zk-btn {
    padding: 12px 16px;
    font-size: 14px;
}

/* === ПАГИНАЦИЯ === */
.zk-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.zk-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--ink) !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s;
}

.zk-pagination__item:hover {
    background: var(--accent-soft);
    border-color: var(--accent);
    color: var(--accent-deep) !important;
}

.zk-pagination__item--current {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: white !important;
}

/* === ПУСТОЕ СОСТОЯНИЕ === */
.zk-empty-state {
    background: var(--card);
    border-radius: 24px;
    padding: 60px 32px;
    text-align: center;
    border: 1px solid var(--line);
}

.zk-empty-state h3 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 24px !important;
    margin: 0 0 12px !important;
    color: var(--ink) !important;
}

.zk-empty-state p {
    color: var(--ink-soft);
    margin: 0 0 20px;
}

/* === SEO ТЕКСТ === */
.zk-archive-seo {
    padding: 60px 0 0;
}

.zk-archive-seo__content {
    background: var(--card);
    border-radius: 28px;
    padding: 48px;
    border: 1px solid var(--line);
    max-width: 920px;
    margin: 0 auto;
}

.zk-archive-seo__content h2 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    color: var(--ink) !important;
}

.zk-archive-seo__content h3 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 32px 0 12px !important;
    color: var(--ink) !important;
}

.zk-archive-seo__content p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin: 0 0 16px;
}

.zk-archive-seo__content ul {
    margin: 16px 0;
    padding-left: 0;
    list-style: none;
}

.zk-archive-seo__content ul li {
    padding: 8px 0 8px 28px;
    position: relative;
    color: var(--ink-soft);
    line-height: 1.6;
}

.zk-archive-seo__content ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent);
    font-weight: 700;
}

.zk-archive-seo__content strong {
    color: var(--ink);
}

.zk-archive-seo__warning {
    background: var(--accent-soft);
    padding: 16px 20px;
    border-radius: 12px;
    margin-top: 24px !important;
    border-left: 4px solid var(--accent);
}

.zk-archive-seo__warning strong {
    color: var(--accent-deep);
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 960px) {
    .zk-archive-grid {
        grid-template-columns: 1fr;
    }
    .zk-filters__sticky {
        position: static;
    }
    .zk-list-card {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .zk-list-card__left {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 16px;
        text-align: left;
    }
    .zk-list-card__logo {
        margin: 0;
    }
    .zk-list-card__right {
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    .zk-list-card {
        padding: 20px;
    }
    .zk-list-card__params {
        grid-template-columns: 1fr 1fr;
    }
    .zk-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
    .zk-list-card__right {
        flex-direction: column;
    }
    .zk-archive-seo__content {
        padding: 32px 24px;
    }
}

/* ============================================
   ДОРАБОТКИ V2 — Logo, Hero, Hit, Menu
   ============================================ */

/* === ЛОГОТИП «ЗаймНаКарту.ру» === */
.site-title, .ct-text-logo, .site-title a, .ct-text-logo a {
    font-family: 'Unbounded', sans-serif !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    letter-spacing: -0.04em !important;
    color: var(--ink) !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* Часть «.ру» делаем коралловой через ::after — но в Blocksy логотип
   текстовый, поэтому проще обыграть штрихом подчёркивания */
.site-title a, .ct-text-logo a {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
}

/* === ПУНКТЫ МЕНЮ — БОЛЕЕ ЖИРНЫЕ === */
[data-id="custom-menu"] .menu > li > a,
.ct-header [data-row] .menu > li > a {
    font-family: 'Unbounded', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: -0.01em !important;
    text-transform: uppercase !important;
}

/* === ЛАЙМОВЫЙ ШТРИХ В HERO === */
.zk-hero__title-accent {
    color: var(--ink) !important;
    position: relative;
    display: inline-block;
    padding: 0 8px;
    z-index: 1;
}

.zk-hero__title-accent::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8%;
    height: 38%;
    background: var(--lime);
    z-index: -1;
    border-radius: 4px;
    transform: rotate(-1deg);
}

/* === ПЛАШКА ХИТ — КИСЛОТНО-ЗЕЛЁНАЯ === */
.zk-mfo-card__hit,
.zk-list-card__hit,
.zk-badge--hit {
    background: var(--lime) !important;
    color: var(--ink) !important;
    font-weight: 800 !important;
}

.zk-mfo-card--hit,
.zk-list-card--hit {
    border-color: var(--lime) !important;
    box-shadow: 0 0 0 1px var(--lime);
}

.zk-mfo-card--hit:hover,
.zk-list-card--hit:hover {
    border-color: var(--lime) !important;
    box-shadow: 0 8px 32px rgba(216, 255, 61, 0.35);
}

/* ============================================
   COOKIE-ПЛАШКА
   ============================================ */

.zk-cookie {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 560px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
}

.zk-cookie--show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.zk-cookie__inner {
    background: var(--ink);
    color: var(--bg);
    border-radius: 20px;
    padding: 16px 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    border: 1px solid rgba(216, 255, 61, 0.2);
    position: relative;
    overflow: hidden;
}

/* Кислотный акцент-полоска сбоку */
.zk-cookie__inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: var(--lime);
}

.zk-cookie__content {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.zk-cookie__icon {
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.zk-cookie__text {
    flex: 1;
    min-width: 0;
}

.zk-cookie__title {
    display: block;
    font-family: 'Unbounded', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--bg);
    margin-bottom: 4px;
    letter-spacing: -0.01em;
}

.zk-cookie__desc {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 248, 241, 0.75);
    margin: 0;
}

.zk-cookie__desc a {
    color: var(--lime) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.zk-cookie__desc a:hover {
    color: var(--lime) !important;
    text-decoration: none;
}

.zk-cookie__actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.zk-cookie__btn {
    padding: 10px 20px;
    border-radius: 100px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.zk-cookie__btn--accept {
    background: var(--lime);
    color: var(--ink);
}

.zk-cookie__btn--accept:hover {
    background: white;
    transform: translateY(-1px);
}

.zk-cookie__btn--reject {
    background: transparent;
    color: rgba(255, 248, 241, 0.7);
    border: 1px solid rgba(255, 248, 241, 0.2);
}

.zk-cookie__btn--reject:hover {
    color: var(--bg);
    border-color: rgba(255, 248, 241, 0.5);
}

@media (max-width: 600px) {
    .zk-cookie {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }
    .zk-cookie__inner {
        padding: 16px 18px;
    }
    .zk-cookie__icon {
        font-size: 22px;
    }
}

/* === ЛОГОТИП МФО — ИЗОБРАЖЕНИЕ === */

.zk-mfo-card__logo--image,
.zk-mfo-header__logo--image,
.zk-list-card__logo--image {
    background: white !important;
    color: inherit !important;
    padding: 6px;
    overflow: hidden;
}

.zk-mfo-card__logo--image img,
.zk-mfo-header__logo--image img,
.zk-list-card__logo--image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    display: block;
}

/* === ЛОГОТИП НА ГЛАВНОЙ — БОЛЬШЕ МЕСТА === */
.zk-mfo-card__logo {
    width: 72px;
    height: 72px;
}

.zk-mfo-card__logo--image {
    background: white !important;
    padding: 4px;
}

.zk-mfo-card__logo--image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 6px;
    display: block;
}

/* ============================================
   БЛОГ — archive.php + single.php
   ============================================ */

.zk-container--narrow {
    max-width: 800px;
}

/* === ШАПКА БЛОГА === */
.zk-blog-archive {
    padding-bottom: 80px;
}

.zk-blog-header {
    padding: 24px 0 48px;
}

.zk-blog-header__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--accent-soft);
    color: var(--accent-deep);
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

.zk-blog-header__dot {
    width: 8px;
    height: 8px;
    background: var(--accent);
    border-radius: 50%;
}

.zk-blog-header__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(32px, 5vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 16px !important;
    color: var(--ink) !important;
}

.zk-blog-header__lead {
    font-size: 18px;
    line-height: 1.5;
    color: var(--ink-soft);
    max-width: 640px;
    margin: 0 0 24px;
}

.zk-blog-header__cats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.zk-chip__count {
    background: var(--accent-soft);
    color: var(--accent-deep);
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 6px;
}

.zk-chip:hover .zk-chip__count {
    background: white;
}

/* === СЕТКА ПОСТОВ === */
.zk-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.zk-post-card {
    background: var(--card);
    border-radius: 24px;
    border: 1px solid var(--line);
    overflow: hidden;
    transition: all 0.3s;
}

.zk-post-card:hover {
    border-color: var(--accent);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.zk-post-card__link {
    display: block;
    text-decoration: none !important;
    color: inherit !important;
}

.zk-post-card__image {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--accent-soft);
    position: relative;
}

.zk-post-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
    display: block;
}

.zk-post-card:hover .zk-post-card__image img {
    transform: scale(1.04);
}

.zk-post-card__image--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zk-post-card__image--placeholder span {
    font-family: 'Unbounded', sans-serif;
    font-size: 96px;
    font-weight: 900;
    color: var(--accent);
    opacity: 0.4;
    line-height: 1;
}

.zk-post-card__body {
    padding: 24px;
}

.zk-post-card__cat {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.zk-post-card__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--ink) !important;
    margin: 0 0 10px !important;
    letter-spacing: -0.01em !important;
}

.zk-post-card:hover .zk-post-card__title {
    color: var(--accent) !important;
}

.zk-post-card__excerpt {
    font-size: 14px;
    line-height: 1.55;
    color: var(--ink-soft);
    margin: 0 0 14px;
}

.zk-post-card__meta {
    font-size: 12px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.zk-post-card__sep {
    color: var(--line);
}

/* === ПРЕМИУМ ПЕРВАЯ КАРТОЧКА (Featured) === */
.zk-post-card--featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}

.zk-post-card--featured .zk-post-card__link {
    display: contents;
}

.zk-post-card--featured .zk-post-card__image {
    aspect-ratio: auto;
    min-height: 360px;
}

.zk-post-card--featured .zk-post-card__body {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zk-post-card--featured .zk-post-card__title {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-bottom: 14px !important;
}

.zk-post-card--featured .zk-post-card__excerpt {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 18px;
}

/* === БЛОК CTA В БЛОГЕ === */
.zk-blog-cta {
    padding: 60px 0;
}

.zk-blog-cta__box {
    background: var(--ink);
    color: var(--bg);
    border-radius: 28px;
    padding: 36px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    position: relative;
    overflow: hidden;
}

.zk-blog-cta__box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    bottom: 0;
    background: var(--lime);
}

.zk-blog-cta__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--bg) !important;
    margin: 0 0 6px !important;
}

.zk-blog-cta__lead {
    color: rgba(255, 248, 241, 0.7);
    font-size: 14px;
    margin: 0;
}

/* ============================================
   ОТДЕЛЬНАЯ СТАТЬЯ
   ============================================ */

.zk-article {
    padding-bottom: 60px;
}

.zk-article__header {
    padding: 40px 0 32px;
    text-align: center;
}

.zk-article__cat {
    display: inline-block;
    background: var(--accent-soft);
    color: var(--accent-deep) !important;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    margin-bottom: 20px;
}

.zk-article__cat:hover {
    background: var(--accent);
    color: white !important;
}

.zk-article__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(28px, 4.5vw, 52px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 24px !important;
    color: var(--ink) !important;
}

.zk-article__meta {
    font-size: 14px;
    color: var(--muted);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.zk-article__meta strong {
    color: var(--ink);
    font-weight: 700;
}

.zk-article__meta-sep {
    color: var(--line);
}

.zk-article__cover {
    margin-bottom: 48px;
}

.zk-article__cover img {
    width: 100%;
    height: auto;
    max-height: 540px;
    object-fit: cover;
    border-radius: 28px;
    display: block;
}

/* === КОНТЕНТ — ТИПОГРАФИКА === */
.zk-prose {
    font-size: 18px;
    line-height: 1.7;
    color: var(--ink-soft);
}

.zk-prose > * + * {
    margin-top: 1.2em;
}

.zk-prose p {
    margin-bottom: 1.2em;
}

.zk-prose h2 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    margin: 48px 0 20px !important;
    letter-spacing: -0.02em !important;
}

.zk-prose h3 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    margin: 36px 0 14px !important;
}

.zk-prose h4 {
    font-family: 'Unbounded', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    margin: 28px 0 12px !important;
}

.zk-prose a {
    color: var(--accent) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.zk-prose a:hover {
    color: var(--accent-deep) !important;
}

.zk-prose strong, .zk-prose b {
    color: var(--ink);
    font-weight: 700;
}

.zk-prose ul, .zk-prose ol {
    padding-left: 24px;
    margin: 16px 0;
}

.zk-prose li {
    margin-bottom: 8px;
}

.zk-prose ul li::marker {
    color: var(--accent);
}

.zk-prose blockquote {
    border-left: 4px solid var(--accent);
    background: var(--accent-soft);
    padding: 20px 28px;
    margin: 32px 0;
    border-radius: 0 16px 16px 0;
    font-size: 17px;
    font-style: italic;
    color: var(--ink);
}

.zk-prose blockquote p:last-child {
    margin-bottom: 0;
}

.zk-prose img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin: 24px 0;
    display: block;
}

.zk-prose code {
    background: var(--bg);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 0.92em;
    color: var(--accent-deep);
}

.zk-prose pre {
    background: var(--ink);
    color: var(--bg);
    padding: 20px;
    border-radius: 12px;
    overflow-x: auto;
    margin: 24px 0;
}

.zk-prose pre code {
    background: transparent;
    color: var(--bg);
    padding: 0;
}

.zk-prose hr {
    border: none;
    border-top: 1px solid var(--line);
    margin: 40px 0;
}

.zk-prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
}

.zk-prose th, .zk-prose td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--line);
}

.zk-prose th {
    background: var(--bg);
    font-weight: 700;
    color: var(--ink);
}

/* === ТЕГИ ПОД СТАТЬЁЙ === */
.zk-article__tags {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.zk-article__tags-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    margin-right: 4px;
}

/* === ПОДЕЛИТЬСЯ === */
.zk-article__share {
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.zk-article__share-label {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
    margin-right: 4px;
}

.zk-share-btn {
    background: var(--card);
    border: 1px solid var(--line);
    padding: 8px 18px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink) !important;
    text-decoration: none !important;
    transition: all 0.2s;
}

.zk-share-btn:hover {
    background: var(--ink);
    border-color: var(--ink);
    color: var(--bg) !important;
}

/* === АВТОР === */
.zk-article__author-block {
    margin-top: 48px;
}

.zk-author-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.zk-author-card__avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
}

.zk-author-card__name {
    display: block;
    font-family: 'Unbounded', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
}

.zk-author-card__bio {
    font-size: 14px;
    color: var(--ink-soft);
    line-height: 1.5;
    margin: 0;
}

/* === ПОХОЖИЕ СТАТЬИ === */
.zk-related {
    padding: 60px 0;
    border-top: 1px solid var(--line);
}

.zk-related__title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(24px, 3vw, 32px) !important;
    font-weight: 800 !important;
    margin: 0 0 32px !important;
    color: var(--ink) !important;
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 960px) {
    .zk-post-card--featured {
        grid-template-columns: 1fr;
    }
    .zk-post-card--featured .zk-post-card__image {
        min-height: 240px;
    }
    .zk-post-card--featured .zk-post-card__body {
        padding: 28px;
    }
    .zk-post-card--featured .zk-post-card__title {
        font-size: 24px !important;
    }
    .zk-blog-cta__box {
        flex-direction: column;
        text-align: center;
        padding: 32px 24px;
    }
}

@media (max-width: 600px) {
    .zk-article__cover img {
        border-radius: 16px;
    }
    .zk-prose {
        font-size: 17px;
    }
    .zk-prose h2 {
        font-size: 26px !important;
    }
    .zk-prose h3 {
        font-size: 21px !important;
    }
}

/* ============================================
   КАСТОМНОЕ МОБИЛЬНОЕ МЕНЮ
   ============================================ */

/* Скрываем стандартный бургер и меню Blocksy */
@media (max-width: 999.98px) {
    .ct-header-trigger,
    .ct-header [data-id="trigger"],
    .ct-panel,
    .ct-panel-actions,
    [class*="ct-panel"],
    .ct-drawer-canvas {
        display: none !important;
    }
}

/* === КНОПКА БУРГЕРА === */
.zk-burger {
    display: none;
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 9999;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--accent);
    border: none;
    cursor: pointer;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: 0 4px 16px rgba(255, 77, 46, 0.3);
    transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
}

@media (max-width: 999.98px) {
    .zk-burger {
        display: flex;
    }
}

.zk-burger:hover {
    background: var(--accent-deep);
    box-shadow: 0 6px 20px rgba(255, 77, 46, 0.4);
}

.zk-burger:active {
    transform: scale(0.95);
}

.zk-burger:hover {
    background: var(--accent);
    transform: scale(1.05);
}

.zk-burger__line {
    width: 20px;
    height: 2px;
    background: var(--bg);
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

/* Анимация в крестик при открытии */
.zk-burger--open {
    background: var(--ink);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.zk-burger--open:hover {
    background: var(--ink);
}

.zk-burger--open .zk-burger__line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.zk-burger--open .zk-burger__line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.zk-burger--open .zk-burger__line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* === МЕНЮ === */
.zk-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: var(--bg);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.zk-mobile-menu--open {
    opacity: 1;
    visibility: visible;
}

/* Декоративные элементы фона */
.zk-mobile-menu::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s 0.2s;
}

.zk-mobile-menu--open::before {
    opacity: 1;
}

.zk-mobile-menu::after {
    content: '';
    position: absolute;
    bottom: 100px;
    left: -80px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(216, 255, 61, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s 0.3s;
}

.zk-mobile-menu--open::after {
    opacity: 1;
}

.zk-mobile-menu__inner {
    position: relative;
    z-index: 2;
    min-height: 100%;
    padding: 24px 24px 32px;
    display: flex;
    flex-direction: column;
}

/* === ШАПКА МЕНЮ === */
.zk-mobile-menu__header {
    padding: 8px 0 40px;
}

.zk-mobile-menu__logo {
    font-family: 'Unbounded', sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: var(--ink) !important;
    text-decoration: none !important;
    letter-spacing: -0.04em;
    display: inline-block;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.5s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.zk-mobile-menu__logo span {
    color: var(--accent);
}

.zk-mobile-menu--open .zk-mobile-menu__logo {
    transform: translateY(0);
    opacity: 1;
}

/* === НАВИГАЦИЯ === */
.zk-mobile-menu__nav {
    flex: 1;
    padding: 20px 0;
}

.zk-mobile-menu__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.zk-mobile-menu__list li {
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.zk-mobile-menu--open .zk-mobile-menu__list li {
    opacity: 1;
    transform: translateX(0);
}

/* Поэтапное появление пунктов */
.zk-mobile-menu--open .zk-mobile-menu__list li:nth-child(1) { transition-delay: 0.15s; }
.zk-mobile-menu--open .zk-mobile-menu__list li:nth-child(2) { transition-delay: 0.22s; }
.zk-mobile-menu--open .zk-mobile-menu__list li:nth-child(3) { transition-delay: 0.29s; }
.zk-mobile-menu--open .zk-mobile-menu__list li:nth-child(4) { transition-delay: 0.36s; }
.zk-mobile-menu--open .zk-mobile-menu__list li:nth-child(5) { transition-delay: 0.43s; }

.zk-mobile-menu__list a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    font-family: 'Unbounded', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid var(--line) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    transition: color 0.2s, padding-left 0.2s;
    position: relative;
}

.zk-mobile-menu__list a::after {
    content: '→';
    font-size: 24px;
    color: var(--accent);
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.2s;
}

.zk-mobile-menu__list a:hover,
.zk-mobile-menu__list a:active {
    color: var(--accent) !important;
    padding-left: 8px !important;
}

.zk-mobile-menu__list a:hover::after,
.zk-mobile-menu__list a:active::after {
    opacity: 1;
    transform: translateX(0);
}

/* === FOOTER МЕНЮ === */
.zk-mobile-menu__footer {
    padding-top: 32px;
    margin-top: auto;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.zk-mobile-menu--open .zk-mobile-menu__footer {
    opacity: 1;
    transform: translateY(0);
}

.zk-mobile-menu__cta {
    display: block;
    width: 100%;
    background: var(--accent);
    color: white !important;
    text-decoration: none !important;
    padding: 20px 24px;
    border-radius: 18px;
    font-family: 'Unbounded', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.01em;
    box-shadow: 0 8px 24px rgba(255, 77, 46, 0.3);
    transition: all 0.2s;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.zk-mobile-menu__cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--lime);
    border-left: 3px solid var(--lime);
    width: 4px;
    border-radius: 0;
}

.zk-mobile-menu__cta:active {
    transform: scale(0.98);
    box-shadow: 0 4px 12px rgba(255, 77, 46, 0.4);
}

.zk-mobile-menu__contacts {
    margin-top: 20px;
    text-align: center;
}

.zk-mobile-menu__contacts a {
    color: var(--muted) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
}

.zk-mobile-menu__contacts a:hover {
    color: var(--accent) !important;
}

/* Корректировка для очень маленьких экранов */
@media (max-width: 380px) {
    .zk-mobile-menu__list a {
        font-size: 24px !important;
    }
    .zk-mobile-menu__logo {
        font-size: 20px;
    }
}

/* Отступ справа в шапке, чтобы логотип не уезжал под бургер */
@media (max-width: 999.98px) {
    .ct-header [data-row="offcanvas"],
    .ct-header [data-row="top"],
    .ct-header [data-row="middle"] {
        padding-right: 70px !important;
    }
}

/* ============================================
   ЛОГОТИП В ШАПКЕ — фолбэк на multiply
   ============================================ */

.ct-header [data-id="logo"] img,
.ct-header .site-logo-container img,
.ct-header .ct-image-container img {
    mix-blend-mode: multiply;
}