/* PC 디자인 정리 (2026-09-29 GS 확정 — 상품권 나머지 페이지 2차) — 상품권 전체 /giftcards
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 순위/라벨 칩은 회색 글자 · 장식 상자·칩 줄·목록은 구분선으로 평평하게. 주요 카드·로고 카드 그리드·시세 숫자 색·H1 부제는 그대로.
 */
/* ===== /giftcards/ (상품권 전체) PC 시안 — 2026-09-29 =====
 * 남긴 주요 카드(원래 모양 그대로): 지금 인기 상품권 캐러셀(.pop-card), 오늘 매입가 TOP 10(.gc-brief-card),
 *   분류별 상품권 카드 그리드(.gc-tile — 로고+값이 든 작은 카드 여러 장이라 카드 유지). 어두운 '전체 상품권 시세표 보기' CTA 도 그대로.
 * 시세 숫자 주황·파랑, H1 주황 부제는 그대로.
 */

/* 섹션 제목 22/700 · '전체 보기 →' 는 작은 회색 링크 */
#main-content .pop-title, #main-content .group-title, #main-content .gt-entry-h, #main-content .gc-guide-h2 { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; align-items: baseline !important; }
#main-content .pop-title-t { font-size: inherit !important; font-weight: inherit !important; }
#main-content .group-title { margin-bottom: 8px !important; }
#main-content .pop-more, #main-content .group-more { font-size: 13px !important; font-weight: 500 !important; color: var(--ink-soft) !important; letter-spacing: 0 !important; }
#main-content .group-count { background: none !important; padding: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }

/* 매입 최고가 / 구매 최저가 두 칸 — 상자 걷고 두 칸 줄 (gc 와 같은 처리, 방향색 제목은 유지) */
#main-content .bsq { background: transparent !important; box-shadow: none !important; gap: 0 !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; padding: 0 !important; margin: 12px 20px 8px !important; }
#main-content .bsq-btn { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 16px 18px 14px 6px !important; }
#main-content .bsq-btn.buy { border-left: 1px solid var(--line-soft) !important; padding-left: 20px !important; }
#main-content .bsq-btn:hover { background: var(--surface-2) !important; transform: none !important; }
#main-content .bsq-t::after { content: " →"; color: var(--ink-faint); font-weight: 500; }

/* 분류 칩 줄(분류명 + 오늘 최고 매입률) → 상자 없는 글자 줄. 매입률 주황은 그대로 */
#main-content .gc-cats { column-gap: 22px !important; row-gap: 2px !important; }
#main-content .gc-cat-chip { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 6px 0 !important; gap: 5px !important; }
#main-content .gc-cat-chip strong { font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; }
#main-content .gc-cat-chip:hover { background: none !important; }
#main-content .gc-cat-chip:hover strong { text-decoration: underline; text-underline-offset: 4px; }

/* 계산기 · 전체 시세표 알약 → 글자 링크 */
#main-content .gc-tools { gap: 20px !important; }
#main-content .gc-tool { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; }
#main-content .gc-tool::after { content: " →"; color: var(--ink-faint); }
#main-content .gc-tool:hover { text-decoration: underline; text-underline-offset: 4px; }

/* 커피·치킨 기프티콘 최저가 — 카드 그대로 (GS 홈에서 "이건 카드로" 와 같게) */

/* 상품권 시세, 이렇게 보세요 — 상자 걷기 */
#main-content .gc-guide { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
#main-content .gc-guide a { color: var(--ink) !important; }