.extended-services-directory {
  width: min(calc(100% - 48px), 1200px);
  margin: 56px auto 72px;
  border-top: 1px solid #e2e8f0;
  padding-top: 40px;
}

.extended-services-directory__header { margin-bottom: 28px; }
.extended-services-directory__eyebrow { margin: 0; color: #0756ad; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.extended-services-directory__header h2 { margin: 7px 0 0; color: #172033; font-size: 24px; line-height: 1.4; }
.extended-services-directory__header p:not(.extended-services-directory__eyebrow) { margin: 9px 0 0; color: #64748b; font-size: 14px; line-height: 1.7; }
.extended-services-directory__table-wrap { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgba(16, 47, 82, .05); }
.extended-services-directory__table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; color: #4b5563; font-size: 14px; line-height: 1.65; text-align: left; }
.extended-services-directory__table th { padding: 14px 24px; background: #f8fafc; color: #475569; font-size: 14px; font-weight: 700; }
.extended-services-directory__table th:first-child { width: 27%; }
.extended-services-directory__table th:nth-child(2) { width: 17%; }
.extended-services-directory__table td { padding: 17px 24px; border-top: 1px solid #edf1f5; vertical-align: middle; }
.extended-services-directory__table tbody tr { transition: background-color .15s ease; }
.extended-services-directory__table tbody tr:hover { background: #f8fbff; }
.extended-services-directory__name { display: inline-flex; align-items: center; gap: 10px; color: #273245; font-weight: 700; }
.extended-services-directory__image, .extended-services-directory__image-empty { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 8px; object-fit: cover; }
.extended-services-directory__image-empty { display: grid; place-items: center; background: #f1f5f9; color: #94a3b8; font-size: 10px; font-weight: 400; line-height: 1.3; text-align: center; }
.extended-services-directory__price { color: #0756ad; font-weight: 700; white-space: nowrap; }
.extended-services-directory__empty { padding: 40px 24px; border: 1px solid #e2e8f0; border-radius: 12px; color: #94a3b8; font-size: 14px; text-align: center; }

@media (max-width: 767px) {
  .extended-services-directory { width: min(calc(100% - 32px), 1200px); margin-top: 40px; margin-bottom: 48px; padding-top: 28px; }
  .extended-services-directory__header { margin-bottom: 20px; }
  .extended-services-directory__header h2 { font-size: 21px; }
  .extended-services-directory__header p:not(.extended-services-directory__eyebrow) { font-size: 13px; }
  .extended-services-directory__table { font-size: 13px; }
  .extended-services-directory__table th, .extended-services-directory__table td { padding: 13px 16px; }
  .extended-services-directory__image, .extended-services-directory__image-empty { width: 36px; height: 36px; flex-basis: 36px; }
}