/* Блок контактів: легка типографіка, тонкі бордюри */
.contacts {
  color: #222; /* читабельний, не чисто-чорний */
}
.contacts a:hover { text-decoration: none; }

.contacts .lead { margin-bottom: 1rem; }
.contacts address { font-style: normal; margin: 0 0 1rem; }

.contacts .grid { display: grid; gap: 1.5rem; }
.contacts .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.contacts .muted { color: #666; }
.contacts hr { border: 0; border-top: 1px solid #ddd; margin: 1.25rem 0; }

/* Заголовки розділів */
.city { margin: 2rem 0; }
.city h3 { margin: 3rem 0 .5rem; font-size: 20px; }
.city > p.city-link { margin: 2rem 0 1rem; }

/* Таблиці контактів */
.tbl {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* стабільні ширини колонок */
}
.tbl th,
.tbl td {
  border: 1px solid #ddd;
  padding: .5rem .75rem;
  vertical-align: top;
}
.tbl th {
  background: #f7f7f7;
  text-align: left;
  font-weight: 700;
}
.tbl th:first-child { width: auto; }
.tbl .phone { white-space: nowrap; }

/* Однакова ширина стовпця з телефонами */
.tbl th:last-child,
.tbl td.phone {
  width: 22ch;          /* під довжину (067)-xxx-xxxx */
  white-space: nowrap;  /* не переносити номери */
  text-align: left;     /* вирівнювання тексту */
}

/* Щоб посилання займало всю ширину комірки */
.tbl td.phone a {
  display: inline-block;
  width: 100%;
}

/* Панель пошуку — максимально проста стилістика */
.searchbar {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0 1.25rem;
}
.searchbar .search-input {
  flex: 1;
  padding: .5rem .6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: inherit;
}
.searchbar .btn {
  padding: .5rem .75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}
.searchbar .btn:hover { background: #f7f7f7; }
.searchbar .stats { margin-left: auto; font-size: .9rem; color: #666; }

/* Хелпери / стани */
.hidden { display: none !important; }
.tbl.empty { display: none; }                 /* порожні таблиці не показуємо */
.tbl .no-results { display: none !important; }/* перестраховка для плейсхолдерів */
.mt-3 { margin-top: .75rem; }

/* Лід-блоки */
.lead address {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}
.lead .contact-block > div { margin-bottom: 0.5rem; } /* відступ у мобільній версії */
.lead .pharmacy-info {
  margin-top: 0.75rem;
  line-height: 1.6;
}
.lead a strong { font-weight: 600; }

/* Підсвітка пошуку */
mark.hl {
  background: #fff3a3; /* м’який жовтий, у стилі сайту */
  color: inherit;
  padding: 0 .06em;
  border-radius: 2px;
}

/* Мобільні */
@media (max-width: 640px) {
  .contacts .grid-2 { grid-template-columns: 1fr; }
  .tbl th:nth-child(2),
  .tbl td:nth-child(2) { width: 1%; }
  .lead .contact-block > div { margin-bottom: 0.75rem; }
#contacts-search {	font-size: 16px; }
.searchbar .search-input { padding: .5rem .2rem; }
.searchbar {  gap: .2rem; }
 }

@media (max-width: 480px) {
  .tbl th:last-child,
  .tbl td.phone { width: 16ch; }
#contacts-search {	font-size: 16px; }
.searchbar .search-input { padding: .5rem .2rem; }
.searchbar {  gap: .2rem; }
}