.price-table-container {
  max-width: 1580px;
  margin: 80px auto 100px;
  padding: 0 30px;
  /* 컬럼 폭이 한국어 기준 고정값이라 영어·러시아어에선 합계가 컨테이너를 넘는다.
     넘칠 때 페이지가 아니라 표만 가로 스크롤되게 한다. */
  overflow-x: auto;
}

/* 제목 태그를 h1→h2 로 낮춤(페이지 대표 제목은 헤더 로고 하나) — 크기·정렬은 그대로 */
.price-table-container h2 {
  text-align: center;
  margin-bottom: 2.5rem;
  color: #111;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: -1px;
}

.price-table {
  width: 100%;
  /* 컬럼 13개짜리 표라 좁은 화면에서 과하게 눌리지 않도록 최소 폭을 준다.
     이보다 좁아지면 컨테이너가 가로 스크롤로 처리한다. */
  min-width: 1100px;
  border-collapse: collapse;
  font-size: 0.9rem;
  background: white;
  border: 1px solid #808080;
}

.price-table th,
.price-table td {
  border: 1px solid #808080;
  padding: 0.5rem;
  color: #000;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  /* break-word 여야 한다. anywhere 를 쓰면 브라우저가 계산하는 '최소 필요 폭'이 글자 1개가 되어,
     좁은 컬럼을 그대로 둔 채 글자를 욱여넣는다(러시아어에서 실제로 발생).
     break-word 는 최소 폭을 '가장 긴 단어'로 유지해 컬럼이 스스로 넓어진다. */
  overflow-wrap: break-word;
}

.price-table th {
  background-color: #A0D9E2;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  vertical-align: middle;
  border: 1px solid #808080;
}

.price-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.price-table tbody tr:hover {
  background-color: #f0f0f0;
}

/* 반응형 */
@media (max-width: 768px) {
  .price-table {
    font-size: 0.8rem;
  }
  
  .price-table th,
  .price-table td {
    padding: 0.3rem;
  }
}