/* ─────────────────────────────────────────────────────────────
   공용 스켈레톤 로딩(shimmer) — bnk_ver1
   AJAX/외부API 대기 중 콘텐츠 골격 placeholder. 라이트 테마 고정.
   사용: <span class="skel" style="width/height/radius..."></span>
        <span class="skel skel-line" style="width:60%"></span>
   PC/모바일 공용(common/css). 각 페이지에서 link 로드.
   ───────────────────────────────────────────────────────────── */
@keyframes bnkSkelShimmer {
  0%   { background-position: -460px 0; }
  100% { background-position:  460px 0; }
}
.skel {
  display: block;
  border-radius: 6px;
  background-color: #e9ecef;
  background-image: linear-gradient(90deg, #e9ecef 0, #f4f6f8 45%, #e9ecef 90%);
  background-repeat: no-repeat;
  background-size: 460px 100%;
  animation: bnkSkelShimmer 1.3s ease-in-out infinite;
}
.skel-line { height: 14px; border-radius: 5px; }
@media (prefers-reduced-motion: reduce) { .skel { animation: none; } }

/* 스켈레톤 placeholder 카드는 클릭/이동 비활성(실데이터 도착 전 오작동 방지) */
.filtered_item.skel-card,
.sim_card.skel-card,
.select_item.skel-row { pointer-events: none; }

/* compare2 진입 풀페이지 로딩 오버레이(유닛④) — 클릭 즉시 골격 노출 → 페이지 도착 시 문서 교체로 사라짐 */
.bnk-nav-skel {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  z-index: 99999; background: #f4f6f8; overflow: hidden;
}
.bnk-nav-skel .nsk-topbar {
  height: 52px; background: #fff; border-bottom: 1px solid #eee;
  display: flex; align-items: center; justify-content: space-between; padding: 0 16px;
  box-sizing: border-box;
}
.bnk-nav-skel .nsk-body { padding: 16px; }
.bnk-nav-skel .nsk-card {
  background: #fff; border-radius: 12px; padding: 20px; box-sizing: border-box;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); margin-bottom: 14px;
}