/* ============================================================
   HITEC RCD Korea — 모바일 반응형 보정
   ============================================================ */

/* 문제 1: 홈페이지 Hero 하단 KPI(50+/5/100%)가 모바일에서 세로로 붕괴되는 것 방지
   실제 마크업 클래스: .h-hero__kpis / .h-hero__kpi / .h-hero__kpi-num / .h-hero__kpi-label / .h-hero__kpi-div
   (기존 CSS에 남아있는 .h-stats__* 는 현재 페이지에 쓰이지 않는 클래스) */
@media (max-width: 768px) {
  .h-hero__kpis {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }
  .h-hero__kpi {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  .h-hero__kpi-num {
    font-size: 18px !important;
    white-space: nowrap !important;
  }
  .h-hero__kpi-label {
    font-size: 8.5px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
  .h-hero__kpi-div {
    display: block !important;
    height: 26px !important;
    width: 1px !important;
    margin: 4px 6px 0 0 !important;
    flex-shrink: 0 !important;
  }
}

/* 문제 3: 홈페이지 CERTIFICATIONS & COMPLIANCE 섹션 — 가로 스크롤은 유지하되 스크롤바만 숨김 */
@media (max-width: 768px) {
  .h-cert__panel {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* legacy Edge/IE */
  }
  .h-cert__panel::-webkit-scrollbar {
    display: none !important; /* Chrome/Safari */
  }
}