/* ─────────────────────────────────────────────────────────────
   평강프라자 — 디자인 토큰 (pk- 레이어 공통)
   시안: docs/design/main-showroom-draft.html (2026-09-15 확정 "쇼룸")
   콘셉트: 합정 매장 쇼룸 — 콘크리트 회색 바닥 + 흰 벽 + 검정 글자, 색은 삼성 블루 한 점.
   케이디엘(블루 단색·네이비 카드)·문성(파스텔·그라데이션 알약)과 겹치지 않게 직선·hairline·사각(4px)·큰 Sharp Sans 숫자만.
   pk-*.css 는 head.sub.php 에서 ms-*.css 뒤에 링크한다 (ms- 파일은 손대지 않음). 이 파일이 pk- 중 첫 번째.
   ───────────────────────────────────────────────────────────── */
:root{
  --pk-concrete:#f0eeea;   /* 히어로·카드 이미지 바닥 — 따뜻한 회색 (2026-09-15 색 온도 개편, 이전 #eeeff1) */
  --pk-sand:#f6f2ec;       /* 진열대 뒷판·퀵링크 타일 — 샌드 */
  --pk-oak:#d8c8ae;        /* 진열대 판·선 — 오크 */
  --pk-wall:#ffffff;
  --pk-ink:#111214;
  --pk-graphite:#3b3f46;
  --pk-mute:#7c828c;
  --pk-line:#d9dce1;       /* hairline */
  --pk-blue:#1428a0;       /* 삼성 브랜드 블루 — 가격·CTA·활성 표시에만 */
  --pk-blue-ink:#0f1f7a;
  --pk-blue-tint:#e9ecf9;
  --pk-kr:'Samsung One Korean','Malgun Gothic','맑은 고딕',sans-serif;
  --pk-en:'Samsung Sharp Sans','Samsung One Korean',sans-serif;
  --pk-r:4px;
}

/* 가이드 서체 — 테마 reset.css·style.css 가 모든 요소에 NotoSansKR 을 직접 주므로 pk- 컨테이너 안은 Samsung One Korean 으로 통일.
   숫자·영문 Sharp Sans 는 각 pk-*.css 의 클래스 선택자(var(--pk-en))가 이 규칙보다 우선. 2026-09-15 가이드 점검 */
[class*="pk-"],[class*="pk-"] *{font-family:var(--pk-kr)}   /* reset.css 가 div·span 등 모든 요소에 직접 주므로 후손 전체. 아이콘 폰트(font-awesome/ionicons)는 뒤에 로드돼 그대로 */

/* 아이콘 폰트 되살리기 (2026-09-23, 백미란님 제보 "상세 제목 옆 빈 네모") —
   위 규칙은 특이도가 (0,1,0) 이라 theme/basic/style.css 의 .zzim{font-family:"Ionicons"} 와 같다.
   pk-brand.css 가 뒤에 로드돼 이겨 버리는 바람에 PC 상세의 찜하기 글리프가 □ 로 깨졌다.
   .ionicons 처럼 아이콘 CSS 가 pk-brand 뒤에 로드되는 것은 멀쩡하니, 앞서 정의된 것만 되살린다. */
[class*="pk-"] .zzim,[class*="pk-"] .zzim:before,[class*="pk-"] .zzim:after,
[class*="pk-"] .nwin,[class*="pk-"] .nwin:before{font-family:"Ionicons" !important}

/* ── pk-ic: 선 아이콘 한 벌 (extend/pk.data.php pk_icon). 블루 틴트 사각 위 블루 선. .s = 24px (2026-09-15 강조 개편) ── */
.pk-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--pk-r);background:var(--pk-blue-tint);color:var(--pk-blue);flex:none;vertical-align:middle}
.pk-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
.pk-ic.s{width:24px;height:24px}.pk-ic.s svg{width:14px;height:14px}
.pk-ic.xs{width:20px;height:20px}.pk-ic.xs svg{width:12px;height:12px}
.pk-ic.ink{background:var(--pk-ink);color:#fff}