  
  /* ensure logos show and scale */
  .site-logo img,
  .site-logo-alt img { max-width: 100%; height: auto; display: block; }

  /* layout: use flex for predictable responsive ordering */
  .header-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 2rem; box-sizing: border-box; }
  .header-left, .header-center, .header-right { display:flex; align-items:center; }

  /* ensure phone/search stack logically on small screens */
  .header-center { flex: 1 1 40%; justify-content: center; }
  .header-right { justify-content: flex-end; gap: .75rem; }

  .phone-number { font-weight:700; white-space:nowrap; margin-right:.5rem; }
  .search-form { display:flex; align-items:center; gap:.5rem; max-width:320px; width:100%; }
  .search-input { flex:1 1 auto; padding:.5rem .6rem; box-sizing:border-box; }
  .search-button { padding:.55rem .8rem; background:#13579a; color:#fff; border:none; border-radius:3px; cursor:pointer; }

  /* responsive adjustments */
  @media (max-width: 640px) {
    .header-row { padding: .7rem 1rem; gap:.5rem; }
    .header-center { order: 3; width:100%; justify-content:flex-start; margin-top:.5rem; }
    .header-left { order: 1; }
    .header-right { order: 2; }
    .site-logo-alt { display: none; } /* hide secondary logo on very small screens if desired */
  }
  
  /* Make the center logo smaller and keep everything aligned nicely */
.center-col .secondary-logo {
  max-width: 180px !important;  /* adjust this number — try 160–200px for balance */
  height: auto !important;
}

/* On smaller screens, scale it down further (optional) */
@media (max-width: 768px) {
  .center-col .secondary-logo {
    max-width: 140px !important;
  }
}

/* Keep the logo and phone number aligned horizontally and centered */
.center-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem; /* spacing between logo and phone number */
}

/* Ensure logos don’t stretch vertically */
.logo-col img,
.center-col .secondary-logo {
  height: auto;
  display: block;
}