/* =========================
   기간한정 — 배지 · 섹션 · 레일
========================= */

/* 카드 배지: 옅은 주황 + 얇은 주황 테두리 + 검은 글씨 */
.hs-product-badges .hs-badge-ltd {
  background: #fff1e3 !important;
  color: #111;
  box-shadow: inset 0 0 0 1px #f59a3c;
}
.hs-badge-ltd--halloween::before { content: "🎃"; margin-right: 3px; }

/* 목록 머리말 — [hs_limited] 섹션 · 카탈로그 맨 위 섹션(data-key="limited") 공통 */
.hs-header-label.hs-label-ltd,
.hs-cat-section[data-key="limited"] .hs-header-label { color: #ea580c; }
.hs-label-ltd--halloween::before,
.hs-cat-section[data-key="limited"][data-theme="halloween"] .hs-header-label::before { content: "🎃"; margin-right: 4px; }

/* 장식이 위·옆으로 나가도 잘리지 않게 */
.hs-ltd-section .products,
.hs-cat-section[data-key="limited"] .products { overflow: visible; }

/* =========================
   레일: 본문 오른쪽 빈 공간에 따라오는 목록 (rail.js 가 자리를 잡고 보임)
========================= */
.hs-ltd-rail {
  position: fixed;
  top: 140px;
  z-index: 40;
  width: 128px;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  scrollbar-width: none;
  padding: 10px 8px 8px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(17, 24, 39, .12), inset 0 0 0 1px #f6c99d;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.hs-ltd-rail::-webkit-scrollbar { display: none; }
.hs-ltd-rail[hidden] { display: none; }

.hs-ltd-rail-close {
  position: absolute; top: 6px; right: 6px;
  width: 22px; height: 22px; padding: 0; margin: 0;
  border: 0; border-radius: 50%;
  background: transparent; color: #9ca3af;
  font-size: 16px; line-height: 22px; cursor: pointer;
}
.hs-ltd-rail-close:hover { background: #f3f4f6; color: #374151; }

.hs-ltd-rail-group + .hs-ltd-rail-group { margin-top: 14px; padding-top: 12px; border-top: 1px dashed #f6c99d; }

.hs-ltd-rail-head { display: flex; flex-direction: column; gap: 1px; margin: 0 0 8px; padding-right: 16px; }
.hs-ltd-rail-kicker { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #ea580c; }
.hs-ltd-rail-group--halloween .hs-ltd-rail-kicker::before { content: "🎃 "; }
.hs-ltd-rail-head b { font-size: 14px; font-weight: 800; color: #1f2a37; }

.hs-ltd-rail ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.hs-ltd-rail li { margin: 0; }
.hs-ltd-rail a { display: block; color: #1f2a37; text-decoration: none; }
.hs-ltd-rail img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
.hs-ltd-rail a span {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin-top: 5px; font-size: 12px; font-weight: 600; line-height: 1.35; word-break: keep-all;
}
.hs-ltd-rail a:hover span { text-decoration: underline; }