/* PC 본문 폭 728 맞춤 (2026-09-29 GS "PC 카카오 광고 규격에 맞게 폭 줄이면?" → 시안 확인 후 적용)
 * 상품권 시세보다 페이지만(금·환전·기름값 제외 — Base.astro 가 붙이는 조건). 1024px 이상에서만 읽힙니다.
 * 본문 칸 768 = 카드 728 + 좌우 20 → 애드핏 728×90·직접 광고(6:1)·카드·구분선 끝이 한 줄로 맞습니다.
 *   · 사이드바 없는 PC(1024~1511, 또는 레일 없는 장): 지면 820 → 768
 *   · 사이드바 있는 PC(1280 이상 — 2026-10-10 1512 에서 내림): 지면 1180 → 1116 (본문 832 → 768, 레일 300 + 고랑은 그대로)
 */
@media (min-width: 1024px) {
  .container { max-width: min(768px, calc((100vw - 96px) / 1.2)) !important; }
}
/* 사이드바 있는 PC — 2026-10-10 레일 하한 1512 → 1280. zoom 단계는 Base.astro 와 같습니다(1.00 · 1.06 · 1.12 · 1.20). */
@media (min-width: 1280px) {
  .container:is(.has-rail, :has(.page-rail)) { max-width: min(1116px, calc(100vw - 96px)) !important; }
}
@media (min-width: 1360px) {
  .container:is(.has-rail, :has(.page-rail)) { max-width: min(1116px, calc((100vw - 96px) / 1.06)) !important; }
}
@media (min-width: 1440px) {
  .container:is(.has-rail, :has(.page-rail)) { max-width: min(1116px, calc((100vw - 96px) / 1.12)) !important; }
}
@media (min-width: 1512px) {
  .container:is(.has-rail, :has(.page-rail)) { max-width: min(1116px, calc((100vw - 96px) / 1.2)) !important; }
}

/* 폭을 줄이며 생긴 줄바꿈 손보기 — 구매 카드·휴대폰·무통장(/buy/card·phone·bank) 3칸 행
 * 상품권 이름 옆 '순위 보기' 때문에 이름이 두 줄로 꺾이고, 가운데 칸 결제수단 알약이 아랫줄로 떨어졌습니다.
 * '순위 보기'를 이름 아래로 내리고, 칸 사이·좌우 여백을 조금 줄여 가운데 칸을 넓힙니다. */
@media (min-width: 1024px) {
  .gc-row:has(> .gc-head > .gc-go) { grid-template-columns: 1fr 1.55fr 0.95fr !important; gap: 12px !important; padding-left: 14px !important; padding-right: 14px !important; }
  .gc-lhead:has(> i:nth-child(3)) { grid-template-columns: 1fr 1.55fr 0.95fr !important; gap: 12px !important; padding-left: 14px !important; padding-right: 14px !important; }
  .gc-head:has(> .gc-go) { flex-direction: column; align-items: flex-start !important; gap: 2px !important; }
}