.elementor-704 .elementor-element.elementor-element-341ea9a.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-704 .elementor-element.elementor-element-42f4683.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-704 .elementor-element.elementor-element-fd56966.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-704 .elementor-element.elementor-element-945b78f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-704 .elementor-element.elementor-element-1ac6584.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-704 .elementor-element.elementor-element-a3b5e54.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-341ea9a *//* ============================================================
     ZAIMHUB-KK1 — Hero-баннер категории «Кредитные карты»
     Новая визуальная линия: тёплая "бумажная" премиальность
     (canvas / paper / gold), отдельная от неоновой линии "Новые займы".
     Все классы блока начинаются с префикса .zaimhub-kk1
     ============================================================ */
 
  .zaimhub-kk1-section {
    --kk1-canvas:   #ECE6D8;
    --kk1-paper:    #FBF9F3;
    --kk1-line:     #D9D0BA;
    --kk1-ink:      #241C10;
    --kk1-ink-dim:  #6B5F47;
    --kk1-teal:     #123B3E;
    --kk1-burgundy: #5C1B2B;
    --kk1-gold:     #C9A227;
    --kk1-gold-lt:  #F3D98B;
 
    width: 100%;
    box-sizing: border-box;
    background: var(--kk1-canvas);
    background-image:
      radial-gradient(rgba(217,208,186,0.7) 1px, transparent 1px);
    background-size: 18px 18px;
    padding: 64px 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk1-section * { box-sizing: border-box; }
 
  .zaimhub-kk1-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  .zaimhub-kk1-paper {
    background: var(--kk1-paper);
    border: 1px solid var(--kk1-line);
    border-radius: 24px;
    padding: 56px;
    box-shadow: 0 30px 60px -40px rgba(36,28,16,0.25);
  }
 
  .zaimhub-kk1-grid {
    display: flex;
    align-items: center;
    gap: 0;
  }
 
  /* -------------------- ЛЕВАЯ КОЛОНКА: ТЕКСТ (600px) -------------------- */
 
  .zaimhub-kk1-left {
    width: 600px;
    flex: 0 0 600px;
    padding-right: 44px;
  }
 
  .zaimhub-kk1-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk1-teal);
    margin-bottom: 18px;
  }
 
  .zaimhub-kk1-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk1-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  .zaimhub-kk1-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.14;
    letter-spacing: -0.01em;
    color: var(--kk1-ink);
    margin: 0 0 20px 0;
  }
 
  .zaimhub-kk1-subtitle {
    font-size: 16px;
    line-height: 1.65;
    color: var(--kk1-ink-dim);
    margin: 0 0 32px 0;
    max-width: 500px;
  }
 
  .zaimhub-kk1-checks {
    list-style: none;
    margin: 0 0 34px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
 
  .zaimhub-kk1-checks li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--kk1-ink);
  }
 
  .zaimhub-kk1-check-icon {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kk1-gold), var(--kk1-gold-lt));
    display: flex;
    align-items: center;
    justify-content: center;
  }
 
  .zaimhub-kk1-check-icon svg {
    width: 12px;
    height: 12px;
    stroke: #2B2107;
    stroke-width: 2.6;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
 
  .zaimhub-kk1-stats {
    display: flex;
    gap: 30px;
    padding-top: 26px;
    border-top: 1px solid var(--kk1-line);
  }
 
  .zaimhub-kk1-stat-value {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 21px;
    color: var(--kk1-ink);
    display: block;
    margin-bottom: 4px;
  }
 
  .zaimhub-kk1-stat-label {
    font-size: 12.5px;
    color: var(--kk1-ink-dim);
    line-height: 1.4;
  }
 
  /* -------------------- ПРАВАЯ КОЛОНКА: ВИЗУАЛ (600px) -------------------- */
 
  .zaimhub-kk1-right {
    width: 600px;
    flex: 0 0 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
  }
 
  .zaimhub-kk1-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,162,39,0.20) 0%, transparent 72%);
    filter: blur(4px);
  }
 
  .zaimhub-kk1-visual {
    position: relative;
    width: 100%;
    max-width: 460px;
  }
 
  .zaimhub-kk1-visual-svg {
    width: 100%;
    height: auto;
    animation: zaimhub-kk1-float 5.5s ease-in-out infinite;
    transform-origin: center;
  }
 
  @keyframes zaimhub-kk1-float {
    0%, 100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(-12px) rotate(-2deg); }
  }
 
  /* оверлей-плашка поверх иллюстрации */
  .zaimhub-kk1-overlay {
    position: absolute;
    left: -6px;
    bottom: 8px;
    max-width: 250px;
    background: rgba(251,249,243,0.88);
    backdrop-filter: blur(8px);
    border: 1px solid var(--kk1-line);
    border-radius: 16px;
    padding: 18px 20px;
    box-shadow: 0 20px 40px -24px rgba(36,28,16,0.35);
  }
 
  .zaimhub-kk1-overlay-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.02em;
    color: #2B2107;
    background: linear-gradient(95deg, var(--kk1-gold), var(--kk1-gold-lt));
    padding: 5px 12px;
    border-radius: 100px;
    margin-bottom: 12px;
  }
 
  .zaimhub-kk1-overlay-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 17px;
    color: var(--kk1-ink);
    margin: 0 0 4px;
    line-height: 1.25;
  }
 
  .zaimhub-kk1-overlay-sub {
    font-size: 12.5px;
    color: var(--kk1-ink-dim);
    margin: 0;
    line-height: 1.4;
  }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 1279px) {
    .zaimhub-kk1-paper { padding: 44px; }
    .zaimhub-kk1-left, .zaimhub-kk1-right { width: 50%; flex: 1 1 50%; }
  }
 
  @media (max-width: 940px) {
    .zaimhub-kk1-grid { flex-direction: column-reverse; text-align: center; }
    .zaimhub-kk1-left, .zaimhub-kk1-right { width: 100%; flex: 1 1 100%; padding-right: 0; }
    .zaimhub-kk1-left { padding-top: 40px; }
    .zaimhub-kk1-subtitle { margin-left: auto; margin-right: auto; }
    .zaimhub-kk1-checks { align-items: center; }
    .zaimhub-kk1-stats { justify-content: center; }
    .zaimhub-kk1-title { font-size: 34px; }
    .zaimhub-kk1-right { min-height: 320px; }
    .zaimhub-kk1-overlay { left: 50%; transform: translateX(-50%); bottom: -10px; text-align: left; }
  }
 
  @media (max-width: 480px) {
    .zaimhub-kk1-section { padding: 44px 16px; }
    .zaimhub-kk1-paper { padding: 30px 22px; border-radius: 18px; }
    .zaimhub-kk1-title { font-size: 27px; }
    .zaimhub-kk1-subtitle { font-size: 15px; }
    .zaimhub-kk1-stats { gap: 18px; flex-wrap: wrap; }
    .zaimhub-kk1-overlay { max-width: 90%; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk1-visual-svg { animation: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42f4683 *//* ============================================================
     ZAIMHUB-KK2 — Блок фильтрации и витрины кредитных карт
     Все классы блока начинаются с префикса .zaimhub-kk2
     Карточки выводятся через [credit_card_grid ...] — их стили уже
     существуют на сайте, здесь не переопределяем и не оборачиваем.
     ============================================================ */
 
  .zaimhub-kk2-section {
    --kk2-ink:      #241C10;
    --kk2-ink-dim:  #6B5F47;
    --kk2-line:     #E4DCC7;
    --kk2-paper:    #FBF9F3;
    --kk2-teal:     #123B3E;
    --kk2-gold:     #C9A227;
    --kk2-gold-lt:  #F3D98B;
 
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    padding: 78px 24px 90px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk2-section * { box-sizing: border-box; }
 
  .zaimhub-kk2-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  /* Заголовок доступен для SEO/скринридеров, но визуально скрыт —
     видимую роль заголовка выполняет эйбраунд над вкладками */
  .zaimhub-kk2-sr-title {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
 
  .zaimhub-kk2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk2-teal);
    margin-bottom: 20px;
  }
 
  .zaimhub-kk2-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk2-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  /* -------------------- КРУПНЫЕ ВКЛАДКИ-ФИЛЬТРЫ ВО ВСЮ ШИРИНУ -------------------- */
 
  .zaimhub-kk2-tabs {
    display: flex;
    gap: 16px;
    margin-bottom: 44px;
  }
 
  .zaimhub-kk2-tab {
    appearance: none;
    cursor: pointer;
    text-decoration: none;
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    background: var(--kk2-paper);
    border: 1px solid var(--kk2-line);
    border-radius: 18px;
    padding: 24px 28px;
    transition: background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.2s ease;
  }
 
  .zaimhub-kk2-tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -20px rgba(36,28,16,0.35);
  }
 
  .zaimhub-kk2-tab:focus-visible {
    outline: 2px solid var(--kk2-teal);
    outline-offset: 3px;
  }
 
  .zaimhub-kk2-tab-icon {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #FFFFFF;
    border: 1px solid var(--kk2-line);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.28s ease, border-color 0.28s ease;
  }
 
  .zaimhub-kk2-tab-icon svg {
    width: 24px;
    height: 24px;
    stroke: var(--kk2-teal);
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.28s ease;
  }
 
  .zaimhub-kk2-tab-text-label {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 19px;
    color: var(--kk2-ink);
    margin-bottom: 4px;
    transition: color 0.28s ease;
  }
 
  .zaimhub-kk2-tab-text-sub {
    display: block;
    font-size: 13px;
    color: var(--kk2-ink-dim);
    transition: color 0.28s ease;
  }
 
  /* -------------------- ЗАГОЛОВОК ПЕРЕД ВИТРИНОЙ КАРТ -------------------- */
 
  .zaimhub-kk2-grid-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 26px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--kk2-line);
  }
 
  .zaimhub-kk2-grid-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--kk2-ink);
    margin: 0;
  }
 
  .zaimhub-kk2-grid-text {
    font-size: 14px;
    line-height: 1.6;
    color: var(--kk2-ink-dim);
    margin: 0;
    max-width: 460px;
  }
 
  /* -------------------- ОБЛАСТЬ ВЫВОДА ШОРТКОДА -------------------- */
  /* Без собственных стилей карточек — сетка/карточки приходят вместе
     с [credit_card_grid ...] */
 
  .zaimhub-kk2-grid-wrap {
    margin-top: 4px;
  }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 760px) {
    .zaimhub-kk2-section { padding: 54px 20px 64px; }
    .zaimhub-kk2-tabs { flex-direction: column; gap: 12px; margin-bottom: 36px; }
    .zaimhub-kk2-tab { padding: 20px 22px; }
    .zaimhub-kk2-tab-icon { width: 46px; height: 46px; }
    .zaimhub-kk2-tab-text-label { font-size: 17px; }
    .zaimhub-kk2-grid-head { flex-direction: column; gap: 8px; }
    .zaimhub-kk2-grid-title { font-size: 20px; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk2-tab, .zaimhub-kk2-tab-icon, .zaimhub-kk2-tab-icon svg,
    .zaimhub-kk2-tab-text-label, .zaimhub-kk2-tab-text-sub { transition: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd56966 *//* ============================================================
     ZAIMHUB-KK3 — Блок «Как выбрать кредитную карту»
     Все классы блока начинаются с префикса .zaimhub-kk3
     ============================================================ */
 
  .zaimhub-kk3-section {
    --kk3-ink:      #241C10;
    --kk3-ink-dim:  #6B5F47;
    --kk3-line:     #E4DCC7;
    --kk3-teal:     #123B3E;
    --kk3-gold:     #C9A227;
    --kk3-gold-lt:  #F3D98B;
 
    width: 100%;
    box-sizing: border-box;
    background: #F7F6F2;
    padding: 84px 24px 92px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk3-section * { box-sizing: border-box; }
 
  .zaimhub-kk3-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  /* -------------------- ЗАГОЛОВОК -------------------- */
 
  .zaimhub-kk3-head {
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
  }
 
  .zaimhub-kk3-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk3-teal);
    margin-bottom: 18px;
  }
 
  .zaimhub-kk3-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk3-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  .zaimhub-kk3-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: var(--kk3-ink);
    margin: 0 0 16px;
  }
 
  .zaimhub-kk3-text {
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--kk3-ink-dim);
    margin: 0;
  }
 
  /* -------------------- СЕТКА КАРТОЧЕК-«ДОКУМЕНТОВ» -------------------- */
 
  .zaimhub-kk3-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
 
  .zaimhub-kk3-card {
    position: relative;
    background: #FBF9F3;
    border: 1px solid var(--kk3-line);
    border-radius: 18px;
    padding: 30px 24px 26px;
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
  }
 
  .zaimhub-kk3-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 40px -26px rgba(36,28,16,0.35);
  }
 
  /* сложенный уголок листа — фирменная деталь карточки-"документа" */
  .zaimhub-kk3-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, transparent 50%, var(--kk3-line) 50.5%);
  }
  .zaimhub-kk3-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, transparent 50%, #F0EBDC 51%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    box-shadow: -3px 3px 6px rgba(36,28,16,0.10);
  }
 
  .zaimhub-kk3-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--kk3-gold);
    letter-spacing: 0.04em;
    margin-bottom: 16px;
  }
 
  .zaimhub-kk3-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--kk3-teal), #1B4448);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
  }
 
  .zaimhub-kk3-icon svg {
    width: 21px;
    height: 21px;
    stroke: var(--kk3-gold-lt);
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
 
  .zaimhub-kk3-card-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    color: var(--kk3-ink);
    margin: 0 0 10px;
  }
 
  .zaimhub-kk3-card-text {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--kk3-ink-dim);
    margin: 0;
  }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 980px) {
    .zaimhub-kk3-grid { grid-template-columns: 1fr 1fr; }
  }
 
  @media (max-width: 700px) {
    .zaimhub-kk3-section { padding: 60px 20px 68px; }
    .zaimhub-kk3-title { font-size: 25px; }
    .zaimhub-kk3-head { margin-bottom: 36px; }
    .zaimhub-kk3-grid { grid-template-columns: 1fr; gap: 14px; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk3-card { transition: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-945b78f *//* ============================================================
     ZAIMHUB-KK4 — Футерный SEO-текстовый блок «Кредитные карты»
     Все классы блока начинаются с префикса .zaimhub-kk4
     Заголовки — Playfair Display, текст статьи — PT Serif (редакторская
     пара для комфортного чтения), интерфейсные элементы — Inter.
     ============================================================ */
 
  .zaimhub-kk4-section {
    --kk4-ink:      #241C10;
    --kk4-ink-dim:  #6B5F47;
    --kk4-line:     #E4DCC7;
    --kk4-teal:     #123B3E;
    --kk4-gold:     #C9A227;
    --kk4-gold-lt:  #F3D98B;
    --kk4-paper:    #FBF9F3;
 
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    padding: 84px 24px 96px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk4-section * { box-sizing: border-box; }
 
  .zaimhub-kk4-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  /* -------------------- ЗАГОЛОВОК БЛОКА -------------------- */
 
  .zaimhub-kk4-head {
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
  }
 
  .zaimhub-kk4-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk4-teal);
    margin-bottom: 16px;
  }
 
  .zaimhub-kk4-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk4-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  .zaimhub-kk4-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.3;
    color: var(--kk4-ink);
    margin: 0;
  }
 
  /* -------------------- СТАТЬЯ -------------------- */
 
  .zaimhub-kk4-fade {
    position: relative;
    max-height: 760px;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }
  .zaimhub-kk4-fade::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 150px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 88%);
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .zaimhub-kk4-fade.is-expanded { max-height: 6000px; }
  .zaimhub-kk4-fade.is-expanded::after { opacity: 0; }
 
  .zaimhub-kk4-article {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'PT Serif', Georgia, serif;
    font-size: 17px;
    line-height: 1.85;
    color: var(--kk4-ink-dim);
  }
 
  .zaimhub-kk4-article p { margin: 0 0 22px; }
 
  /* буквица у первого абзаца — редакторская деталь */
  .zaimhub-kk4-article > p:first-of-type::first-letter {
    float: left;
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    font-size: 64px;
    line-height: 0.82;
    color: var(--kk4-teal);
    padding: 6px 10px 0 0;
  }
 
  .zaimhub-kk4-h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.35;
    color: var(--kk4-ink);
    margin: 46px 0 18px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--kk4-gold);
  }
 
  .zaimhub-kk4-h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.4;
    color: var(--kk4-ink);
    margin: 42px 0 16px;
  }
 
  .zaimhub-kk4-h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--kk4-gold);
    margin: 30px 0 12px;
  }
 
  /* -------------------- ЧЕК-ЛИСТ В СТИЛЕ ГРОССБУХА -------------------- */
 
  .zaimhub-kk4-ledger {
    font-family: 'Inter', sans-serif;
    margin: 26px 0 30px;
    border-top: 1px dashed var(--kk4-line);
  }
 
  .zaimhub-kk4-ledger-row {
    display: flex;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px dashed var(--kk4-line);
  }
 
  .zaimhub-kk4-ledger-index {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid var(--kk4-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--kk4-teal);
  }
 
  .zaimhub-kk4-ledger-term {
    display: block;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--kk4-ink);
    margin-bottom: 6px;
  }
 
  .zaimhub-kk4-ledger-desc {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 15px;
    line-height: 1.65;
    color: var(--kk4-ink-dim);
  }
 
  /* -------------------- "ЧЕК" С ПРИМЕРОМ РАСЧЁТА -------------------- */
 
  .zaimhub-kk4-receipt {
    position: relative;
    background: var(--kk4-paper);
    border: 1px solid var(--kk4-line);
    border-radius: 4px;
    padding: 24px 26px 26px;
    margin: 6px 0 30px;
    font-family: 'Inter', sans-serif;
  }
 
  .zaimhub-kk4-receipt::before,
  .zaimhub-kk4-receipt::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    height: 10px;
    background:
      radial-gradient(circle at 10px 0, transparent 9px, var(--kk4-paper) 9px) repeat-x;
    background-size: 20px 20px;
  }
  .zaimhub-kk4-receipt::before { top: -9px; transform: scaleY(-1); }
  .zaimhub-kk4-receipt::after  { bottom: -9px; }
 
  .zaimhub-kk4-receipt-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--kk4-teal);
    margin-bottom: 12px;
  }
 
  .zaimhub-kk4-receipt-label svg {
    width: 15px; height: 15px;
    stroke: var(--kk4-gold);
    fill: none;
    stroke-width: 1.8;
  }
 
  .zaimhub-kk4-receipt p {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--kk4-ink);
    margin: 0;
  }
 
  /* -------------------- СЕТКА ТРЕБОВАНИЙ (2x2) -------------------- */
 
  .zaimhub-kk4-req-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin: 24px 0 30px;
  }
 
  .zaimhub-kk4-req-item {
    font-family: 'Inter', sans-serif;
    background: var(--kk4-paper);
    border-left: 3px solid var(--kk4-gold);
    border-radius: 0 12px 12px 0;
    padding: 16px 18px;
  }
 
  .zaimhub-kk4-req-term {
    display: block;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 14.5px;
    color: var(--kk4-ink);
    margin-bottom: 6px;
  }
 
  .zaimhub-kk4-req-desc {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--kk4-ink-dim);
  }
 
  /* -------------------- ФИНАЛЬНЫЙ "ЛАЙФХАК"-БЛОК -------------------- */
 
  .zaimhub-kk4-insight {
    background: linear-gradient(135deg, #123B3E, #1B4448);
    border-radius: 18px;
    padding: 28px 30px;
    margin: 8px 0 6px;
  }
 
  .zaimhub-kk4-insight-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--kk4-gold-lt);
    margin-bottom: 14px;
  }
 
  .zaimhub-kk4-insight-label svg {
    width: 15px; height: 15px;
    stroke: var(--kk4-gold-lt);
    fill: none;
    stroke-width: 1.8;
  }
 
  .zaimhub-kk4-insight p {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 15px;
    line-height: 1.75;
    color: #FBF9F3;
    margin: 0 0 14px;
  }
  .zaimhub-kk4-insight p:last-child { margin-bottom: 0; }
 
  /* -------------------- КНОПКА "ПОКАЗАТЬ ПОЛНОСТЬЮ" -------------------- */
 
  .zaimhub-kk4-toggle-wrap {
    text-align: center;
    margin-top: 30px;
  }
 
  .zaimhub-kk4-toggle {
    appearance: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--kk4-teal);
    -webkit-text-fill-color: var(--kk4-teal);
    background: var(--kk4-paper);
    border: 1.5px solid var(--kk4-line);
    padding: 12px 26px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s ease, border-color 0.2s ease;
  }
  .zaimhub-kk4-toggle:hover {
    background: #F0EBDC;
    border-color: var(--kk4-gold);
    color: var(--kk4-teal);
  }
  .zaimhub-kk4-toggle svg {
    width: 13px; height: 13px;
    stroke: currentColor;
    stroke-width: 2.3;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
  }
  .zaimhub-kk4-toggle.is-expanded svg { transform: rotate(180deg); }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 760px) {
    .zaimhub-kk4-section { padding: 56px 16px 64px; }
    .zaimhub-kk4-title { font-size: 22px; }
    .zaimhub-kk4-article { font-size: 15.5px; }
    .zaimhub-kk4-h2 { font-size: 21px; }
    .zaimhub-kk4-h3 { font-size: 18px; }
    .zaimhub-kk4-req-grid { grid-template-columns: 1fr; }
    .zaimhub-kk4-article > p:first-of-type::first-letter { font-size: 48px; }
    .zaimhub-kk4-fade { max-height: 560px; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk4-fade, .zaimhub-kk4-toggle svg { transition: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac6584 *//* ============================================================
     ZAIMHUB-KK5 — Блок «Кому подойдет кредитная карта»
     Все классы блока начинаются с префикса .zaimhub-kk5
     Карточки стилизованы под бейдж/ID-карту: перфорация сверху,
     штрихкод снизу — метафора "профиля" держателя карты.
     ============================================================ */
 
  .zaimhub-kk5-section {
    --kk5-bg:       #F7F6F2;
    --kk5-ink:      #241C10;
    --kk5-ink-dim:  #6B5F47;
    --kk5-line:     #E4DCC7;
    --kk5-paper:    #FBF9F3;
    --kk5-teal:     #123B3E;
    --kk5-gold:     #C9A227;
    --kk5-gold-lt:  #F3D98B;
 
    width: 100%;
    box-sizing: border-box;
    background: var(--kk5-bg);
    padding: 84px 24px 92px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk5-section * { box-sizing: border-box; }
 
  .zaimhub-kk5-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  /* -------------------- ЗАГОЛОВОК -------------------- */
 
  .zaimhub-kk5-head {
    max-width: 680px;
    margin: 0 auto 50px;
    text-align: center;
  }
 
  .zaimhub-kk5-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk5-teal);
    margin-bottom: 18px;
  }
 
  .zaimhub-kk5-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk5-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  .zaimhub-kk5-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: var(--kk5-ink);
    margin: 0;
  }
 
  /* -------------------- СЕТКА КАРТОЧЕК-БЕЙДЖЕЙ -------------------- */
 
  .zaimhub-kk5-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
 
  .zaimhub-kk5-card {
    position: relative;
    background: var(--kk5-paper);
    border: 1px solid var(--kk5-line);
    border-radius: 22px;
    padding: 40px 26px 26px;
    text-align: center;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
  }
 
  .zaimhub-kk5-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 46px -28px rgba(36,28,16,0.35);
  }
 
  /* пунктирная линия перфорации + "дырка для шнурка" бейджа */
  .zaimhub-kk5-card::before {
    content: "";
    position: absolute;
    top: 74px;
    left: 20px;
    right: 20px;
    border-top: 1.5px dashed var(--kk5-line);
  }
 
  .zaimhub-kk5-punch {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--kk5-bg);
    border: 1.5px solid var(--kk5-line);
  }
 
  .zaimhub-kk5-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kk5-teal), #1B4448);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    position: relative;
    z-index: 1;
  }
 
  .zaimhub-kk5-icon svg {
    width: 24px;
    height: 24px;
    stroke: var(--kk5-gold-lt);
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
 
  .zaimhub-kk5-card-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.35;
    color: var(--kk5-ink);
    margin: 0 0 12px;
  }
 
  .zaimhub-kk5-card-text {
    font-size: 14px;
    line-height: 1.65;
    color: var(--kk5-ink-dim);
    margin: 0 0 26px;
  }
 
  /* декоративный штрихкод — довершает метафору ID-карты */
  .zaimhub-kk5-barcode {
    height: 26px;
    background-image: repeating-linear-gradient(
      90deg,
      var(--kk5-ink) 0px, var(--kk5-ink) 2px,
      transparent 2px, transparent 4px,
      var(--kk5-ink) 4px, var(--kk5-ink) 5px,
      transparent 5px, transparent 8px,
      var(--kk5-ink) 8px, var(--kk5-ink) 11px,
      transparent 11px, transparent 13px,
      var(--kk5-ink) 13px, var(--kk5-ink) 14px,
      transparent 14px, transparent 18px
    );
    opacity: 0.16;
    border-radius: 3px;
  }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 980px) {
    .zaimhub-kk5-grid { grid-template-columns: 1fr 1fr; }
    .zaimhub-kk5-card:nth-child(3) { grid-column: 1 / -1; max-width: 360px; margin: 0 auto; }
  }
 
  @media (max-width: 700px) {
    .zaimhub-kk5-section { padding: 60px 20px 68px; }
    .zaimhub-kk5-title { font-size: 24px; }
    .zaimhub-kk5-head { margin-bottom: 38px; }
    .zaimhub-kk5-grid { grid-template-columns: 1fr; }
    .zaimhub-kk5-card:nth-child(3) { grid-column: auto; max-width: none; margin: 0; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk5-card { transition: none; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3b5e54 *//* ============================================================
     ZAIMHUB-KK6 — Блок FAQ (аккордеон) для категории «Кредитные карты»
     Все классы блока начинаются с префикса .zaimhub-kk6
     ============================================================ */
 
  .zaimhub-kk6-section {
    --kk6-ink:      #241C10;
    --kk6-ink-dim:  #6B5F47;
    --kk6-line:     #E4DCC7;
    --kk6-teal:     #123B3E;
    --kk6-gold:     #C9A227;
    --kk6-gold-lt:  #F3D98B;
 
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    padding: 84px 24px 96px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
 
  .zaimhub-kk6-section * { box-sizing: border-box; }
 
  .zaimhub-kk6-container {
    max-width: 1200px;
    margin: 0 auto;
  }
 
  /* -------------------- ЗАГОЛОВОК -------------------- */
 
  .zaimhub-kk6-head {
    max-width: 680px;
    margin: 0 auto 48px;
    text-align: center;
  }
 
  .zaimhub-kk6-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--kk6-teal);
    margin-bottom: 18px;
  }
 
  .zaimhub-kk6-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kk6-gold);
    box-shadow: 0 0 0 3px rgba(201,162,39,0.22);
  }
 
  .zaimhub-kk6-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: var(--kk6-ink);
    margin: 0;
  }
 
  /* -------------------- СПИСОК ВОПРОСОВ -------------------- */
 
  .zaimhub-kk6-list {
    max-width: 840px;
    margin: 0 auto;
    border-top: 1px solid var(--kk6-line);
  }
 
  .zaimhub-kk6-item {
    border-bottom: 1px solid var(--kk6-line);
  }
 
  .zaimhub-kk6-question {
    appearance: none;
    width: 100%;
    background: none;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: left;
    padding: 26px 4px;
    color: var(--kk6-ink);
    text-decoration: none;
  }
 
  .zaimhub-kk6-question:hover,
  .zaimhub-kk6-question:visited,
  .zaimhub-kk6-question:active,
  .zaimhub-kk6-question:focus {
    color: var(--kk6-ink) !important;
    -webkit-text-fill-color: var(--kk6-ink);
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    text-decoration: none;
  }
 
  .zaimhub-kk6-question:hover .zaimhub-kk6-q-text,
  .zaimhub-kk6-question:visited .zaimhub-kk6-q-text {
    color: var(--kk6-ink) !important;
    -webkit-text-fill-color: var(--kk6-ink);
  }
 
  .zaimhub-kk6-question:hover .zaimhub-kk6-roman,
  .zaimhub-kk6-question:visited .zaimhub-kk6-roman {
    color: var(--kk6-gold) !important;
    -webkit-text-fill-color: var(--kk6-gold);
  }
 
  .zaimhub-kk6-question:focus-visible {
    outline: 2px solid var(--kk6-teal);
    outline-offset: 4px;
    border-radius: 6px;
  }
 
  .zaimhub-kk6-roman {
    flex: none;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--kk6-gold);
    letter-spacing: 0.04em;
    width: 30px;
  }
 
  .zaimhub-kk6-q-text {
    flex: 1;
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
    color: var(--kk6-ink);
  }
 
  .zaimhub-kk6-toggle {
    flex: none;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1.5px solid var(--kk6-line);
    transition: border-color 0.3s ease, background 0.3s ease;
  }
 
  .zaimhub-kk6-toggle::before,
  .zaimhub-kk6-toggle::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    background: var(--kk6-teal);
    transition: transform 0.35s ease, background 0.3s ease;
  }
  .zaimhub-kk6-toggle::before {
    width: 12px; height: 1.6px;
    transform: translate(-50%, -50%);
  }
  .zaimhub-kk6-toggle::after {
    width: 1.6px; height: 12px;
    transform: translate(-50%, -50%);
  }
 
  .zaimhub-kk6-item.is-open .zaimhub-kk6-toggle {
    background: var(--kk6-teal);
    border-color: var(--kk6-teal);
  }
  .zaimhub-kk6-item.is-open .zaimhub-kk6-toggle::before,
  .zaimhub-kk6-item.is-open .zaimhub-kk6-toggle::after {
    background: var(--kk6-gold-lt);
  }
  .zaimhub-kk6-item.is-open .zaimhub-kk6-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
 
  .zaimhub-kk6-answer-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
 
  .zaimhub-kk6-answer {
    position: relative;
    padding: 0 4px 28px 50px;
  }
 
  .zaimhub-kk6-answer::before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: -14px;
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    font-size: 46px;
    color: var(--kk6-gold-lt);
    line-height: 1;
  }
 
  .zaimhub-kk6-answer p {
    margin: 0;
    font-family: 'PT Serif', Georgia, serif;
    font-size: 15.5px;
    line-height: 1.75;
    color: var(--kk6-ink-dim);
    max-width: 640px;
  }
 
  /* -------------------- АДАПТИВ -------------------- */
 
  @media (max-width: 700px) {
    .zaimhub-kk6-section { padding: 58px 20px 66px; }
    .zaimhub-kk6-title { font-size: 24px; }
    .zaimhub-kk6-head { margin-bottom: 38px; }
    .zaimhub-kk6-q-text { font-size: 15.5px; }
    .zaimhub-kk6-answer { padding-left: 40px; }
    .zaimhub-kk6-answer::before { font-size: 38px; }
    .zaimhub-kk6-roman { width: 22px; font-size: 13px; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .zaimhub-kk6-toggle, .zaimhub-kk6-toggle::before, .zaimhub-kk6-toggle::after,
    .zaimhub-kk6-answer-wrap { transition: none; }
  }/* End custom CSS */