.fund3c-banner{background:#dc2626;color:#fff;font-weight:800;padding:12px 16px;border-radius:12px 12px 0 0;margin:0;line-height:1.2;font-size:18px}
  .fund3c-calc[data-calc="foundation-calc-v490"]{--accent:#dc2626;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--panel:#fff;max-width:100%;border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;background:#fff;margin-bottom:24px}
  #fdCalc, #fdCalc * , #fdCalc *::before, #fdCalc *::after{box-sizing:border-box}
  .ms-wrap{padding:16px} .ms-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;margin-bottom:12px}
  .ms-title{font-weight:800;color:#0f172a;margin:0 0 10px 0;font-size:16px}
  .ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px} @media (max-width:740px){.ms-grid{grid-template-columns:1fr}}
  label{display:flex;gap:6px;flex-direction:column;font-size:13px;font-weight:600;color:var(--ink)}
  input[type="number"], select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff;outline:0}
  input:focus, select:focus{box-shadow:0 0 0 6px rgba(220,38,38,.08);border-color:#94a3b8}
  .ms-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
  .psb-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;font-weight:700;cursor:pointer;user-select:none;border:1px solid transparent;transition:.2s}
  .psb-btn-primary{background:#dc2626;color:#fff} .psb-btn-primary:hover{filter:brightness(1.05)}
  .psb-btn-secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb} .psb-btn-secondary:hover{background:#e5e7eb}
  .warn{font-size:13px;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;margin-top:10px;display:none}

  /* Дискретный слайдер 0/5/7/10 без подсветок при таскании */
  .reserve-wrap{margin-top:-6px}
  .reserve-head{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:4px;font-weight:700}
  .reserve-slider{width:100%;height:6px;-webkit-appearance:none;border-radius:999px;outline:none;background:#e5e7eb;transition:none}
  .reserve-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#dc2626;border:2px solid #fff;box-shadow:0 0 0 2px #dc2626;transition:none}
  .reserve-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#dc2626;border:2px solid #fff}
  .reserve-slider::-moz-range-track{height:6px;background:transparent;border:none;border-radius:999px}
  .reserve-ticks{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;color:#64748b;margin-top:4px;justify-items:center}
  .reserve-note{color:#64748b;font-size:12px;font-style:italic;line-height:1.35;margin-top:6px}

  /* Результат */
  .ms-result-cap{background:#dc2626;color:#fff;font-weight:800;padding:10px 14px;border-radius:12px 12px 0 0}
  .ms-result-panel{border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;background:#fff}
  .ms-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px}
  @media (max-width:1100px){.ms-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media (max-width:640px){.ms-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .ms-kpi{border:1px dashed #fecaca;background:#fee2e2;padding:10px;border-radius:12px}
  .ms-kpi .k{display:block;font-size:12px;color:#6b7280} .ms-kpi .v{display:block;font-size:16px;color:#111827;font-weight:800;margin-top:3px}

  .rec-wrap{padding:12px} .rec{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
  .rec-h{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
  .rec-title{display:flex;align-items:center;gap:10px}
  .rec-name{font-weight:800;color:#0f172a;font-size:15px}
  /* Бейджи вариантов */
.badge{
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  padding:4px 8px;
  border:1px solid transparent;
  display:inline-block;
  line-height:1;
}

/* Рекомендуем – зелёный */
.badge--recommend{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}

/* Альтернатива – жёлтый */
.badge--alt{background:#fffbeb;border-color:#fde68a;color:#92400e}

/* Бюджетный – синий */
.badge--budget{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}

  .rec-nav{display:flex;align-items:center;gap:6px}
  .nav-btn{border:1px solid #e5e7eb;background:#f3f4f6;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer}

  /* ===== Кнопка «Класс/Марка» и анимация ===== */
  .reco-badge{
    font-weight:900;font-size:16px;letter-spacing:.2px;padding:8px 12px;border-radius:10px;
    background:#f1f5f9;display:inline-block;border:1px solid #e2e8f0;cursor:pointer;user-select:none;position:relative;z-index:1
  }
  .reco-badge:focus{outline:2px solid rgba(220,38,38,.35);outline-offset:2px}
  @keyframes cg-badge-pop { 0%{transform:scale(.92)} 55%{transform:scale(1.06)} 100%{transform:scale(1)} }
  @keyframes cg-badge-breathe { 0%{transform:scale(1)} 100%{transform:scale(1.02)} }
  @keyframes cg-badge-ping { 0%{opacity:.35;transform:scale(1)} 100%{opacity:0;transform:scale(1.25)} }
  .reco-badge.is-anim{ animation: cg-badge-pop .68s cubic-bezier(.2,.7,.2,1) 0s 1 both, cg-badge-breathe 2.6s ease-in-out .9s 3 alternate; }
  .reco-badge.is-anim::after{ content:""; position:absolute; inset:-4px; border-radius:12px; border:2px solid var(--accent); opacity:0; animation: cg-badge-ping 1.2s ease-out .35s 2 forwards; }

  .nav-btn.is-anim{ animation: cg-badge-pop .68s cubic-bezier(.2,.7,.2,1) 0s 1 both, cg-badge-breathe 2.6s ease-in-out .9s 2 alternate; position:relative }
  .nav-btn.is-anim::after{ content:""; position:absolute; inset:-3px; border-radius:10px; border:2px solid var(--accent); opacity:0; animation: cg-badge-ping 1.1s ease-out .35s 2 forwards; }

  .tables-responsive.swipeignore{overflow:auto}
  .beauty-table{width:100%;border-collapse:collapse;background:#fff}
  .beauty-table td{border:1px solid #e5e7eb;padding:10px 12px;text-align:left;vertical-align:top;color:#111827}
  .beauty-table td .v{color:#111827;font-weight:700}

  /* === Только оформление блока «Почему выбран этот вариант» === */
  .why{margin-top:12px}
  .why .why-cap{font-weight:800;margin-bottom:6px}
  .why .why-box{
    border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;
    white-space:normal;line-height:1.55;font-size:14px;color:#0f172a
  }
  .why .why-box h4{margin:6px 0 6px;font-size:14px;font-weight:800;color:#0f172a}
  .why .why-box p{margin:6px 0}
  .why .why-box ul{margin:4px 0 8px 18px;padding:0}
  .why .why-box li{margin:2px 0}
  .why .why-box .muted{color:var(--muted)}
  .why .why-note{margin-top:10px;padding-top:8px;border-top:1px dashed #e5e7eb}

/* ===== mobile fix v2: многострочный заголовок без многоточия ===== */
@media (max-width:640px){
  .rec-h{
    position:relative;
    justify-content:center;
    gap:8px;
    padding:6px 56px;            /* место под стрелки */
  }
  .rec-title{
    display:flex;
    align-items:flex-start;
    gap:8px;
    flex-wrap:wrap;               /* разрешаем переносы */
    min-width:0;
  }
  .rec-name{
    white-space:normal;           /* перенос строк */
    overflow:visible;
    text-overflow:clip;           /* без многоточия */
    line-height:1.25;
  }

  /* Стрелки внутри, по разным сторонам */
  .rec-nav{
    position:absolute;
    left:8px;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    justify-content:space-between;
    align-items:center;
    pointer-events:none;
  }
  .rec-nav .nav-btn{ pointer-events:auto; }
  .rec-nav .nav-idx{ display:none; }      /* скрываем 1/2 на узких экранах */
}

.info-note{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border:1px solid #bae6fd;background:#ecfeff;color:#075985;border-radius:12px}
          .info-note .info-icn{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
          .info-note .info-body{font-size:13px;line-height:1.45}
          .info-note b{font-weight:800}
          .info-note ul{margin:6px 0 0 18px;padding:0}
          .info-note li{margin:2px 0}

html{scroll-behavior:smooth}
    :where(h2[id]){scroll-margin-top:80px}

/* Заголовки внутри section выглядят как обычные <h2> с корректным верхним отступом */
.seo-foundation-calc section > h2[id]{
  display:block;
  padding-top:0.83em;    /* имитация стандартного верхнего отступа h2 */
  margin:0 0 0.83em;     /* нижний отступ как у h2 */
  font-size:1.5em;
  line-height:1.3;
  font-weight:700;
  color:#0f172a;
  text-transform:none;
  letter-spacing:normal;
  background:none;
  border:none;
}


    .fd-slider{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
    .fd-track{display:flex;transition:transform .5s ease;will-change:transform}
    .fd-slide{min-width:100%;padding:12px;display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:center}
    @media (max-width:880px){.fd-slide{grid-template-columns:1fr}}
    .fd-caption{padding:6px 10px}
    .fd-caption h4{margin:0 0 8px;font-size:18px;line-height:1.25;color:#0f172a}
    .fd-caption ul{margin:0 0 0 16px;padding:0}
    .fd-caption li{color:#475569;font-size:13px;line-height:1.48;margin:6px 0}
    .fd-prev,.fd-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 2px rgba(15,23,42,.08)}
    .fd-prev{left:8px}.fd-next{right:8px}
    .fd-prev:hover,.fd-next:hover{border-color:#dc2626}
    .fd-nav{display:flex;justify-content:center;gap:6px;padding:8px}
    .fd-dot{width:10px;height:10px;border-radius:50%;border:1px solid #dc2626;background:#fff;cursor:pointer}
    .fd-dot[aria-current="true"]{background:#dc2626}

.dash{stroke:#38bdf8;stroke-dasharray:4 4;stroke-width:2;vector-effect:non-scaling-stroke}.lab2{font:12px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#334155}.mut{fill:#64748b}

.water{stroke:#60a5fa;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.lab3{font:12px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#334155}.mut3{fill:#64748b}

.lab4{font:12px ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;fill:#334155}.mut4{fill:#64748b}
