/* Блок «Дополнительные стили» владельца сайта — на сайте он стоял на всех
   страницах. Отсюда фоновая картинка за сайтом, отступ сверху под неё
   и поиск в шапке, который базовая тема на широком экране прячет.
   Перенесён как есть, адрес картинки заменён на относительный. */

.mob-search {
display: block;
}
@media (min-width: 1200px)
.entry-image:not(.entry-image--big) {
    margin-left: 0px;
}
.entry-image:not(.entry-image--big) {
    margin-left: 0px;
}
/* Обнуляем всё лишнее */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Контейнер сайта */
#page, .site {
  margin: 0;
  padding: 0;
  max-width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 180px; /* можно чуть больше/меньше */
}

/* Фон за сайтом */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('/wp-content/uploads/2025/07/23.jpg') top center / cover no-repeat;
  z-index: -1;
  pointer-events: none;
}

/* Мобильные и планшеты — оставляем cover, но уменьшаем отступ */
@media (max-width: 1024px) {
  #page, .site {
    margin-top: 90px;
  }

  body::before {
    background-size: cover;
    background-position: top center;
  }
}

@media (max-width: 480px) {
  #page, .site {
    margin-top: 70px;
  }
}



/* MX HUB A7 — make 2 columns not wrap */
.mx-hub.mx-dark{background:#0b1220;color:#e6edf6;padding:18px 10px}
.mx-hub a{color:inherit}
.mx-box{background:#111a2b;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.mx-hero{background:
  radial-gradient(900px 500px at 15% 25%, rgba(59,130,246,.22), transparent 60%),
  radial-gradient(800px 500px at 75% 30%, rgba(34,197,94,.14), transparent 60%),
  #111a2b;}
.mx-bc{font-size:13px;color:#94a3b8;margin-bottom:8px}
.mx-bc a{color:#94a3b8;text-decoration:underline;text-underline-offset:2px}
.mx-h1 .elementor-heading-title{font-size:34px;line-height:1.1;margin:0 0 8px}
.mx-h2 .elementor-heading-title{font-size:20px;margin:0 0 8px}
.mx-h3 .elementor-heading-title{font-size:18px;margin:0 0 8px}
.mx-lead{color:#cbd5e1;max-width:72ch}
.mx-sub{color:#94a3b8;margin:6px 0 10px}
.mx-tabs{margin-top:10px}
.mx-btn .elementor-button{border-radius:12px;padding:10px 14px}
.mx-btn-primary .elementor-button{background:#3b82f6}
.mx-btn-green .elementor-button{background:#22c55e}
.mx-actions{margin-top:10px}
.mx-list .elementor-icon-list-item{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04);padding:9px 10px;margin-bottom:8px}
.mx-list .elementor-icon-list-item a{display:block}
.mx-acc .elementor-accordion-item{border-color:rgba(255,255,255,.12)}
.mx-acc .elementor-tab-title{background:rgba(255,255,255,.04)}
.mx-acc .elementor-tab-content{color:#cbd5e1}
.mx-row{margin-top:14px}
/* simulate gap between columns with padding, since flex gap 0 */
.mx-col-left{padding-right:16px}
.mx-col-right{padding-left:16px}
.mx-promo{border-color: rgba(59,130,246,.25);background: rgba(59,130,246,.08)}
@media (max-width:1024px){
  .mx-h1 .elementor-heading-title{font-size:28px}
  .mx-col-left{padding-right:0}
  .mx-col-right{padding-left:0}
}