/**
 * 고도화 V2 - 쇼핑몰 겉모양(2026-11-12) · [data-nx-v2-shop] 안에서만(V2 쇼핑몰만 이 파일을 싣는다).
 *  쇼핑몰은 자체 디자인 체계(SHOP 색표 · 스마트스토어형 카드)라 일반형 V2 CSS 를 덮어쓰지 않고, 같은 원칙만 옮긴다:
 *   구획 제목 위계 · 카드 둥글기 · 옅은 선 · 그늘 · 손 닿을 때 살짝 들림 · 사진 천천히 확대 · 라벨 자간.
 *  ⚠️ 마크업 · 글 · 가격 · 담기 · 구매 흐름은 그대로다(겉모양만) · 반복 장식 없음(렉 절약).
 *  ⚠️ 장바구니 · 주문 · 결제 화면에는 싣지 않는다.
 */

/* ── 구획 제목: 일반형 V2 섹션 제목과 같은 눈금 · 자간 ── */
[data-nx-v2-shop] .shop-sec-head,
[data-nx-v2-shop] .shop-story-head,
[data-nx-v2-shop] .shop-brand-head {
  font-size: clamp(1.5rem, 1.08rem + 1.75vw, 2.45rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.18 !important;
}
[data-nx-v2-shop] .shop-brand-label { letter-spacing: 0.04em !important; }
[data-nx-v2-shop] .shop-copy { line-height: 1.75 !important; }

/* ── 상품 카드: 둥글기 · 옅은 선 · 그늘 · 손 닿을 때 들림 + 사진 천천히 확대 ── */
[data-nx-v2-shop] .hm-card {
  border-radius: 18px !important;
  border-color: color-mix(in srgb, currentColor 9%, transparent) !important;
  box-shadow:
    0 1px 2px rgba(17, 17, 17, 0.04),
    0 16px 34px -22px rgba(17, 17, 17, 0.28) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-nx-v2-shop] .hm-card img { transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
@media (hover: hover) and (pointer: fine) {
  [data-nx-v2-shop] .hm-card:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow:
      0 1px 2px rgba(17, 17, 17, 0.05),
      0 26px 48px -24px rgba(17, 17, 17, 0.34) !important;
  }
  [data-nx-v2-shop] .hm-card:hover img { transform: scale(1.04); }
}

/* ── 카테고리 칩 · 첫 화면 버튼: 같은 둥글기 언어 ── */
[data-nx-v2-shop] .shop-cat-chip { border-radius: 999px !important; }
[data-nx-v2-shop] .shop-hero-cta { border-radius: 999px !important; letter-spacing: -0.01em; }

@media (prefers-reduced-motion: reduce) {
  [data-nx-v2-shop] .hm-card,
  [data-nx-v2-shop] .hm-card img { transition: none; }
}