/**
 * Единая сетка лендинга: ширина контента и отступы секций.
 * Подключается после main.css.
 */

@media (max-width: 768px) {
  :root {
    --site-side-gap: 16px;
    --section-space: var(--section-space-mobile);
  }
}

/* Ширина контентной колонки */
.ycl-nav,
.ycl-hero-inner,
.ycl-banner-inner,
.ycl-ecosystem-inner,
.ycl-goals-inner,
.ycl-income-inner,
.ycl-business-types-inner,
.ycl-journal-inner,
.ycl-results-inner,
.ycl-return-inner,
.ycl-migration-inner,
.ycl-pricing-inner,
.ycl-testimonials-inner,
.ycl-satisfaction-inner,
.ycl-footer-inner,
.ycl-biz-hero-inner,
.ycl-biz-benefits-panel,
.ycl-biz-hub-inner {
  width: min(100%, var(--site-container)) !important;
  max-width: var(--site-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Горизонтальные поля секций */
.ycl-nav,
.ycl-hero,
.ycl-banner-section,
.ycl-ecosystem,
.ycl-goals,
.ycl-income,
.ycl-business-types,
.ycl-journal,
.ycl-results,
.ycl-return,
.ycl-migration,
.ycl-pricing,
.ycl-testimonials,
.ycl-satisfaction,
.ycl-footer,
.ycl-business-action,
.ycl-biz-hero,
.ycl-biz-benefits,
.ycl-biz-hub {
  padding-left: var(--site-side-gap) !important;
  padding-right: var(--site-side-gap) !important;
  box-sizing: border-box;
}

/* Вертикальный ритм основных секций */
.ycl-banner-section,
.ycl-ecosystem,
.ycl-goals,
.ycl-income,
.ycl-business-types,
.ycl-migration,
.ycl-pricing,
.ycl-testimonials,
.ycl-satisfaction,
.ycl-biz-hero,
.ycl-biz-benefits,
.ycl-biz-hub {
  padding-top: var(--section-space) !important;
  padding-bottom: var(--section-space) !important;
}

/* Группа journal → results → return */
.ycl-journal {
  padding-top: var(--section-space) !important;
  padding-bottom: var(--section-group-gap) !important;
}

.ycl-results {
  padding-top: 0 !important;
  padding-bottom: var(--section-group-gap) !important;
}

.ycl-return {
  padding-top: 0 !important;
  padding-bottom: var(--section-space) !important;
}

/* CTA под типами бизнеса */
.ycl-business-action {
  margin-top: -44px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: var(--section-space) !important;
}

/* Карусель = ширина контейнера */
.ycl-banner-carousel {
  width: min(100%, var(--site-container)) !important;
  max-width: var(--site-container) !important;
}

.ycl-pricing-grid,
.ycl-custom-plan {
  width: 100% !important;
  max-width: 100% !important;
}

/* Страницы ниш: секции из main.css без лишних переопределений */
.ycl-biz-page .ycl-ecosystem,
.ycl-biz-page .ycl-business-types,
.ycl-biz-page .ycl-pricing {
  padding-top: var(--section-space) !important;
  padding-bottom: var(--section-space) !important;
}

.ycl-biz-benefits-panel {
  box-sizing: border-box;
}


@media (max-width: 768px) {
  .ycl-business-action {
    margin-top: -32px !important;
  }

  .ycl-biz-benefits-panel {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (max-width: 560px) {
  .ycl-biz-benefits-panel {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}