/* PC 디자인 정리 (2026-09-29 GS 확정 시안 v5) — 기프티콘 /gifticon
 * PC(768px 이상)에서만 읽힙니다: Base.astro 가 <link media="(min-width: 768px)"> 로 붙입니다. 모바일에는 영향 없음.
 * 시안을 CSS 덧씌우기로 만든 그대로 옮겨서 !important 가 많습니다(원래 스타일을 이기려고).
 * 방향: 형광펜 제거 · 순위/라벨 칩은 회색 글자 · 장식 목록·FAQ·칩 줄은 구분선으로 평평하게.
 *       페이지마다 주요 카드 1~3개는 원래 모양(웜크림·그림자·1위 강조) 그대로. 시세 숫자 주황·파랑은 유지.
 */
/* ③ 제목 형광펜 없애기 */
.hl-pen { text-decoration: none !important; padding: 0 !important; }
.gt-count { font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; }

/* 히어로 부제 — 큰 굵은 2줄째를 회색 보조 문구로 */
#main-content .page-h1 .h1-tail { color: var(--ink-soft) !important; font-size: .56em !important; font-weight: 500 !important; margin-top: 10px !important; letter-spacing: -0.01em !important; }


/* ② 색은 뜻이 있을 때만 — 숫자는 검정, 각 표 1등 값만 방향색 */

/* ⑤ 상자 대신 구분선 — 브랜드 목록 */


/* FAQ */
.faq-item { border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; }
.faq-item[open] { border-color: var(--line-soft) !important; box-shadow: none !important; }
.section-title + .faq-item { border-top: 1px solid var(--line) !important; }
.faq-q { padding: 14px 6px !important; font-size: 14px !important; }
.faq-a { padding: 0 6px 14px !important; }

/* 가이드 목록 */
.gt-guides { gap: 0 !important; border-top: 1px solid var(--line) !important; }
.gt-guides a { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line-soft) !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 8px !important; }
.gt-guides a:hover { background: var(--surface-2) !important; }

/* ===== 09-29 다듬기 — PC 디자인 시스템 맞춤 ===== */
/* 섹션 제목 22/700, 섹션 사이 48 · 제목~내용 12 */
#main-content .gt-sec, #main-content .gt-intro { padding-top: 48px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
#main-content .gt-find + .gt-sec { padding-top: 32px !important; }
#main-content .ad-slot + .gt-sec, #main-content .adfit-con + .gt-sec { padding-top: 32px !important; }
#main-content .ad-slot { margin-top: 32px !important; margin-bottom: 0 !important; }
#main-content .adfit-con { margin-top: 32px !important; }
#main-content .section-title { font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.35 !important; margin: 0 0 12px !important; align-items: baseline !important; flex-wrap: wrap !important; column-gap: 10px !important; }
#main-content .section-title .hl-pen { font-weight: 700 !important; }
#main-content .section-title .title-sub, #main-content .section-title .gt-count { flex: 0 1 auto !important; width: auto !important; margin: 0 !important; font-size: 13px !important; font-weight: 500 !important; color: var(--ink-faint) !important; line-height: 1.4 !important; }
#main-content .gt-sec > .gt-cap:first-of-type { margin: -4px 0 12px !important; font-size: 13px !important; }
#main-content .gt-cap { margin-top: 12px !important; }
/* 브랜드 목록 — 마지막 줄이 덜 찼을 때 선이 끊겨 보이지 않게: 마지막 줄 칸 선을 걷고 목록 아래 한 줄로 */
/* 가이드 목록 — 행 선 겹침 없이 */
.gt-guides a { padding: 13px 6px !important; }
.gt-guides a strong { font-size: 14px !important; }
.gt-guides a span { font-size: 12px !important; }
/* FAQ 행 */
.faq-q { padding: 13px 6px !important; }

/* 2026-09-29 GS "원래 모양 그대로" — 오늘 기프티콘 최저가(.gt-deals) · 금액권 표(.gt-table-wrap) 규칙은 지워 원래 카드로 */

/* 2026-09-29 GS "이전 카드형으로" — 브랜드 목록(.gt-grid·.gt-brand·더 보기) 규칙은 지워 원래 카드로 */