/* Базовая обертка контента */
.content-wrap { min-height: 40vh; }

/* Простая контейнерная сетка вместо Bootstrap */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.container-inner { width: 100%; }
.row { display: flex; flex-wrap: wrap; align-items: center; }

.col-6 { width: 50%; }
.col-lg-2, .col-lg-12 { width: 100%; }

@media (min-width: 992px) {
  .col-lg-2 { width: 16.6667%; }
  .col-lg-12 { width: 100%; }
}

/* Утилиты видимости как в Bootstrap */
.d-none { display: none !important; }
.d-block { display: block !important; }
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-block { display: block !important; }
}

/* HEADER */
#sp-header { background: #fff; border-bottom: 1px solid #eee; }
#sp-header .logo-image { height: 50px; width: auto; display: inline-block; }
#sp-header .logo a { display: inline-flex; align-items: center; gap: 8px; }

/* Меню */
.sp-megamenu-parent { list-style: none; margin: 0; padding: 0; display: flex; gap: 24px; justify-content: flex-end; }
.sp-megamenu-parent > li > a {
  display: block; padding: 16px 0; text-decoration: none; color: #111; font-weight: 600;
}
.sp-megamenu-parent > li > a:hover { color: #009cb4; }

/* Мобильное меню */
@media (max-width: 991px) {
  .sp-megamenu-parent { display: none; flex-direction: column; gap: 0; }
  .sp-megamenu-parent > li > a { padding: 12px 0; border-bottom: 1px solid #eee; }
  body.offcanvas-open .sp-megamenu-parent { display: block; }
  #offcanvas-toggler { font-size: 22px; padding: 10px 0; }
}

/* Нижние секции из футера часто на цветном фоне — дадим немного отступов */
#sp-bottom { padding: 30px 0; }
.sp-copyright { display: block; text-align: center; color: #fff; margin: 20px 0; }

/* Плавный скролл при клике на якоря */
html { scroll-behavior: smooth; }

/* ===== HEADER ===== */
#sp-header{
  position: sticky;     /* не фиксированная, а «липкая» */
  top: 0;
  z-index: 1000;
  background:#fff;
}

/* основной контент всегда ниже шапки */
#euroMain{
  padding-top: var(--header-h, 96px); /* подстраивается из JS; есть дефолт */
}

/* косметика для меню/флагов, чтобы не прыгали */
#sp-header .sp-megamenu-parent{
  display:flex; gap:28px; align-items:center; justify-content:center;
}
#sp-header .mod-languages .lang-inline{ display:flex; gap:10px; margin:0; }
#sp-header .logo-image{ height:48px; width:auto; display:block; }
@media (min-width: 1200px){
  #sp-header .logo-image{ height:72px; }
}


/* ===== FOOTER / SPONSORS ===== */
#sp-bottom{
  background:#009cb4;
  color:#fff;
  padding: 46px 0 18px;
}
#sp-bottom .sppb-addon-title{
  color:#fff;
  font-weight:700;
  font-size:32px;
  text-align:center;
  margin: 0 0 22px;
}

/* равномерная сетка логотипов */
#sp-bottom .sppb-addon-single-image .sppb-img-responsive{
  height:44px; width:auto;
  background:#fff;
  border-radius:12px;
  padding:10px 16px;
  box-shadow: 0 3px 0 rgba(0,0,0,.1);
}

/* контейнеры у SP Page Builder часто шире — ограничим и центрируем */
#sp-bottom .sppb-container-inner,
#sp-bottom .page-content{
  max-width: 1200px;
  margin: 0 auto;
}

/* разделительная линия */
#sp-bottom .sppb-divider{
  border-bottom:1px solid rgba(255,255,255,.6)!important;
  max-width:1024px; margin:30px auto 0!important;
}

/* копирайт и ссылка cookie */
.sp-copyright{
  display:block; text-align:left; color:#fff; opacity:.9; margin-top:18px;
}
.sp-copyright a{ color:#f7a600; }


/* ===== HEADER / MENU (фикс «склеивания») ===== */
#sp-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);}
#sp-header .container,
#sp-header .container-inner{max-width:1200px;margin:0 auto;}
#sp-header .row{display:flex;align-items:center;justify-content:space-between;gap:24px;}
#sp-logo .logo a{display:inline-flex;align-items:center;}
#sp-logo .logo img{height:60px;width:auto;display:block;}

/* ВАЖНО: перешиваем bootstrap d-lg-block -> делаем ряд с отступами */
.sp-megamenu-parent.d-none.d-lg-block{
  display:inline-flex !important;   /* перебиваем .d-lg-block */
  align-items:center;
  gap:28px;                         /* расстояние между пунктами */
  list-style:none;
  margin:0;
  padding:0;
}
.sp-megamenu-parent.d-none.d-lg-block > li{
  display:inline-flex;
}
.sp-megamenu-parent.d-none.d-lg-block > li > a{
  display:block;
  padding:12px 0;
  text-decoration:none;
  color:#1a1a1a;
  white-space:nowrap;
  font-weight:500;
}
.sp-megamenu-parent.d-none.d-lg-block > li > a:hover{color:#009cb4;}

/* языки справа от меню */
.mod-languages .lang-inline{
  display:flex;gap:10px;margin:0 0 0 16px;padding:0;list-style:none;align-items:center;
}
.mod-languages .lang-inline img{width:20px;height:auto;display:block;}

/* мобильная версия: показываем бургер, прячем десктоп-меню */
#offcanvas-toggler{display:none!important;}
@media (max-width: 991.98px){
  #offcanvas-toggler{display:block!important;}
  .sp-megamenu-parent.d-none.d-lg-block{display:none!important;}
}


/* === HEADER: фикс сверху + меню справа, контент сдвигаем вниз === */
:root{ --euro-header-h: 72px; }          /* при необходимости подстрой высоту */

#sp-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--euro-header-h);
  z-index: 1000;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
}

#sp-header .container,
#sp-header .container-inner{height:100%;}
#sp-header .row{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

#sp-logo{flex:0 0 auto;}
#sp-logo .logo a{display:inline-flex;align-items:center;}
#sp-logo .logo img{height:60px;width:auto;display:block;}

#sp-menu{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;        /* меню вправо */
}

/* сам список пунктов меню (перебиваем bootstrap d-lg-block) */
.sp-megamenu-parent.d-none.d-lg-block{
  display:flex !important;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
}
.sp-megamenu-parent.d-none.d-lg-block > li{display:flex;}
.sp-megamenu-parent.d-none.d-lg-block > li > a{
  display:block;
  padding:8px 0;
  text-decoration:none;
  color:#1a1a1a;
  white-space:nowrap;
  font-weight:500;
}
.sp-megamenu-parent.d-none.d-lg-block > li > a:hover{color:#009cb4;}

/* языки справа от меню */
.mod-languages .lang-inline{
  display:flex; gap:10px; margin:0 0 0 16px; padding:0; list-style:none; align-items:center;
}
.mod-languages .lang-inline img{width:20px;height:auto;display:block;}

/* мобильная версия: показываем бургер, прячем десктоп-меню */
#offcanvas-toggler{display:none!important;}
@media (max-width: 991.98px){
  #offcanvas-toggler{display:block!important;}
  .sp-megamenu-parent.d-none.d-lg-block{display:none!important;}
}

/* сдвигаем страницу вниз на высоту фикс-шапки */
.euro-page, main, .site-content{
  padding-top: calc(var(--euro-header-h) + 20px);
}


/* ==== HEADER фиксируем сверху и кладём поверх всего ==== */
:root { --euro-header-h: 72px; }  /* при необходимости поменяй высоту */

#sp-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--euro-header-h);
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  z-index: 9999;                    /* поверх контента */
}

/* выстраиваем сетку шапки */
#sp-header .container,
#sp-header .container-inner{height:100%;}
#sp-header .row{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

#sp-logo{flex:0 0 auto;}
#sp-logo .logo a{display:inline-flex;align-items:center;}
#sp-logo .logo img{height:60px;width:auto;display:block;}

/* меню в одну строку */
#sp-menu{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;        /* ПО МАКЕТУ: справа.
                                      Хочешь по центру — поставь center */
}

/* перебиваем d-none/d-lg-block и раскладываем пункты в строку */
.sp-megamenu-parent.d-none.d-lg-block{
  display:flex !important;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
}
.sp-megamenu-parent.d-none.d-lg-block > li{display:flex;}
.sp-megamenu-parent.d-none.d-lg-block > li > a{
  display:block;
  padding:8px 0;
  text-decoration:none;
  color:#1a1a1a; white-space:nowrap; font-weight:500;
}
.sp-megamenu-parent.d-none.d-lg-block > li > a:hover{color:#009cb4;}

/* языки */
.mod-languages .lang-inline{
  display:flex; gap:10px; margin:0 0 0 16px; padding:0; list-style:none; align-items:center;
}
.mod-languages .lang-inline img{width:20px;height:auto;display:block;}

/* мобильная версия: показываем бургер, прячем десктоп-меню */
#offcanvas-toggler{display:none!important;}
@media (max-width: 991.98px){
  #offcanvas-toggler{display:block!important;}
  .sp-megamenu-parent.d-none.d-lg-block{display:none!important;}
}

/* ==== Сдвигаем основной контент ниже фикс-шапки ==== */
#euroMain{ padding-top: calc(var(--euro-header-h) + 20px); }