/* =============================================================
   hospitals.css — C14 병원 목록(/hospitals) 페이지 전용
   공통 컴포넌트(헤더·푸터·페이지 타이틀·구분 밴드·병원 카드)는 customer-common.css 참조.
   시안: Figma TheKKOT-yhlee · node 54:9736(모바일 393)
   ============================================================= */

/* 리스트 (시안 Frame 155 · pt24 pb30 · gap 12) */
.hp-list-frame {
  padding-top: 24px;
  padding-bottom: 30px;
}

.hp-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.hp-empty {
  padding: 24px 0;
  color: var(--kb-gray-500);
  font-size: 0.875rem;
}

/* ---------------------------------------------------------------
   반응형 — 시안은 모바일뿐이라 열 수만 C1 병원 섹션·C2 목록 관례를 따른다
   --------------------------------------------------------------- */
@media (min-width: 560px) {
  .hp-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (min-width: 1100px) {
  .hp-list-frame {
    padding-bottom: 60px;
  }

  .hp-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  /* 구분 밴드는 모바일 시안의 장치라 데스크탑에서는 쓰지 않는다 (C2 와 동일) */
  .t-division {
    display: none;
  }
}