/* ─────────────────────────────────────────────
   Tailwind CDN으로 부족한 커스텀만 여기 작성
───────────────────────────────────────────── */

[x-cloak] { display: none !important; }

/* 부드러운 스크롤 */
html { scroll-behavior: smooth; }

/* 스크롤바 숨김 (모바일 카테고리 칩 등) */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* 상품 설명 영역 (HTML 콘텐츠) */
.prose-product { line-height: 1.7; color: #1F2937; }
.prose-product h3 { font-size: 1.25rem; font-weight: 700; color: #0A2540; margin: 1.5rem 0 0.75rem; }
.prose-product h4 { font-size: 1.05rem; font-weight: 700; color: #0A2540; margin: 1.25rem 0 0.5rem; }
.prose-product p { margin: 0.5rem 0; }
.prose-product ul { list-style: disc; padding-left: 1.5rem; margin: 0.5rem 0; }
.prose-product li { margin: 0.25rem 0; }

/* Swiper 색상 커스텀 */
.swiper-button-next, .swiper-button-prev { color: #0A2540 !important; }
.swiper-pagination-bullet-active { background: #FFC107 !important; }

/* 상품 카드 호버 */
.product-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.product-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(10, 37, 64, 0.12); }

/* 라벨 배지 */
.badge-best { background: #0A2540; color: #FFC107; }
.badge-new  { background: #FFC107; color: #0A2540; }
.badge-sale { background: #D32F2F; color: #FFFFFF; }