@media (max-width: 768px) {
  .ex2-header > .container {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  .header-left { flex: 0 1 auto; min-width: 0; }
  .header-right { flex: 1 1 auto; min-width: 0; justify-content: flex-end; gap: 10px; }
  .logo-box img { width: min(150px, 39vw) !important; height: auto; }
  .btn-call { flex: 0 1 auto; padding: 10px 12px; font-size: 11px; text-align: center; white-space: normal; line-height: 1.2; }
  .mobile-menu-toggle { flex: none; }
  .slider-content, .slider-content__inner { min-width: 0; max-width: 100%; }
  .slider-title, .slider-subtitle { max-width: 100%; overflow-wrap: break-word; }
  .contact-header .container, .contact-wrapper .container { min-width: 0; }
  .contact-header h1, .contact-header p { max-width: 100%; overflow-wrap: break-word; }
  .form-content { padding: 30px 20px; }
  .news-item { min-width: 0; gap: 10px; }
  .news-item h3 { min-width: 0; overflow-wrap: break-word; }
}
@media (max-width: 390px) {
  .ex2-header > .container { gap: 6px; }
  .header-right { gap: 6px; }
  .btn-call { padding: 9px 8px; font-size: 10px; }
  .slider-content { left: 16px; width: calc(100% - 32px); }
}

.map-directions {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px;
  color: #1c4587;
  background: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}
.map-directions:hover,
.map-directions:focus-visible { color: #0b2d5a; text-decoration: underline; }