@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
/* ============================================================================
 * 스킨: pink — "스티커 & 폴라로이드" 파스텔 시스템 (v3)
 *   토큰: 플랫 파스텔 핑크 + 딥핑크 1색 + 크림. 보라 그라데이션 없음(AI 클리셰 회피).
 *   디스플레이체 Black Han Sans 는 히어로/배너에만(대담함은 한 곳에). 본문/섹션은 Pretendard.
 *   시그니처: 스티커 라벨(pk-sticker) + 폴라로이드 카드(pk-polaroid).
 *   구조: classic 블록 파셜 재배치(기능 100%) — resources/views/skins/pink/
 *   fold = 850px
 * ========================================================================== */

/* ── 토큰 ── */
:root[data-theme="pink"]{
  --main-color:#ec6ea8 !important; --main-color-hover:#db5b97 !important;
  --main-color-soft:#fde7f1 !important; --main-color-tint:#f8cfe2 !important; --main-color-deep:#c73f7e !important;
  --subcolor-red:#f6667a !important; --subcolor-blue:#7c8cf8 !important;
  --bg-color:#fff1f7 !important; --bg-soft:#fff7fb !important;
  --line-color:#f4dced !important; --line-color-light:#faeaf3 !important;
  --d-font-color:#4a2b46 !important; --font-color:#9a7690 !important;
  --pk-cream:#fffaf6; --pk-butter:#ffe9a8; --pk-r-card:12px; --pk-r-panel:16px;
  --pk-sh-card:0 8px 22px rgba(236,110,168,.12); --pk-sh-panel:0 22px 50px rgba(236,110,168,.18);
}
[data-theme="pink"] body{ background:#fff6fa !important; color:var(--d-font-color); }
[data-theme="pink"] .pk-wrap{ background:transparent !important; }
.pk-disp{ font-family:'Black Han Sans','Pretendard',sans-serif; font-weight:400; letter-spacing:-.01em; }
[data-theme="pink"] :focus-visible{ outline:3px solid var(--main-color); outline-offset:2px; border-radius:6px; }
@media (prefers-reduced-motion:reduce){ [data-theme="pink"] *{ transition:none !important; animation:none !important; } }

/* ════════════════════════════════════════════════════════════════════════
 * 헤더: 한 줄 메인바 (PC) / 탑바 + 칩 스트립 (모바일)
 * ════════════════════════════════════════════════════════════════════════ */
[data-theme="pink"] .pk-header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--main-color-tint) !important;
}
.pk-main-in{ max-width:1280px; margin:0 auto; padding:0 12px; height:56px;
  display:grid; grid-template-columns:44px 1fr 44px; align-items:center; }
.pk-h{ display:flex; align-items:center; min-width:0; }
.pk-h-ham{ justify-content:flex-start; }
.pk-h-logo{ justify-content:center; }
.pk-h-nav{ display:none; }                      /* PC 에서만 */
.pk-h-right{ justify-content:flex-end; gap:10px; }
.pk-h-logo .logo{ margin:0 !important; }
.pk-h-logo .logo img{ height:24px !important; width:auto; }
/* 스킨 기본 워드마크(업로드 로고 없을 때): 사이트명 + 핑크 점 */
.pk-wordmark{ display:inline-flex; align-items:baseline; gap:3px; text-decoration:none; color:var(--main-color-deep) !important; line-height:1; }
.pk-wordmark .pk-disp{ font-size:22px; letter-spacing:-.01em; }
.pk-wordmark i{ width:8px; height:8px; border-radius:50%; background:var(--main-color); transform:translateY(-1px); }
.pk-h #menu-toggle, .pk-h .mobile-search-toggle{ width:40px !important; height:40px !important; border-radius:8px; }
.pk-h .mobile-search-toggle{ margin:0 !important; }
/* PC 검색(알약) */
.pk-h-right .w-68{ width:220px !important; }
.pk-h-right input{ border:1px solid var(--line-color) !important; background:var(--main-color-soft) !important; height:40px; }
.pk-h-right input:focus{ border-color:var(--main-color) !important; }
/* PC 유틸(회원가입/로그인/고객센터 · 내정보/알림/채팅/로그아웃) 컴팩트 */
.pk-util{ display:none; }
.pk-util .py-3{ padding-top:0 !important; padding-bottom:0 !important; }
.pk-util .px-3{ padding-left:6px !important; padding-right:6px !important; }
.pk-util a{ font-size:12.5px !important; font-weight:600 !important; white-space:nowrap; }
.pk-util .text-gray-400{ color:var(--main-color-tint) !important; }
.pk-util .top-8{ top:34px !important; }
.pk-util .rounded, .pk-util .rounded-md{ border-radius:8px !important; box-shadow:var(--pk-sh-panel) !important; border-color:var(--main-color-tint) !important; }
.pk-util .bg-gray-900{ background:var(--main-color-deep) !important; }
/* ☰ 전체보기(메가메뉴 트리거) + 텍스트탭 */
.pk-h-nav #mega-menu-trigger{ margin-right:6px !important; padding:8px 12px !important; border-radius:8px; color:var(--d-font-color) !important; }
.pk-h-nav #mega-menu-trigger:hover{ background:var(--main-color-soft); color:var(--main-color-deep) !important; }
.pk-h-nav #mega-menu-trigger span{ font-size:14px !important; font-weight:700; }
.pk-h-nav ul{ display:flex !important; align-items:center; gap:2px; margin:0; padding:0; list-style:none; min-width:0 !important; }
.pk-h-nav ul > li{ margin:0 !important; }
.pk-h-nav ul > li.border-r{ display:none !important; }
.pk-h-nav ul li a{ position:relative; display:inline-flex !important; align-items:center; padding:8px 11px !important; border-radius:6px;
  font-size:14.5px !important; font-weight:700 !important; color:var(--d-font-color) !important; white-space:nowrap; transition:color .15s,background .15s; }
.pk-h-nav ul li a:hover{ background:var(--main-color-soft); color:var(--main-color-deep) !important; }
.pk-h-nav ul li a.font-bold{ color:var(--main-color-deep) !important; }
.pk-h-nav ul li a.font-bold::after{ content:""; position:absolute; left:11px; right:11px; bottom:2px; height:3px; border-radius:3px; background:var(--main-color); }
/* 메가메뉴 패널 */
[data-theme="pink"] .mega-menu-container{
  top:48px !important; left:0 !important; border-radius:14px !important;
  border-color:var(--main-color-tint) !important; box-shadow:var(--pk-sh-panel) !important;
}
[data-theme="pink"] .mega-menu-container .bg-gray-50\/80{ background:var(--bg-soft) !important; }
[data-theme="pink"] .mega-menu-container .bg-gray-900{ background:var(--main-color-deep) !important; }

/* 로그인 상태(pk-auth): 유틸이 길어지므로 PC 검색은 아이콘으로 접고(포커스 시 확장) 알림/채팅은 아이콘만, 닉네임 말줄임 */
.pk-auth .pk-h-right .w-68{ width:40px !important; transition:width .2s; }
.pk-auth .pk-h-right .w-68:focus-within{ width:220px !important; }
.pk-auth .pk-h-right input{ padding-left:12px !important; }
.pk-auth .pk-h-right .w-68:not(:focus-within) input::placeholder{ color:transparent; }
.pk-auth .pk-h-right .w-68:not(:focus-within) input{ cursor:pointer; }
.pk-auth .pk-util .px-3{ padding-left:4px !important; padding-right:4px !important; }
.pk-auth .pk-util a[href="/reviews/wait"]{ display:inline-flex; max-width:96px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pk-auth .pk-util a:has(img[src*="notice_b_ic"]){ font-size:0 !important; }
.pk-auth .pk-util a:has(img[src*="notice_b_ic"]) img{ width:19px !important; padding-right:0 !important; }
.pk-auth .pk-util a:has(img[src*="chatic"]) > span:not([class*="bg-red"]){ display:none; }
.pk-auth .pk-util a:has(img[src*="chatic"]) img{ padding-right:0 !important; }
.pk-auth .pk-util a[href$="/logout"]{ font-size:12px !important; }
.pk-auth .pk-h-nav ul li a{ padding:8px 8px !important; font-size:14px !important; }
.pk-auth .pk-h-nav ul li a.font-bold::after{ left:8px; right:8px; }
.pk-auth .pk-h-nav #mega-menu-trigger{ padding:8px 9px !important; margin-right:2px !important; }
.pk-auth .pk-main-in{ gap:14px; }

/* 모바일 칩 스트립(관리자 대메뉴) */
.pk-strip{ border-top:1px solid var(--line-color-light); background:rgba(255,255,255,.7); }
.pk-strip-in{ padding:8px 12px; display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
.pk-strip-in::-webkit-scrollbar{ display:none; }
.pk-strip ul{ display:flex !important; align-items:center; gap:8px; margin:0; padding:0; list-style:none; min-width:0 !important; }
.pk-strip ul > li{ margin:0 !important; }
.pk-strip ul > li.border-r{ display:none !important; }
.pk-strip ul li a{ display:inline-flex !important; align-items:center; padding:7px 14px !important; border-radius:8px;
  font-size:13px !important; font-weight:700 !important; line-height:1.2; white-space:nowrap;
  background:#fff; color:var(--font-color) !important; border:1px solid var(--line-color); }
.pk-strip ul li a.font-bold{ background:var(--main-color-deep) !important; color:#fff !important; border-color:transparent; }
/* 모바일 고정헤더 스페이서: 탑바 56 + 스트립 ~46 */
@media (max-width:849.98px){ .pk-dash .top-gong{ height:104px !important; } }
@media (min-width:850px){ .pk-dash .top-gong{ height:0 !important; } }

/* ── 모바일 하단바 → 앱 탭바 ── */
[data-theme="pink"] .mobile-bottom{
  background:rgba(255,255,255,.96) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--main-color-tint) !important; height:64px !important;
  padding-bottom:env(safe-area-inset-bottom);
}
[data-theme="pink"] .mobile-bottom .menu-item{ font-weight:600; color:var(--font-color); }
[data-theme="pink"] .mobile-bottom .menu-item img{ width:24px !important; height:24px !important; margin-bottom:3px !important; }

/* ── 사이드바 / 검색모달 / 서브헤더 ── */
[data-theme="pink"] #sidebar-content .bg-gray-50, [data-theme="pink"] #sidebar-content .bg-gray-100{ background:var(--bg-soft) !important; }
[data-theme="pink"] #sidebar-content .rounded{ border-radius:8px !important; }
[data-theme="pink"] #mobile-search-modal input{ background:var(--main-color-soft) !important; }
[data-theme="pink"] .mo-top{ background:rgba(255,255,255,.92) !important; backdrop-filter:blur(10px); }
[data-theme="pink"] .mo-top .border-gray-300{ border-color:var(--main-color-tint) !important; }

/* ── 푸터 ── */
[data-theme="pink"] .footer{ background:#fff !important; border-color:var(--main-color-tint) !important; border-radius:var(--pk-r-panel) var(--pk-r-panel) 0 0; margin-top:24px; }
[data-theme="pink"] .footer a span[style]{ background:var(--main-color) !important; }
[data-theme="pink"] .flink{ border-top:1px solid var(--line-color-light); }
[data-theme="pink"] .flink a:hover{ color:var(--main-color-deep); }
[data-theme="pink"] .sitecounter .font-bold{ color:var(--main-color-deep); }
[data-theme="pink"] .fold\:hidden.bg-gray-50{ background:#fff !important; border-color:var(--main-color-tint) !important; }

/* ── 카드 공통(캠페인 campaign_ing bordered · 재능 · 인플루언서): 라운드/링/그림자 통일 ── */
[data-theme="pink"] .ring-1.shadow-sm.rounded-2xl,
[data-theme="pink"] .dashDealSwiper .swiper-slide > *,
[data-theme="pink"] .dashInfSwiper .swiper-slide > *,
[data-theme="pink"] .dashReviewSwiper .swiper-slide > *{
  border-radius:var(--pk-r-card) !important; box-shadow:var(--pk-sh-card) !important; }
[data-theme="pink"] [class*="ring-gray-100"]{ --tw-ring-color:var(--main-color-tint); }
[data-theme="pink"] .content h2, [data-theme="pink"] .influencer-main-wrapper h2{ display:flex; align-items:center; gap:10px; letter-spacing:-.02em; text-wrap:balance; }
[data-theme="pink"] .content h2::before, [data-theme="pink"] .influencer-main-wrapper h2::before{
  content:""; width:6px; height:22px; border-radius:6px; background:var(--main-color); }
[data-theme="pink"] h2 span.text-\[var\(--main-color\)\]{ color:var(--main-color-deep) !important; }
[data-theme="pink"] .topSwiper img, [data-theme="pink"] .middleSwiper img{ border-radius:var(--pk-r-card) !important; }
[data-theme="pink"] .swiper-pagination-bullet-active{ background:var(--main-color-deep) !important; }
[data-theme="pink"] .content .rounded-full.bg-gray-50, [data-theme="pink"] .content .rounded-full.bg-gray-100{ background:var(--main-color-soft) !important; }

/* ════════════════════════════════════════════════════════════════════════
 * 홈 히어로: 플랫 파스텔 패널 + 폴라로이드 (시그니처)
 * ════════════════════════════════════════════════════════════════════════ */
.pk-hero-wrap{ max-width:1280px; margin:12px auto 0; padding:0 16px; }
.pk-hero{ position:relative; overflow:hidden; border-radius:var(--pk-r-panel); padding:28px 22px 26px;
  background:var(--main-color-soft); display:flex; flex-direction:column; gap:22px; }
.pk-hero::before{ content:""; position:absolute; right:-70px; top:-90px; width:260px; height:260px; border-radius:50%; background:var(--main-color-tint); }
.pk-hero-txt{ position:relative; z-index:1; }
.pk-sticker{ display:inline-block; background:#fff; color:var(--main-color-deep); font-weight:800; font-size:12.5px; padding:6px 12px; border-radius:8px;
  box-shadow:0 4px 10px rgba(199,63,126,.14); transform:none; }
.pk-hero h1{ font-size:44px; line-height:1.02; margin:14px 0 12px; color:var(--main-color-deep); text-wrap:balance; }
.pk-hero p{ font-size:14.5px; line-height:1.55; color:var(--font-color); font-weight:600; margin:0 0 18px; max-width:34em; }
.pk-hero-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.pk-btn{ display:inline-flex; align-items:center; gap:6px; background:var(--main-color-deep); color:#fff !important; font-weight:800; font-size:14px;
  padding:12px 20px; border-radius:8px; text-decoration:none; transition:background .15s, transform .15s; }
.pk-btn:hover{ background:#b0336d; transform:translateY(-1px); }
.pk-btn-ghost{ background:#fff; color:var(--main-color-deep) !important; box-shadow:inset 0 0 0 1.5px var(--main-color-tint); }
.pk-btn-ghost:hover{ background:#fff; box-shadow:inset 0 0 0 1.5px var(--main-color); }
/* 폴라로이드 */
.pk-polaroid{ position:relative; z-index:1; display:block; width:230px; margin:0 auto; background:#fff; padding:12px 12px 14px; border-radius:8px;
  box-shadow:0 18px 40px rgba(199,63,126,.20); transform:rotate(1.5deg); text-decoration:none; color:var(--d-font-color); transition:transform .2s; }
.pk-polaroid:hover{ transform:rotate(0deg) translateY(-3px); }
.pk-polaroid img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; background:var(--main-color-soft); }
.pk-polaroid-cap{ display:flex; flex-direction:column; gap:2px; padding:10px 2px 0; }
.pk-polaroid-cap b{ font-size:14px; font-weight:800; line-height:1.3; }
.pk-polaroid-cap small{ font-size:12px; color:var(--font-color); font-weight:600; }
.pk-tape{ position:absolute; left:50%; top:-10px; width:78px; height:22px; margin-left:-39px; background:var(--pk-butter); opacity:.9; border-radius:3px; transform:rotate(-4deg); }

/* ── 반응형 ── */
@media (min-width:640px){
  .pk-hero-wrap{ padding:0 24px; }
  .pk-main-in{ padding:0 24px; }
  .pk-strip-in{ padding:8px 24px; }
}
@media (min-width:850px){            /* fold: PC */
  [data-theme="pink"] .pk-header{ position:sticky !important; top:0; }
  .pk-main-in{ height:72px; display:flex; gap:22px; }
  .pk-h-ham{ display:none; }
  .pk-h-logo{ justify-content:flex-start; flex:0 0 auto; }
  .pk-h-logo .logo img{ height:32px !important; }
  .pk-wordmark .pk-disp{ font-size:28px; }
  .pk-wordmark i{ width:10px; height:10px; }
  .pk-h-nav{ display:flex; flex:1 1 auto; gap:4px; }
  .pk-h-right{ flex:0 0 auto; gap:14px; }
  .pk-util{ display:block; }
  .pk-util > div{ width:auto !important; max-width:none !important; padding:0 !important; margin:0 !important; }
  .pk-strip{ display:none; }
  .pk-hero-wrap{ margin-top:14px; }
  .pk-hero{ flex-direction:row; align-items:center; justify-content:space-between; padding:38px 56px; gap:40px; }
  .pk-hero::before{ width:520px; height:520px; right:-120px; top:-200px; }
  .pk-hero h1{ font-size:64px; margin:18px 0 16px; }
  .pk-hero p{ font-size:16px; }
  .pk-polaroid{ width:300px; margin:0 40px 0 0; padding:14px 14px 16px; }
  .pk-polaroid-cap b{ font-size:15px; }
}
@media (min-width:1024px){
  .pk-hero-wrap{ padding:0; }
  .pk-main-in{ padding:0; }
}
@media (min-width:1200px){
  .pk-hero h1{ font-size:72px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * 홈 v4 섹션 레이아웃 (새 구조)
 * ════════════════════════════════════════════════════════════════════════ */
.pk-home{ max-width:1280px; margin:0 auto; padding:0 16px 40px; }
.pk-only-pc{ display:none !important; }
.pk-mt{ margin-top:20px; }
/* 섹션 리듬 */
.pk-sec{ margin-top:40px; }
.pk-sec-h{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; gap:12px; }
.pk-sec-h h2{ font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--d-font-color); margin:0; display:flex; align-items:center; gap:10px; }
.pk-sec-h h2::before{ content:""; width:6px; height:22px; border-radius:6px; background:var(--main-color); }
.pk-sec-h h2 em{ font-style:normal; color:var(--main-color-deep); }
.pk-more{ flex:0 0 auto; font-size:12.5px; font-weight:700; color:var(--main-color-deep) !important; background:#fff; border:1px solid var(--main-color-tint); border-radius:8px; padding:6px 12px; text-decoration:none; }
.pk-more:hover{ background:var(--main-color-soft); }
/* 카테고리 칩 */
.pk-cats{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:18px 0 2px; scroll-snap-type:x proximity; }
.pk-cats::-webkit-scrollbar{ display:none; }
.pk-chip{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:7px 13px 7px 8px; border-radius:8px; background:#fff;
  border:1px solid var(--line-color); color:var(--d-font-color) !important; font-size:13.5px; font-weight:700; text-decoration:none; scroll-snap-align:start; transition:border-color .15s, background .15s; }
.pk-chip img{ width:26px; height:26px; border-radius:50%; }
.pk-chip:hover{ border-color:var(--main-color); background:var(--main-color-soft); }
/* 배너 */
.pk-bnr{ margin-top:18px; }
.pk-bnr a{ display:block; border-radius:var(--pk-r-card); overflow:hidden; box-shadow:var(--pk-sh-card); background:var(--main-color-soft); }
.pk-bnr img{ display:block; width:100%; height:auto; }
/* 스크롤 레일 */
.pk-rail{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 4px 10px; scroll-padding-inline:4px; -webkit-overflow-scrolling:touch; }   /* scroll-padding: 스냅이 첫 카드를 0으로 당겨 좌측 테두리가 잘리던 문제(원영 09-04) */
.pk-rail::-webkit-scrollbar{ display:none; }
.pk-rail-item{ flex:0 0 76%; scroll-snap-align:start; min-width:0; }
.pk-rail-cards .pk-rail-item{ flex-basis:58%; }
.pk-rail-cards .pk-rail-item > *{ height:100%; }
/* 그리드 */
.pk-grid{ display:grid; gap:12px; }
.pk-grid-4, .pk-grid-5, .pk-grid-rev{ grid-template-columns:repeat(2,1fr); }
/* 피처드 */
.pk-feat-wrap{ display:grid; gap:14px; }
.pk-feat{ display:flex; flex-direction:column; background:#fff; border-radius:var(--pk-r-card); overflow:hidden; box-shadow:var(--pk-sh-card); text-decoration:none; color:var(--d-font-color) !important; box-shadow:0 0 0 1px var(--main-color-tint), var(--pk-sh-card); }
.pk-feat-img{ position:relative; display:block; }
.pk-feat-img img{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.pk-badge{ position:absolute; left:12px; top:12px; background:rgba(74,43,70,.85); color:#fff; font-size:12px; font-weight:800; padding:5px 10px; border-radius:8px; }
.pk-feat-body{ display:flex; flex-direction:column; gap:6px; padding:16px 18px 18px; }
.pk-meta{ display:flex; align-items:center; gap:6px; }
.pk-tag{ display:inline-block; font-size:11.5px; font-weight:800; color:var(--main-color-deep); background:var(--main-color-soft); border-radius:8px; padding:3px 9px; }
.pk-feat-title{ font-size:18px; font-weight:800; line-height:1.3; letter-spacing:-.01em; }
.pk-feat-sub{ font-size:13px; color:var(--font-color); font-weight:600; }
.pk-point{ font-size:15px; font-weight:800; color:var(--main-color-deep); font-style:normal; }
.pk-btn-sm{ align-self:flex-start; padding:9px 16px; font-size:13px; margin-top:6px; }
/* 리드 카드(추천 1순위): 가로형 풀폭 — 이미지 38% + 본문 */
.pk-lead-wrap{ display:grid; grid-template-columns:1fr; gap:12px; }
.pk-lead{ display:grid; grid-template-columns:1fr; background:#fff; border-radius:var(--pk-r-card); overflow:hidden; text-decoration:none; color:var(--d-font-color) !important;
  box-shadow:0 0 0 1px var(--main-color-tint), var(--pk-sh-card); }
.pk-lead-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:4px; }
.pk-lead-foot .pk-btn-sm{ margin-top:0; }
.pk-lead-img{ position:relative; display:block; }
.pk-lead-img img{ display:block; width:100%; aspect-ratio:16/10; object-fit:cover; background:var(--main-color-soft); }
.pk-lead-body{ display:flex; flex-direction:column; gap:8px; padding:18px 20px 20px; justify-content:center; min-width:0; }
.pk-lead-title{ font-size:20px; font-weight:800; line-height:1.3; letter-spacing:-.01em; }
.pk-lead-desc{ font-size:13.5px; line-height:1.55; color:var(--font-color); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pk-lead .pk-btn-sm{ margin-top:4px; }
/* 인플루언서: 핑크 밴드 위 스토리 링 아바타 */
.pk-sec-inf{ background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:20px 14px 6px; }
.pk-sec-inf .pk-sec-h{ padding:0 4px; }
.pk-sec-inf .pk-more{ background:#fff; }
.pk-rail-inf .pk-inf{ flex-basis:150px; background:transparent; box-shadow:none; padding:8px 4px 10px; gap:5px; }
.pk-inf-ava{ width:104px; height:104px; box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--main-color); }
.pk-inf-main b{ font-size:15px; margin-top:10px; }
.pk-inf-bio{ display:none; }
.pk-inf-sns{ min-height:0; }
.pk-inf-sns a{ background:#fff; }
.pk-inf-sns a:not(:first-child){ display:none; }
.pk-inf-tags{ min-height:0; }
.pk-inf-tags em{ background:#fff; }
.pk-inf-tags em:nth-child(n+3){ display:none; }
/* 순위 리스트 */
.pk-rank{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:8px; counter-reset:rank; }
.pk-rank li, .pk-rank-item{ min-width:0; max-width:100%; }
.pk-home{ overflow-x:clip; }                      /* 모바일 가로 스크롤 방지(보험) */
.pk-rank-item{ display:flex; align-items:center; gap:12px; background:#fff; border-radius:10px; padding:10px 14px 10px 12px; text-decoration:none; color:var(--d-font-color) !important; box-shadow:0 0 0 1px var(--line-color-light); transition:box-shadow .15s, transform .15s; }
.pk-rank-item:hover{ box-shadow:0 0 0 1.5px var(--main-color-tint), var(--pk-sh-card); transform:translateY(-1px); }
.pk-rank-no{ flex:0 0 34px; font-size:26px; color:var(--main-color); text-align:center; line-height:1; }
.pk-rank-item img{ flex:0 0 56px; width:56px; height:56px; border-radius:8px; object-fit:cover; background:var(--main-color-soft); }
.pk-rank-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto; }
.pk-rank-txt b{ font-size:14.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-rank-txt small{ font-size:12px; color:var(--font-color); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-rank-item .pk-point{ flex:0 0 auto; font-size:13.5px; }
/* 재능 카드 */
.pk-deal{ display:flex; flex-direction:column; background:#fff; border-radius:var(--pk-r-card); overflow:hidden; text-decoration:none; color:var(--d-font-color) !important; box-shadow:0 0 0 1px var(--line-color-light), var(--pk-sh-card); }
.pk-deal img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--main-color-soft); }
.pk-deal-body{ display:flex; flex-direction:column; gap:6px; padding:12px 14px 14px; }
.pk-deal-body b{ font-size:14.5px; font-weight:800; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pk-deal-desc{ font-size:12.5px; color:var(--font-color); line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.9em; }
.pk-seller{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--font-color); margin-top:2px; }
.pk-seller img{ width:20px; height:20px; border-radius:50%; aspect-ratio:1/1; }
/* 인플루언서 */
.pk-rail-inf .pk-inf{ flex:0 0 160px; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; gap:6px; background:#fff; border-radius:var(--pk-r-card); padding:18px 12px 14px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-inf-main{ display:flex; flex-direction:column; align-items:center; gap:4px; text-decoration:none; color:var(--d-font-color) !important; width:100%; }
.pk-inf-ava{ width:80px; height:80px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:28px; box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--main-color-tint); }
.pk-inf-ava img{ width:100%; height:100%; object-fit:cover; }
.pk-inf-main b{ font-size:14px; font-weight:800; margin-top:6px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-inf-city{ font-size:11px; color:var(--font-color); font-weight:700; }
.pk-inf-bio{ font-size:11.5px; color:var(--font-color); text-align:center; line-height:1.4; min-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pk-inf-sns{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px; min-height:24px; }
.pk-inf-sns a{ display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:800; color:var(--d-font-color) !important; background:var(--bg-soft); border-radius:8px; padding:3px 7px; text-decoration:none; font-variant-numeric:tabular-nums; }
.pk-inf-tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px; text-decoration:none; min-height:22px; }
.pk-inf-tags em{ font-style:normal; font-size:10.5px; font-weight:700; color:var(--main-color-deep); background:var(--main-color-soft); border-radius:6px; padding:2px 6px; }
.pk-inf-tags em.pk-hash{ color:var(--font-color); background:var(--bg-soft); }
/* 중간 배너 */
.pk-mid{ margin-top:40px; }
.pk-mid a{ display:block; border-radius:var(--pk-r-card); overflow:hidden; box-shadow:var(--pk-sh-card); }
.pk-mid img{ display:block; width:100%; height:auto; }
/* 리뷰 매거진 */
.pk-rev{ display:flex; flex-direction:column; gap:8px; background:#fff; border-radius:var(--pk-r-card); overflow:hidden; box-shadow:0 0 0 1px var(--line-color-light); padding-bottom:12px; }
.pk-rev-img{ position:relative; display:block; }
.pk-rev-img img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--main-color-soft); }
.pk-rev-img span{ position:absolute; left:10px; bottom:10px; }
.pk-rev-q{ display:block; padding:2px 14px 0; font-size:13.5px; line-height:1.5; font-weight:700; color:var(--d-font-color) !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.9em; }
.pk-rev-u{ display:flex; align-items:center; gap:8px; padding:0 14px; text-decoration:none; color:var(--d-font-color) !important; min-width:0; }
.pk-rev-u img{ width:28px; height:28px; border-radius:50%; object-fit:cover; flex:0 0 28px; }
.pk-rev-u span{ display:flex; flex-direction:column; min-width:0; }
.pk-rev-u b{ font-size:12.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-rev-u small{ font-size:11px; color:var(--font-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

@media (min-width:640px){
  .pk-home{ padding:0 24px 48px; }
  .pk-grid{ gap:16px; }
  .pk-grid-4{ grid-template-columns:repeat(2,1fr); }
  .pk-grid-5{ grid-template-columns:repeat(3,1fr); }
  .pk-grid-rev{ grid-template-columns:repeat(3,1fr); }
  .pk-rail-item{ flex-basis:46%; }
  .pk-rail-cards .pk-rail-item{ flex-basis:32%; }
  .pk-rank{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:850px){
  .pk-only-pc{ display:grid !important; }
  .pk-only-mo{ display:none !important; }
  .pk-sec{ margin-top:56px; }
  .pk-sec-h h2{ font-size:24px; }
  /* 카테고리: 10칸 균등 타일(우측 공백 제거) */
  .pk-cats{ display:grid; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); gap:10px; overflow:visible; padding-top:18px; }
  .pk-chip{ flex-direction:column; justify-content:center; gap:7px; padding:14px 6px 12px; border-radius:10px; font-size:13px; }
  .pk-chip img{ width:34px; height:34px; border-radius:8px !important; }
  .pk-bnr.pk-only-pc{ grid-template-columns:repeat(3,1fr); gap:16px; margin-top:22px; }
  .pk-lead-wrap{ grid-template-columns:1fr 1fr; gap:20px; }
  .pk-lead{ grid-template-columns:44% 1fr; }
  .pk-lead-img img{ aspect-ratio:1/1; height:100%; }
  .pk-lead-body{ padding:20px 22px; gap:8px; }
  .pk-lead-title{ font-size:20px; }
  .pk-lead-desc{ font-size:13.5px; }
  .pk-sec-inf{ padding:26px 24px 10px; }
  .pk-rail-inf .pk-inf{ flex-basis:172px; }
  .pk-inf-ava{ width:120px; height:120px; }
  .pk-feat-wrap{ grid-template-columns:1.1fr 1fr; gap:20px; align-items:stretch; }
  /* 피처드: 이미지가 남는 높이를 채우고(매거진식) 본문은 하단 고정 */
  .pk-feat{ min-height:0; }
  .pk-feat-img{ flex:1 1 auto; min-height:0; display:flex; }
  .pk-feat-img img{ aspect-ratio:auto; height:100%; min-height:320px; object-fit:cover; }
  .pk-feat-body{ flex:0 0 auto; padding:18px 22px 22px; }
  .pk-feat-title{ font-size:22px; }
  .pk-grid-4{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .pk-grid-5{ grid-template-columns:repeat(5,1fr); gap:20px; }
  .pk-grid-rev{ grid-template-columns:repeat(5,1fr); gap:20px; }
  .pk-rail{ gap:16px; }
  .pk-rail-cards .pk-rail-item{ flex-basis:calc(20% - 13px); }
  .pk-rail-inf .pk-inf{ flex-basis:190px; }
  .pk-rank{ gap:10px; }
  .pk-mid{ margin-top:56px; }
}
@media (min-width:1024px){
  .pk-home{ padding:0 0 56px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * 캠페인 목록 v4
 * ════════════════════════════════════════════════════════════════════════ */
.pk-list{ max-width:1280px; margin:0 auto; padding:14px 16px 56px; min-height:60vh; }
.pk-list-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:6px 0 14px; }
.pk-list-title{ font-size:22px; font-weight:800; letter-spacing:-.02em; margin:0; color:var(--d-font-color); text-wrap:balance; }
.pk-list-title em{ font-style:normal; color:var(--main-color-deep); }
.pk-list-count{ margin:4px 0 0; font-size:13px; color:var(--font-color); font-weight:600; }
.pk-list-count b{ color:var(--main-color-deep); }
.pk-list-superior{ flex:0 0 auto; }
.pk-cattabs{ display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.pk-cattabs-row{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; padding-bottom:2px; }
.pk-cattabs-row::-webkit-scrollbar{ display:none; }
.pk-chip2{ flex:0 0 auto; display:inline-flex; align-items:center; padding:7px 14px; border-radius:8px; background:#fff; border:1px solid var(--line-color);
  color:var(--d-font-color) !important; font-size:13.5px; font-weight:700; text-decoration:none; transition:background .15s, border-color .15s; }
.pk-chip2:hover{ border-color:var(--main-color); }
.pk-chip2.on{ background:var(--main-color-deep); color:#fff !important; border-color:transparent; }
.pk-chip2.lv2{ font-size:13px; padding:6px 12px; background:var(--bg-soft); border-color:transparent; }
.pk-chip2.lv2.on{ background:var(--main-color); }
.pk-chip2.lv3{ font-size:12px; padding:5px 10px; }
.pk-chip2.lv3.on{ background:var(--d-font-color); }
.pk-filterbar{ position:sticky; top:60px; z-index:30; margin:0 -16px 14px; padding:8px 16px; background:rgba(255,246,250,.94);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line-color-light); }
.pk-filterbar-in{ display:flex; align-items:center; gap:8px; }
.pk-fbtn{ display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 12px; border-radius:8px; background:#fff; border:1px solid var(--line-color);
  font-size:13px; font-weight:700; color:var(--d-font-color); cursor:pointer; white-space:nowrap; }
.pk-fbtn:hover{ border-color:var(--main-color); }
.pk-caret{ width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.6; }
.pk-fdrop{ position:relative; }
.pk-fmenu{ position:absolute; left:0; top:calc(100% + 6px); z-index:50; min-width:180px; background:#fff; border:1px solid var(--main-color-tint); border-radius:8px; box-shadow:var(--pk-sh-panel); overflow:hidden; }
.pk-fmenu ul{ list-style:none; margin:0; padding:6px 0; }
.pk-fmenu li{ display:flex; align-items:center; gap:8px; padding:9px 14px; font-size:13.5px; font-weight:600; cursor:pointer; color:var(--d-font-color); }
.pk-fmenu li:hover{ background:var(--main-color-soft); color:var(--main-color-deep); }
.pk-fsel{ position:relative; margin-left:auto; }
.pk-fsel .pk-caret{ position:absolute; right:13px; top:50%; margin-top:-5px; pointer-events:none; }
.pk-select{ height:38px !important; padding:0 32px 0 12px !important; border:1px solid var(--line-color) !important; border-radius:8px !important;
  background:#fff !important; font-size:13px !important; font-weight:700 !important; color:var(--d-font-color) !important; outline:none; }
.pk-select:focus{ border-color:var(--main-color) !important; }
.pk-list-grid{ margin-top:4px; }
.pk-pagination{ margin-top:32px; display:flex; justify-content:center; }
.pk-pagination nav > div:first-child{ display:none; }              /* 모바일 이전/다음 단순형 숨김 → 숫자형 사용 */
.pk-pagination nav > div:last-child{ display:flex !important; }
.pk-pagination nav p{ display:none; }
.pk-pagination nav span[aria-current] > span, .pk-pagination nav a, .pk-pagination nav span > span{
  display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px; margin:0 2px; border-radius:8px;
  border:1px solid var(--line-color) !important; background:#fff !important; color:var(--d-font-color) !important; font-size:13px; font-weight:700; text-decoration:none; }
.pk-pagination nav span[aria-current] > span{ background:var(--main-color-deep) !important; color:#fff !important; border-color:transparent !important; }
.pk-pagination nav a:hover{ border-color:var(--main-color) !important; }
.pk-pagination nav svg{ width:16px; height:16px; }
.pk-empty{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:64px 20px; background:#fff; border-radius:var(--pk-r-panel); box-shadow:0 0 0 1px var(--line-color-light); }
.pk-empty-ic{ font-size:40px; margin-bottom:12px; }
.pk-empty-t{ font-size:17px; font-weight:800; color:var(--d-font-color); margin:0; }
.pk-empty-s{ font-size:13.5px; color:var(--font-color); margin:6px 0 20px; }
.pk-fab{ position:fixed; z-index:50; right:18px; bottom:84px; width:56px; height:56px; border-radius:50%; background:var(--main-color-deep); color:#fff !important;
  display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:10px; font-weight:800; text-decoration:none; box-shadow:0 12px 26px rgba(199,63,126,.35); }
[data-theme="pink"] .tzRegionPopup .rounded-2xl{ border-radius:14px !important; }
[data-theme="pink"] .tzRegionPopup .bg-gray-50{ background:var(--bg-soft) !important; }

@media (min-width:640px){
  .pk-list{ padding:18px 24px 64px; }
  .pk-filterbar{ margin:0 -24px 16px; padding:8px 24px; }
}
@media (min-width:850px){
  .pk-list-title{ font-size:28px; }
  .pk-filterbar{ top:72px; margin:0 0 18px; padding:10px 14px; border:1px solid var(--line-color-light); border-radius:10px; }
  .pk-fab{ display:none; }
}
@media (min-width:1024px){
  .pk-list{ padding:22px 0 72px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * 캠페인 상세 v4
 * ════════════════════════════════════════════════════════════════════════ */
.pk-cd{ max-width:1280px; margin:0 auto; padding:12px 16px 96px; }
.pk-cd-head{ display:grid; gap:14px; }
.pk-cd-head-order{ display:none; }                         /* reviews.order 페이지: 모바일에서 헤더 숨김(classic 동작) */
.pk-cd-gallery{ position:relative; border-radius:var(--pk-r-panel); overflow:hidden; background:var(--main-color-soft); box-shadow:var(--pk-sh-card); }
.pk-cd-gallery img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.pk-cd-gal-count{ position:absolute; right:12px; bottom:12px; z-index:10; display:inline-flex; align-items:center; gap:2px; height:26px; padding:0 10px;
  border-radius:8px; background:rgba(74,43,70,.72); color:#fff; font-size:12px; font-weight:800; pointer-events:none; }
.pk-cd-gal-count i{ font-style:normal; opacity:.6; }
.pk-cd-gal-nav{ position:absolute; top:50%; z-index:10; width:36px; height:36px; margin-top:-18px; border-radius:50%; border:0; background:rgba(255,255,255,.9);
  color:var(--d-font-color); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--pk-sh-card); }
.pk-cd-gal-prev{ left:10px; } .pk-cd-gal-next{ right:10px; }
.pk-cd-gal-dots{ position:absolute; left:50%; bottom:12px; transform:translateX(-50%); z-index:10; display:flex; align-items:center; gap:4px; }
.pk-cd-badges{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.pk-tag-point{ background:var(--main-color-deep); color:#fff; }
.pk-cd-h1{ font-size:24px; font-weight:800; line-height:1.25; letter-spacing:-.02em; margin:10px 0 8px; color:var(--d-font-color); text-wrap:balance; }
.pk-cd-desc{ font-size:14px; line-height:1.6; color:var(--font-color); margin:0 0 14px; }
.pk-cd-facts{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.pk-cd-facts div{ background:#fff; border-radius:10px; padding:12px; box-shadow:0 0 0 1px var(--line-color-light); display:flex; flex-direction:column; gap:4px; min-width:0; }
.pk-cd-facts small{ font-size:11.5px; color:var(--font-color); font-weight:700; }
.pk-cd-facts b{ font-size:16px; font-weight:800; color:var(--main-color-deep); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-cd-body{ display:grid; gap:16px; margin-top:16px; }
.pk-cd-apply{ background:#fff; border-radius:var(--pk-r-card); padding:18px; box-shadow:0 0 0 1px var(--line-color-light), var(--pk-sh-card); }
.pk-cd-apply h3{ font-size:15px; font-weight:800; margin:0 0 12px; color:var(--d-font-color); }
.pk-cd-apply dl{ display:grid; grid-template-columns:auto 1fr; gap:9px 12px; margin:0; font-size:13.5px; }
.pk-cd-apply dt{ color:var(--font-color); font-weight:700; white-space:nowrap; }
.pk-cd-apply dd{ margin:0; text-align:right; font-weight:700; color:var(--d-font-color); }
.pk-cd-apply dd.hl{ color:var(--main-color-deep); }
.pk-cd-cta{ display:none; gap:8px; margin-top:16px; }
.pk-cd-cta .pk-btn{ flex:1; justify-content:center; height:48px; font-size:15px; border:0; cursor:pointer; }
.pk-cd-cta .tzLikeBtn{ width:48px; height:48px; border-radius:8px; border:1.5px solid var(--main-color-tint); display:inline-flex; align-items:center; justify-content:center; background:#fff; cursor:pointer; }
.pk-cd-cta .tzLikeBtn:hover{ border-color:var(--main-color); background:var(--main-color-soft); }
/* 탭 + 액션 */
.pk-cd-tabs{ background:#fff; border-radius:var(--pk-r-card); padding:0 10px; box-shadow:0 0 0 1px var(--line-color-light); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.pk-cd-tabnav{ display:flex; gap:2px; }
.pk-cd-tabcount{ display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:8px; background:var(--main-color-soft); color:var(--main-color-deep); font-size:11.5px; font-weight:800; }
.pk-cd-actions{ display:flex; gap:6px; padding:8px 4px; }
.pk-cd-actions a{ display:inline-flex; align-items:center; gap:5px; height:32px; padding:0 12px; border-radius:8px; background:var(--bg-soft); border:1px solid var(--line-color-light);
  font-size:12.5px; font-weight:700; color:var(--d-font-color) !important; text-decoration:none; cursor:pointer; }
.pk-cd-actions a:hover{ background:var(--main-color-soft); color:var(--main-color-deep) !important; }
/* 섹션 카드 */
.pk-cd-stack{ margin-top:14px; display:flex; flex-direction:column; gap:14px; }
/* Tailwind v4 유틸리티는 @layer 라 비레이어 규칙에 짐 → JS 가 토글하는 .hidden 을 명시적으로 이김 */
.tzCommonWrap.hidden, .pk-cd-stack.hidden{ display:none !important; }
/* 모바일: 일정/신청 카드를 본문보다 위에(classic 정보카드 위치) */
.pk-cd-aside{ order:-1; }
.pk-cd-sec{ background:#fff; border-radius:var(--pk-r-card); padding:20px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-cd-sec-h{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.pk-cd-sec-h h3{ display:flex; align-items:center; gap:8px; font-size:16px; font-weight:800; margin:0; color:var(--d-font-color); }
.pk-cd-sec-h h3 em{ font-style:normal; color:var(--main-color-deep); font-size:20px; }
.pk-cd-ic{ display:inline-flex; width:30px; height:30px; border-radius:6px; align-items:center; justify-content:center; background:var(--main-color-soft); color:var(--main-color-deep); flex:0 0 30px; }
.pk-cd-ic svg{ width:15px; height:15px; }
.pk-cd-sec .tzeditor-reset{ font-size:14.5px; line-height:1.75; color:var(--d-font-color); }
.pk-cd-memo-btn{ border:1px solid var(--line-color); color:var(--font-color); background:#fff; }
.pk-cd-memo-btn:hover{ border-color:var(--main-color); color:var(--main-color-deep); background:var(--main-color-soft); }
.pk-cd-hash{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.pk-cd-hash span{ display:inline-flex; align-items:center; height:28px; padding:0 11px; border-radius:8px; background:var(--main-color-soft); color:var(--main-color-deep); font-size:12.5px; font-weight:700; }
.pk-cd-sec-map{ padding:20px 0 0; overflow:hidden; }
.pk-cd-sec-map .pk-cd-sec-h{ padding:0 20px; }
.pk-cd-map{ width:100%; height:340px; border-top:1px solid var(--line-color-light); border-bottom:1px solid var(--line-color-light); }
.pk-cd-visit{ display:grid; gap:10px; padding:16px 20px 18px; }
.pk-cd-visit div{ display:flex; flex-direction:column; gap:3px; }
.pk-cd-visit small{ font-size:12px; color:var(--font-color); font-weight:700; }
.pk-cd-visit b{ font-size:14px; font-weight:700; color:var(--d-font-color); }
[data-theme="pink"] .pk-cd-mcta{ border-top-color:var(--main-color-tint) !important; }
[data-theme="pink"] .pk-cd-mcta .tzLikeBtn{ border-color:var(--main-color-tint) !important; }

@media (min-width:640px){
  .pk-cd{ padding:18px 24px 96px; }
  .pk-cd-visit{ grid-template-columns:1fr 1fr; }
}
@media (min-width:850px){
  .pk-cd{ padding:26px 24px 64px; }
  .pk-cd-head{ grid-template-columns:340px 1fr; gap:28px; align-items:center; }   /* 09-04 원영 "이미지가 너무 큼" 400→340 */
  .pk-cd-head-order{ display:grid; }
  .pk-cd-h1{ font-size:32px; margin:12px 0 10px; }
  .pk-cd-desc{ font-size:15px; }
  .pk-cd-facts{ gap:10px; max-width:520px; }
  .pk-cd-facts b{ font-size:18px; }
  .pk-cd-body{ grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; margin-top:24px; }
  .pk-cd-aside{ position:sticky; top:90px; order:0; }
  .pk-cd-cta{ display:flex; }
  .pk-cd-tabnav .tzTab{ font-size:15.5px !important; padding-left:16px !important; padding-right:16px !important; }
}
@media (min-width:1024px){
  .pk-cd{ padding:30px 0 72px; }
  .pk-cd-head{ grid-template-columns:440px 1fr; gap:40px; }
  .pk-cd-h1{ font-size:36px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * 마이페이지 v4
 * ════════════════════════════════════════════════════════════════════════ */
.pk-my{ max-width:1280px; margin:0 auto; padding:12px 16px 72px; display:flex; flex-direction:column; gap:14px; }
.pk-my-banner{ position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr; gap:12px 14px; align-items:center;
  background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:20px 18px; }
.pk-my-banner::before{ content:""; position:absolute; right:-60px; top:-80px; width:220px; height:220px; border-radius:50%; background:var(--main-color-tint); }
.pk-my-ava{ position:relative; z-index:1; width:64px; height:64px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--main-color-tint); }
.pk-my-ava > div, .pk-my-ava img{ width:64px !important; height:64px !important; border-radius:50% !important; object-fit:cover; }
.pk-my-who{ position:relative; z-index:1; min-width:0; }
.pk-my-name{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.pk-my-name h1{ font-size:20px; font-weight:800; margin:0; color:var(--d-font-color); letter-spacing:-.02em; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pk-my-name .pk-tag img{ margin-right:3px; vertical-align:-1px; }
.pk-my-quick{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.pk-my-quick .pk-chip2{ font-size:12.5px; padding:6px 11px; }
.pk-my-point{ position:relative; z-index:1; grid-column:1 / -1; display:flex; align-items:center; gap:10px; background:#fff; border-radius:10px; padding:12px 14px; box-shadow:var(--pk-sh-card); }
.pk-my-point small{ font-size:12px; font-weight:700; color:var(--font-color); }
.pk-my-point b{ font-size:20px; font-weight:800; color:var(--main-color-deep); font-variant-numeric:tabular-nums; margin-right:auto; }
.pk-my-point b i{ font-style:normal; font-size:13px; margin-left:2px; }
/* 사이드바 파셜 → 가로 칩바 (PC only; 모바일은 파셜의 hidden 유지) */
.pk-my-menu{ display:none; }
.pk-my-stats{ display:grid; gap:12px; }
.pk-my-stat, .pk-my-card{ background:#fff; border-radius:var(--pk-r-card); padding:16px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-my-stat header, .pk-my-card header{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.pk-my-stat h3, .pk-my-card h3{ font-size:15px; font-weight:800; margin:0; color:var(--d-font-color); display:flex; align-items:center; gap:6px; }
.pk-my-stat h3 em, .pk-my-card h3 em{ font-style:normal; display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:8px; background:var(--main-color-soft); color:var(--main-color-deep); font-size:11.5px; }
.pk-my-tiles{ display:grid; gap:6px; }
.pk-my-tiles.t6{ grid-template-columns:repeat(3,1fr); }
.pk-my-tiles.t4{ grid-template-columns:repeat(4,1fr); }
.pk-my-tiles a{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:10px 4px; border-radius:8px; background:var(--bg-soft); text-decoration:none; color:var(--d-font-color) !important; transition:background .15s; }
.pk-my-tiles a:hover{ background:var(--main-color-soft); }
.pk-my-tiles small{ font-size:11px; font-weight:700; color:var(--font-color); }
.pk-my-tiles b{ font-size:18px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }
.pk-my-menu-mo{ display:block; }
.pk-my-ctas{ display:grid; gap:10px; }
.pk-my-cta{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:var(--pk-r-card); background:#fff; border:1.5px dashed var(--main-color-tint); text-decoration:none; color:var(--d-font-color) !important; transition:border-color .15s, background .15s; }
.pk-my-cta:hover{ border-color:var(--main-color); background:var(--main-color-soft); }
.pk-my-cta-ic{ width:40px; height:40px; border-radius:50%; background:var(--main-color-soft); display:inline-flex; align-items:center; justify-content:center; font-size:18px; flex:0 0 40px; }
.pk-my-cta-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.pk-my-cta-txt b{ font-size:14.5px; font-weight:800; }
.pk-my-cta-txt small{ font-size:12px; color:var(--font-color); font-weight:600; }
.pk-my-cta-arrow{ color:var(--main-color-deep); font-weight:800; }
.pk-my-2col{ display:grid; gap:12px; }
.pk-my-list{ display:flex; flex-direction:column; min-height:150px; }
.pk-my-row{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding:9px 6px; border-radius:6px; text-decoration:none; color:var(--d-font-color) !important; }
.pk-my-row:hover{ background:var(--bg-soft); }
.pk-my-state{ font-size:10.5px; font-weight:800; padding:3px 8px; border-radius:8px; background:var(--pk-butter); color:#7a5a00; white-space:nowrap; }
.pk-my-state.done{ background:var(--main-color-soft); color:var(--main-color-deep); }
.pk-my-row-t{ font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-my-row-d{ font-size:11.5px; color:var(--font-color); font-variant-numeric:tabular-nums; }
.pk-my-empty{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:26px 10px; text-align:center; }
.pk-my-empty span{ font-size:26px; }
.pk-my-empty p{ margin:0; font-size:13.5px; font-weight:700; color:var(--font-color); }
.pk-my-empty small{ font-size:12px; color:var(--font-color); }
.pk-my-empty.big{ padding:40px 10px; }
.pk-my-likes .pk-grid{ margin-top:4px; }

@media (min-width:640px){
  .pk-my{ padding:18px 24px 80px; }
  .pk-my-banner{ grid-template-columns:auto 1fr auto; padding:24px 26px; }
  .pk-my-point{ grid-column:auto; flex-direction:column; align-items:flex-start; gap:4px; min-width:200px; padding:14px 18px; }
  .pk-my-point b{ margin-right:0; font-size:24px; }
  .pk-my-point .pk-btn{ margin-top:6px; }
  .pk-my-tiles.t6{ grid-template-columns:repeat(6,1fr); }
  .pk-my-ctas{ grid-template-columns:1fr 1fr; }
  .pk-my-2col{ grid-template-columns:1fr 1fr; }
}
@media (min-width:850px){
  .pk-my{ gap:16px; }
  .pk-my-ava, .pk-my-ava > div, .pk-my-ava img{ width:84px !important; height:84px !important; }
  .pk-my-name h1{ font-size:26px; }
  /* PC: 좌측 사이드바(220px, sticky) + 우측 본문 — mypage_menu 파셜(aside)을 그대로 세로 메뉴로 */
  .pk-my-wrap{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; align-items:start; }
  .pk-my-body{ min-width:0; display:flex; flex-direction:column; gap:16px; }
  .pk-my-menu{ display:block; position:sticky; top:130px; }
  /* 레일형 사이드 메뉴(스킨 전용 파셜 skins/pink/partials/user/mypage_menu): 홈 타일 + 그룹 라벨 + 좌측 레일·로즈 마커 + 건수 배지 */
  .pk-side{ display:block !important; width:auto !important; flex:none !important; padding:2px 0 0; }
  .pk-side-home{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:var(--pk-r-card); background:var(--bg-soft); color:var(--pk-ink) !important; font-size:13.5px; font-weight:800; text-decoration:none; box-shadow:0 0 0 1px var(--line-color-light); transition:background .15s; }
  .pk-side-home:hover{ background:#fff; }
  .pk-side-home svg{ width:16px; height:16px; flex:0 0 auto; }
  .pk-side-home i{ margin-left:auto; font-style:normal; opacity:.45; font-weight:700; }
  .pk-side-home.on{ background:var(--pk-ink); color:#fff !important; box-shadow:none; }
  .pk-side-home.on i{ opacity:.7; }
  .pk-side-grp{ margin-top:20px; }
  .pk-side-grp h4{ margin:0 0 6px 15px; font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--font-color); }
  .pk-side-grp ul{ list-style:none; margin:0 0 0 2px; padding:0; border-left:1px solid var(--line-color); }
  .pk-side-grp li a{ position:relative; display:flex; align-items:center; gap:8px; padding:7px 10px 7px 13px; margin-left:-1px; font-size:13.5px; font-weight:600; color:var(--d-font-color) !important; text-decoration:none; border-left:2px solid transparent; transition:color .15s, border-color .15s; }
  .pk-side-grp li a:hover{ color:var(--pk-ink) !important; border-left-color:var(--line-color); }
  .pk-side-grp li a.on{ color:var(--pk-ink) !important; font-weight:800; border-left-color:var(--pk-rose); }
  .pk-side-grp li a em{ margin-left:auto; font-style:normal; font-size:11px; font-weight:800; min-width:20px; height:20px; padding:0 6px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; background:var(--bg-soft); color:var(--pk-ink); font-variant-numeric:tabular-nums; }
  .pk-side-grp li a.on em{ background:var(--pk-rose); color:#fff; }
  .pk-my-menu-mo{ display:none; }
  .pk-my-sub .pk-my-wrap{ margin-top:16px; }
  .pk-my-sub .pk-my-menu, .pk-my-sub .pk-my-body > .pk-sub-main, .pk-my-sub .pk-my-body > .pk-my-pthero, .pk-my-sub .pk-my-body > .pk-my-subtabs{ margin-top:0 !important; }
  .pk-my-stats{ grid-template-columns:1.6fr 1fr 1fr; }
  .pk-my-stats .pk-my-stat:only-child{ grid-column:1 / -1; }
}
@media (min-width:1024px){
  .pk-my{ padding:24px 0 88px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * 공통 폼/컴포넌트 (x-user.input/password/select/textarea/submit 클래스 훅)
 * ════════════════════════════════════════════════════════════════════════ */
[data-theme="pink"] input.h-12.border, [data-theme="pink"] select.h-12.border, [data-theme="pink"] textarea.border.rounded-md{
  border-radius:8px !important; border-color:var(--line-color) !important; background:#fff !important; color:var(--d-font-color) !important; }
[data-theme="pink"] input.h-12.border:focus, [data-theme="pink"] select.h-12.border:focus, [data-theme="pink"] textarea.border.rounded-md:focus{
  border-color:var(--main-color) !important; box-shadow:0 0 0 3px rgba(236,110,168,.18) !important; }
[data-theme="pink"] input[type="submit"].bg-\[var\(--main-color\)\], [data-theme="pink"] button.bg-\[var\(--main-color\)\]{ border-radius:8px !important; }

/* ════════════════════════════════════════════════════════════════════════
 * 서브 레이아웃 공통 (고객센터·커뮤니티): 헤더 밴드 + 탭 칩 + 본문 카드
 * ════════════════════════════════════════════════════════════════════════ */
.pk-only-pc-flex{ display:none !important; }
.pk-sub{ max-width:1280px; margin:0 auto; padding:12px 16px 72px; }
.pk-sub-head{ position:relative; overflow:hidden; background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:22px 20px 18px; display:flex; flex-direction:column; gap:14px; }
.pk-sub-head::before{ content:""; position:absolute; right:-70px; top:-90px; width:240px; height:240px; border-radius:50%; background:var(--main-color-tint); }
.pk-sub-head-txt{ position:relative; }
.pk-sub-head-txt h1{ font-size:24px; font-weight:800; margin:10px 0 4px; color:var(--d-font-color); letter-spacing:-.02em; }
.pk-sub-head-txt h1 a{ color:inherit !important; text-decoration:none; }
.pk-sub-head-txt p{ margin:0; font-size:13.5px; color:var(--font-color); font-weight:600; }
.pk-sub-tabs{ position:relative; display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
.pk-sub-tabs::-webkit-scrollbar{ display:none; }
.pk-sub-select{ position:relative; }
.pk-sub-select .pk-select{ width:100%; height:44px !important; border-radius:8px !important; }
.pk-sub-select .pk-caret{ position:absolute; right:14px; top:50%; margin-top:-5px; pointer-events:none; }
.pk-sub-main{ margin-top:16px; min-height:50vh; }
.pk-sub-card{ background:#fff; border-radius:var(--pk-r-card); box-shadow:0 0 0 1px var(--line-color-light); overflow:hidden; }
@media (min-width:640px){ .pk-sub{ padding:18px 24px 80px; } .pk-sub-head{ padding:28px 30px 22px; } }
@media (min-width:850px){
  .pk-only-pc-flex{ display:flex !important; }
  .pk-sub-head{ flex-direction:row; align-items:flex-end; justify-content:space-between; gap:24px; padding:34px 36px 26px; }
  .pk-sub-head-txt h1{ font-size:30px; }
  .pk-sub-tabs{ flex-wrap:wrap; overflow:visible; justify-content:flex-end; max-width:60%; }
  .pk-sub-main{ margin-top:20px; }
}
@media (min-width:1024px){ .pk-sub{ padding:24px 0 88px; } }

/* 마이페이지 섹션 셸(29페이지): 모바일=본문만(제목은 mo-top), PC=밴드+칩바 */
.pk-my-sub{ padding-top:4px; }
.pk-my-sub-head{ display:none; padding:22px 30px 18px; }
.pk-my-sub .pk-my-menu{ margin-top:12px; }
.pk-my-sub .pk-sub-main{ margin-top:12px; }
.pk-my-pthero{ margin-top:12px; background:var(--main-color-deep); color:#fff; border-radius:var(--pk-r-panel); padding:20px 18px; display:flex; flex-direction:column; gap:12px; }
.pk-my-pthero p{ margin:0; font-size:12.5px; opacity:.85; font-weight:600; }
.pk-my-pthero h2{ margin:2px 0 0; font-size:17px; font-weight:800; line-height:1.35; }
.pk-my-pthero .pt{ background:rgba(255,255,255,.16); border-radius:10px; padding:10px 14px; display:flex; flex-direction:column; gap:2px; }
.pk-my-pthero .pt small{ font-size:11px; opacity:.85; font-weight:700; }
.pk-my-pthero .pt b{ font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; }
.pk-my-pthero .pt b i{ font-style:normal; font-size:13px; margin-left:2px; }
.pk-my-subtabs{ display:flex; gap:8px; margin-top:12px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
@media (min-width:850px){
  .pk-my-sub-head{ display:flex; }
  .pk-my-pthero{ flex-direction:row; align-items:flex-end; justify-content:space-between; padding:26px 30px; }
  .pk-my-pthero h2{ font-size:20px; }
}
/* 공통 Tailwind 유틸 리컬러(29페이지 슬롯 내부 카드/테이블): 회색 → 팔레트 */
[data-theme="pink"] .ring-gray-100{ --tw-ring-color:var(--line-color-light) !important; }
[data-theme="pink"] .ring-slate-200{ --tw-ring-color:var(--line-color) !important; }
[data-theme="pink"] .bg-gray-50, [data-theme="pink"] .bg-slate-50, [data-theme="pink"] .bg-gray-100{ background-color:var(--bg-soft) !important; }
[data-theme="pink"] .border-gray-100, [data-theme="pink"] .border-slate-100{ border-color:var(--line-color-light) !important; }
[data-theme="pink"] .border-gray-200, [data-theme="pink"] .border-slate-200, [data-theme="pink"] .border-gray-300{ border-color:var(--line-color) !important; }
[data-theme="pink"] .text-slate-900, [data-theme="pink"] .text-gray-900, [data-theme="pink"] .text-gray-800{ color:var(--d-font-color) !important; }
[data-theme="pink"] .text-gray-500, [data-theme="pink"] .text-slate-500, [data-theme="pink"] .text-gray-600{ color:var(--font-color) !important; }
[data-theme="pink"] .bg-gray-900, [data-theme="pink"] .bg-slate-900{ background-color:var(--main-color-deep) !important; }
[data-theme="pink"] .rounded-2xl.bg-white{ border-radius:var(--pk-r-card) !important; }

/* ════════════════════════════════════════════════════════════════════════
 * 페이지 히어로 밴드(레이아웃 자동 삽입: 재능마켓·제안하기·리뷰·지도·가입·메뉴·슈피리어)
 * ════════════════════════════════════════════════════════════════════════ */
.pk-pagehero{ max-width:1280px; margin:12px auto 0; padding:0 16px; }
.pk-pagehero-in{ position:relative; overflow:hidden; background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:22px 20px 20px; }
.pk-pagehero-in::before{ content:""; position:absolute; right:-70px; top:-90px; width:240px; height:240px; border-radius:50%; background:var(--main-color-tint); }
.pk-pagehero-in h1{ position:relative; font-size:24px; font-weight:800; margin:10px 0 4px; color:var(--d-font-color); letter-spacing:-.02em; }
.pk-pagehero-in p{ position:relative; margin:0; font-size:13.5px; color:var(--font-color); font-weight:600; }
.pk-dash .pk-pagehero{ display:none; }
@media (min-width:640px){ .pk-pagehero{ padding:0 24px; } .pk-pagehero-in{ padding:28px 30px 24px; } }
@media (min-width:850px){ .pk-pagehero{ margin-top:24px; } .pk-pagehero-in{ padding:34px 36px 28px; } .pk-pagehero-in h1{ font-size:30px; } }
@media (min-width:1024px){ .pk-pagehero{ padding:0; } }

/* ── 재능마켓/인플루언서 목록: 검색 카드·필터 칩·드롭다운·카드 팔레트 통일 (인라인 style 덮어쓰기) ── */
[data-theme="pink"] .search-filter-chips button{ border-radius:8px !important; font-weight:700 !important; }
[data-theme="pink"] .search-filter-chips button.bg-violet-50, [data-theme="pink"] .bg-violet-50{ background-color:var(--main-color-soft) !important; color:var(--main-color-deep) !important; }
[data-theme="pink"] .search-filter-chips .dropdown-content{ border-radius:10px !important; border-color:var(--main-color-tint) !important; box-shadow:var(--pk-sh-panel) !important; }
[data-theme="pink"] .radiobox-group label, [data-theme="pink"] .checkbox-group label, [data-theme="pink"] .check-img-group label{ border-radius:8px !important; border-color:var(--line-color) !important; color:var(--d-font-color) !important; font-weight:600 !important; }
[data-theme="pink"] .radiobox-group input[type='radio']:checked + label, [data-theme="pink"] .checkbox-group input[type='checkbox']:checked + label, [data-theme="pink"] .check-img-group input[type='checkbox']:checked + label{
  border-color:var(--main-color) !important; color:var(--main-color-deep) !important; background-color:var(--main-color-soft) !important; }
[data-theme="pink"] .ring-gray-300{ --tw-ring-color:var(--line-color) !important; }
[data-theme="pink"] .hover\:ring-gray-400:hover{ --tw-ring-color:var(--main-color-tint) !important; }
[data-theme="pink"] .rounded-2xl.shadow-\[0_4px_24px_-8px_rgba\(131\,112\,230\,0\.12\)\]{ border-radius:12px !important; box-shadow:var(--pk-sh-card) !important; }
[data-theme="pink"] .tzInfBestCard{ border-radius:var(--pk-r-card) !important; border-color:var(--line-color-light) !important; }
[data-theme="pink"] .tzInfBestCard:hover{ border-color:var(--main-color-tint) !important; box-shadow:var(--pk-sh-card) !important; }
[data-theme="pink"] .rounded-xl.bg-gray-100.ring-1{ border-radius:10px !important; background:#fff !important; --tw-ring-color:var(--line-color-light) !important; }
[data-theme="pink"] .custom-pagination3 .swiper-pagination-bullet{ background:var(--main-color-tint) !important; opacity:1 !important; }
[data-theme="pink"] .custom-pagination3 .swiper-pagination-bullet-active{ background:var(--main-color-deep) !important; }
/* 보라/인디고/틸/앰버 계열 Tailwind 색 → 팔레트 (슈피리어·리뷰·마이페이지 카드 잔재) */
[data-theme="pink"] [class*="from-violet"], [data-theme="pink"] [class*="from-indigo"], [data-theme="pink"] [class*="from-purple"], [data-theme="pink"] [class*="from-teal"]{ --tw-gradient-from:var(--main-color-soft) !important; }
[data-theme="pink"] [class*="to-violet"], [data-theme="pink"] [class*="to-indigo"], [data-theme="pink"] [class*="to-purple"], [data-theme="pink"] [class*="to-rose"]{ --tw-gradient-to:#fff !important; }
[data-theme="pink"] [class*="via-purple"], [data-theme="pink"] [class*="via-violet"]{ --tw-gradient-via:var(--main-color-tint) !important; }
[data-theme="pink"] [class*="text-violet"], [data-theme="pink"] [class*="text-indigo"], [data-theme="pink"] [class*="text-purple"], [data-theme="pink"] [class*="text-teal"], [data-theme="pink"] [class*="text-sky"]{ color:var(--main-color-deep) !important; }
[data-theme="pink"] [class*="bg-violet-5"], [data-theme="pink"] [class*="bg-indigo-5"], [data-theme="pink"] [class*="bg-teal-5"], [data-theme="pink"] [class*="bg-sky-5"], [data-theme="pink"] [class*="bg-purple-5"]{ background-color:var(--main-color-soft) !important; }
[data-theme="pink"] [class*="ring-violet"], [data-theme="pink"] [class*="ring-indigo"], [data-theme="pink"] [class*="ring-teal"]{ --tw-ring-color:var(--main-color-tint) !important; }
[data-theme="pink"] [class*="bg-amber-5"]{ background-color:var(--bg-soft) !important; }
[data-theme="pink"] [class*="text-amber-6"]{ color:#7a5a00 !important; }
/* 흰 글자 배지(bg-amber-500 text-white: 게시판 '공지' 등)는 소프트 회색 위 흰 글자가 안 보이므로 잉크 배지로 */
[data-theme="pink"] [class*="bg-amber-5"].text-white, [data-theme="pink"] [class*="bg-amber-6"].text-white{ background-color:var(--pk-ink) !important; color:#fff !important; }

/* ── 실시간 리뷰 v4 (skins/pink/user/reviews/index) ── */
.pk-rv{ max-width:1280px; margin:0 auto; padding:12px 16px 72px; }
.pk-rv-hero{ background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:22px 14px 18px; }
.pk-rv-hero-h{ text-align:center; margin-bottom:16px; }
.pk-rv-hero-h h1{ font-size:24px; font-weight:800; letter-spacing:-.02em; margin:10px 0 4px; color:var(--d-font-color); }
.pk-rv-hero-h h1 em{ font-style:normal; color:var(--main-color-deep); }
.pk-rv-hero-h p{ margin:0; font-size:13.5px; font-weight:600; color:var(--font-color); }
.pk-rv-swiper{ position:relative; }
.pk-rv-swiper .swiper{ overflow:hidden; padding:2px 2px 6px; }
.pk-rv-swiper .swiper-slide{ height:auto; }
.pk-rv-swiper .pk-rev{ height:100%; }
.pk-rv-dots{ position:static !important; margin-top:8px; display:flex; justify-content:center; gap:4px; }
.pk-rv-nav{ display:none; position:absolute; top:42%; z-index:10; width:36px; height:36px; border-radius:50%; border:0; background:#fff; color:var(--main-color-deep);
  align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--pk-sh-card); }
.pk-rv-prev{ left:-6px; } .pk-rv-next{ right:-6px; }
.pk-rv-list{ margin-top:28px; }
.pk-rv-count{ font-size:13px; font-weight:700; color:var(--font-color); }
.pk-rv-count b{ color:var(--main-color-deep); }
@media (min-width:640px){ .pk-rv{ padding:18px 24px 80px; } .pk-rv-hero{ padding:28px 24px 22px; } }
@media (min-width:850px){
  .pk-rv-hero{ padding:36px 40px 28px; } .pk-rv-hero-h h1{ font-size:32px; } .pk-rv-hero-h{ margin-bottom:22px; }
  .pk-rv-nav{ display:inline-flex; } .pk-rv-prev{ left:-18px; } .pk-rv-next{ right:-18px; }
  .pk-rv-list{ margin-top:40px; }
}
@media (min-width:1024px){ .pk-rv{ padding:24px 0 88px; } }

/* ── 베스트 선정 리뷰 v3: 연핑크 패널 + 흰 카드 "1 + 4"(2×2) ── */
.pk-rv-spot{ background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:22px 16px 18px; display:grid; gap:14px; }
.pk-rv-spot-h .pk-sticker{ transform:none; }
.pk-rv-spot-h h1{ font-size:24px; font-weight:800; letter-spacing:-.02em; margin:10px 0 4px; color:var(--d-font-color); }
.pk-rv-spot-h h1 em{ font-style:normal; color:var(--main-color-deep); }
.pk-rv-spot-h p{ margin:0; font-size:13.5px; font-weight:600; color:var(--font-color); }
.pk-rv-card{ display:flex; flex-direction:column; background:#fff; border-radius:var(--pk-r-card); overflow:hidden; box-shadow:0 0 0 1px var(--main-color-tint), var(--pk-sh-card); }
.pk-rv-card-img{ position:relative; display:block; background:var(--main-color-soft); }
.pk-rv-card-img img{ display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.pk-rv-badge{ position:absolute; left:10px; top:10px; width:30px; height:30px; border-radius:50%; background:var(--pk-butter); color:#7a5a00; font-weight:800; font-size:14px; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.15); }
.pk-rv-card-top .pk-rv-badge{ width:38px; height:38px; font-size:17px; background:var(--main-color-deep); color:#fff; }
.pk-rv-media{ position:absolute; right:10px; bottom:10px; }
.pk-rv-card-txt{ display:flex; flex-direction:column; gap:8px; padding:12px 14px 14px; flex:1; }
.pk-rv-card-q{ font-size:14px; font-weight:800; line-height:1.4; color:var(--d-font-color) !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pk-rv-card .pk-rev-u{ padding:0; margin-top:auto; }
.pk-rv-card-top .pk-rv-card-q{ font-size:18px; }
.pk-rv-side{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pk-rv-side .pk-rv-card-q{ font-size:13px; -webkit-line-clamp:1; }
@media (min-width:640px){ .pk-rv-spot{ padding:26px 24px 22px; } }
@media (min-width:850px){
  .pk-rv-spot{ grid-template-columns:2fr 3fr; grid-template-areas:"h h" "top side"; gap:18px 20px; padding:30px 32px 28px; align-items:stretch; }
  .pk-rv-spot-h{ grid-area:h; } .pk-rv-card-top{ grid-area:top; } .pk-rv-side{ grid-area:side; gap:16px; }
  .pk-rv-spot-h h1{ font-size:30px; }
  .pk-rv-card-top .pk-rv-card-img img{ aspect-ratio:4/3; }
  .pk-rv-card-top .pk-rv-card-txt{ padding:16px 18px 18px; gap:10px; }
  .pk-rv-card-top .pk-rv-card-q{ font-size:20px; }
  .pk-rv-side .pk-rv-card-q{ font-size:14px; }
}

/* ════════════════════════════════════════════════════════════════════════
 * v5 REFINED — 시각 언어 리셋(파일 최하단이 아닌 여기 두지 말 것: 아래 별도 블록이 최종 승자)
 * ════════════════════════════════════════════════════════════════════════ */

/* ── (구) classic 리뷰 히어로 리컬러 — 오버라이드 전 호환용 ── */
[data-theme="pink"] .best_review{ background-color:var(--main-color-soft) !important; border-radius:var(--pk-r-panel); max-width:1280px; margin:12px auto 0; }
[data-theme="pink"] .best_review .mesh-gradient-bg{ background-color:transparent !important;
  background-image:radial-gradient(at 0% 0%, rgba(236,110,168,.35) 0, transparent 50%), radial-gradient(at 100% 0%, rgba(255,233,168,.6) 0, transparent 50%), radial-gradient(at 100% 100%, rgba(248,207,226,.9) 0, transparent 55%) !important; filter:blur(30px) !important; }
[data-theme="pink"] .best_review .bg-overlay{ display:none !important; }
[data-theme="pink"] .best_review .text-white{ color:var(--d-font-color) !important; }
[data-theme="pink"] .best_review .section-title{ color:var(--main-color-deep) !important; text-shadow:none !important; }
[data-theme="pink"] .best_review .section-desc{ color:var(--font-color) !important; }
[data-theme="pink"] .best_review .bg-white\/10{ background:#fff !important; border-color:var(--main-color-tint) !important; }
[data-theme="pink"] .best_review .rounded-xl.shadow-lg{ border-radius:var(--pk-r-card) !important; box-shadow:var(--pk-sh-card) !important; }
[data-theme="pink"] .custom-pagination .swiper-pagination-bullet{ background:var(--main-color-tint) !important; opacity:1 !important; }
[data-theme="pink"] .custom-pagination .swiper-pagination-bullet-active{ background:var(--main-color-deep) !important; }
@media (min-width:1024px){ [data-theme="pink"] .best_review{ margin-top:24px; } }
/* ── 슈피리어 신청: 보라 → 팔레트 ── */
[data-theme="pink"] .tzSpHero{ background:radial-gradient(ellipse 60% 60% at 50% 35%, rgba(236,110,168,.16) 0%, rgba(236,110,168,.04) 60%, rgba(255,255,255,0) 100%), linear-gradient(180deg,#fff6fa 0%,#fff1f7 100%) !important; }
[data-theme="pink"] .tzSpHeroGrid{ background-image:linear-gradient(rgba(236,110,168,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(236,110,168,.08) 1px, transparent 1px) !important; }
[data-theme="pink"] .tzSpGradient{ background-image:linear-gradient(135deg, var(--main-color) 0%, var(--main-color-deep) 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; }
[data-theme="pink"] .tzSpCard::before{ background:linear-gradient(90deg, var(--main-color) 0%, var(--main-color-deep) 100%) !important; }
[data-theme="pink"] .tzSpCard:hover{ box-shadow:var(--pk-sh-panel) !important; }
[data-theme="pink"] .tzSpBenefitCard:hover{ box-shadow:var(--pk-sh-card) !important; }

/* ════════════════════════════════════════════════════════════════════════
 * 재능마켓 상세 레이아웃 v4
 * ════════════════════════════════════════════════════════════════════════ */
.pk-dl{ max-width:1280px; margin:0 auto; padding:12px 16px 100px; }
.pk-dl-head{ background:#fff; border-radius:var(--pk-r-panel); padding:20px 18px; box-shadow:0 0 0 1px var(--line-color-light), var(--pk-sh-card); display:flex; flex-direction:column; gap:10px; }
.pk-dl-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pk-dl-code{ font-size:11.5px; color:var(--font-color); font-weight:700; font-variant-numeric:tabular-nums; }
.pk-dl-h1{ font-size:22px; font-weight:800; line-height:1.3; margin:0; color:var(--d-font-color); letter-spacing:-.02em; text-wrap:balance; }
.pk-dl-price{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--main-color-soft); border-radius:10px; padding:12px 16px; }
.pk-dl-price small{ font-size:12px; font-weight:700; color:var(--font-color); }
.pk-dl-price b{ font-size:26px; font-weight:800; color:var(--main-color-deep); font-variant-numeric:tabular-nums; margin-right:auto; }
.pk-dl-price b i{ font-style:normal; font-size:15px; margin-left:2px; }
.pk-dl-cta{ height:44px; padding:0 20px; }
.pk-dl-mgal-main img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:10px; background:var(--main-color-soft); }
.pk-dl-mgal-thumbs{ display:flex; gap:8px; justify-content:center; margin-top:8px; overflow-x:auto; scrollbar-width:none; }
.pk-dl-thumb{ flex:0 0 56px; width:56px; height:56px; border-radius:8px; overflow:hidden; cursor:pointer; box-shadow:0 0 0 2px transparent; opacity:.6; transition:box-shadow .15s, opacity .15s; }
.pk-dl-thumb.on, .pk-dl-thumb.ring-\[var\(--main-color\)\]{ box-shadow:0 0 0 2px var(--main-color); opacity:1; }
.pk-dl-thumb img{ width:100%; height:100%; object-fit:cover; }
.pk-dl-body{ display:grid; gap:16px; margin-top:16px; }
.pk-dl-seller{ background:#fff; border-radius:var(--pk-r-card); padding:22px 18px 18px; box-shadow:0 0 0 1px var(--line-color-light); display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.pk-dl-seller-ava{ display:block; width:88px; height:88px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--main-color-tint); }
.pk-dl-seller-ava img{ width:100%; height:100%; object-fit:cover; }
.pk-dl-seller-name{ font-size:17px; font-weight:800; color:var(--d-font-color) !important; text-decoration:none; }
.pk-dl-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px; }
.pk-dl-chips em{ font-style:normal; font-size:11.5px; font-weight:700; padding:3px 8px; border-radius:8px; background:var(--bg-soft); color:var(--font-color); }
.pk-dl-chips em.cat{ background:var(--main-color-soft); color:var(--main-color-deep); }
.pk-dl-bio{ margin:0; font-size:12.5px; line-height:1.5; color:var(--font-color); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (min-width:850px){
  .pk-dl{ padding:26px 24px 64px; }
  .pk-dl-head{ padding:28px 32px; display:grid; grid-template-columns:1fr auto; grid-template-areas:"meta meta" "h1 price"; align-items:center; column-gap:24px; }
  .pk-dl-meta{ grid-area:meta; justify-content:flex-start; gap:12px; }
  .pk-dl-h1{ grid-area:h1; font-size:30px; }
  .pk-dl-price{ grid-area:price; min-width:280px; }
  .pk-dl-body{ grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; margin-top:24px; }
  .pk-dl-aside{ position:sticky; top:90px; }
}
@media (min-width:1024px){ .pk-dl{ padding:30px 0 72px; } }

/* ════════════════════════════════════════════════════════════════════════
 * 인플루언서 상세 레이아웃 v4
 * ════════════════════════════════════════════════════════════════════════ */
.pk-if{ max-width:1280px; margin:0 auto; padding:12px 16px 100px; }
.pk-if-hero{ position:relative; overflow:hidden; background:var(--main-color-soft); border-radius:var(--pk-r-panel); padding:24px 18px 20px; display:grid; gap:14px; justify-items:center; text-align:center; }
.pk-if-hero::before{ content:""; position:absolute; right:-80px; top:-100px; width:260px; height:260px; border-radius:50%; background:var(--main-color-tint); }
.pk-if-ava{ position:relative; width:104px; height:104px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--main-color-tint); }
.pk-if-ava img{ width:100%; height:100%; object-fit:cover; }
.pk-if-txt{ position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; }
.pk-if-txt h1{ font-size:24px; font-weight:800; margin:0; color:var(--d-font-color); letter-spacing:-.02em; }
.pk-if-bio{ margin:0; font-size:13.5px; line-height:1.55; color:var(--font-color); white-space:pre-wrap; max-width:52ch; }
.pk-if-side{ position:relative; width:100%; display:flex; flex-direction:column; gap:10px; }
.pk-if-stats{ display:flex; background:#fff; border-radius:10px; overflow:hidden; box-shadow:var(--pk-sh-card); }
.pk-if-stats div{ flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 6px; }
.pk-if-stats div + div{ border-left:1px solid var(--line-color-light); }
.pk-if-stats b{ font-size:18px; font-weight:800; color:var(--main-color-deep); font-variant-numeric:tabular-nums; }
.pk-if-stats small{ font-size:11px; font-weight:700; color:var(--font-color); }
.pk-if-actions{ gap:8px; }
.pk-if-actions .pk-btn{ flex:1; justify-content:center; height:46px; }
.pk-if-ic{ width:46px; height:46px; border-radius:8px; border:1.5px solid var(--main-color-tint); background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 46px; }
.pk-if-main{ margin-top:16px; }
@media (min-width:850px){
  .pk-if{ padding:26px 24px 64px; }
  .pk-if-hero{ grid-template-columns:auto 1fr 300px; align-items:center; justify-items:start; text-align:left; padding:32px 36px; gap:24px; }
  .pk-if-txt{ align-items:flex-start; }
  .pk-if-txt h1{ font-size:30px; }
  .pk-if-txt .pk-dl-chips, .pk-if-sns{ justify-content:flex-start; }
  .pk-if-ava{ width:120px; height:120px; }
  .pk-if-main{ margin-top:24px; }
}
@media (min-width:1024px){ .pk-if{ padding:30px 0 72px; } }

/* ════════════════════════════════════════════════════════════════════════
 * 로그인 v4 (분할 레이아웃)
 * ════════════════════════════════════════════════════════════════════════ */
.pk-login{ max-width:1080px; margin:0 auto; padding:20px 16px 80px; display:grid; gap:20px; }
.pk-login-brand{ display:none; position:relative; overflow:hidden; border-radius:var(--pk-r-panel); background:var(--main-color-soft); padding:44px 40px; }
.pk-login-brand::before{ content:""; position:absolute; right:-90px; bottom:-120px; width:320px; height:320px; border-radius:50%; background:var(--main-color-tint); }
.pk-login-brand h2{ position:relative; font-size:52px; line-height:1.04; color:var(--main-color-deep); margin:16px 0 12px; }
.pk-login-brand p{ position:relative; font-size:15px; color:var(--font-color); font-weight:600; margin:0 0 20px; }
.pk-login-perks{ position:relative; list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.pk-login-perks li{ display:inline-flex; align-self:flex-start; background:#fff; border-radius:8px; padding:8px 14px; font-size:13.5px; font-weight:700; color:var(--d-font-color); box-shadow:var(--pk-sh-card); }
.pk-login-card{ background:#fff; border-radius:var(--pk-r-panel); padding:26px 22px 24px; box-shadow:0 0 0 1px var(--line-color-light), var(--pk-sh-panel); }
.pk-login-title{ font-size:24px; font-weight:800; margin:0; color:var(--d-font-color); letter-spacing:-.02em; }
.pk-login-sub{ margin:6px 0 16px; font-size:13.5px; color:var(--font-color); font-weight:600; }
.pk-login-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
.pk-login .tzPageTab{ display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 8px; border-radius:8px; border:1.5px solid var(--line-color); background:#fff; color:var(--font-color); cursor:pointer; user-select:none; transition:border-color .15s, background .15s, color .15s; }
.pk-login .tzPageTab .tzPageTabIcon{ width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--bg-soft); }
.pk-login .tzPageTab .tzPageTabLabel{ font-size:14px; font-weight:800; }
.pk-login .tzPageTab:hover{ border-color:var(--main-color-tint); }
.pk-login .tzPageTab.is-on{ border-color:var(--main-color); background:var(--main-color-soft); color:var(--main-color-deep); }
.pk-login .tzPageTab.is-on .tzPageTabIcon{ background:var(--main-color-deep); color:#fff; }
.pk-login-fields{ display:flex; flex-direction:column; gap:10px; }
.pk-login-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:14px 0 12px; }
.pk-login-save{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--d-font-color); cursor:pointer; }
.pk-login-save input[type=checkbox]{ position:absolute; width:1.2rem; height:1.2rem; opacity:0; }
.pk-login-save .checkbox-icon{ width:1.1rem; height:1.1rem; }
.pk-login-links{ font-size:12.5px; color:var(--font-color); font-weight:600; }
.pk-login-links a:hover{ color:var(--main-color-deep); }
.pk-login-links i{ font-style:normal; margin:0 6px; color:var(--main-color-tint); }
[data-theme="pink"] .pk-login-submit{ height:50px; border-radius:8px !important; background:var(--main-color-deep) !important; font-size:15px; cursor:pointer; }
[data-theme="pink"] .pk-login-submit:hover{ background:#b0336d !important; }
.pk-login-social{ margin-top:18px; padding-top:16px; border-top:1px solid var(--line-color-light); }
.pk-login-social p{ text-align:center; font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--font-color); margin:0 0 10px; }
.pk-login-social-btns{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pk-login-social-btns a{ display:flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:8px; font-size:14px; font-weight:800; text-decoration:none; }
.pk-login-naver{ background:#03C75A; color:#fff !important; }
.pk-login-naver span{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:4px; background:#fff; color:#03C75A; font-size:12px; }
.pk-login-kakao{ background:#FEE500; color:#3C1E1E !important; }
.pk-login-foot{ text-align:center; margin:16px 0 0; font-size:13px; color:var(--font-color); font-weight:600; }
.pk-login-foot a{ color:var(--main-color-deep) !important; font-weight:800; margin-left:4px; }
@media (min-width:850px){
  .pk-login{ grid-template-columns:1fr 440px; align-items:stretch; gap:28px; padding:36px 24px 96px; min-height:70vh; }
  .pk-login-brand{ display:flex; flex-direction:column; justify-content:center; }
  .pk-login-card{ padding:34px 32px 30px; align-self:center; }
}

/* ── v4.1 각진 정리: 큰 원형 장식 제거, 배너/아이콘 사각화 ── */
.pk-hero::before, .pk-sub-head::before, .pk-pagehero-in::before, .pk-login-brand::before, .pk-my-banner::before, .pk-if-hero::before{ display:none !important; }
.pk-chip img{ border-radius:6px !important; }
[data-theme="pink"] .content .rounded-full.bg-gray-50, [data-theme="pink"] .content .rounded-full.bg-gray-100{ border-radius:14px !important; }
[data-theme="pink"] .pk-my-tiles a, [data-theme="pink"] .pk-cd-facts div{ border-radius:8px !important; }

/* ════════════════════════════════════════════════════════════════════════
 * v5 REFINED (최종 승자 블록) — 여백·타이포 중심, 흰 배경, 잉크 텍스트, 로즈 악센트 1곳, 헤어라인 카드
 * 파스텔 패널·그라데이션·스티커·이모지 아이콘·버터·포스터체 제거. 구조(pk-*)는 유지.
 * ════════════════════════════════════════════════════════════════════════ */
:root[data-theme="pink"]{
  --main-color:#E5588F !important; --main-color-hover:#D14A80 !important;
  --main-color-soft:#FFF0F5 !important; --main-color-tint:#F7D3E1 !important; --main-color-deep:#C93A75 !important;
  --subcolor-blue:#5B6CF9 !important;
  --bg-color:#FAFAFB !important; --bg-soft:#F6F6F8 !important;
  --line-color:#E6E6EB !important; --line-color-light:#EFEFF3 !important;
  --d-font-color:#1B1B1F !important; --font-color:#6B6B73 !important;
  --pk-butter:#F1F1F4; --pk-r-card:12px; --pk-r-panel:14px;
  --pk-sh-card:0 1px 2px rgba(20,20,30,.04); --pk-sh-panel:0 12px 32px rgba(20,20,30,.08);
  --pk-ink:#1B1B1F; --pk-rose:#E5588F;
}
[data-theme="pink"] body{ background:#fff !important; }
.pk-disp{ font-family:'Pretendard',system-ui,sans-serif; font-weight:800; letter-spacing:-.03em; }
.pk-sticker{ background:none; box-shadow:none; padding:0; border-radius:0; font-size:12px; font-weight:800; letter-spacing:.06em; color:var(--pk-rose); transform:none; }

/* 헤더 2줄 */
[data-theme="pink"] .pk-header{ background:#fff !important; backdrop-filter:none; -webkit-backdrop-filter:none; border-bottom:1px solid var(--line-color-light) !important; }
.pk-wordmark, .pk-wordmark .pk-disp{ color:var(--pk-ink) !important; }
.pk-wordmark .pk-disp{ font-size:21px; letter-spacing:-.03em; }
.pk-wordmark i{ background:var(--pk-rose); }
.pk-navrow{ display:none; }
.pk-navrow-in{ max-width:1280px; margin:0 auto; padding:0 24px; height:48px; display:flex; align-items:center; gap:4px; }
.pk-h-nav ul li a{ font-size:15px !important; font-weight:600 !important; padding:8px 12px !important; border-radius:8px; color:var(--pk-ink) !important; }
.pk-h-nav ul li a:hover{ background:var(--bg-soft); color:var(--pk-ink) !important; }
.pk-h-nav ul li a.font-bold{ color:var(--pk-ink) !important; font-weight:800 !important; }
.pk-h-nav ul li a.font-bold::after{ background:var(--pk-ink); left:12px; right:12px; }
.pk-h-nav #mega-menu-trigger{ padding:8px 12px 8px 8px !important; margin-right:8px !important; border-radius:8px; }
.pk-h-nav #mega-menu-trigger span{ font-size:15px !important; font-weight:700; }
.pk-h-right input{ background:var(--bg-soft) !important; border-color:transparent !important; }
.pk-util .rounded, .pk-util .rounded-md{ border-radius:10px !important; box-shadow:var(--pk-sh-panel) !important; border-color:var(--line-color-light) !important; }
.pk-util .bg-gray-900, [data-theme="pink"] .mega-menu-container .bg-gray-900{ background:var(--pk-ink) !important; }
[data-theme="pink"] .mega-menu-container{ border-radius:14px !important; border-color:var(--line-color-light) !important; box-shadow:var(--pk-sh-panel) !important; }
.pk-strip ul li a.font-bold{ background:var(--pk-ink) !important; }
.pk-auth .pk-h-right .w-68{ width:220px !important; }              /* 2줄 헤더라 검색 접을 필요 없음 */
/* 1줄 유틸 정렬: 라벨 복원(알림/채팅), 구분자·간격 균일, 세로 중앙 */
.pk-h-right{ gap:16px; }
.pk-util > div{ display:flex !important; align-items:center; gap:0; height:36px; }
.pk-util > div > div, .pk-util > div > a{ display:inline-flex !important; align-items:center; height:36px; }
.pk-util .relative.group{ padding:0 !important; }
.pk-util .py-3{ padding-top:0 !important; padding-bottom:0 !important; }
.pk-util span.text-gray-400{ display:inline-flex; align-items:center; height:36px; padding:0 9px !important; color:var(--line-color) !important; font-size:11px !important; }
.pk-util a{ font-size:12.5px !important; font-weight:600 !important; color:var(--font-color) !important; white-space:nowrap; line-height:1; }
.pk-util a:hover{ color:var(--pk-ink) !important; }
.pk-util a img{ width:18px !important; height:18px; margin-right:5px !important; padding:0 !important; }
.pk-auth .pk-util a:has(img[src*="notice_b_ic"]){ font-size:12.5px !important; }
.pk-auth .pk-util a:has(img[src*="chatic"]) > span:not([class*="bg-red"]){ display:inline; }
.pk-auth .pk-util a[href="/reviews/wait"]{ max-width:150px; }
.pk-util .top-8{ top:40px !important; }
/* 유틸 항목 높이/기준선 통일(들쑥날쑥 방지): 모든 항목·링크 36px 세로중앙, 아이콘/화살표 여백 0 */
.pk-util *{ box-sizing:border-box; }
.pk-util > div > *{ display:inline-flex !important; align-items:center !important; height:36px !important; margin:0 !important; }
.pk-util a, .pk-util .relative.group > a{ display:inline-flex !important; align-items:center !important; height:36px !important; line-height:36px !important; padding-top:0 !important; padding-bottom:0 !important; }
.pk-util a img, .pk-util a svg{ display:block !important; margin-top:0 !important; margin-bottom:0 !important; flex:0 0 auto; }
.pk-util a svg{ width:14px !important; height:14px !important; margin-left:3px !important; }
.pk-util a span{ display:inline-flex; align-items:center; line-height:1; }
.pk-util a img.rounded-full{ width:18px !important; height:18px !important; object-fit:cover; margin-right:6px !important; }
.pk-auth .pk-h-right .w-68:not(:focus-within) input::placeholder{ color:var(--font-color); }
.pk-auth .pk-h-nav ul li a{ padding:8px 12px !important; font-size:15px !important; }

/* 히어로: 흰 바탕, 큰 산세리프 헤드라인, 클린 이미지 카드 */
.pk-hero{ background:#fff; border-radius:0; border-bottom:1px solid var(--line-color-light); padding:28px 0 30px; }
.pk-hero-wrap{ margin-top:0; }
.pk-hero h1{ font-family:'Pretendard',sans-serif; font-weight:800; letter-spacing:-.035em; color:var(--pk-ink); font-size:38px; line-height:1.12; }
.pk-hero p{ color:var(--font-color); font-weight:500; }
.pk-btn{ background:var(--pk-ink); border-radius:10px; font-weight:700; }
.pk-btn:hover{ background:#000; transform:none; }
.pk-btn-ghost{ background:#fff; color:var(--pk-ink) !important; box-shadow:inset 0 0 0 1px var(--line-color); }
.pk-btn-ghost:hover{ box-shadow:inset 0 0 0 1px var(--pk-ink); }
.pk-polaroid{ transform:none; padding:0; border-radius:12px; box-shadow:0 0 0 1px var(--line-color-light); overflow:hidden; width:100%; max-width:420px; background:#fff; }
.pk-polaroid:hover{ transform:none; }
.pk-polaroid img{ border-radius:0; }
.pk-polaroid-cap{ padding:12px 14px 14px; }
.pk-tape{ display:none; }

/* 카테고리: 텍스트 칩(이모지 아이콘 제거) */
.pk-chip img{ display:none; }
.pk-chip{ border-radius:10px; background:#fff; border:1px solid var(--line-color); color:var(--pk-ink) !important; font-weight:600; }
.pk-chip:hover{ border-color:var(--pk-ink); background:#fff; }

/* 배너 */
.pk-bnr a, .pk-mid a{ box-shadow:0 0 0 1px var(--line-color-light); }

/* 섹션 헤더 */
.pk-sec-h h2{ font-size:22px; letter-spacing:-.025em; }
.pk-sec-h h2::before{ display:none; }
.pk-sec-h h2 em{ color:var(--pk-ink); }
.pk-more{ border:0; background:none; padding:0; color:var(--font-color) !important; font-size:13.5px; font-weight:600; }
.pk-more:hover{ background:none; color:var(--pk-ink) !important; }
.pk-more::after{ content:" →"; }

/* 카드: 그림자 없이 헤어라인 */
[data-theme="pink"] .ring-1.shadow-sm.rounded-2xl, [data-theme="pink"] .pk-grid > *{ box-shadow:0 0 0 1px var(--line-color-light) !important; border-radius:12px !important; }
[data-theme="pink"] [class*="ring-gray-100"]{ --tw-ring-color:transparent; }
.pk-deal, .pk-rev, .pk-rv-card, .pk-lead{ box-shadow:0 0 0 1px var(--line-color-light); }
.pk-rev-q{ font-weight:600; }
.pk-tag{ background:var(--bg-soft); color:var(--font-color); }
.pk-tag-point, .pk-badge{ background:var(--pk-ink); color:#fff; }
.pk-point{ color:var(--pk-ink); }
/* 순위 리스트: 헤어라인 행 */
.pk-rank-item{ background:transparent; box-shadow:none; border-radius:0; border-bottom:1px solid var(--line-color-light); padding:12px 4px; }
.pk-rank-item:hover{ box-shadow:none; transform:none; background:var(--bg-soft); }
.pk-rank-no{ color:#C4C4CE; font-size:22px; }
/* 인플루언서: 밴드 제거, 헤어라인 구획 */
.pk-sec-inf{ background:transparent; border-top:1px solid var(--line-color-light); border-bottom:1px solid var(--line-color-light); border-radius:0; padding:24px 0 12px; }
.pk-sec-inf .pk-more{ background:none; }
.pk-inf-ava{ box-shadow:0 0 0 1px var(--line-color); }
.pk-inf-sns a, .pk-inf-tags em{ background:var(--bg-soft); color:var(--font-color); }
.pk-inf-tags em.pk-hash{ background:transparent; }
/* 페이지 밴드·서브 헤더·마이·로그인 패널: 라이트 그레이 */
.pk-pagehero-in, .pk-sub-head, .pk-my-banner, .pk-login-brand, .pk-rv-spot, .pk-if-hero, .pk-my-pthero{ background:var(--bg-soft) !important; color:var(--pk-ink); }
.pk-my-pthero, .pk-my-pthero h2, .pk-my-pthero p{ color:var(--pk-ink); }
.pk-my-pthero .pt{ background:#fff; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-my-pthero .pt b{ color:var(--pk-ink); }
.pk-rv-spot-h h1 em, .pk-sub-head-txt h1 em{ color:var(--pk-ink); }
.pk-rv-badge, .pk-rv-card-top .pk-rv-badge{ background:var(--pk-ink); color:#fff; box-shadow:none; }
.pk-chip2{ border-radius:8px; }
.pk-chip2.on, .pk-chip2.lv2.on, .pk-chip2.lv3.on{ background:var(--pk-ink) !important; color:#fff !important; border-color:transparent; }
.pk-my-tiles a{ background:var(--bg-soft); }
.pk-my-stat h3 em, .pk-my-card h3 em, .pk-cd-tabcount{ background:var(--bg-soft); color:var(--pk-ink); }
.pk-my-state{ background:var(--bg-soft); color:var(--font-color); }
.pk-my-state.done{ background:var(--pk-ink); color:#fff; }
.pk-cd-ic{ background:var(--bg-soft); color:var(--pk-ink); }
.pk-cd-facts b, .pk-cd-apply dd.hl, .pk-list-count b, .pk-rv-count b{ color:var(--pk-ink); }
.pk-filterbar{ background:rgba(255,255,255,.96); border:0; border-bottom:1px solid var(--line-color-light); border-radius:0; }
.pk-pagination nav span[aria-current] > span{ background:var(--pk-ink) !important; }
.pk-login-perks li{ box-shadow:0 0 0 1px var(--line-color-light); }
[data-theme="pink"] .pk-login-submit{ background:var(--pk-ink) !important; }
[data-theme="pink"] .pk-login-submit:hover{ background:#000 !important; }
.pk-login .tzPageTab.is-on{ border-color:var(--pk-ink); background:#fff; color:var(--pk-ink); }
.pk-login .tzPageTab.is-on .tzPageTabIcon{ background:var(--pk-ink); }
/* 푸터 */
[data-theme="pink"] .footer{ border-radius:0; border-top:1px solid var(--line-color) !important; border-bottom:0 !important; margin-top:40px; }
[data-theme="pink"] .footer a span[style]{ background:var(--pk-ink) !important; }
/* 전역 리컬러 보정: 다크 유틸 → 잉크 */
[data-theme="pink"] .bg-gray-900, [data-theme="pink"] .bg-slate-900{ background-color:var(--pk-ink) !important; }
[data-theme="pink"] .mobile-bottom{ border-top-color:var(--line-color) !important; }
[data-theme="pink"] .swiper-pagination-bullet-active{ background:var(--pk-ink) !important; }
[data-theme="pink"] h2 span.text-\[var\(--main-color\)\]{ color:var(--pk-ink) !important; }
[data-theme="pink"] .tzSpGradient{ background-image:linear-gradient(135deg, var(--pk-ink) 0%, #4a4a52 100%) !important; }

@media (min-width:850px){
  .pk-main-in{ height:64px; }
  .pk-h-nav.pk-navrow{ display:block; flex:none; border-top:1px solid var(--line-color-light); }
  .pk-h-nav.pk-navrow ul{ justify-content:flex-start; gap:4px; }   /* 2줄 네비는 좌측 정렬 유지(원영 확인) */
  .pk-main-in{ justify-content:space-between; }                    /* 1줄: 로고 좌 / 유틸 우측 끝 */
  .pk-h-right{ margin-left:auto; }
  .pk-nav-search{ margin-left:auto; flex:0 0 auto; }               /* 2줄: 메뉴 좌 / 검색창 우측 끝 */
  .pk-nav-search .w-68{ width:240px !important; }
  .pk-nav-search input{ height:36px; background:var(--bg-soft) !important; border-color:transparent !important; }
  .pk-nav-search input:focus{ background:#fff !important; border-color:var(--pk-ink) !important; }
  .pk-navrow-in{ gap:8px; }
  .pk-hero{ padding:44px 0 46px; }
  .pk-hero h1{ font-size:54px; }
  .pk-polaroid{ margin:0; width:380px; }
  .pk-cats{ padding-top:20px; gap:8px; }
  .pk-chip{ padding:12px 8px; font-size:13.5px; }
  .pk-sec{ margin-top:52px; }
  .pk-sec-inf{ padding:28px 0 14px; }
}
@media (min-width:1024px){ .pk-navrow-in{ padding:0; } }
@media (min-width:1200px){ .pk-hero h1{ font-size:60px; } }

/* ── 재능마켓 목록 v5 (.pk-dm) / 재능 카드 (.pk-dc) ── */
.pk-dm, .pk-im{ max-width:1280px; margin:0 auto; padding:8px 16px 72px; }
.pk-dm .pk-sec, .pk-im .pk-sec{ margin-top:32px; }
.pk-sec-sub{ font-size:13px; color:var(--font-color); font-weight:500; }
.pk-sec-count{ font-size:14px; font-weight:700; color:var(--font-color); margin-left:6px; }
.pk-dc{ display:flex; flex-direction:column; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px var(--line-color-light); height:100%; }
.pk-dc-img{ display:block; background:var(--bg-soft); }
.pk-dc-img img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .3s; }
.pk-dc:hover .pk-dc-img img{ transform:scale(1.03); }
.pk-dc-body{ display:flex; flex-direction:column; gap:5px; padding:12px 14px 14px; flex:1; }
.pk-dc-cat{ font-size:11.5px; font-weight:700; color:var(--font-color); }
.pk-dc-title{ font-size:14.5px; font-weight:700; line-height:1.35; color:var(--pk-ink) !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em; }
.pk-dc-desc{ font-size:12.5px; line-height:1.45; color:var(--font-color); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pk-dc-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:10px; border-top:1px solid var(--line-color-light); }
.pk-dc-price{ font-size:15px; font-weight:800; color:var(--pk-ink); font-variant-numeric:tabular-nums; }
.pk-dc-price i{ font-style:normal; font-size:12px; margin-left:1px; }
.pk-dc-seller{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--font-color) !important; text-decoration:none; min-width:0; }
.pk-dc-seller img{ width:20px; height:20px; border-radius:50%; object-fit:cover; }
/* 인플루언서 카드 (.pk-ic) */
.pk-grid-inf{ grid-template-columns:1fr; }
.pk-ic{ display:flex; flex-direction:column; gap:10px; background:#fff; border-radius:12px; padding:16px; box-shadow:0 0 0 1px var(--line-color-light); height:100%; }
.pk-ic-head{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--pk-ink) !important; }
.pk-ic-ava{ width:56px; height:56px; border-radius:50%; overflow:hidden; flex:0 0 56px; display:flex; align-items:center; justify-content:center; font-weight:800; color:var(--pk-ink); box-shadow:0 0 0 1px var(--line-color-light); }
.pk-ic-ava img{ width:100%; height:100%; object-fit:cover; }
.pk-ic-name{ display:flex; flex-direction:column; min-width:0; }
.pk-ic-name b{ font-size:15px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-ic-name small{ font-size:12px; color:var(--font-color); font-weight:600; }
.pk-ic-bio{ font-size:13px; line-height:1.5; color:var(--font-color); text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.9em; }
.pk-ic-sns{ display:flex; flex-wrap:wrap; gap:6px; min-height:22px; }
.pk-ic-sns a{ display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:700; color:var(--pk-ink) !important; text-decoration:none; font-variant-numeric:tabular-nums; }
.pk-ic-sns img{ width:12px; height:12px; opacity:.85; }
.pk-ic-tags{ display:flex; flex-wrap:wrap; gap:4px; text-decoration:none; min-height:22px; }
.pk-ic-tags em{ font-style:normal; font-size:11px; font-weight:600; padding:3px 7px; border-radius:6px; background:var(--bg-soft); color:var(--pk-ink); }
.pk-ic-tags em.pk-hash{ background:transparent; color:var(--font-color); padding:3px 2px; }
.pk-ic-port{ display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-top:auto; }
.pk-ic-thumb{ aspect-ratio:1/1; border-radius:6px; overflow:hidden; background:var(--bg-soft); cursor:pointer; }
.pk-ic-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pk-ic-thumb-empty{ cursor:default; }
.pk-rail-inf2 .pk-rail-item{ flex-basis:80%; }
@media (min-width:640px){
  .pk-dm, .pk-im{ padding:12px 24px 80px; }
  .pk-grid-inf{ grid-template-columns:repeat(2,1fr); }
  .pk-rail-inf2 .pk-rail-item{ flex-basis:46%; }
}
@media (min-width:850px){
  .pk-dm .pk-sec, .pk-im .pk-sec{ margin-top:40px; }
  .pk-grid-inf{ grid-template-columns:repeat(3,1fr); gap:16px; }
  .pk-rail-inf2 .pk-rail-item{ flex-basis:calc(25% - 12px); }
}
@media (min-width:1024px){ .pk-dm, .pk-im{ padding:16px 0 88px; } .pk-grid-inf{ grid-template-columns:repeat(4,1fr); } }

/* ── 베스트 선정 리뷰(심플 + 롤링): 실시간과 동일 카드 + 작은 순위 숫자, 자동 슬라이드 ── */
.pk-rv-best{ margin-top:8px; }
.pk-rv-best-h{ align-items:flex-end; }
.pk-rv-eyebrow{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.08em; color:var(--pk-rose); margin-bottom:6px; }
.pk-rv-best-sub{ margin:6px 0 0; font-size:13px; color:var(--font-color); font-weight:500; }
.pk-rv-arrows{ display:flex; gap:6px; padding-bottom:4px; }
.pk-rv-arrow{ width:34px; height:34px; border-radius:50%; border:1px solid var(--line-color); background:#fff; color:var(--pk-ink); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:border-color .15s, background .15s; }
.pk-rv-arrow:hover{ border-color:var(--pk-ink); }
.pk-rv-arrow.swiper-button-disabled{ opacity:.35; cursor:default; }
.pkBestSwiper{ overflow:hidden; padding:1px; }
.pkBestSwiper .swiper-slide{ height:auto; }
.pkBestSwiper .pk-rev{ height:100%; }
.pk-rv-num{ position:absolute; left:10px; top:10px; width:24px; height:24px; border-radius:6px; background:var(--pk-ink); color:#fff; font-size:12px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; }
.pk-rv-list{ margin-top:44px; }
@media (min-width:850px){ .pk-rv-best{ margin-top:20px; } .pk-rv-list{ margin-top:56px; } }

/* ── v5 이미지 세트(생성 자산 /img/skins/pink/*): 히어로 비주얼·밴드 배경·빈상태·카테고리 아이콘 ── */
.pk-hero-visual{ position:relative; width:100%; max-width:420px; border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px var(--line-color-light); background:var(--bg-soft); }
.pk-hero-visual > img{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.pk-hero-chip{ position:absolute; left:12px; bottom:12px; display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.94); border-radius:10px; padding:8px 12px 8px 8px; text-decoration:none; color:var(--pk-ink) !important; box-shadow:0 4px 16px rgba(20,20,30,.12); }
.pk-hero-chip img{ width:40px; height:40px; border-radius:8px; object-fit:cover; }
.pk-hero-chip span{ display:flex; flex-direction:column; }
.pk-hero-chip small{ font-size:11px; font-weight:700; color:var(--pk-rose); }
.pk-hero-chip b{ font-size:13px; font-weight:800; }
.pk-band{ background-repeat:no-repeat !important; background-position:right center !important; background-size:auto 100% !important; }
.pk-band-deals{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_deals.webp) !important; }
.pk-band-inf{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_inf.webp) !important; }
.pk-band-map{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_map.webp) !important; }
.pk-band-signup{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_signup.webp) !important; }
.pk-band-superior{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_superior.webp) !important; }
.pk-band-help{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_help.webp) !important; }
.pk-band-board{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_board.webp) !important; }
.pk-my-sub-head, .pk-my-banner{ background-image:linear-gradient(90deg, #F6F6F8 50%, rgba(246,246,248,0) 78%), url(/img/skins/pink/band_my.webp) !important; background-repeat:no-repeat !important; background-position:right center !important; background-size:auto 100% !important; }
.pk-login-brand{ background-image:linear-gradient(180deg, rgba(246,246,248,.96) 0%, rgba(246,246,248,.86) 55%, rgba(246,246,248,.35) 100%), url(/img/skins/pink/band_login.webp) !important; background-repeat:no-repeat !important; background-position:center bottom !important; background-size:cover !important; }
.pk-empty-ic{ font-size:0 !important; width:88px; height:88px; margin-bottom:6px; background:url(/img/skins/pink/illu_empty.webp) center / contain no-repeat; mix-blend-mode:multiply; opacity:.85; }   /* 09-04 원영: 삽화 배경(오프화이트)이 도드라짐 → 곱하기 블렌드·축소 */
.pk-chip img{ display:inline-block; width:22px; height:22px; border-radius:0 !important; }
.pk-chip{ gap:8px; }
@media (max-width:849.98px){ .pk-band, .pk-my-sub-head, .pk-my-banner{ background-image:none !important; } .pk-login-brand{ background-image:none !important; } }
@media (min-width:850px){ .pk-chip img{ width:26px; height:26px; } .pk-chip{ flex-direction:row; padding:12px 10px; } }

/* ── 커뮤니티: PC 좌측 게시판 사이드바 + 본문 ── */
.pk-only-pc-block{ display:none; }
.pk-board-wrap{ display:grid; grid-template-columns:1fr; gap:16px; margin-top:16px; }
.pk-board-wrap .pk-sub-main{ margin-top:0; }
.pk-board-side{ align-self:start; background:#fff; border-radius:12px; box-shadow:0 0 0 1px var(--line-color-light); overflow:hidden; }
.pk-board-side-t{ padding:14px 16px 10px; font-size:12px; font-weight:800; letter-spacing:.04em; color:var(--font-color); border-bottom:1px solid var(--line-color-light); }
.pk-board-nav{ display:flex; flex-direction:column; padding:6px 0; }
.pk-board-nav a{ display:flex; align-items:center; justify-content:space-between; padding:11px 16px; font-size:14px; font-weight:600; color:var(--pk-ink) !important; text-decoration:none; }
.pk-board-nav a:hover{ background:var(--bg-soft); }
.pk-board-nav a.on{ font-weight:800; color:var(--pk-ink) !important; background:var(--bg-soft); box-shadow:inset 3px 0 0 var(--pk-ink); }
.pk-board-nav a i{ width:6px; height:6px; border-right:1.5px solid var(--line-color); border-top:1.5px solid var(--line-color); transform:rotate(45deg); }
.pk-board-nav a.on i{ border-color:var(--pk-ink); }
@media (min-width:850px){
  .pk-only-pc-block{ display:block; }
  .pk-board-wrap{ grid-template-columns:220px minmax(0,1fr); gap:24px; margin-top:20px; }
  .pk-board-side{ position:sticky; top:130px; }
}

/* ── v5: 페이지 고유 핑크 그라데이션 블록(제휴문의 히어로·출석체크 카드·포인트 등) → 잉크 패널 ── */
/* (09-04 원영 "상단이 검게") 잉크 패널 → 밝은 소프트 패널(헤어라인)로. from-[…-soft]/tint 연한 패널까지 같은 규칙에 걸려 검게 됐던 문제 포함 */
[data-theme="pink"] [class*="from-[var(--main-color"]{ background-image:none !important; background-color:var(--bg-soft) !important; box-shadow:0 0 0 1px var(--line-color-light) !important; border-radius:12px; color:var(--pk-ink); }
[data-theme="pink"] [class*="from-[var(--main-color"] .text-white:not([class*="bg-[var(--main-color"]):not(.bg-gray-900){ color:var(--pk-ink) !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] [class*="text-white/"]{ color:var(--font-color) !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] .text-\[var\(--main-color\)\]{ color:var(--pk-rose) !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] [class*="bg-white/"]{ background:#fff !important; box-shadow:0 0 0 1px var(--line-color-light); color:var(--pk-ink) !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] [class*="border-white/"]{ border-color:var(--line-color) !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] .bg-white.text-\[var\(--main-color\)\]{ background:var(--pk-ink) !important; color:#fff !important; }
[data-theme="pink"] [class*="from-[var(--main-color"] svg{ color:inherit; }
/* 포인트 히어로도 같은 밝은 패널로 */
.pk-my-pthero{ background:var(--bg-soft) !important; color:var(--pk-ink) !important; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-my-pthero p{ opacity:1; color:var(--font-color); }
.pk-my-pthero .pt{ background:#fff !important; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-my-pthero .pt b{ color:var(--pk-rose); }
[data-theme="pink"] .tzAttDay.bg-\[var\(--main-color\)\]{ background:var(--pk-ink) !important; }   /* 오늘 날짜만 */
[data-theme="pink"] [class*="shadow-pink"]{ box-shadow:none !important; }
[data-theme="pink"] .bg-\[var\(--main-color\)\].text-white{ background-color:var(--pk-ink) !important; }
[data-theme="pink"] .hover\:bg-\[var\(--main-color-hover\)\]:hover{ background-color:#000 !important; }
/* 상세(재능/인플루언서/캠페인) 내부 카드: 헤어라인 통일 */
.pk-dl-head, .pk-dl-seller, .pk-cd-apply, .pk-cd-sec, .pk-cd-tabs, .pk-if-stats{ box-shadow:0 0 0 1px var(--line-color-light) !important; }
.pk-dl-price{ background:var(--bg-soft); }
.pk-dl-price b, .pk-if-stats b{ color:var(--pk-ink); }
.pk-if-hero{ box-shadow:none; }
.pk-if-ava, .pk-dl-seller-ava{ box-shadow:0 0 0 1px var(--line-color); }
.pk-dl-chips em.cat{ background:var(--bg-soft); color:var(--pk-ink); }

/* ── 헤더 유틸 드롭다운 내부는 바(bar) 정렬 규칙에서 제외 ──
   .pk-util a{inline-flex;nowrap;36px} 가 알림/마이페이지 패널 안 링크까지 적용돼 알림 항목이 한 줄로 펼쳐지고
   (invisible 패널도 scrollWidth 에 포함) 로그인 상태 PC에서 문서폭이 2400px+ 로 늘어나 가로 스크롤 발생 → 패널 내부 복원 */
.pk-util .absolute{ max-width:280px; }
.pk-util .absolute a{ display:flex !important; height:auto !important; line-height:1.5 !important; white-space:normal !important;
  padding-top:4px !important; padding-bottom:4px !important; font-weight:500 !important; font-size:12.5px !important; }
.pk-util .absolute a.flex.justify-between{ justify-content:space-between !important; }
.pk-util .absolute a.tzAlarmRead{ flex-direction:column; align-items:flex-start !important; padding:6px 8px !important; }
.pk-util .absolute a.tzAlarmRead p{ display:block; width:100%; white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; }
.pk-util .absolute a span{ display:inline; line-height:1.5; }
.pk-util .absolute a.w-full{ justify-content:center !important; padding:8px !important; font-weight:600 !important; }

/* 헤더 hover 레이어(전체보기 메가메뉴·마이페이지·알림·고객센터) — 트리거와 패널 사이 틈으로 마우스가 지나가면 닫히던 문제(원영):
   ① 패널을 트리거 바로 아래에 붙이고 ② 그룹 아래 16px 투명 브릿지(::after)로 hover 유지 */
.pk-h-nav .relative.group::after, .pk-util .relative.group::after{ content:""; position:absolute; left:0; right:0; top:100%; height:18px; }   /* 좌우 확장 금지(우측 끝 항목이 8px 넘쳐 가로스크롤) */
.pk-h-nav .mega-menu-container{ top:44px !important; }
.pk-util .top-8{ top:36px !important; }
[data-theme="pink"] .mega-menu-container{ transition-delay:0s !important; }
.pk-util .relative.group:hover .absolute{ transition-delay:0s; }
/* 입력 포커스/호버(09-04 원영 "핑크 포커스가 두껍고 부담"): 전 페이지 공통 — 1px 잉크 라인만 */
[data-theme="pink"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):focus,
[data-theme="pink"] select:focus, [data-theme="pink"] textarea:focus,
[data-theme="pink"] [class*="focus:ring"]:focus, [data-theme="pink"] [class*="focus-within:ring"]:focus-within{
  outline:none !important; --tw-ring-shadow:0 0 #0000 !important; --tw-ring-offset-shadow:0 0 #0000 !important;
  box-shadow:0 0 0 1px var(--pk-ink) !important; border-color:var(--pk-ink) !important; }
[data-theme="pink"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover,
[data-theme="pink"] select:hover, [data-theme="pink"] textarea:hover, [data-theme="pink"] [class*="hover:ring"]:hover{ --tw-ring-shadow:0 0 #0000 !important; border-color:var(--line-color) !important; }
/* 선택 칩/버튼(09-04 원영 "검정에 분홍 테두리"): 잉크 배경 요소의 핑크 ring/border 를 제거(잉크로 통일) — FAQ 카테고리 '전체' 등 전 페이지 */
[data-theme="pink"] .bg-gray-900[class*="ring-"], [data-theme="pink"] .bg-slate-900[class*="ring-"], [data-theme="pink"] .bg-\[var\(--main-color\)\][class*="ring-"],
[data-theme="pink"] .bg-gray-900[class*="border-"], [data-theme="pink"] .bg-slate-900[class*="border-"], [data-theme="pink"] .bg-\[var\(--main-color\)\][class*="border-\[var"]{
  --tw-ring-color:var(--pk-ink) !important; --tw-ring-offset-width:0px !important; box-shadow:none !important; border-color:var(--pk-ink) !important; }
/* 회사소개(/pages/introduce)·이용가이드(/pages/guide) 전용 CSS 는 pages.memo_html(DB) 안의 <style> 로 이관(09-04).
   스킨을 바꿔도 두 페이지가 그대로 보이도록 하기 위함. 수정은 관리자 > 페이지관리에서 마크업과 함께. */
/* 모바일 페이지네이션 넘침(전수 점검 09-04): 페이지 링크가 많으면 nav 폭 435px → 줄바꿈 + 컨테이너 폭 제한 */
@media (max-width:849.98px){
  [data-theme="pink"] nav[aria-label*="Pagination"], [data-theme="pink"] nav[role="navigation"], [data-theme="pink"] .pk-list nav.flex.items-center, [data-theme="pink"] .pk-sub nav.flex.items-center{ flex-wrap:wrap; justify-content:center; row-gap:6px; max-width:100%; }
  [data-theme="pink"] .pk-list .mt-6.flex.justify-center, [data-theme="pink"] .mt-6.flex.justify-center{ max-width:100%; overflow-x:hidden; }
}
/* 페이지 전환 시 상단이 움직이는 문제(09-04 원영): ① 밴드 top 을 전 페이지 138px(헤더 112 + 26)로 통일 ② 세로 스크롤바 유무에 따른 가로 흔들림 방지 */
html{ overflow-y:scroll; }
.pk-list-head.pk-sub-head{ margin-top:2px !important; }
.pk-rv .pk-rv-best{ margin-top:0 !important; }
@media (min-width:1024px){ .pk-my-sub, .pk-my, .pk-cd, .pk-if, .pk-dl{ padding-top:24px !important; } }   /* 마이페이지·상세(캠페인/인플루언서/재능) 계열도 138 */
/* 밴드 헤더 위치/타이포 통일(09-04 원영 "위치가 다 다르다"): 모든 밴드 = 아이브로우 + h1 30px + 부제, 세로 중앙 */
.pk-list-head.pk-sub-head{ display:flex; margin:6px 0 14px; }
.pk-list-head.pk-sub-head .pk-list-title{ font-size:24px; font-weight:800; margin:10px 0 4px; color:var(--d-font-color); letter-spacing:-.02em; }
.pk-list-head.pk-sub-head .pk-list-count{ margin:0; font-size:13.5px; color:var(--font-color); font-weight:600; }
@media (min-width:850px){ .pk-list-head.pk-sub-head .pk-list-title{ font-size:30px; } .pk-list-head.pk-sub-head{ margin-bottom:18px; } }
@media (min-width:1024px){
  .pk-sub-head.pk-band, .pk-list-head.pk-band, .pk-pagehero-in.pk-band, .pk-my-sub-head{ align-items:center !important; min-height:210px; padding-top:30px !important; padding-bottom:30px !important; }
  .pk-pagehero-in.pk-band{ justify-content:center; align-items:flex-start !important; }   /* column flex: align-items=가로축 → 좌측 정렬 */
}
/* 홈 인기 캠페인 순위 v6(09-04 원영 "개선"): 에디토리얼 랭킹 — 큰 잉크 숫자(TOP3 로즈), 64px 각진 썸네일, 행 헤어라인, 우측 포인트 */
.pk-rank{ gap:0 !important; }
.pk-rank-item{ position:relative; gap:14px !important; padding:14px 8px 14px 4px !important; border-bottom:1px solid var(--line-color-light) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
.pk-rank-item:hover{ background:var(--bg-soft) !important; transform:none !important; }
.pk-rank-no{ flex:0 0 40px !important; font-size:28px !important; font-weight:800 !important; font-style:italic; letter-spacing:-.04em; color:var(--pk-ink) !important; font-variant-numeric:tabular-nums; text-align:left !important; }
.pk-rank li:nth-child(-n+3) .pk-rank-no{ color:var(--pk-rose) !important; }
.pk-rank-item img{ flex:0 0 64px !important; width:64px !important; height:64px !important; border-radius:4px !important; }
.pk-rank-txt{ gap:4px !important; }
.pk-rank-txt b{ font-size:15px !important; }
.pk-rank-txt small{ font-size:12px !important; }
.pk-rank-item .pk-point{ font-size:14px !important; font-weight:800; color:var(--pk-ink); font-variant-numeric:tabular-nums; }
@media (min-width:850px){
  .pk-rank{ column-gap:40px !important; }
  .pk-rank li:nth-child(1) .pk-rank-item, .pk-rank li:nth-child(2) .pk-rank-item{ border-top:1px solid var(--pk-ink); }   /* 2열 grid = 행 우선 배치라 1·2번이 첫 행 */
}
/* 메가메뉴 내부 리스트 복원(09-04 원영 "2차 카테고리 겹침"): 네비 행 ul{display:flex} 규칙이 메가메뉴 ul 까지 적용돼 가로로 흐르던 문제 */
.pk-h-nav .mega-menu-container ul{ display:block !important; flex-direction:column !important; flex-wrap:nowrap !important; gap:0 !important; margin:0 !important; padding:0 !important; }
.pk-h-nav .mega-menu-container ul li{ display:block !important; margin:0 !important; padding:0 !important; }
.pk-h-nav .mega-menu-container .space-y-3 > li + li{ margin-top:10px !important; }
.pk-h-nav .mega-menu-container .space-y-1\.5 > li + li{ margin-top:4px !important; }
.pk-h-nav .mega-menu-container ul li a{ display:inline-block !important; height:auto !important; padding:0 !important; margin:0 !important; border-radius:0; font-size:14.5px !important; font-weight:600 !important; color:var(--d-font-color) !important; background:none !important; white-space:nowrap; }
.pk-h-nav .mega-menu-container ul li a:hover{ color:var(--pk-ink) !important; }
.pk-h-nav .mega-menu-container .w-72 ul li a{ display:flex !important; padding:8px 12px !important; border-radius:6px; }
.pk-h-nav .mega-menu-container .w-72 ul li a:hover{ background:#fff !important; }
.pk-h-nav .mega-menu-container .grid{ display:grid !important; }
.pk-h-nav .mega-menu-container .space-y-5 > * + *{ margin-top:16px !important; }
.pk-h-nav .mega-menu-container .mt-8 a{ display:block !important; padding:12px !important; border-radius:8px !important; font-size:15px !important; font-weight:800 !important; }
/* 헤더 드롭다운 v5(09-04 원영): 닉네임 패널(숫자 우측 정렬 강제)·마이페이지/고객센터 링크 패널·알림 패널 재디자인 */
.pk-util .absolute{ max-width:none !important; padding:6px 0 !important; border-radius:8px !important; border:1px solid var(--line-color-light) !important; box-shadow:0 12px 32px -12px rgba(27,27,31,.18) !important; }
.pk-util .absolute.w-max, .pk-util .absolute.min-w-50{ min-width:220px !important; }
.pk-util .absolute > a, .pk-util .absolute a.flex.justify-between{ display:flex !important; width:100%; box-sizing:border-box; align-items:center; padding:9px 14px !important; font-size:13px !important; font-weight:600 !important; color:var(--d-font-color) !important; }
.pk-util .absolute > a:hover{ background:var(--bg-soft) !important; color:var(--pk-ink) !important; }
.pk-util .absolute a.flex.justify-between span:first-child{ color:var(--font-color) !important; }
.pk-util .absolute a.flex.justify-between span:last-child{ margin-left:auto !important; text-align:right; color:var(--pk-ink) !important; font-weight:800 !important; font-variant-numeric:tabular-nums; }
.pk-util .absolute.space-y-1\.5 > :not([hidden]) ~ :not([hidden]), .pk-util .absolute.space-y-2 > :not([hidden]) ~ :not([hidden]){ margin-top:0 !important; }
/* 패널을 트리거 우측 기준으로(가운데 정렬 translate 는 우측 끝 항목에서 뷰포트 밖으로 넘쳐 가로 스크롤 유발) */
.pk-util .relative.group > .absolute{ left:auto !important; right:0 !important; transform:none !important; translate:none !important; }   /* Tailwind v4 -translate-x-1/2 는 translate 속성(09-04: 패널이 반폭만큼 왼쪽으로 밀리던 원인) */
/* 홈 히어로: 텍스트가 좌측에 몰리고 중앙 여백이 크던 문제(09-04 원영) → 텍스트 폭 확대·비주얼 확대로 여백 축소, 고스트 버튼 hover 글자색 잉크 */
@media (min-width:850px){ .pk-hero{ gap:40px; } .pk-hero-txt{ flex:1 1 auto; max-width:700px; padding-left:24px; } .pk-hero-visual{ max-width:520px; } }
@media (min-width:1024px){ .pk-hero-txt{ padding-left:48px; } .pk-hero-txt h1, .pk-hero h1{ font-size:68px !important; line-height:1.08 !important; } .pk-hero-visual{ max-width:560px; } }
.pk-btn-ghost:hover{ color:var(--pk-ink) !important; }
/* 알림 패널 */
.pk-util a[href$="/alarms"] ~ div.absolute{ width:320px !important; min-width:320px !important; padding:0 !important; overflow:hidden; }
.pk-util a[href$="/alarms"] ~ div.absolute > div:first-child{ padding:12px 14px !important; border-bottom:1px solid var(--line-color-light) !important; }
.pk-util a[href$="/alarms"] ~ div.absolute > div:first-child span:first-child{ font-size:13.5px !important; font-weight:800 !important; color:var(--pk-ink) !important; }
.pk-util a[href$="/alarms"] ~ div.absolute > div:first-child span:last-child{ min-width:22px; height:20px; padding:0 7px !important; border-radius:6px !important; background:var(--pk-rose) !important; font-size:11px !important; display:inline-flex; align-items:center; justify-content:center; }
.pk-util .absolute a.tzAlarmRead{ position:relative; display:flex !important; flex-direction:column; align-items:flex-start !important; gap:3px; padding:10px 14px 10px 26px !important; border-top:1px solid var(--line-color-light) !important; border-style:solid !important; }
.pk-util .absolute a.tzAlarmRead:first-child{ border-top:0 !important; }
.pk-util .absolute a.tzAlarmRead::before{ content:""; position:absolute; left:14px; top:16px; width:6px; height:6px; border-radius:50%; background:var(--pk-rose); }
.pk-util .absolute a.tzAlarmRead:hover{ background:var(--bg-soft) !important; }
.pk-util .absolute a.tzAlarmRead p{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal !important; overflow:hidden; font-size:12.5px !important; line-height:1.45 !important; color:var(--pk-ink) !important; font-weight:600; width:100%; }
.pk-util .absolute a.tzAlarmRead span{ font-size:11px !important; color:var(--font-color) !important; }
.pk-util .absolute a.w-full{ display:flex !important; justify-content:center !important; padding:11px !important; background:#fff !important; color:var(--pk-ink) !important; font-size:12.5px !important; font-weight:800 !important; border-top:1px solid var(--line-color-light); border-radius:0 !important; }
.pk-util .absolute a.w-full:hover{ background:var(--bg-soft) !important; }
.pk-util .absolute .min-h-16{ padding:18px 14px; font-size:12.5px; gap:6px; }
/* 캠페인 상세 본문 v5(09-04 원영): 밑줄 탭바 + 문서형 섹션(번호·헤어라인), 각진 코너(2~4px), 카드 나열 제거 */
.pk-cs-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; border-bottom:2px solid var(--pk-ink); }
.pk-cs-tabs{ display:flex; gap:0; }
.pk-cs-tabs .tzTab{ position:relative; display:inline-flex; align-items:center; gap:7px; padding:14px 18px 12px; font-size:15px !important; font-weight:700 !important; color:var(--font-color) !important; cursor:pointer; text-decoration:none; }
.pk-cs-tabs .tzTab.active{ color:var(--pk-ink) !important; }
.pk-cs-tabs .tzTab span.absolute{ position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--pk-rose); }
.pk-cs-tabs .tzTab span.absolute.hidden{ display:none !important; }
.pk-cs-tabs .tzTab i{ font-style:normal; font-size:11px; font-weight:800; line-height:1; background:var(--pk-ink); color:#fff; padding:4px 6px; border-radius:2px; }
.pk-cs-tabs .tzTab.active i{ background:var(--pk-rose); }
.pk-cs-bar > div{ padding:6px 0 !important; }
.pk-cs-bar > div a{ border-radius:3px !important; background:#fff !important; box-shadow:inset 0 0 0 1px var(--line-color); color:var(--pk-ink) !important; }
.pk-cs-doc{ background:#fff; }
.pk-cs-sec{ padding:28px 0; border-bottom:1px solid var(--line-color-light); }
.pk-cs-sec:last-child{ border-bottom:0; }
.pk-cs-h{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.pk-cs-num{ font-size:11px; font-weight:800; letter-spacing:.12em; color:var(--pk-rose); font-variant-numeric:tabular-nums; }
.pk-cs-h h3{ margin:0; font-size:17px; font-weight:800; color:var(--pk-ink); letter-spacing:-.01em; }
.pk-cs-act{ margin-left:auto; }
.pk-cs-body{ font-size:14.5px; line-height:1.8; color:var(--d-font-color); }
.pk-cs-body img{ border-radius:0 !important; }
.pk-cs-more{ display:flex; align-items:center; justify-content:center; gap:6px; height:42px; margin-top:10px; border:1px solid var(--line-color); border-radius:3px; font-size:13px; font-weight:700; color:var(--d-font-color) !important; cursor:pointer; text-decoration:none; }
.pk-cs-more:hover{ border-color:var(--pk-ink); }
.pk-cs-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.pk-cs-chips span{ display:inline-flex; align-items:center; height:28px; padding:0 10px; border:1px solid var(--line-color); border-radius:2px; font-size:12.5px; font-weight:700; color:var(--pk-ink); }
.pk-cs-copy{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; background:var(--pk-ink); color:#fff !important; border-radius:2px; font-size:12px; font-weight:700; cursor:pointer; text-decoration:none; }
.pk-cs-copy:hover{ background:#000; }
.pk-cs-map{ width:100%; height:340px; border:1px solid var(--line-color-light); }
.pk-cs-visit{ display:grid; gap:10px 24px; margin-top:14px; }
.pk-cs-visit small{ display:block; font-size:11.5px; font-weight:700; color:var(--font-color); }
.pk-cs-visit b{ font-size:14px; font-weight:700; color:var(--pk-ink); }
.pk-cs .tzCommonWrap.hidden{ display:none !important; }
.pk-cs #tzOrderWrap{ margin-top:16px; }
.pk-cs #tzOrderWrap .rounded-2xl{ border-radius:3px !important; border-color:var(--line-color-light) !important; }
.pk-cs #tzOrderWrap .rounded-full{ border-radius:3px !important; }
.pk-cd-main{ min-width:0; }
@media (min-width:850px){ .pk-cs-visit{ grid-template-columns:1fr 1fr; } .pk-cs-sec{ padding:32px 0; } }
/* 홈 추천 인플루언서: Swiper 롤링 + 좌우 화살표(09-04 원영) */
.pk-sec-tools{ display:inline-flex; align-items:center; gap:10px; }
.pk-sec-nav{ display:inline-flex; gap:4px; }
.pk-sec-nav button{ width:30px; height:30px; border-radius:8px; border:1px solid var(--line-color); background:#fff; color:var(--pk-ink); font-size:18px; line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0 0 2px; }
.pk-sec-nav button:hover{ border-color:var(--pk-ink); }
.pk-sec-nav button.swiper-button-disabled{ opacity:.35; cursor:default; }
/* (09-04 원영) 화살표는 섹션 양쪽 끝 세로 중앙에 오버레이, 카드 테두리가 위/양끝에서 잘리지 않게 클립 박스를 넓힘 */
.pk-sec-inf{ position:relative; }
.pk-inf-swiper{ overflow:hidden; padding:6px 6px 12px; margin:0 -6px; }
.pk-inf-swiper .swiper-slide{ height:auto; }
@media (min-width:850px){
  .pk-sec-inf .pk-sec-nav{ position:static; }
  .pk-sec-inf .pk-sec-nav button{ position:absolute; top:calc(50% + 14px); width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid var(--line-color); box-shadow:0 4px 14px -6px rgba(27,27,31,.25); z-index:5; font-size:22px; }
  .pk-sec-inf .pkInfPrev{ left:6px; } .pk-sec-inf .pkInfNext{ right:6px; }   /* .pk-home{overflow-x:clip} 때문에 컨테이너 밖은 잘림 → 안쪽 오버레이(09-04 원영) */
}
.pk-inf-swiper .pk-inf{ flex:none !important; width:100% !important; height:100%; display:flex; flex-direction:column; align-items:center; gap:6px; background:#fff; border-radius:var(--pk-r-card); padding:18px 12px 14px; box-shadow:0 0 0 1px var(--line-color-light); }
@media (max-width:849.98px){ .pk-sec-nav{ display:none; } }
/* 슈피리어 신청 v5(09-04 원영 "아예 리뉴얼"): 밴드 + 3단계 + 채널 카드 6종 */
/* 3단계: 아래 채널 카드와 구분되도록 소프트 패널 1장 + 로즈 번호 + STEP 라벨 + 구분선(원영 09-04) */
.pk-sp-steps{ list-style:none; margin:16px 0 0; padding:8px 8px; display:grid; gap:0; background:var(--bg-soft); border-radius:var(--pk-r-panel); }
.pk-sp-steps li{ position:relative; display:flex; align-items:center; gap:12px; padding:12px 14px; }
.pk-sp-steps b{ flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:var(--pk-rose); color:#fff; font-size:14px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 0 4px #fff; }
.pk-sp-steps span{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.pk-sp-steps strong{ font-size:14px; font-weight:800; color:var(--pk-ink); }
.pk-sp-steps strong::before{ content:"STEP"; display:inline-block; margin-right:6px; font-size:10.5px; font-weight:800; letter-spacing:.1em; color:var(--pk-rose); vertical-align:1px; }
.pk-sp-steps small{ font-size:12px; color:var(--font-color); }
@media (min-width:640px){ .pk-sp-steps li:not(:last-child)::after{ content:""; position:absolute; right:0; top:20%; height:60%; width:1px; background:var(--line-color); } }
.pk-sp-grid{ display:grid; gap:12px; margin-top:16px; }
.pk-sp-card{ display:flex; flex-direction:column; gap:14px; background:#fff; border-radius:var(--pk-r-card); padding:20px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-sp-card-h{ display:flex; align-items:center; gap:12px; }
.pk-sp-ic{ flex:0 0 48px; width:48px; height:48px; border-radius:10px; background:var(--bg-soft); display:inline-flex; align-items:center; justify-content:center; }
.pk-sp-card-h h2{ margin:0; font-size:16px; font-weight:800; color:var(--pk-ink); }
.pk-sp-card-h em{ display:block; font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.08em; color:var(--pk-rose); margin-top:2px; }
.pk-sp-cond{ background:var(--bg-soft); border-radius:10px; padding:12px 14px; flex:1; }
.pk-sp-cond small{ display:block; font-size:11px; font-weight:800; color:var(--font-color); margin-bottom:4px; }
.pk-sp-cond p{ margin:0; font-size:13px; line-height:1.6; color:var(--d-font-color); }
.pk-sp-card .tzOrder{ background:var(--pk-ink) !important; border-radius:8px !important; box-shadow:none !important; height:44px !important; font-weight:800 !important; }
.pk-sp-card .tzOrder:hover{ background:#000 !important; }
.tzSpStateBtn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:44px; border-radius:8px; font-size:13.5px; font-weight:800; cursor:default; }
.tzSpStateBtn--done{ background:#EAF7EE; color:#1E7B3A; box-shadow:inset 0 0 0 1px #BFE5CB; }
.tzSpStateBtn--pending{ background:#FFF6E5; color:#9A5B00; box-shadow:inset 0 0 0 1px #F5DFAE; }
.pk-sp-benefit{ margin-top:16px; padding:24px 20px; }
@media (min-width:640px){ .pk-sp-grid{ grid-template-columns:1fr 1fr; } .pk-sp-steps{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:1024px){ .pk-sp-grid{ grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; } .pk-sp-steps{ margin-top:20px; } .pk-sp-benefit{ padding:36px 40px; } }
/* 캠페인 상세(09-04 원영): 일정을 헤더로, 우측은 바로가기 링크 카드 */
.pk-cd-sched{ list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pk-cd-sched li{ display:flex; flex-direction:column; gap:3px; padding:10px 12px; border-radius:10px; background:var(--bg-soft); min-width:0; }
.pk-cd-sched em{ font-style:normal; font-size:11.5px; font-weight:700; color:var(--font-color); }
.pk-cd-sched b{ font-size:13px; font-weight:800; color:var(--pk-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pk-cd-sched li.hl{ background:#fff; box-shadow:0 0 0 1px var(--pk-rose); }
.pk-cd-sched li.hl em, .pk-cd-sched li.hl b{ color:var(--pk-rose); }
.pk-cd-cta-head{ margin-top:14px; }
.pk-cd-quick{ background:#fff; border-radius:var(--pk-r-card); padding:16px 16px 14px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-cd-quick h3{ font-size:13px; font-weight:800; margin:0 0 8px 2px; color:var(--font-color); letter-spacing:.02em; }
.pk-cd-quick-nav{ display:flex; flex-direction:column; border-left:1px solid var(--line-color); margin-left:2px; }
.pk-cd-quick-nav a{ position:relative; display:block; padding:8px 10px 8px 13px; margin-left:-1px; border-left:2px solid transparent; font-size:13.5px; font-weight:600; color:var(--d-font-color) !important; text-decoration:none; transition:color .15s, border-color .15s; }
.pk-cd-quick-nav a:hover{ color:var(--pk-ink) !important; border-left-color:var(--line-color); }
.pk-cd-quick-nav a.on{ color:var(--pk-ink) !important; font-weight:800; border-left-color:var(--pk-rose); }
.pk-cd-quick .pk-cd-cta{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line-color-light); }
.pk-cd-quick-empty .pk-cd-quick-nav, .pk-cd-quick-empty h3{ display:none; }
.pk-cd-main h3{ scroll-margin-top:130px; }
@media (max-width:849.98px){ .pk-cd-aside{ display:none; } }   /* 모바일: 일정은 헤더에 있고 CTA 는 하단 고정바 */
/* 헤더 우측 열: 일정(세로 4단) + CTA 카드 */
.pk-cd-head-side{ background:#fff; border-radius:var(--pk-r-card); padding:16px; box-shadow:0 0 0 1px var(--line-color-light); }
.pk-cd-head-side .pk-cd-sched{ margin-top:0; grid-template-columns:1fr; gap:6px; }
.pk-cd-head-side .pk-cd-sched li{ flex-direction:row; align-items:center; justify-content:space-between; gap:10px; padding:9px 12px; }
.pk-cd-head-side .pk-cd-sched b{ white-space:normal; text-align:right; line-height:1.3; }
@media (min-width:850px){
  .pk-cd-head{ grid-template-columns:300px minmax(0,1fr); }
  .pk-cd-head-side{ grid-column:2; }
  .pk-cd-cta-head{ display:flex; }
  .pk-cd-aside{ top:128px !important; }   /* 2줄 헤더(112px) 아래 */
}
@media (min-width:1024px){
  .pk-cd-head{ grid-template-columns:320px minmax(0,1fr) 300px; gap:24px; align-items:stretch; }
  .pk-cd-head-side{ grid-column:3; align-self:center; }
}
/* 캠페인 목록(기자단/숏폼/슈피리어/신규/전체) 상단 밴드 + 필터바를 컨테이너 양끝에 맞춤(원영 09-04) */
.pk-band-press{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_press.webp) !important; }
.pk-band-new{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_new.webp) !important; }
.pk-band-campaign{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_campaign.webp) !important; }
.pk-band-short{ background-image:linear-gradient(90deg, #F6F6F8 46%, rgba(246,246,248,0) 74%), url(/img/skins/pink/band_short.webp) !important; }
.pk-list-head.pk-band{ background-color:var(--bg-soft); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; border-radius:var(--pk-r-panel); padding:22px 20px; margin-bottom:14px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; overflow:hidden; }
@media (max-width:849.98px){ .pk-list-head.pk-band{ background-image:none !important; } }
@media (min-width:850px){ .pk-list-head.pk-band{ padding:30px 36px 26px; margin-bottom:18px; } .pk-filterbar{ padding-left:0 !important; padding-right:0 !important; } }
/* 인플루언서 상세(09-04 원영): 찜 버튼 아이콘(zzim.svg=흰색)이 흰 배경에 안 보임 → 연회색 배경, 활성은 로즈. 그리드: 재능·포트폴리오 5열, 받은 평가 3열 */
/* zzim.svg 는 연회색(#EBEBEB) 하트라 어떤 배경에서도 흐림 → 마스크로 하트 실루엣을 잉크색으로 그림 */
[data-theme="pink"] .tzInfluencerLike.bg-white{ position:relative; background:#fff !important; border-color:var(--line-color) !important; }
[data-theme="pink"] .tzInfluencerLike.bg-white::before{ content:""; position:absolute; inset:0; margin:auto; width:22px; height:22px; background:var(--pk-ink);
  -webkit-mask:url(/img/zzim.svg) center/contain no-repeat; mask:url(/img/zzim.svg) center/contain no-repeat; }
[data-theme="pink"] .tzInfluencerLike.bg-white:hover{ border-color:var(--pk-rose) !important; }
[data-theme="pink"] .tzInfluencerLike.bg-white:hover::before{ background:var(--pk-rose); }
[data-theme="pink"] .tzInfluencerLike.bg-\[var\(--main-color\)\]{ background-color:var(--pk-rose) !important; border-color:var(--pk-rose) !important; }
@media (min-width:850px){
  [data-theme="pink"] .tzDeals.grid, [data-theme="pink"] .tzPortfolios.grid{ grid-template-columns:repeat(5, minmax(0,1fr)) !important; }
  [data-theme="pink"] .tzFeedbacks.grid{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
}
/* 약관 페이지: 밴드(제목) → 사이 공간의 탭 행 → 본문 */
.pk-agree-tabs{ display:flex; gap:8px; margin-top:14px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
.pk-agree-tabs::-webkit-scrollbar{ display:none; }
.pk-agree-main{ margin-top:14px !important; }
/* 약관(/agreements) 등 classic 사이드 카드: sticky 오프셋을 2줄 헤더(112px) 아래로(원영 "좌측 메뉴 위로") + 레일형 톤 */
@media (min-width:850px){
  [data-theme="pink"] .fold\:sticky.fold\:top-6{ top:128px !important; }
  [data-theme="pink"] aside .fold\:sticky.rounded-2xl{ border-radius:var(--pk-r-card) !important; box-shadow:0 0 0 1px var(--line-color-light) !important; }
  [data-theme="pink"] aside .fold\:sticky > div:first-child{ border-bottom:1px solid var(--line-color-light) !important; color:var(--pk-ink) !important; }
  [data-theme="pink"] aside .fold\:sticky > div:first-child svg{ color:var(--pk-rose); }
  [data-theme="pink"] aside .fold\:sticky .pb-2 a{ position:relative; }
  [data-theme="pink"] aside .fold\:sticky .pb-2 a.bg-\[var\(--main-color-soft\)\]{ background:var(--bg-soft) !important; color:var(--pk-ink) !important; }
  [data-theme="pink"] aside .fold\:sticky .pb-2 a.bg-\[var\(--main-color-soft\)\]::before{ content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; background:var(--pk-rose); }
  [data-theme="pink"] aside .fold\:sticky .pb-2 a svg{ color:var(--pk-rose) !important; }
}
/* 밴드 사진 확대 + 부드러운 페이드(원영 "이미지가 작고 좌측이 일자로 끊김"): 사진을 우측 46% 폭으로(세로 중앙 크롭), ::after 오버레이로 좌→우 페이드 */
@media (min-width:1024px){
  .pk-band, .pk-my-sub-head, .pk-my-banner{ position:relative; background-size:46% auto !important; background-position:right center !important; min-height:210px; }
  .pk-pagehero-in.pk-band{ display:flex; flex-direction:column; justify-content:center; }
  .pk-band::after, .pk-my-sub-head::after, .pk-my-banner::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
    background:linear-gradient(90deg, #F6F6F8 50%, rgba(246,246,248,.55) 64%, rgba(246,246,248,0) 80%); }
  .pk-band > *, .pk-my-sub-head > *, .pk-my-banner > *{ position:relative; z-index:1; }
}
/* 밴드형 헤더(고객센터·커뮤니티·목록 히어로) 공통: 우측 사진 영역(300px)에 탭/텍스트가 겹치지 않게 */
@media (min-width:1024px){
  .pk-sub-head.pk-band, .pk-pagehero-in.pk-band, .pk-list-head.pk-band{ padding-right:340px !important; }
  .pk-list-superior{ display:inline-flex; align-items:center; margin-top:14px; height:42px !important; padding:0 20px !important; background:var(--pk-rose) !important; color:#fff !important; border:0 !important; border-radius:10px !important; font-size:14px !important; font-weight:800 !important; box-shadow:0 6px 16px -8px rgba(229,88,143,.6); }   /* 눈에 띄게(원영 09-04) */
  .pk-list-superior:hover{ background:var(--main-color-deep) !important; }
  /* 마이페이지 배너(≥1024): 보유 포인트를 프로필 아래 좌측 가로 스트립으로(원영 09-04), 우측은 사진만 */
  .pk-my-banner{ grid-template-columns:auto 1fr !important; grid-template-rows:auto auto; column-gap:18px; row-gap:10px; align-items:center; }
  .pk-my-banner .pk-my-ava{ grid-row:1 / span 2; }
  .pk-my-banner .pk-my-point{ grid-column:2 !important; grid-row:2; justify-self:start; flex-direction:row !important; align-items:center !important; gap:14px !important; min-width:0 !important; padding:10px 14px !important; box-shadow:0 0 0 1px var(--line-color-light); }
  .pk-my-banner .pk-my-point b{ font-size:22px !important; margin-right:0 !important; }
  .pk-my-banner .pk-my-point .pk-btn{ margin-top:0 !important; }
  .pk-sub-head.pk-band .pk-sub-tabs{ max-width:none; }
}
/* 마이페이지 배너: 사진은 우측 끝(약 300px)에만 두고 콘텐츠 영역과 겹치지 않게(원영 "상단 이미지 겹침") + 프로필 삭제(✕) 버튼을 아바타 밖 배지로 */
@media (min-width:1024px){
  .pk-my-banner{ padding-right:300px !important; background-image:linear-gradient(90deg, #F6F6F8 76%, rgba(246,246,248,0) 100%), url(/img/skins/pink/band_my.webp) !important; }
}
@media (min-width:850px) and (max-width:1023.98px){ .pk-my-banner{ background-image:none !important; } }
.pk-my-ava, .pk-my-ava > div{ overflow:visible !important; }
.pk-my-ava #deleteProfileImage{ width:22px !important; height:22px !important; bottom:-2px !important; right:-2px !important; transform:none !important; font-size:10px !important; box-shadow:0 0 0 2px #fff; }