.elementor-172 .elementor-element.elementor-element-7a9c3c4{--display:flex;}.elementor-172 .elementor-element.elementor-element-eb1391b{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-eb1391b */<!-- FIX: full-bleed + no white edges + safe header offset -->
<style>
  /* 0) Общее: убираем горизонтальный скролл и белую подложку */
  html, body { background:#05060c; overflow-x:hidden; }

  /* 1) Полноширинные секции без «белых краёв» и виджет-зазоров Elementor */
  #join-the-party,
  .join-cta{
    width:100svw;                           /* svw/dvw не даёт появиться нижнему скроллу */
    margin-left:calc(50% - 50svw);
    --widgets-spacing:0px;
    position:relative;
    background:#05060c;                     /* чтобы ничто не «просвечивало» */
  }
  /* На всякий — обнулим паддинги родителя-колонки Elementor */
  .elementor [data-elementor-type="page"] #join-the-party,
  .elementor [data-elementor-type="page"] .join-cta{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* 2) Безопасный отступ под шапку: переменная уйдёт из JS */
  :root{ --blz-header-safe: 160px; }        /* fallback, пока не посчитали */
  #join-the-party .hero{ padding-top:var(--blz-header-safe); }
  /* если есть якоря/скролл к секции — не прятать под меню */
  #join-the-party{ scroll-margin-top:var(--blz-header-safe); }

  /* 3) Мелкие косметические — чтобы виджеты не раздували карточки */
  #join-the-party iframe,
  #join-the-party blockquote{ max-width:100% !important; width:100% !important; border:0; }
  #join-the-party blockquote.tiktok-embed{ min-width:0 !important; margin:0 !important; }
  #join-the-party blockquote.instagram-media{ margin:0 auto !important; background:#000 !important; }
</style>

<script>
  // Считаем реальную высоту хэдера (Elementor или тема) + учитываем админ-бар WP
  document.addEventListener('DOMContentLoaded', function(){
    var header = document.querySelector('.elementor-location-header, header.site-header, .e-con.e-con--header');
    var adminBar = document.body.classList.contains('admin-bar') ? 32 : 0; // WP admin bar
    var h = header ? Math.ceil(header.getBoundingClientRect().height) : 0;
    var safe = Math.max(80, h + adminBar + 24); // минимум 80px + небольшой «воздух»
    document.documentElement.style.setProperty('--blz-header-safe', safe + 'px');
  });
</script>
/* === FULL-BLEED для секции, которая содержит #join-the-party === */
/* 1) Снимаем паддинги/гапы у родительской секции и её контейнеров */
.elementor-section:has(#join-the-party),
.elementor-top-section:has(#join-the-party) {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* контейнер внутри секции (boxed) — делаем его полноширинным и без внутренних отступов */
.elementor-section:has(#join-the-party) > .elementor-container,
.elementor-top-section:has(#join-the-party) > .elementor-container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* колонка, в которую вставлен HTML-виджет */
.elementor-column:has(#join-the-party) {
  padding: 0 !important;
  margin: 0 !important;
}

/* гасим внутренние гэпы сетки Elementor (новые контейнеры) */
.elementor .elementor-element:has(#join-the-party) { --e-con-grid-gap: 0px !important; }

/* 2) На всякий — у нашего блока тоже нулевые края и полноценная ширина */
#join-the-party,
.join-cta{
  width: 100svw;
  margin-left: calc(50% - 50svw);
  --widgets-spacing: 0px;
  background: #05060c;
}

/* 3) Виджеты соцсетей не расширяют карточки */
#join-the-party iframe,
#join-the-party blockquote { width:100% !important; max-width:100% !important; border:0; }
#join-the-party blockquote.tiktok-embed { min-width:0 !important; margin:0 !important; }
#join-the-party blockquote.instagram-media { margin:0 auto !important; background:#000 !important; }

/* 4) Стыковка низом: убираем любые «белые» зазоры под секцией */
#join-the-party { margin-bottom: 0 !important; }
#join-the-party + * { margin-top: 0 !important; }
html, body { background:#05060c; overflow-x:hidden; }  /* на всякий — фон страницы и без нижнего скролла */

/* Единый стиль заглушек (как у Instagram) */
.blz-fallback{
  display:grid; place-content:center; text-align:center; min-height:360px;
  color:#b5c6d8;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 12px, rgba(255,255,255,.02) 12px 24px);
  border-radius:12px;
  padding:18px;
}
.blz-fallback p{ margin:0 0 6px; font-weight:800; font-size:18px; color:#eaf7ff; }
.blz-fallback b{ color:#27e1ff; }
.blz-fallback span{ font-size:14px; opacity:.9; }
.blz-fb-btn{
  display:inline-block; margin-top:12px; padding:10px 14px; border-radius:10px;
  font-weight:800; text-decoration:none; color:#001018; background:#27e1ff;
  box-shadow:0 8px 24px rgba(39,225,255,.25);
}
.blz-fb-btn:hover{ transform:translateY(-1px); }/* End custom CSS */