/*-----------------------------------------------
|   Хувилбар 2 — «Гүн хөх»: логоны хар хөхийг давамгайлуулсан,
|   тод, итгэл төрүүлэх хэв маяг. Улаан нь үйлдлийн товчинд.
-----------------------------------------------*/
html.fx-v2 {
  --fx-primary: #14148E;
  --fx-primary-hover: #0B0B5C;
  --fx-accent: #EE4037;
  --fx-accent-strong: #D6332A;
  --fx-bg: #F3F4FA;
  --fx-surface: #FFFFFF;
  --fx-border: #E3E5F2;
  --fx-text: #26273F;
  --fx-muted: #585A75;
  --fx-heading: #0F0F45;
  --fx-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fx-font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fx-radius: 14px;
  --fx-btn-radius: 10px;
  --fx-shadow: 0 10px 30px -14px rgba(15, 15, 69, 0.22);
  --fx-shadow-hover: 0 26px 50px -18px rgba(15, 15, 69, 0.4);
  --fx-tint-primary: rgba(20, 20, 142, 0.1);
  --fx-tint-accent: rgba(238, 64, 55, 0.14);
  --fx-nav-bg: rgba(10, 10, 58, 0.78);
  --fx-nav-shadow: 0 8px 28px rgba(5, 5, 30, 0.35);
  --fx-nav-link: rgba(255, 255, 255, 0.86);
  --fx-nav-link-hover: #FFFFFF;
  --fx-hero-bg:
    radial-gradient(ellipse 55% 70% at 92% 30%, rgba(238, 64, 55, 0.35), transparent 65%),
    radial-gradient(ellipse 60% 80% at 0% 100%, rgba(80, 80, 230, 0.35), transparent 70%),
    linear-gradient(150deg, #0A0A3A 0%, #14148E 100%);
  --fx-hero-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M48 0H0v48' fill='none' stroke='%23FFFFFF' stroke-opacity='.06'/%3E%3C/svg%3E");
  --fx-hero-text: #FFFFFF;
  --fx-hero-highlight: #FF7A70;
  --fx-hero-sub: rgba(255, 255, 255, 0.8);
  --fx-stats-bg: linear-gradient(150deg, #14148E 0%, #0A0A3A 100%);
  --fx-stats-icon-bg: #FFFFFF;
  --fx-stats-number: #FFFFFF;
  --fx-stats-label: rgba(255, 255, 255, 0.75);
  --fx-video-overlay: linear-gradient(0deg, rgba(10, 10, 58, 0.92), rgba(20, 20, 142, 0.55));
  --fx-feedback-bg: #FFFFFF;
  --fx-footer-bg: #08082E;
  --fx-footer-bottom: #050520;
  --fx-footer-text: rgba(255, 255, 255, 0.68);
}

html.fx-v2 #home h1, html.fx-v2 section h2 { font-weight: 800; }
html.fx-v2 #home h1:first-child { font-weight: 500 !important; }

/* Хар хөх цэсэн дээр логог цагаан дэвсгэртэй харуулна */
html.fx-v2 .navbar-brand img {
  background: #fff;
  padding: 6px 12px;
  border-radius: 10px;
  height: 46px;
}
html.fx-v2 .navbar .bg-soft-warning { background: rgba(255, 255, 255, 0.12) !important; }
html.fx-v2 .navbar .bg-soft-warning .text-warning,
html.fx-v2 .navbar .bg-soft-warning svg { color: #fff !important; }
html.fx-v2 .navbar-toggler-icon { filter: invert(1) brightness(2); }
html.fx-v2 .navbar .btn-primary,
html.fx-v2 #home .btn-primary { background: var(--fx-accent-strong); border-color: var(--fx-accent-strong); box-shadow: 0 10px 26px -8px rgba(238, 64, 55, 0.7); }
html.fx-v2 .navbar .btn-primary:hover,
html.fx-v2 #home .btn-primary:hover { background: #fff; border-color: #fff; color: var(--fx-primary); }
html.fx-v2 #home { padding-bottom: 6rem; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), 0 100%); }

/* Хэсгийн гарчгийг том үсгээр */
html.fx-v2 section .text-center > h5.text-danger { text-transform: uppercase; letter-spacing: 0.06em; font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.8rem); }
html.fx-v2 section .text-center > h5.text-danger::after { background: var(--fx-accent); width: 40px; }

/* Картын дээд улаан зураас */
html.fx-v2 #services .card-span { border-top: 4px solid var(--fx-accent) !important; }
html.fx-v2 #services .row > div:nth-child(2) .card-span { background: var(--fx-primary); border-top-color: var(--fx-accent) !important; }
html.fx-v2 #services .row > div:nth-child(2) h5,
html.fx-v2 #services .row > div:nth-child(2) li { color: #fff !important; }
html.fx-v2 #services .row > div:nth-child(2) .btn-danger:hover { background: #fff; border-color: #fff; color: var(--fx-primary); }

/* Тоон үзүүлэлт — хар хөх тууз */
html.fx-v2 #services + section { padding-top: 4.5rem; padding-bottom: 3rem; }
html.fx-v2 #services + section .col-lg + .col-lg { position: relative; }
@media (min-width: 992px) {
  html.fx-v2 #services + section .col-lg + .col-lg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 30%;
    width: 1px;
    background: rgba(255, 255, 255, 0.15);
  }
}

html.fx-v2 main > section:nth-of-type(6) > .container > .row { box-shadow: var(--fx-shadow); border: 1px solid var(--fx-border); }
html.fx-v2 #findUs .card-span { border-left: 4px solid var(--fx-primary); }