/* 🎄 Праздничные наборы: витрины на страницах /<lang>/<slug> (scripts/seasonal-packs-pages.mjs).
   Каркас страницы — /play/landing.css (ld-*, hb-*), здесь только свои блоки. */
.sp-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.sp-cats, .sp-list { list-style: none; padding: 0; margin: 0; }
.sp-cats { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.sp-cats li { background: #14111f; border: 1px solid #262238; border-radius: 14px; padding: 12px 14px; color: #cfccdd; min-width: 0; overflow-wrap: anywhere; }
.sp-cats b { color: #fff; }
.sp-v { color: #f5c542; font-weight: 700; unicode-bidi: isolate; }
.sp-q { margin: 8px 0 6px; color: #e9e6f5; }
.sp-cats details summary { cursor: pointer; color: #b9a5ff; font-size: .9rem; }
.sp-cats details p { margin: 6px 0 0; color: #7ee0a1; font-weight: 600; }
.sp-final { margin-top: 12px; color: #cfccdd; }
.sp-word { font-size: clamp(1.6rem, 7vw, 2.6rem); font-weight: 800; color: #fff; text-align: center; background: #14111f;
  border: 1px dashed #4a3f7a; border-radius: 18px; padding: 26px 14px; margin: 6px 0 14px; min-height: 2.4em; overflow-wrap: anywhere; }
.sp-next { border: 0; cursor: pointer; font: inherit; font-weight: 700; }
.sp-hint { font-size: .9rem; color: #8a86a0; }
.sp-words h2 + .sp-list, .sp-tracks .sp-list { margin-top: 4px; }
.sp-list { display: flex; flex-wrap: wrap; gap: 6px 8px; }
.sp-list li { background: #14111f; border: 1px solid #262238; border-radius: 999px; padding: 5px 12px; color: #cfccdd; font-size: .92rem; max-width: 100%; overflow-wrap: anywhere; }
ol.sp-list { counter-reset: sp; }
ol.sp-list li { counter-increment: sp; border-radius: 12px; }
ol.sp-list li::before { content: counter(sp) '. '; color: #8a86a0; unicode-bidi: isolate; }
.sp-more p { line-height: 2; }
.sp-more a { color: #b9a5ff; text-decoration: none; white-space: nowrap; }
.sp-more a:hover { text-decoration: underline; }
@media (max-width: 520px) { .sp-ctas { flex-direction: column; } }