/* BFA DESIGN V1 — VISUAL ONLY
 * Baseline: bfa-osago-experiment main@f675e77ab96ed4f60ddb6cee6ffd0b05006aa8ba.
 * This layer changes presentation, not copy, HTML semantics, page data or JS behavior.
 * Deliberately isolated from the original custom.css for simple revert and iteration.
 */

/* 01 — Quiet editorial palette, inspired by printed vehicle reference guides */
body.bfa-design {
  --bfa-paper: #f7f5ef;
  --bfa-surface: #ffffff;
  --bfa-ink: #172c3c;
  --bfa-subtle: #5e6b70;
  --bfa-navy: #1d3c50;
  --bfa-navy-deep: #122936;
  --bfa-warm: #a34f32;
  --bfa-warm-hover: #944928;
  --bfa-line: #dce1df;
  --bfa-soft: #ebece7;
  --bfa-radius: 14px;
  --primary: #1d3c50;
  --primary-700: #122936;
  --secondary: #a34f32;
  --secondary-600: #944928;
  --light-bg: #f7f5ef;
  --text-dark: #172c3c;
  --text-muted: #5e6b70;
  --bs-primary: #1d3c50;
  --bs-primary-rgb: 29, 60, 80;
  --bs-link-color: #1d3c50;
  --bs-link-color-rgb: 29, 60, 80;
  --bs-link-hover-color: #944928;
  --bs-link-hover-color-rgb: 148, 73, 40;
  background: var(--bfa-paper);
  color: var(--bfa-ink);
  font-family: "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
}
body.bfa-design h1,
body.bfa-design h2,
body.bfa-design h3,
body.bfa-design h4,
body.bfa-design h5 {
  color: var(--bfa-ink);
  letter-spacing: -.024em;
}
body.bfa-design h1,
body.bfa-design .display-3,
body.bfa-design .display-4 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700 !important;
  line-height: 1.12;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body.bfa-design h2 { font-weight: 760; }
body.bfa-design a { text-underline-offset: 3px; }
body.bfa-design a:not(.btn):hover { color: var(--bfa-warm-hover); }
body.bfa-design :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--bfa-warm);
  outline-offset: 3px;
}
body.bfa-design .text-primary { color: var(--bfa-navy) !important; }
body.bfa-design .bg-light { background-color: #f1f0ea !important; }
body.bfa-design .text-muted { color: var(--bfa-subtle) !important; }
body.bfa-design .section-kicker {
  color: var(--bfa-warm);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
}
body.bfa-design .breadcrumb {
  align-items: center;
  gap: .1rem;
  color: var(--bfa-subtle);
  font-size: .9rem;
}
body.bfa-design .breadcrumb a {
  color: var(--bfa-navy);
  text-decoration: none;
}
body.bfa-design .breadcrumb a:hover { text-decoration: underline; }
body.bfa-design .container { --bs-gutter-x: 2.5rem; }

/* 02 — Navigation and the existing wordmark. No wording changes. */
body.bfa-design .site-header {
  background: var(--bfa-surface);
  border-bottom: 1px solid var(--bfa-line);
  box-shadow: 0 2px 10px #172c3c08;
  position: relative;
  z-index: 20;
}
body.bfa-design .site-header .navbar.bg-primary {
  background: var(--bfa-surface) !important;
  padding-top: .85rem;
  padding-bottom: .85rem;
}
body.bfa-design .navbar-brand {
  gap: .1rem;
  color: var(--bfa-navy-deep) !important;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -.055em;
}
body.bfa-design .navbar-brand .site-name {
  color: var(--bfa-navy-deep) !important;
}
body.bfa-design .navbar-brand .fa-car-side {
  display: inline-grid;
  place-items: center;
  background: var(--bfa-navy);
  color: #fff;
  border-radius: 10px;
  padding: .63rem;
  font-size: 1rem;
  transform: none;
}
body.bfa-design .navbar .nav-link {
  color: #3d505a !important;
  font-size: .94rem;
  font-weight: 650;
  border-radius: 9px;
  padding: .65rem .85rem;
}
body.bfa-design .navbar .nav-link:hover,
body.bfa-design .navbar .nav-link:focus-visible {
  background: #f1f3f0;
  color: var(--bfa-navy-deep) !important;
}
body.bfa-design .navbar .nav-link.active::after { background: var(--bfa-warm); }
body.bfa-design .navbar .navbar-toggler {
  border: 1px solid #d0d9d7;
  min-height: 44px;
  min-width: 44px;
  border-radius: 9px;
}
body.bfa-design .navbar .navbar-toggler-icon { filter: brightness(0); opacity: .82; }

/* 03 — Main page heroes switch from animated blue gradients to warm paper. */
body.bfa-design .hero,
body.bfa-design .hero.bg-primary,
body.bfa-design .hero.text-white {
  background: linear-gradient(115deg, #f2eee5 0%, #fbf9f4 63%, #f1f0e7 100%) !important;
  color: var(--bfa-ink) !important;
  border-bottom: 1px solid #dbe0db;
  isolation: isolate;
  padding-top: 4.7rem !important;
  padding-bottom: 4.9rem !important;
}
body.bfa-design .hero .container { max-width: 1120px; }
body.bfa-design .hero .hero-blob,
body.bfa-design .hero .hero-pattern { display: none !important; }
body.bfa-design .hero h1,
body.bfa-design .hero h2,
body.bfa-design .hero h3,
body.bfa-design .hero .lead {
  color: var(--bfa-ink) !important;
}
body.bfa-design .hero h1 {
  font-size: clamp(2.35rem, 4.1vw, 4rem);
  max-width: 960px;
  margin-inline: auto;
}
body.bfa-design .hero .lead {
  color: #4b5d62 !important;
  line-height: 1.65;
  max-width: 820px;
  margin-inline: auto;
}
body.bfa-design .hero .section-kicker,
body.bfa-design .hero .text-uppercase.small { color: var(--bfa-warm) !important; }
body.bfa-design .hero .opacity-75 { opacity: 1 !important; color: #5f6d70; }
body.bfa-design .hero-price {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: .4rem;
  padding: .7rem 1.2rem;
  color: var(--bfa-navy-deep);
  background: #fff;
  border: 1px solid #e1d5c2;
  border-radius: 10px;
  box-shadow: 0 3px 12px #172c3c08;
  font-variant-numeric: tabular-nums;
}
body.bfa-design .hero-price i { color: var(--bfa-warm); }
body.bfa-design .hero-benefit-chip {
  background: #fff;
  color: var(--bfa-navy-deep) !important;
  border: 1px solid var(--bfa-line);
  border-radius: 8px;
  box-shadow: none;
}
body.bfa-design .hero-benefit-chip i { color: var(--bfa-warm) !important; }
body.bfa-design .hero .btn-outline-light {
  color: var(--bfa-navy) !important;
  border-color: #b9c8cb !important;
  background: #fff !important;
}
body.bfa-design .hero .btn-outline-light:hover {
  background: var(--bfa-navy) !important;
  color: #fff !important;
}
body.bfa-design .search-panel-glass,
body.bfa-design .search-panel {
  background: var(--bfa-surface) !important;
  color: var(--bfa-ink);
  border: 1px solid var(--bfa-line) !important;
  border-top: 5px solid var(--bfa-warm) !important;
  border-radius: 16px !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 18px 45px #172c3c13 !important;
}
body.bfa-design .search-panel-glass h2,
body.bfa-design .search-panel h2 { color: var(--bfa-ink) !important; }
body.bfa-design .search-panel-glass label {
  color: var(--bfa-subtle);
  font-weight: 700;
}
body.bfa-design .search-panel-glass .small,
body.bfa-design .search-panel-glass .opacity-75 { color: var(--bfa-subtle) !important; opacity: 1 !important; }

/* 04 — Primary interactions, visible form labels and accessible controls */
body.bfa-design .btn {
  border-radius: 9px;
  font-weight: 680;
  box-shadow: none;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
body.bfa-design .btn-primary,
body.bfa-design .btn-success {
  background: var(--bfa-navy) !important;
  border-color: var(--bfa-navy) !important;
  color: #fff !important;
}
body.bfa-design .btn-primary:hover,
body.bfa-design .btn-success:hover {
  background: var(--bfa-navy-deep) !important;
  border-color: var(--bfa-navy-deep) !important;
}
body.bfa-design #home-search-go,
body.bfa-design .final-cta .cta-button {
  background: var(--bfa-warm) !important;
  border-color: var(--bfa-warm) !important;
  color: #fff !important;
}
body.bfa-design #home-search-go:hover:not(:disabled),
body.bfa-design .final-cta .cta-button:hover {
  background: var(--bfa-warm-hover) !important;
  border-color: var(--bfa-warm-hover) !important;
}
body.bfa-design :is(.btn-outline-primary, .btn-outline-success) {
  color: var(--bfa-navy);
  border-color: #849fa9;
}
body.bfa-design :is(.btn-outline-primary, .btn-outline-success):hover {
  color: #fff !important;
  background: var(--bfa-navy);
  border-color: var(--bfa-navy);
}
body.bfa-design .btn:disabled,
body.bfa-design .btn.disabled {
  opacity: .56;
  cursor: not-allowed;
}
body.bfa-design #home-search-go:disabled {
  opacity: 1;
  background: #e7d8d0 !important;
  border-color: #d3b9ab !important;
  color: var(--bfa-ink) !important;
}
body.bfa-design .form-control,
body.bfa-design .form-select,
body.bfa-design .search-brands-input {
  background-color: #fff;
  color: var(--bfa-ink);
  border: 1px solid #cbd4d3;
  border-radius: 9px;
  min-height: 44px;
}
body.bfa-design .form-control:focus,
body.bfa-design .form-select:focus,
body.bfa-design .search-brands-input:focus {
  border-color: var(--bfa-navy);
  box-shadow: 0 0 0 .22rem #1d3c501c;
}
body.bfa-design .form-select:disabled {
  color: #778187;
  background-color: #edf0ed;
  opacity: 1;
}
body.bfa-design .form-label { color: #41545c; font-weight: 650; }
body.bfa-design :is(.price-tag, .price-value, .hero-price, .model-card-price, .city-price-badge-value) {
  font-variant-numeric: tabular-nums;
}

/* 05 — Cards and index navigation */
body.bfa-design .bento-grid { gap: 16px; }
body.bfa-design .bento-item {
  background: #fff;
  border: 1px solid var(--bfa-line);
  border-radius: var(--bfa-radius);
  box-shadow: 0 5px 20px #172c3c08;
  padding: clamp(20px, 2.4vw, 30px);
}
body.bfa-design .bento-item:hover {
  transform: none;
  border-color: #b4c5c9;
  box-shadow: 0 7px 24px #172c3c10;
}
body.bfa-design .bento-item-large {
  background: #e9edea;
  border-left: 5px solid var(--bfa-warm);
}
body.bfa-design .bento-title { color: var(--bfa-ink); font-weight: 770; }
body.bfa-design .bento-text { color: var(--bfa-subtle); }
body.bfa-design .bento-icon,
body.bfa-design .bento-icon.text-success,
body.bfa-design .bento-icon.text-warning { color: var(--bfa-navy) !important; }
body.bfa-design .bento-graph-bar { background: var(--bfa-navy); animation: none; }
body.bfa-design .regions-grid { gap: 10px; }
body.bfa-design .region-link {
  background: #fff;
  color: var(--bfa-navy);
  border: 1px solid var(--bfa-line);
  border-radius: 9px;
  font-weight: 670;
  box-shadow: none;
  padding: 13px 16px;
}
body.bfa-design .region-link:hover {
  background: #f2f4f0;
  border-color: #b0c1c4;
  transform: none;
}
body.bfa-design .region-link i { color: var(--bfa-warm); }
body.bfa-design .card,
body.bfa-design .cheap-card,
body.bfa-design .benefit-card {
  background: #fff;
  border-color: var(--bfa-line);
  border-radius: var(--bfa-radius) !important;
  box-shadow: 0 5px 22px #172c3c08;
}
body.bfa-design :is(.cheap-card, .benefit-card):hover {
  transform: none;
  box-shadow: 0 7px 24px #172c3c12;
  border-color: #b0c1c4;
}
body.bfa-design .benefit-card { border-top: 3px solid var(--bfa-navy) !important; }
body.bfa-design .cheap-card .price-tag { color: var(--bfa-navy); font-weight: 750; }
body.bfa-design .city-label { color: var(--bfa-subtle); }
body.bfa-design .brands-section { background: #fff; }
body.bfa-design .brands-table-container {
  background: #fff;
  border: 1px solid var(--bfa-line);
  border-radius: var(--bfa-radius);
  overflow-x: auto;
}
body.bfa-design :is(.brands-table-container, .table-responsive).has-horizontal-overflow:not(.at-horizontal-end) {
  position: relative;
}
body.bfa-design :is(.brands-table-container, .table-responsive).has-horizontal-overflow:not(.at-horizontal-end)::after {
  content: "";
  position: absolute;
  inset-block: 1px;
  inset-inline-end: 1px;
  width: 16px;
  background: linear-gradient(90deg, transparent, #1d3c501f);
  border-inline-end: 2px solid #1d3c5052;
  box-shadow: -5px 0 8px -6px #1d3c5070;
  pointer-events: none;
}
body.bfa-design .brands-table th {
  background: #eaeeeb;
  color: var(--bfa-ink);
  border-color: var(--bfa-line);
  font-weight: 750;
  white-space: nowrap;
}
body.bfa-design .brands-table td { border-color: var(--bfa-line); }
body.bfa-design .brands-table tr:hover td { background: #f7f7f3; }
body.bfa-design .price-value { color: var(--bfa-navy); }

/* 06 — Regional, city and model listing cards */
body.bfa-design .region-card-inner,
body.bfa-design .city-card-inner,
body.bfa-design .model-card {
  background: #fff;
  border: 1px solid var(--bfa-line);
  border-radius: 13px;
  box-shadow: 0 5px 18px #172c3c08;
}
body.bfa-design .region-card-inner:hover,
body.bfa-design .city-card-inner:hover,
body.bfa-design .model-card:hover {
  border-color: #b2c2c5;
  transform: none;
  box-shadow: 0 8px 24px #172c3c10;
}
body.bfa-design .region-card-title-link,
body.bfa-design .city-card-title-link,
body.bfa-design .model-card-title { color: var(--bfa-navy-deep); }
body.bfa-design .region-profile-badge,
body.bfa-design .city-popular-badge,
body.bfa-design .city-price-badge {
  color: var(--bfa-navy);
  background: #f2f4f0;
  border-color: #d5dcd7;
  border-radius: 7px;
}
body.bfa-design .city-price-badge-label { color: var(--bfa-subtle); }
body.bfa-design .city-price-badge-value { color: var(--bfa-navy-deep); }
body.bfa-design .model-card-link .model-card-price { color: var(--bfa-navy); }
body.bfa-design .model-card-link .car-icon { color: var(--bfa-navy); }
body.bfa-design .model-card-link .model-card-icon { background: #f1f3ef; }
body.bfa-design .region-chip {
  background: #fff;
  color: var(--bfa-navy);
  border: 1px solid #cad7d5;
  border-radius: 9px;
  box-shadow: none;
}
body.bfa-design .region-chip::before { display: none; }
body.bfa-design .region-chip:hover {
  background: #f2f4f0;
  border-color: #9ab3b7;
  box-shadow: 0 4px 12px #172c3c0b;
}
body.bfa-design .region-chip:hover .region-chip-text { color: var(--bfa-navy-deep); text-shadow: none; }
body.bfa-design .region-chip-icon,
body.bfa-design .region-chip:hover .region-chip-icon { color: var(--bfa-warm); }
body.bfa-design .filters-section,
body.bfa-design .compare-panel,
body.bfa-design .regional-model-table {
  background: #fff;
  border: 1px solid var(--bfa-line);
  border-radius: 14px;
  box-shadow: 0 4px 18px #172c3c08;
}
body.bfa-design .compare-panel .table,
body.bfa-design .regional-model-table .table { color: var(--bfa-ink); }
body.bfa-design .compare-table thead th,
body.bfa-design .regional-model-table th { color: var(--bfa-ink); background: #e9eeeb; }
body.bfa-design .compare-chip { background: #f2f4f0; color: var(--bfa-navy); border-color: #dce1df; }

/* 07 — Content readability, FAQ and statistics */
body.bfa-design .seo-panel,
body.bfa-design .seo-block,
body.bfa-design .seo-why,
body.bfa-design .seo-region {
  background: #fff;
  border: 1px solid var(--bfa-line);
  border-radius: 13px;
  box-shadow: 0 5px 22px #172c3c06;
}
body.bfa-design .seo-panel { padding: clamp(20px, 3vw, 36px); }
body.bfa-design .seo-panel-title,
body.bfa-design .seo-title { color: var(--bfa-ink); }
body.bfa-design .seo-block { box-shadow: none; }
body.bfa-design .seo-block:hover { transform: none; box-shadow: 0 7px 20px #172c3c0b; }
body.bfa-design .seo-block::before { background: var(--bfa-navy); }
body.bfa-design .seo-panel-badge { color: var(--bfa-warm); background: #fff4ec; border-radius: 7px; }
body.bfa-design .alert-primary,
body.bfa-design .alert-info { background: #eef1ee; color: #294b56; border-color: #d1ddda; }
body.bfa-design .alert-warning { background: #fff5e7; border-color: #e9d2b4; color: #795333; }
body.bfa-design .step {
  border: 1px solid var(--bfa-line);
  border-radius: 12px;
  box-shadow: none;
}
body.bfa-design .step:hover { transform: none; box-shadow: 0 5px 16px #172c3c0c; }
body.bfa-design .step-number { color: var(--bfa-warm); font-family: Georgia, "Times New Roman", serif; }
body.bfa-design .home-faq-section { background: #f2f0e9; }
body.bfa-design .home-faq-accordion .accordion-item,
body.bfa-design .accordion-item {
  border: 1px solid var(--bfa-line);
  border-radius: 10px !important;
  background: #fff;
}
body.bfa-design .home-faq-accordion .accordion-button,
body.bfa-design .accordion-button { color: var(--bfa-ink); background: #fff; font-weight: 680; }
body.bfa-design .accordion-button:not(.collapsed) {
  background: #f0f2ed;
  color: var(--bfa-navy);
  box-shadow: inset 0 -1px 0 var(--bfa-line);
}
body.bfa-design .accordion-button:focus { box-shadow: 0 0 0 .2rem #b65f3826; }

/* 08 — Conversion panels and site footer */
body.bfa-design .final-cta {
  background: var(--bfa-navy-deep);
  color: #fff;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
}
body.bfa-design .final-cta h2,
body.bfa-design .final-cta h3,
body.bfa-design .final-cta .lead { color: #fff !important; }
body.bfa-design .final-cta .trust-text { color: #dde6e5; }
body.bfa-design .site-footer {
  background: var(--bfa-navy-deep);
  border-top: 4px solid var(--bfa-warm);
  color: #e5ebeb;
}
body.bfa-design .site-footer .footer-pattern { display: none; }
body.bfa-design .site-footer .footer-legal-box {
  background: #ffffff0c;
  border: 1px solid #ffffff29;
  border-radius: 13px;
}
body.bfa-design .site-footer .footer-title,
body.bfa-design .site-footer .footer-legal-title,
body.bfa-design .site-footer h5 { color: #fff; }
body.bfa-design .site-footer a { color: #e0e8e7; }
body.bfa-design .site-footer a:hover { color: #ffd1b3; }
body.bfa-design .site-footer .text-primary { color: #ffd1b3 !important; }
body.bfa-design .footer-bottom { border-color: #ffffff25; }

/* 09 — Safe responsive bounds */
@media (max-width: 991.98px) {
  body.bfa-design .navbar .navbar-collapse {
    border-top: 1px solid var(--bfa-line);
    padding-top: 8px;
    margin-top: 10px;
  }
  body.bfa-design .navbar .nav-link { padding: .82rem .72rem; }
  body.bfa-design .hero { padding-block: 3.3rem !important; }
}
@media (max-width: 767.98px) {
  body.bfa-design .container { --bs-gutter-x: 1.6rem; }
  body.bfa-design .hero { padding-block: 2.5rem !important; }
  body.bfa-design .hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); }
  body.bfa-design .search-panel-glass { padding: 20px !important; }
  body.bfa-design .search-panel-glass .form-select { font-size: 1rem; }
  body.bfa-design .bento-grid { gap: 12px; }
  body.bfa-design .bento-item { padding: 18px; }
  body.bfa-design .brands-table-container,
  body.bfa-design .table-responsive { max-width: 100%; overflow-x: auto; }
  body.bfa-design .final-cta { border-radius: 0; }
  body.bfa-design .site-footer .footer-legal-box { padding: 18px; }
}
@media (max-width: 575.98px) {
  body.bfa-design .hero h1 { font-size: 2rem; }
  body.bfa-design .hero-price { padding: .65rem .8rem; font-size: 1rem !important; }
  body.bfa-design .search-panel-glass { padding: 16px !important; }
  body.bfa-design .search-panel-glass h2 { font-size: 1.2rem; }
  body.bfa-design .region-chip { padding: 12px 14px; }
}
@media (max-width: 359.98px) {
  body.bfa-design .site-footer .row > .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.bfa-design *,
  body.bfa-design *::before,
  body.bfa-design *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}