/* === 준비 전에는 표/카드를 숨기고 스켈레톤만 노출 === */
[data-fees-scope="1"]:not([data-fees-ready="1"]) table.fee-desktop,
[data-fees-scope="1"]:not([data-fees-ready="1"]) .fee-card-list {
  display: none !important;
}
[data-fees-scope="1"] .fees-skeleton { display: none; }
[data-fees-scope="1"]:not([data-fees-ready="1"]) .fees-skeleton { display: block; }

/* 스켈레톤 스타일 */
.fees-skeleton { margin: 8px 0 6px; }
.fees-skeleton .line {
  height: 12px; border-radius: 6px; background: #e5e7eb;
  margin: 8px 0;
  animation: feesPulse 1.4s ease-in-out infinite;
}
@keyframes feesPulse {
  0% { opacity: .55; } 50% { opacity: 1; } 100% { opacity: .55; }
}

/* 카드 섹션 타이틀 / 카드 비주얼 */
.fee-card-section-title {
  font-weight: 700; font-size: 1rem; margin: 12px 0 8px; color: #111827;
}
.fee-card {
  border: 1px solid #e5e7eb; border-radius: .5rem;
  padding: 12px; margin-bottom: 10px; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.fee-item  { font-size: 1rem; font-weight: 600; margin-bottom: 4px; color:#111827; }
.fee-price { font-size: 1rem; margin-bottom: 4px; color:#111827; }
.fee-note  { font-size: .875rem; color:#6b7280; margin-bottom: 2px; }
.fee-meta  { font-size: .75rem;  color:#9ca3af; }
.fee-note-inline { display: none; }

/* 반응형: 데스크탑=표 / 모바일=카드 */
@media (min-width: 641px) {
  .fee-card-list { display: none; }
  table.fee-desktop { display: table; }
}
@media (max-width: 640px) {
  table.fee-desktop { display: none !important; }
  .fee-card-list { display: block; }
}