/* ===================================================================== 
   ForGamblers.io — Crash Lab page skin (SAFE R7)
   Page: /crash-lab/  (page-id-5346)
   ==================================================================== */

/* 0. Гасим стандартный заголовок/подвал записи */
.page-id-5346 .entry-header,
.page-id-5346 .entry-footer {
  display: none !important;
}



/* Контейнер записи без белых подложек и теней */
.page-id-5346 .site-main > .content-area,
.page-id-5346 .site-main > .content-area > .entry {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
}

/* Gutenberg-контент: ширину контролируем через .fg-crash-page */
.page-id-5346 .entry-content {
  max-width: none !important;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible !important;
}

/* Убираем фон/отступы у внешних Kadence-рядов, но НИЧЕГО не скрываем */
.page-id-5346 .site-main .wp-block-kadence-rowlayout,
.page-id-5346 .site-main .wp-block-kadence-rowlayout .kt-row-layout-inner,
.page-id-5346 .site-main .wp-block-kadence-rowlayout .kt-row-column {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Чёрный прямоугольник внизу — убираем фон и высоту последнего ряда */
.page-id-5346 .site-main > .wp-block-kadence-rowlayout:last-child {
  background: transparent !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

/* 2. Обёртка страницы Crash Lab (аналог .fg-mines-page) */
.page-id-5346 .fg-crash-page {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px 60px;
}

/* Убираем лишний верхний margin у первого group — воздух от хедера */
.page-id-5346 .entry-content > .wp-block-group.fg-crash-page {
  margin-top: 0 !important;
}

/* 3. Hero-интро (фиолетовая таблетка вокруг H1) */
.page-id-5346 .fg-crash-hero {
  display: block;
  max-width: 1120px;
  width: 100%;
  margin: 32px auto 32px;
  padding: 28px 40px 26px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, #4c1d95 0, #281047 40%, #12091f 100%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.8);
  color: #f9f5ff;
  font-size: 32px;
  line-height: 1.25;
}

.page-id-5346 .fg-crash-hero strong {
  color: #ffffff;
}

/* H1 внутри hero — без полосок Kadence */
.page-id-5346 .fg-crash-hero .wp-block-post-title,
.page-id-5346 .fg-crash-page h1 {
  margin: 0;
  text-transform: none;
}

.page-id-5346 .fg-crash-page h1::after {
  content: none !important;
}

/* 4. Типографика Crash Lab, в духе Mines Lab */
.page-id-5346 .fg-crash-page h2 {
  font-size: 24px;
  line-height: 1.4;
  margin: 40px 0 16px;
  color: #f8f4ff;
  text-transform: none;
  letter-spacing: 0;
}

.page-id-5346 .fg-crash-page h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 28px 0 12px;
  color: #f8f4ff;
}

/* Убираем фирменные полоски Kadence под заголовками */
.page-id-5346 .fg-crash-page h2::after,
.page-id-5346 .fg-crash-page h3::after {
  content: none !important;
}

/* Текст и списки */
.page-id-5346 .fg-crash-page p,
.page-id-5346 .fg-crash-page li {
  font-size: 21px;
  line-height: 1.6;
  color: #e3e6ff;
}

.page-id-5346 .fg-crash-page ul,
.page-id-5346 .fg-crash-page ol {
  padding-left: 1.2em;
  margin-left: 0;
}

.page-id-5346 .fg-crash-page li {
  margin-bottom: 4px;
}

.page-id-5346 .fg-crash-page li::marker {
  color: #ffb556;
}

.page-id-5346 .fg-crash-page strong {
  color: #ffffff;
}

/* Мягкие разделители */
.page-id-5346 .fg-crash-page hr,
.page-id-5346 .fg-crash-page .wp-block-separator {
  border: none;
  height: 1px;
  margin: 28px 0;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent);
}

/* 5. Основная карта Crash Lab (симулятор) */
.page-id-5346 #fg-crash-lab {
  max-width: 880px !important;   /* как Mines Lab */
  width: 100%;
  margin: 32px auto 40px !important;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.65);
  overflow: hidden;
}

/* H2 внутри симулятора */
.page-id-5346 #fg-crash-lab h2 {
  font-size: 20px;
  text-transform: none;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}

.page-id-5346 #fg-crash-lab h2::after {
  content: none !important;
}

/* Страховка: если симулятор случайно обёрнут в rowlayout/group */
.page-id-5346 .fg-crash-page > .wp-block-kadence-rowlayout:has(#fg-crash-lab),
.page-id-5346 .fg-crash-page > .wp-block-group:has(#fg-crash-lab) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 6. FAQ-блок — ширина как у Mines Lab, ничего не скрываем */
.page-id-5346 .fg-crash-page .wp-block-uagb-accordion,
.page-id-5346 .fg-crash-page .wp-block-kadence-accordion {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* 7. Mobile-адаптация */
@media (max-width: 768px) {
  .page-id-5346 .fg-crash-page {
    padding: 0 16px 40px;
  }

  .page-id-5346 .fg-crash-hero {
    margin-top: 24px;
    padding: 22px 18px 22px;
    font-size: 26px;
  }

  .page-id-5346 .fg-crash-page h2 {
    font-size: 20px;
  }

  .page-id-5346 .fg-crash-page h3 {
    font-size: 18px;
  }

  /* Симулятор — фулл-блид на мобиле (как Mines Lab) */
  .page-id-5346 #fg-crash-lab {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* 1. Общий фон и контейнер записи (как на Mines Lab) – фикс чёрной полоски */
.page-id-5346 .site-main {
  /* Градиент как наверху, но низ прозрачный → исчезает чёрная полоса */
  background:
    radial-gradient(circle at top,
      #140824 0,
      #050309 55%,
      transparent 100%) !important;

  padding-top: 0 !important;

  /* убираем отступ снизу, он создавал бар */
  padding-bottom: 0 !important;
}


/* немного воздуха снизу уже через контент, а не через site-main */
.page-id-5346 .entry-content {
  padding-bottom: 24px;
}