/**
 * 고도화 V2 - "V2 옷"(2026-11-12) · 전용 V2 디자인이 없는 운영 블록과 하위 화면을 V2 기준에 맞춘다(일체감).
 *  ⚠️ 이 파일은 V2 화면에서만 실린다(skin.tsx 를 dynamic 으로 부른다) - 기존 사이트는 받지 않는다.
 *  ⚠️ 전부 [data-nx-v2] 안 또는 V2 블록이 있는 문서(:root:has([data-nx-v2]))로 좁혔다 - 기존 사이트 마크업에는 걸리지 않는다.
 *  바꾸는 것: 라벨(대시 숨김 · 자간) · 넓게 벌린 영문 라벨 자간 · 섹션 제목 눈금 · 카드 둥글기 · 그늘 · 손 반응 · 헤더 가로형 로고 크기.
 *  안 바꾸는 것: 글 · 링크 · 버튼 동작 · 순서 · 데이터(운영 부품 그대로).
 */

/* ── 라벨: 앞 대시는 숨기고 V2 라벨과 같은 자간(0.04em) ── */
[data-nx-v2] .hm-eyebrow-dash { display: none; }
[data-nx-v2] .hm-eyebrow { letter-spacing: 0.04em !important; }
/* 넓게 벌린 영문 · 작은 라벨(예: V I S I T) - 자간만 줄인다 */
[data-nx-v2] [class*="tracking-[0.2"],
[data-nx-v2] [class*="tracking-[0.3"],
[data-nx-v2] [class*="tracking-[0.4"],
[data-nx-v2] [class*="tracking-[0.5"],
[data-nx-v2] [class*="tracking-widest"] { letter-spacing: 0.06em !important; }

/* ── 섹션 제목: V2 섹션 제목과 같은 눈금 · 자간(위계 통일) ── */
[data-nx-v2-skin] [data-rv="heading"] > h2,
[data-nx-v2-skin] [data-rv="heading"] > h1 {
  font-size: clamp(1.625rem, 1.2rem + 1.8vw, 2.75rem) !important;
  letter-spacing: var(--nx-track-title, -0.028em) !important;
  line-height: 1.18 !important;
}

/* ── 카드: V2 카드와 같은 둥글기 · 옅은 선 · 그늘 · 손 닿을 때 살짝 들림 ── */
[data-nx-v2-skin] .hm-pcard {
  border-radius: var(--nx-radius, 1.25rem);
  border-color: var(--nx-line, color-mix(in srgb, var(--foreground) 12%, transparent));
  box-shadow:
    0 1px 2px color-mix(in srgb, var(--foreground) 5%, transparent),
    0 14px 34px -18px color-mix(in srgb, var(--foreground) 22%, transparent);
  transition: transform 0.35s var(--nx-ease, ease), box-shadow 0.35s var(--nx-ease, ease);
}
@media (hover: hover) and (pointer: fine) {
  [data-nx-v2-skin] .hm-pcard:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow:
      0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent),
      0 22px 44px -20px color-mix(in srgb, var(--accent) 34%, transparent);
  }
}
[data-nx-v2-skin] .rounded-\[12px\] { border-radius: var(--nx-radius-sm, 1rem); }

/* ── 문서 단위(헤더 · 푸터는 운영 공용 부품 - 파일은 그대로, V2 화면에서만 겉모양) ── */
/* 가로형(워드마크) 로고가 다른 유형보다 크게 보이던 것 - 높이 60 → 46 · PC 72 → 54(2026-11-12 의뢰인) */
:root:has([data-nx-v2]) header a img.h-\[60px\] { height: 46px; }
@media (min-width: 768px) {
  :root:has([data-nx-v2]) header a img.md\:h-\[72px\] { height: 54px; }
}
:root:has([data-nx-v2]) footer [class*="tracking-[0.2"],
:root:has([data-nx-v2]) footer [class*="tracking-[0.3"],
:root:has([data-nx-v2]) footer [class*="tracking-[0.4"] { letter-spacing: 0.06em !important; }
@media (prefers-reduced-motion: reduce) {
  [data-nx-v2-skin] .hm-pcard { transition: none; }
}

/* ══ 렉 절약(2026-11-12 "렉 안 걸리게" → "PC 에서도 렉 심해") ══
   실측(폰 조건 · CPU 4배 느리게): V2 평균 프레임 간격 24ms · 끊긴 프레임 4~5회 · 도는 애니메이션 61~68개(지금 화면 17~18ms · 0~1회 · 24~27개).
   모든 화면 폭에서: 화면을 꾸미기만 하는 반복(숨쉬는 빛 · 느린 확대 · 반짝임 · 흐르는 빛)을 멈추고, 크게 흐린 빛덩이 · 섞기 모드 · 유리 흐림을 끈다.
   그대로인 것: 등장 연출(한 번) · 손 반응 · 시차(PC) · 글 · 사진.
   ⚠️ content-visibility:auto 는 쓰지 않는다 - 실측 CLS 0.488(구획이 그려질 때 높이가 바뀌며 화면이 밀렸다 · b7205e745). */
[data-nx-v2] [data-nxfx-loop],
[data-nx-v2] [data-nxfx-loop] *,
[data-nx-v2] [data-nxfx-loop]::before,
[data-nx-v2] [data-nxfx-loop]::after,
[data-nx-v2] [data-nxfx-loop] *::before,
[data-nx-v2] [data-nxfx-loop] *::after {
  animation: none !important;
}
[data-nx-v2] *,
[data-nx-v2] *::before,
[data-nx-v2] *::after {
  animation-iteration-count: 1 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}
[data-nx-v2] .nxfx-cl-band__lamp,
[data-nx-v2] .nxfx-cl-band__blob-in,
[data-nx-v2] .nxfx-gal-field__b,
[data-nx-v2] .nxfx-btn__glow { display: none !important; }
@media (max-width: 767px) {
  /* 흐림 등장은 폰에서 흐림 없이(투명도 · 위치만) */
  html.nx-js [data-nx-v2] .nxfx-rv[data-nxfx-kind="blur"]:not(.nxfx-in) { filter: none !important; }
}

/* ══ 푸터 중복 걷기(2026-11-12 의뢰인 "푸터 중복되지 않게 · 원래처럼 하나만") ══
   오시는 길 카드(영업시간 · 주소 · 문의)가 그려진 V2 페이지에서는 푸터의 'VISIT / 영업시간' 묶음을 숨긴다 - 같은 영업시간이 두 번 읽혔다.
   ⚠️ 그 아래 사업자 정보(상호 · 주소 · 전화 · 사업자등록번호)는 그대로 둔다(사업자 정보 표시 자리).
   ⚠️ 오시는 길이 없는 페이지(주소 없는 가게 · 하위 페이지)는 푸터가 영업시간을 보여 주는 유일한 자리라 그대로다. */
/* 오시는 길 구획의 이름표는 'visit'(sectionAnchors) - 실측으로 확인 */
:root:has([data-nx-v2] [id^="visit"]) footer#hm-contact div.mb-10:has(> p.uppercase + ul),
:root:has([data-nx-v2] [id^="map"]) footer#hm-contact div.mb-10:has(> p.uppercase + ul) { display: none; }

/* 어두운 V2 화면의 헤더 로고 - 은은한 빛 한 겹(밝힌 로고가 사진 위에서 떠 보이지 않게 · 색은 로고 그대로) */
:root:has([data-nx-v2][data-nx-tone="dark"]) header a img {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) drop-shadow(0 2px 14px rgba(255, 255, 255, 0.10));
}

/* ══ 라벨 아래 큰 제목 걷기(2026-11-12 의뢰인 "라벨 아래에 뜨는 대제목 없애야 될 것 같아 · 모든 섹션") ══
   V2 전용 부품(서비스 · 약속 · 안내)은 코드에서 뺐고, 여기서는 V2 화면에서 예전 부품 그대로 그리는 섹션
   (자주 묻는 질문 · 갤러리 · 오시는 길 · 메뉴 · 상품 · 작업 사례 등)의 공용 섹션 제목(data-rv="heading" 속 h2)만 숨긴다.
   ⚠️ 소개(story)의 머리글은 섹션 제목이 아니라 본문 첫 줄이라 그대로 · 하위 페이지의 페이지 제목(h1)도 그대로(:has(> h2) 만).
   ⚠️ 이 파일은 V2 페이지에만 실린다 - 기존(V1) 사이트 무영향. 저장된 제목 값은 그대로다. */
:root:has([data-nx-v2]) [data-rv="heading"]:has(> h2) { display: none; }
:root:has([data-nx-v2]) [id^="story"] [data-rv="heading"]:has(> h2) { display: block; }