/* ─────────────────────────────────────────────────────────────
   평강프라자 — 메인 섹션 헤더 (pk-sh)
   시안: docs/design/main-showroom-draft.html 3번 (2026-09-15 확정) · 마크업 extend/pk.sechead.php
   검정 hairline 한 줄(진열 구역을 나누는 선) 위에 눈썹(Sharp Sans) + Title1 28px + 한 줄 설명(관리자 "섹션 설명").
   오른쪽: 카테고리 탭은 밑줄 텍스트 탭(.bestca_tab 마크업 유지 → 스킨 JS 그대로), 링크는 "전체 상품 →".
   캐러셀 푸트(.sop-carousel-foot#slfoot{n})는 .pk-sh-foot 로 재스타일 — 카운터 · 진행선(가운데 flex) · 사각 화살표.
   ───────────────────────────────────────────────────────────── */
.pk-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 32px;padding-top:22px;border-top:1px solid var(--pk-ink);font-family:var(--pk-kr);line-height:1.33;text-align:left;clear:both;color:var(--pk-ink)}
.pk-sh *{box-sizing:border-box}
.pk-sh a{text-decoration:none !important}
.pk-sh .tt{flex:1 1 auto;min-width:0}
.pk-sh .eb{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-blue);display:flex;align-items:center;gap:8px}   /* 강조 개편: 눈썹 앞 pk-ic */
.pk-sh h2{margin:8px 0 0;font-size:28px;line-height:1.33;font-weight:700;letter-spacing:-.6px;color:var(--pk-ink);text-align:left;display:block}
.pk-sh .ds{margin:4px 0 0;font-size:14px;color:var(--pk-mute)}
.pk-sh .rt{flex:none;display:flex;align-items:center;gap:28px}

/* ── 카테고리 탭 (.bestca_tab 유지: 스킨 JS 가 li.active 를 토글) — 솔루션 가운데 밑줄 탭 규칙을 덮어쓴다 ── */
.pk-sh .bestca_tab{margin:0 !important;text-align:left;display:flex;gap:2px;clear:none}
.pk-sh .bestca_tab li{display:block;height:auto;line-height:1.33;padding:10px 12px 8px !important;margin:0 !important;font-size:14px;font-weight:400;color:var(--pk-mute);border-bottom:2px solid transparent;cursor:pointer;position:relative;transition:color .15s,border-color .15s;text-align:left;white-space:nowrap}
.pk-sh .bestca_tab li:before{display:none !important}
.pk-sh .bestca_tab li span{display:inline;font-weight:inherit}
.pk-sh .bestca_tab li:hover{color:var(--pk-ink);font-weight:400}
.pk-sh .bestca_tab li.active{color:var(--pk-ink);font-weight:700;border-bottom-color:var(--pk-blue)}

/* ── 링크 ── */
.pk-sh .more{font-size:14px;color:var(--pk-graphite);display:inline-flex;align-items:center;gap:8px;padding-bottom:9px;white-space:nowrap;transition:color .15s}
.pk-sh .more i{font-style:normal;font-family:var(--pk-en);display:inline-grid;place-items:center}
.pk-sh .more i svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pk-sh .more:hover{color:var(--pk-blue)}
.pk-sh .more .ytic,.pk-sh .more .igic{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid var(--pk-line);border-radius:var(--pk-r)}
.pk-sh .more .ytic svg{width:10px;height:10px;fill:currentColor}
.pk-sh .more .igic svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── 캐러셀 푸트 — 카드 아래: 카운터 · 진행선 · 화살표 (#slfoot{i}, 스킨 slick JS 가 .sop-progress i · .sop-arrows 를 씀) ── */
.pk-sh-foot{display:flex;align-items:center;gap:0;margin-top:28px !important;font-family:var(--pk-en);font-size:12px;color:var(--pk-mute)}
.pk-sh-foot .cnt{font-family:var(--pk-en);font-size:12px;letter-spacing:.06em;color:var(--pk-ink);white-space:nowrap;order:1}
.pk-sh-foot .cnt span{color:var(--pk-mute)}
.pk-sh-foot .sop-progress{order:2;flex:1 1 auto !important;width:auto;height:1px;background:var(--pk-line);position:relative;overflow:visible;margin:0 20px;border-radius:0}
.pk-sh-foot .sop-progress i{position:absolute;left:0;top:-1px;height:3px;background:var(--pk-blue);transition:width .3s;border-radius:0}
.pk-sh-foot .sop-arrows{order:3;margin-left:0;display:flex;gap:4px}
.pk-sh-foot .sop-arrows .slick-arrow{position:static !important;width:34px;height:34px;border:1px solid var(--pk-line);border-radius:var(--pk-r);background:#fff;color:var(--pk-ink);transform:none !important;display:grid !important;place-items:center;transition:border-color .15s;padding:0;cursor:pointer;margin:0}
.pk-sh-foot .sop-arrows .slick-arrow:before{font-family:'Ionicons' !important;font-size:16px !important;color:inherit !important;opacity:1;line-height:1}
.pk-sh-foot .sop-arrows .slick-prev:before{content:'\f3d2'}
.pk-sh-foot .sop-arrows .slick-next:before{content:'\f3d3'}
.pk-sh-foot .sop-arrows .slick-arrow:hover{border-color:var(--pk-ink);background:#fff;color:var(--pk-ink)}
.pk-sh-foot.m{margin:16px 16px 0 !important}
.pk-sh-foot.m .sop-progress{margin:0 14px}
.pk-sh-foot.m .sop-arrows .slick-arrow{width:32px;height:32px}
/* 헤더로 옮겼으니 섹션 아래 기존 "상품 더보기" 는 숨김 (ms-sechead.css 와 같은 규칙, 그 파일이 빠져도 유지되게) */
.cont_wrap2 > .pr_more,.cont_wrap > .pr_more{display:none}

/* ── 모바일 ── */
.pk-sh.m{margin:0 0 20px;padding:18px 16px 0;border-top-width:1px;gap:12px 0}
.pk-sh.m h2{font-size:22px}
.pk-sh.m .ds{font-size:12px}
.pk-sh.m .rt{width:100%;justify-content:space-between;gap:12px}
.pk-sh.m .bestca_tab{flex:1;overflow:auto;scrollbar-width:none;margin:0 !important;padding:0 !important}
.pk-sh.m .bestca_tab::-webkit-scrollbar{display:none}
.pk-sh.m .bestca_tab li{flex:none;font-size:14px;padding:8px 10px 6px !important}
.pk-sh.m .more{font-size:12px;padding-bottom:7px}
@media (max-width:860px){
  .pk-sh:not(.m) .rt{width:100%;justify-content:space-between}
}