/* Desktop header redesign only (structure + behavior preserved) */

@media (min-width: 992px) {
  :root {
    --uh-border: #d6e4f5;
    --uh-border-2: #cfe0f5;
    --uh-text: #163b63;
    --uh-text-2: #56708f;
    --uh-blue-500: #2f80ff;
    --uh-blue-600: #1f6bff;
    --uh-blue-700: #155be0;
    --uh-pill: 9999px;
    --uh-shadow: 0 18px 44px rgba(10, 34, 64, 0.08);
    --uh-shadow-sm: 0 10px 26px rgba(10, 34, 64, 0.06);
  }

  /* ---------- Top announcement bar (HeaderSlider / ticker) ---------- */
  .ticker-container::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
      radial-gradient(6px 6px at 8% 35%, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0) 60%),
      radial-gradient(7px 7px at 28% 65%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 60%),
      radial-gradient(5px 5px at 62% 28%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 60%),
      radial-gradient(6px 6px at 84% 58%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 60%),
      linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
    opacity: 0.55;
    mix-blend-mode: soft-light;
  }

  .ticker-wrapper {
    position: relative;
    gap: 10px;
  }

  .ticker-text {
    font-weight: 800;
    letter-spacing: 0.2px;
    font-size: 13px;
  }

  .ticker-text .highlight {
    color: #ffd27a !important;
    font-weight: 900;
  }

  /* ---------- Main header row ---------- */
  section.header.top-header.d-menu {
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.96), rgba(255, 255, 255, 0.96)) !important;
    border-bottom: 1px solid var(--uh-border) !important;
    box-shadow: 0 10px 30px rgba(10, 34, 64, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* Global space between header and page body */
  .main-body .site-content,
  .ai-pages .site-content {
    padding-top: 14px;
  }

  @media (max-width: 767px) {
    .main-body .site-content,
    .ai-pages .site-content {
      padding-top: 10px;
    }
  }

  section.header.top-header.d-menu.top-header-fixed {
    box-shadow: var(--uh-shadow);
  }

  section.header.top-header.d-menu nav.diwali {
    background: transparent !important;
  }

  section.header.top-header.d-menu .menu-container {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  section.header.top-header.d-menu .di-navebar {
    gap: 18px;
  }

  /* Logo */
  section.header.top-header.d-menu a.logo img.hero-logo {
    filter: drop-shadow(0 10px 18px rgba(10, 34, 64, 0.10));
  }

  /* ---------- Search pill ---------- */
  /* section.header.top-header.d-menu .custome-search-form,
  section.header.top-header.d-menu .custom-search-form {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--uh-border);
    border-radius: var(--uh-pill);
    padding: 6px 6px 6px 14px;
    box-shadow: 0 10px 26px rgba(10, 34, 64, 0.06);
    transition: border-color 200ms ease, box-shadow 220ms ease, transform 200ms ease;
  }

  section.header.top-header.d-menu .custome-search-form:hover,
  section.header.top-header.d-menu .custom-search-form:hover {
    border-color: rgba(47, 128, 255, 0.35);
    box-shadow: 0 14px 34px rgba(10, 34, 64, 0.08);
  } */

  section.header.top-header.d-menu .custome-search-form .form-control,
  section.header.top-header.d-menu .custom-search-form .form-control,
  section.header.top-header.d-menu .custom-search-form .custom-search-input {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 8px 10px;
    font-weight: 600;
    color: var(--uh-text);
    min-height: 42px;
  }

  section.header.top-header.d-menu .custome-search-form .form-control::placeholder,
  section.header.top-header.d-menu .custom-search-form .form-control::placeholder,
  section.header.top-header.d-menu .custom-search-form .custom-search-input::placeholder {
    color: rgba(86, 112, 143, 0.85);
    font-weight: 500;
  }

  section.header.top-header.d-menu .custome-search-form:focus-within,
  section.header.top-header.d-menu .custom-search-form:focus-within {
    border-color: rgba(47, 128, 255, 0.55);
    box-shadow: 0 0 0 5px rgba(47, 128, 255, 0.16), 0 18px 44px rgba(10, 34, 64, 0.10);
    transform: translateY(-1px);
  }

  /* section.header.top-header.d-menu .custome-search-form .btn,
  section.header.top-header.d-menu .custom-search-form .btn,
  section.header.top-header.d-menu .custom-search-form .custom-search-btn {
    border: 1px solid var(--uh-border-2) !important;
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.9), rgba(255, 255, 255, 0.9)) !important;
    color: var(--uh-text) !important;
    border-radius: var(--uh-pill) !important;
    min-height: 42px;
    width: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    transition: transform 180ms ease, box-shadow 200ms ease, border-color 200ms ease;
  } */

  section.header.top-header.d-menu .custome-search-form .btn:hover,
  section.header.top-header.d-menu .custom-search-form .btn:hover,
  section.header.top-header.d-menu .custom-search-form .custom-search-btn:hover {
    border-color: rgba(47, 128, 255, 0.40) !important;
    box-shadow: 0 12px 26px rgba(10, 34, 64, 0.08);
    transform: translateY(-1px);
  }

  /* ---------- Login / utility nav (keep logic, restyle only) ---------- */
  section.header.top-header.d-menu .top-navbar-nav .nav-link {
    color: var(--uh-text) !important;
    font-weight: 650;
    letter-spacing: 0.1px;
    transition: color 200ms ease, background-color 200ms ease;
  }

  section.header.top-header.d-menu .top-navbar-nav .nav-link:hover {
    color: var(--uh-blue-700) !important;
  }

  section.header.top-header.d-menu .dropdown-toggle::after {
    content: "" !important;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    vertical-align: middle;
    border: solid #111827 !important;
    border-width: 0 2px 2px 0 !important;
    opacity: 0.92;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 200ms ease, border-color 200ms ease, opacity 200ms ease;
  }

  section.header.top-header.d-menu .dropdown.show > .dropdown-toggle::after,
  section.header.top-header.d-menu .dropdown.show > a.dropdown-toggle::after,
  section.header.top-header.d-menu .dropdown.show > button.dropdown-toggle::after,
  section.header.top-header.d-menu .nav-item.dropdown.show > .dropdown-toggle::after,
  section.header.top-header.d-menu .nav-item.dropdown.show > a.dropdown-toggle::after,
  section.header.top-header.d-menu .nav-item.dropdown.show > button.dropdown-toggle::after {
    transform: rotate(-135deg) translateY(-1px);
    border-color: #111827 !important;
    opacity: 1;
  }

  /* ---------- Phone pill ---------- */
  section.header.top-header.d-menu .call_btn-inner a {
    color: var(--uh-text) !important;
    font-weight: 850 !important;
    letter-spacing: 0.2px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--uh-border-2);
    border-radius: var(--uh-pill);
    padding: 8px 14px 8px 10px;
    gap: 6px;
    box-shadow: var(--uh-shadow-sm);
    transition: transform 200ms ease, box-shadow 220ms ease, border-color 200ms ease;
  }

  section.header.top-header.d-menu .call_btn-inner a:hover {
    transform: translateY(-1px);
    border-color: rgba(47, 128, 255, 0.35);
    box-shadow: var(--uh-shadow);
}

  section.header.top-header.d-menu .call_btn-inner a i.fa-phone {
    width: 24px;
    height: 34px;
    border-radius: var(--uh-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* background: rgba(47, 128, 255, 0.14);
    color: var(--uh-blue-600); */
    margin-right: 0;
  }

  /* ---------- Primary CTA (Apply for Loan) ---------- */
  section.header.top-header.d-menu a.cta-btn.cta-btn-filled {
    background: linear-gradient(180deg, var(--uh-blue-500) 0%, var(--uh-blue-600) 100%) !important;
    border: 1px solid rgba(31, 107, 255, 0.65) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(31, 107, 255, 0.28);
  }

  section.header.top-header.d-menu a.cta-btn.cta-btn-filled:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(31, 107, 255, 0.34);
    color: #ffffff !important;
  }

  section.header.top-header.d-menu a.cta-btn.cta-btn-outline {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--uh-border-2) !important;
    color: var(--uh-text) !important;
    box-shadow: var(--uh-shadow-sm);
  }

  /* ---------- Navigation row (Menu component) ---------- */
  section.new-product-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid var(--uh-border) !important;
    box-shadow: 0 14px 40px rgba(10, 34, 64, 0.06);
  }

  /* Center-align both menu groups (bank + service) as one cluster */
  section.new-product-header .menu-ul-row {
    justify-content: center !important;
    gap: 8px;
    align-items: center;
  }

  section.new-product-header .menu-ul-row > ul {
    width: auto !important;
    flex: 0 0 auto;
    justify-content: center !important;
  }

  section.new-product-header ul.bank-product-menu,
  section.new-product-header ul.service-product-menu {
    width: auto !important;
    flex: 0 0 auto;
  }

  section.new-product-header ul.service-product-menu {
    justify-content: center !important;
  }

  nav.navBarContainer,
  .navBarContainer.new-product-container {
    background: transparent !important;
  }

  .navBarContainer ul li a {
    color: var(--uh-text) !important;
    /* font-weight: 700 !important; */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    transition: color 200ms ease, background-color 200ms ease, box-shadow 220ms ease;
  }

  .navBarContainer a.hasSub_menu::after {
    border-left-color: var(--uh-text-2) !important;
    border-bottom-color: var(--uh-text-2) !important;
    opacity: 0.95;
  }

  .navBarContainer li:hover a::after {
    border-left-color: var(--uh-blue-700) !important;
    border-bottom-color: var(--uh-blue-700) !important;
  }

  /* Mega menu panel polish (behavior unchanged) */
  .navBarContainer li:hover .megaMenu_container {
    /* border-radius: 16px; */
    border: 1px solid var(--uh-border);
    box-shadow: var(--uh-shadow);
  }
}