/* Same local palette, type hierarchy and controls as home-content.css. */
.vm-info-content {
  --hc-bg: #f7f9fa;
  --hc-ink: #18252d;
  --hc-muted: #51636d;
  --hc-cyan: #b4ecf5;
  --hc-action: #087f98;
  --hc-line: #e2e8eb;
  padding: 180px 6vw 88px;
  background: var(--hc-bg);
  color: var(--hc-ink);
  line-height: 1.6;
}

.vm-info-content h1,
.vm-info-content h2,
.vm-info-content h3,
.vm-info-content h4 { color: var(--hc-ink); font-weight: 800; line-height: 1.2; letter-spacing: 0; text-transform: none; text-wrap: balance; }
.vm-info-content h1 { margin: 0 0 24px; font-size: 3.5rem; line-height: 1.1; }
.vm-info-content h2 { font-size: 1.8rem; }
.vm-info-content h3 { font-size: 1.1rem; }
.vm-info-content p,
.vm-info-content li { color: var(--hc-muted); font-size: 1rem; line-height: 1.8; }
.vm-info-content strong,
.vm-info-content b { color: var(--hc-ink); }
.vm-info-content a { color: #06677c; text-decoration: underline; text-underline-offset: 3px; }
.vm-info-content a:focus-visible,
.vm-info-content button:focus-visible { outline: 3px solid var(--hc-action); outline-offset: 4px; }
.vm-info-content .vm-info-kicker { margin: 0 0 16px; color: #06677c; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; line-height: 1.6; }
.vm-info-content .vm-info-intro { max-width: 1280px; margin: 0 auto 48px; }
.vm-info-content .vm-info-intro > p:last-child { max-width: 720px; margin: 0; }
.vm-info-content .vm-info-button,
.vm-info-content .financement-btn,
.vm-info-content .vmoto-contact-form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 24px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: var(--hc-action);
  color: #fff;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  box-shadow: none;
  transition: background 180ms ease, transform 180ms ease;
}
.vm-info-content .vm-info-button:hover,
.vm-info-content .financement-btn:hover,
.vm-info-content .vmoto-contact-form button[type="submit"]:hover { background: #06677c; color: #fff; transform: translateY(-2px); }
.vm-info-content .vm-info-button--quiet { border-color: var(--hc-line); background: #fff; color: var(--hc-ink); }
.vm-info-content .vm-info-button--quiet:hover { background: var(--hc-cyan); color: var(--hc-ink); }

.vm-info-content .vm-cms-content { color: var(--hc-ink); font-size: 1rem; overflow-wrap: anywhere; }
.vm-info-content .vm-cms-content h2 { margin: 36px 0 16px; }
.vm-info-content .vm-cms-content h3 { margin: 28px 0 12px; }
.vm-info-content .vm-cms-content h4 { margin: 24px 0 10px; font-size: 1rem; }
.vm-info-content .vm-cms-content p { margin: 0 0 20px; }
.vm-info-content .vm-cms-content ul,
.vm-info-content .vm-cms-content ol { margin: 16px 0 24px; padding-left: 24px; }
.vm-info-content .vm-cms-content li + li { margin-top: 8px; }
.vm-info-content .vm-cms-content a { color: var(--hc-action); }
.vm-info-content .vm-cms-content strong,
.vm-info-content .vm-cms-content b { color: var(--hc-ink); }
.vm-info-content .vm-cms-content blockquote { margin: 28px 0; padding: 20px 24px; border-left: 3px solid var(--hc-action); background: var(--hc-bg); color: var(--hc-ink); }
.vm-info-content .vm-cms-content hr { margin: 32px 0; border-color: var(--hc-line); }
.vm-info-content .vm-cms-content table { max-width: 100%; margin: 28px 0; border: 1px solid var(--hc-line); color: var(--hc-ink); }
.vm-info-content .vm-cms-content th,
.vm-info-content .vm-cms-content td { padding: 14px 16px; border-color: var(--hc-line); color: var(--hc-ink); overflow-wrap: anywhere; }
.vm-info-content .vm-cms-content th { background: var(--hc-bg); }
.vm-info-content .vm-info-table-scroll { max-width: 100%; overflow-x: auto; }

.vm-info-content .vm-info-intro--legal { max-width: 900px; }
.vm-info-content .vm-info-intro--legal h1 { font-size: 2.75rem; }
.vm-info-content .vm-info-reader { max-width: 900px; margin: 0 auto; padding: 48px; background: #fff; }
.vm-info-content .vm-info-reader__heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 24px; margin-bottom: 32px; border-bottom: 1px solid var(--hc-line); font-size: 0.85rem; }
.vm-info-content .vm-info-reader__heading > span { color: var(--hc-action); font-weight: 800; }
.vm-info-content .vm-info-reader__heading a { display: inline-flex; align-items: center; min-height: 44px; }

.vm-info-content .vm-info-finance { max-width: 1280px; margin: 0 auto; }
.vm-info-content .vm-info-finance__intro { max-width: 920px; margin-bottom: 48px; }
.vm-info-content .vm-info-finance__intro h1 { max-width: 880px; }
.vm-info-content .vm-info-finance__intro > p { max-width: 860px; }
.vm-info-content .vm-info-finance__offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; margin: 48px 0 64px; }
.vm-info-content .vm-info-finance__offer { min-width: 0; padding: 36px; background: #fff; border-radius: 8px; }
.vm-info-content .financement-badge { display: inline-flex; padding: 6px 12px; border-radius: 4px; background: var(--hc-cyan); color: var(--hc-ink); font-size: 0.75rem; font-weight: 800; }
.vm-info-content .vm-info-finance__offer > h2 { margin: 20px 0 16px; font-size: 1.9rem; }
.vm-info-content .financement-highlight { color: var(--hc-action); font-weight: 800; font-size: 1.1rem; }
.vm-info-content .financement-separator { margin: 28px 0; border-top: 1px solid var(--hc-line); }
.vm-info-content .vm-info-finance__process { margin: 0 0 64px; }
.vm-info-content .vm-info-finance__process > h2 { margin: 0 0 28px; font-size: 2.25rem; max-width: 760px; }
.vm-info-content .financement-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.vm-info-content .financement-step { padding-top: 24px; border-top: 2px solid var(--hc-line); }
.vm-info-content .financement-step-number { color: #06677c; font-weight: 800; font-size: 0.85rem; }
.vm-info-content .financement-step h3 { margin-top: 20px; font-size: 1.25rem; }
.vm-info-content .vm-info-finance__cta { padding: 40px; background: var(--hc-cyan); }
.vm-info-content .vm-info-finance__cta h2 { margin: 0 0 20px; font-size: 2.25rem; }
.vm-info-content .vm-info-finance__cta > p { max-width: 900px; color: var(--hc-ink); }
.vm-info-content .vm-info-finance__cta .financement-btn { margin: 4px 0 24px; color: #fff; }
.vm-info-content .vm-info-finance__cta .financement-note { margin: 0; font-size: 0.85rem; line-height: 1.75; }

.vm-info-content .vm-info-contact-layout { display: grid; grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr); gap: 64px; align-items: start; max-width: 1280px; margin: 0 auto; }
.vm-info-content .vm-info-store h2 { margin: 0 0 28px; font-size: 2.25rem; }
.vm-info-content .vm-info-store__block { margin-bottom: 28px; }
.vm-info-content .vm-info-store h3 { margin: 0 0 8px; font-size: 0.85rem; color: #06677c; }
.vm-info-content .vm-info-store p { margin: 0; }
.vm-info-content .vm-info-store__phone { display: inline-flex; align-items: center; min-height: 44px; color: var(--hc-action); font-size: 1.7rem; font-weight: 800; text-decoration: none; }
.vm-info-content .vm-info-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.vm-info-content .vm-info-form-card { min-width: 0; padding: 36px; background: #fff; border-radius: 8px; scroll-margin-top: 140px; }
.vm-info-content .vmoto-contact-form form { gap: 20px; }
.vm-info-content .vmoto-contact-form h2 { margin: 0; font-size: 1.8rem; }
.vm-info-content .vmoto-contact-form form > p { margin: 0; }
.vm-info-content .vmoto-contact-form .form-fields { margin: 0; }
.vm-info-content .vmoto-contact-form .form-group { margin-bottom: 20px; }
.vm-info-content .vmoto-contact-form .form-footer { margin: 0; }
.vm-info-content .vmoto-contact-form label { display: block; margin-bottom: 8px; color: var(--hc-ink); font-size: 0.875rem; font-weight: 700; }
.vm-info-content .vmoto-contact-form .form-control,
.vm-info-content .vmoto-contact-form .form-select,
.vm-info-content .vmoto-contact-form input[type="file"] { min-height: 48px; width: 100%; padding: 12px 14px; border: 1px solid var(--hc-line); border-radius: 4px; background: #fff; color: var(--hc-ink); font-family: inherit; font-size: 1rem; line-height: 1.5; box-shadow: none; }
.vm-info-content .vmoto-contact-form textarea.form-control { min-height: 160px; resize: vertical; }
.vm-info-content .vmoto-contact-form #vmoto-contact-model { min-height: 92px; }
.vm-info-content .vmoto-contact-form .form-control::placeholder { color: var(--hc-muted); }
.vm-info-content .vmoto-contact-form .form-control:focus,
.vm-info-content .vmoto-contact-form .form-select:focus { border-color: var(--hc-action); outline: 2px solid var(--hc-action); outline-offset: 2px; box-shadow: none; }
.vm-info-content .vmoto-contact-form input[type="checkbox"] { accent-color: var(--hc-action); }
.vm-info-content .vmoto-contact-form .alert { padding: 16px; border: 1px solid var(--hc-line); border-radius: 4px; color: var(--hc-ink); background: var(--hc-bg); }
.vm-info-content .vmoto-contact-form .alert-success { color: #175b32; background: #edf8f0; border-color: #cce8d4; }
.vm-info-content .vmoto-contact-form .alert-danger { color: #8c2431; background: #fff1f2; border-color: #f2cbd0; }

@media (max-width: 1100px) {
  .vm-info-content { padding-right: 32px; padding-left: 32px; }
  .vm-info-content .vm-info-contact-layout { gap: 32px; }
  .vm-info-content .vm-info-finance__offer { padding: 28px; }
}
@media (max-width: 820px) {
  .vm-info-content { padding: 128px 24px 64px; }
  .vm-info-content h1 { font-size: 2.75rem; }
  .vm-info-content .vm-info-intro--legal h1 { font-size: 2.25rem; }
  .vm-info-content .vm-info-contact-layout { grid-template-columns: 1fr; }
  .vm-info-content .vm-info-finance__offers { grid-template-columns: 1fr; gap: 24px; }
  .vm-info-content .vm-info-reader { padding: 32px; }
  .vm-info-content .vm-info-form-card { padding: 28px; }
  .vm-info-content .financement-steps { gap: 24px; }
}
@media (max-width: 600px) {
  .vm-info-content { padding: 112px 24px 52px; }
  .vm-info-content h1,
  .vm-info-content .vm-info-intro--legal h1 { font-size: 2rem; }
  .vm-info-content h2,
  .vm-info-content .vm-info-finance__offer > h2 { font-size: 1.5rem; }
  .vm-info-content .vm-info-intro { margin-bottom: 32px; }
  .vm-info-content .vm-info-reader { padding: 24px; }
  .vm-info-content .vm-info-reader__heading { margin-bottom: 24px; }
  .vm-info-content .vm-info-finance__intro { margin-bottom: 32px; }
  .vm-info-content .vm-info-finance__offers { margin: 32px 0 48px; }
  .vm-info-content .vm-info-finance__offer { padding: 24px; }
  .vm-info-content .vm-info-finance__process { margin-bottom: 48px; }
  .vm-info-content .vm-info-finance__process > h2,
  .vm-info-content .vm-info-finance__cta h2 { font-size: 1.8rem; }
  .vm-info-content .financement-steps { grid-template-columns: 1fr; }
  .vm-info-content .vm-info-finance__cta { padding: 28px 24px; }
  .vm-info-content .vm-info-form-card { padding: 24px; }
  .vm-info-content .vm-info-button,
  .vm-info-content .financement-btn,
  .vm-info-content .vmoto-contact-form button[type="submit"] { width: 100%; }
  .vm-info-content .vmoto-contact-form h2 { font-size: 1.5rem; }
  .vm-info-content .vm-cms-content table { font-size: 0.9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .vm-info-content *, .vm-info-content *::before, .vm-info-content *::after { transition: none !important; animation: none !important; }
}