/* ===== Главная: статичные ссылки на гадания и энциклопедию (для поиска; каталог выше рисует JS) ===== */
.home-seo { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 22px 32px;
  max-width: 980px; margin: 48px auto 24px; padding: 24px 26px; border-radius: 18px;
  background: rgba(32, 18, 58, .42); border: 1px solid rgba(139, 92, 246, .2); }
.home-seo__title { font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.35rem; font-weight: 700; margin: 0 0 10px; }
.home-seo__title a { color: #f0e7ff; text-decoration: none; }
.home-seo__title a:hover { color: #e0c8ff; }
.home-seo ul { list-style: none; margin: 0; padding: 0; }
.home-seo li a { display: block; padding: 4px 0; color: rgba(224, 213, 248, .82); text-decoration: none; font-size: .95rem; }
.home-seo li a:hover { color: #fff; }
@media (max-width: 600px) { .home-seo { margin: 36px 0 16px; padding: 20px 18px; } }
.home-seo__about { grid-column: 1 / -1; margin: 0; line-height: 1.6; color: rgba(224, 213, 248, .86); font-size: .97rem; }
.home-seo__about a { color: #e0c8ff; }

/* CLS: каталог раскладов (≈6000 px на телефоне) дорисовывается скриптом — пока он пуст, держим место,
   иначе блок ссылок ниже успевает показаться на первом экране и потом улетает вниз. Точки карусели (7 px) — тоже. */
#catalog-root:empty { min-height: 120vh; }
.hc-dots { min-height: 7px; }
.home-h1 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; font-size: clamp(1.05rem, 4.2vw, 1.4rem);
  color: rgba(240, 231, 255, .92); margin: -6px auto 14px; line-height: 1.3; text-align: center; }