/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

body {
  font-size:16px;
  background:#fff;
  color:#333;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:600;
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
}

a {color:#1e69b2; text-decoration:none; transition: all 0.5s linear 0s;}
a:hover {color:#154f80; text-decoration:none;}
.link_dotted {display:inline-block; border-bottom: 1px dotted #fff;}
.link_dotted:hover {border-bottom: 1px dotted #c09d75;}
p {margin:0 0 5px;}
.btn-alan {background: #1e69b2; color:#fff; padding: 8px 12px; transition: all 0.5s linear 0s; border-radius:4px;}
.btn-alan:hover {background:#154f80; color:#fff;}
.small {font-size:1em !important;}

/* --- СТАРАЯ ШАПКА, ЧАСТЬ ВЕЩЕЙ ЕЩЁ ИСПОЛЬЗУЕТСЯ --- */
.bg-dark {background: none !important;}
.content-header {background:transparent;}
.content-header .container {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:4px;
}

/* старый логотип (внутри контента, не в новой шапке) */
.logo {
  display:block;
  width:180px;
  height:70px;
  background:url("../images/logo.png") no-repeat center left;
  background-size:contain;
}

/* Search */
.moduletable._search {position:absolute; right:.75rem; top:6px;}
.mod-finder__search .awesomplete > input {width:260px; border:none; border-radius:3px 0 0 3px;}
.mod-finder__search .btn-primary, .mod-finder__search .btn-primary:hover {background:#fff; border:none;}
.mod-finder__search .icon-search:before {color:#1e69b2; }
.mod-finder__search .icon-search:hover:before {color:#154f80;}
.com-finder__form .icon-search:before {color:#fff; }
.com-finder__form .icon-search:hover:before {color:#fff;}
.com-finder__form .btn-primary {background:#1e69b2; border:none;}
.com-finder__form .btn-primary:hover {background:#154f80; border:none;}
.mod-finder__search button[type="submit"] {margin-bottom:0;}
.input-group {flex-wrap:nowrap;}

.breadcrumbs {font-size:80%; color:#b3b3b3;}
.breadcrumbs a, .breadcrumb-item.active {color:#b3b3b3;}
.breadcrumbs a:hover {color:#c09d75;}
.mainpage .breadcrumbs {}
.px-3 {padding-left:0 !important;}
.float-start, span.divider.icon-location.icon-fw::before {display:none;}

h1 {text-align:center; margin-bottom:50px; font-size:50px;}
.mainheader h1 {margin-top:40px;}

.sidebar {padding-right:36px;}
.sidebar h3 {margin-bottom:26px;}

.leftmenu {padding-right:36px; margin-bottom:24px;}
.leftmenu li {background:#1e69b2; margin-bottom:1px; padding:0;}
.leftmenu li a {display:block; color:#fff; text-transform: uppercase; text-decoration: none; padding:12px 14px;}
.leftmenu li a:hover {background:#154f80;}

main {}
.item-page, .category-desc {text-align:justify;}
.mainpage .siteBody .container {}
.siteBody .container {margin-bottom:32px;}
.site .row>* {padding:0;}
.row {margin-left: 0 !important; margin-right: 0 !important;}

.blog-featured h1 {text-align:center; margin:0; padding:40px 20px;}

/* ====== БЛОГИ / КАРТОЧКИ ====== */

/* Блог на главной: три карточки с overlay */
.mainpage .blog-items {
  width:100%;
  grid-gap:0;
  margin:0;
  display:flex;
  justify-content: space-between;
}

.mainpage .blog-item {
  width:32%;
  height:auto;
  margin-bottom:30px;
  display:flex;
  flex-direction:column;
  position:relative;
}

.mainpage .blog-item h2 {font-size:28px;}

.blog-item .item-image {
  margin:0;
  overflow:hidden;
  position:relative;
  width:100%;
}

.mainpage .blog-item .item-content {
  position:absolute;
  display: block;
  width: 100%;
  background: rgba(30,105,178,0.7);
  bottom:0;
  padding:4px 12px;
  transition: all 0.5s linear 0s;
}

.mainpage .blog-item:hover .item-content {background: rgba(30,105,178,1);}
.mainpage .blog-item img {min-width:100%; transition: all 0.5s linear 0s;}
.mainpage .blog-item:hover img {transform:scale(1.05);}
.mainpage .blog-item .item-content a {color:#fff; display: block;}

/* Карточки «специалисты» – отдельная сетка */
.specialist .blog-items {
  display:flex;
  justify-content:center;
  grid-gap:0;
  margin:0;
}
.specialist .blog-item {
  width:26%;
  height:auto;
  margin:0 0.5% 24px 0.5%;
  display:flex;
  text-align: center;
}
.specialist .blog-item .item-image {margin:0; min-width:100%;}
.specialist .blog-item .item-image img {
  width:60%;
  transition: all 0.5s linear 0s;
  border-radius:50%;
  margin: 0 auto;
  display:block;
}
.specialist .blog-item .item-content h2 {
  font-size:32px;
  margin:12px 0;
}

/* Полный материал: картинка слева */
.com-content-article figure img {
  float:left;
  max-width:50%;
  margin-right: 12px;
}

/* Прочие блоки (галерея, футер, формы и т.п.) */

.image-row {display:flex; flex-wrap:wrap; gap:24px;}
.image-row > a {flex: 1 1 auto; height: 400px;  cursor:pointer; position:relative;}
.image-row::after {content: ""; flex-grow: 999;}
.image-row a img {object-fit:cover; width:100%; height:100%; vertical-align:middle;}
.image-row a img:hover {opacity:0.9;}

.mainbottom {display: flex; flex-direction: row; justify-content: space-between;}
.moduletable._callback {width:49%; padding:26px 28px 14px; margin:24px 0; background:#e9f5f5; border-radius:4px;}
.moduletable._yacard {width:49%; margin:24px 0; border-radius:4px;}

/* Tabs & Sliders */
div.jwts_toggleControlContainer a.jwts_toggleControl {font-size: 25px !important;}
div.jwts_toggleControlContainer a.jwts_toggleOn {border-bottom:none !important;}
.jwts_content {font-size:16px; padding:0 !important;}
.jwts_content table {width:100%;}
.jwts_content table tr:nth-child(odd) {background:#fdfdfd;}
.jwts_content table tr:hover {background:#e9f5f5;}
.jwts_content table td {border:1px solid #ccc; font-size:110%; padding:6px;}
.jwts_toggleControlNotice {display:none !important;}

/* ------------ ФУТЕР ------------- */
.topfooter {
  background:#e9f5f5;
  width:100%;
  padding:18px;
  text-transform: uppercase;
  font-size:20px;
  text-align: center;
}
.topfooter span {
  display: inline-block;
  margin-right: 18px;
  font-size: 120%;
}
.topfooter p {margin:0;}

footer.footer {
  background:#154f80 !important;
  color: #fff;
  padding-top: 28px !important;
}

/* три колонки в футере */
footer .container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

footer .moduletable {
  box-sizing:border-box;
  flex:0 0 calc(33.333% - 20px);
  margin:0 0 24px 0;
}

/* меню внутри футера: ссылки столбиком */
footer .navbar-nav {
  display:flex;
  flex-direction:column;
  margin:0 0 12px 0;
  padding:0;
  list-style:none;
}

footer .navbar-nav .nav-link {
  padding:2px 0;
}

footer .navbar-nav .nav-link a {
  padding:0;
}

/* блок "Мы в соцсетях" */
footer .footer-social h3 {
  font-size:16px;
  margin:0 0 8px;
}

footer .footer-social {
  display:flex;
  flex-direction:column;
  gap:6px;
}

footer .footer-social__item {
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

footer .footer-social__item img {
  width:40px;
  height:40px;
  object-fit:contain;
  border-radius:50%;
  background:#fff;
  padding:4px;
}

footer .footer-social__item span {
  font-size:13px;
}

footer .footer-social__item:hover {
  opacity:0.8;
}

/* ссылки в футере */
footer a {
  color:#fff;
}
footer a:hover {
  color:#fff;
  opacity:0.6;
}

/* скрыть старый callback‑модуль, если он есть в футере */
footer .moduletable._call {
  display:none;
}

/* нижняя строка с копирайтом */
.disclaimer {
  width: 100%;
  text-align:center;
  opacity:0.7;
  font-size: 90%;
  padding-top:20px;
  border-top:1px solid #fff;
}
.disclaimer p {margin:0;}

/* Modals */
.modal-buttons div {display:flex; justify-content: center; flex-wrap: wrap;}
.modal-buttons h3 {text-align:center; margin-bottom:24px;}
.modal-button {font-size:120%; background: #1e69b2; color:#fff; padding:8px 32px; margin:4px 8px; text-align: center; text-transform: uppercase; transition: all 0.5s linear 0s; border-radius: 4px; display: block;}
.modal-button:hover {background: #154f80; color: #fff;}

/* Callback Contacts */
.moduletable_call h3 {display:none;}
.moduletable._call {margin-bottom:32px;}
.simplecallback_call h3 {margin-bottom:18px; }
.simplecallback-overlayed {padding:20px !important; border-radius:5px !important; max-width:none; color:#666;}
.simplecallback_call .control-group label {position:relative; display:block; text-align:left;}
span.needreq {color:#e10d10; top:2px;}
#simplecallback-90 span.needreq {position:absolute; left:-10px; margin-top:12px;}
.simplecallback_call input {border:1px solid #ccc; padding:4px 10px; height:40px; line-height:32px; font-size:14px; width:100%; margin-bottom:6px; color:#666; font-family:'Montserrat', sans-serif;}
.simplecallback_call textarea {border:1px solid #ccc; padding:4px 10px; font-size:14px; width:100%; height: 100px; color:#666; font-family:'Montserrat', sans-serif;}
.simplecallback_call input:focus {background:rgba(255,255,255,1);}
.simplecallback_call button {border:none; margin-top:12px; text-transform:uppercase; text-decoration:none; padding:16px; background:#1e69b2; color:#fff; cursor:pointer; transition: all 0.5s linear 0s;}
.simplecallback_call button:hover {background:#154f80; color:#fff;}
.beforeformtext {font-size:120%; margin-bottom: 20px;}
.zakonrf {padding:0 !important; min-height:30px; margin:6px 0 0;}
.zakonrf a {font-size:80%;}
.zakonrf label {width:100%;}
.simplecallback_call input[name="zakonrf"] {width:18px !important; height: 18px !important; display:block; float: left; margin-left: 0;}
input[name="zakonrf"] + small {margin-left: 0;}
.ldivob .textlabel, .ldivob label {display:inline;}
.control-group.city {padding:0;}
.simplecallback-close {line-height:0.8; background:none !important;}
.simplecallback-close:hover {color:#fff;}
#simplecallback-127 .textlabel {display:none;}
.moduletable.callbackcenter {margin-left: auto; margin-right: auto;}

/* Responsive */
@media (max-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {max-width:100%;}
}
@media screen and (max-width: 1260px){
  .container {width:100%; max-width:1200px;}
  main {padding-top:0px;}
  .mainbottom .blog, .news {flex-wrap: wrap;}
  .content-header .container {display: block;}
  .maincategory {width:100%; margin-bottom:40px;}
  .competencies {padding:16px 0;}
  .competency {width:100%; margin-bottom:22px;}
  .material {display:block;}
  .material-left, .material-right {width:100%;}
  .material-left {margin-bottom:24px;}
}
@media screen and (max-width: 1100px){
  .topbutton a {display:block;}
}
@media screen and (max-width: 900px){
  .container {width:100%; max-width:100%;}
  .mainbottom .blog .items-row,
  .mainpage .blog-item,
  .mfp_default_item {width:100%; margin:0 0 22px;}
  .mainpage .blog-item {flex-direction:column;}
  .mainpage .blog-item .item-image,
  .mainpage .blog-item .item-content {width:100%; margin-bottom:16px;}
  .mainpage .blog-item .item-content h2 {font-size: calc(1.375rem + 1.5vw);}
  .specialist .blog-item {width:46%;}
  .item-page, .category-desc {text-align:left;}

  footer .container {
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  footer .moduletable {
    flex:0 0 100%;
    margin:0 0 12px 0;
  }
}
@media screen and (max-width: 800px){
  .topbutton {position: fixed; top:0; left:-12px; right:-12px; z-index: 10000;}
  .topbutton a {position:absolute; top:0; margin: 0; border:none; border-radius:0; width:50%; line-height:32px; color:#fff; text-align:center;}
  .topbutton a:hover {border:none; color:#fff;}
  .topbutton a.left {left:0; background-color:#e31e24;}
  .topbutton a.right {left:50%; background-color:#1e69b2;}
  .topbutton a.left:hover {background-color:#b72226;}
  .topbutton a.right:hover {background-color:#154f80;}
  .top-soc-button {position:absolute; left:40%; top:84px;}
  .topadres {position:absolute; top:48px; right:12px;}
  .mainbottom {flex-direction: column;}
  .moduletable._call, .moduletable._yacard {width:100%; margin:12px auto;}
}
@media screen and (max-width: 600px){
  h1 {font-size:36px;}
  .container {width:100%; max-width:100%;}
  .topbutton a {font-size:14px;}
  .top-soc-button {left:auto; right:12px; top:66px; margin:0;}
  .topadres {top:120px; left:12px; right:auto;}
  .topadres a {color:#1e69b2;}
  .topadres .mobile-number {font-size: 160%}
  .topadres .city-number, .topadres .time, .topadres .place {display:none;}
  .mod-finder__search .awesomplete > input {width:200px;}
  .specialist .blog-item {width:100%;}
}

/* === МЕГА-МЕНЮ "Все направления" === */
.mega-wrap {
  display:flex;
  align-items:flex-start;
  gap:32px;
  padding:24px 32px;
  background:#ffffff;
  box-shadow:0 16px 40px rgba(15,35,52,0.18);
  border-radius:16px;
  min-width:720px;
  max-width:1100px;
  z-index: 9999 !important;
  position:absolute !important;
}

.mega-tabs {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:220px;
  border-right:1px solid #e4ecf5;
  padding-right:16px;
}

.mega-tabs button {
  display:block;
  width:100%;
  text-align:left;
  padding:12px 16px;
  border:none;
  background:transparent;
  cursor:pointer;
  font-family:"Montserrat", sans-serif;
  font-size:14px;
  color:#154f80;
  border-radius:8px;
  transition:background .2s ease;
}

.mega-tabs button:hover,
.mega-tabs button.active {
  background:#e1ecff;
  color:#1e69b2;
  font-weight:600;
}

.mega-panels {
  flex:1;
  display:block;
}

.mega-panel {display:none;}
.mega-panel.active {display:block !important;}

.mega-list {
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
}

.mega-list li {
  margin-bottom:8px;
  position:relative;
}

.mega-list li a {
  color:#154f80;
  text-decoration:none;
  display:block;
  padding:8px 0;
  font-size:14px;
}

.mega-list li a:hover {color:#1e69b2;}

.mega-list .mega-sub {
  display:none;
  margin-left:20px;
  padding-left:10px;
  border-left:2px solid #e1ecff;
}

.mega-list li:hover .mega-sub,
.mega-list li.active .mega-sub {
  display:block !important;
}

/* Классы и группы в мегаменю: синие "пилюли" */
.mega-grades--grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 8px;
}

.mega-grades--grid a,
.mega-grades--grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  color: #1e69b2;
  background: #f0f6ff;
  border: 1px solid rgba(30, 105, 178, 0.25);
  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.mega-grades--grid a:hover {
  background: #1e69b2;
  color: #ffffff;
  transform: translateY(-1px);
}

/* === НОВАЯ ШАПКА EDUCON-СТИЛЬ (УПОРЯДОЧЕННАЯ ВЕРСИЯ) === */

/* верхняя полоса */
.edu-header-top {
  background: #ffffff;
  border-bottom: 1px solid #e9eef5;
}

.edu-header-top__row {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
}

/* логотип слева */
.edu-header-top__logo {
  flex: 0 0 auto;
  min-width: 150px;
}

.logo.navbar-brand {
  display: block;
  width: 150px;
  height: 56px;
  background: url('/images/1logo SAM.png') no-repeat left center;
  background-size: contain;
  text-decoration: none;
}

/* правая линия: соцсети + телефон + кнопки */
.edu-header-top__right-line {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  flex-wrap: nowrap;
}

/* модуль tophead */
.edu-header-top__social {
  flex: 0 1 auto;
  min-width: 0;
}

.edu-header-top__social .moduletable {
  margin: 0;
}

/* контейнер модуля: 2 иконки + телефон */
.tophead-bar {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* круглые иконки соцсетей */
.tophead-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 2px rgba(30,105,178,0.2);
  flex: 0 0 auto;
}

.tophead-icon img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: contain;
}

/* крупный телефон */
.tophead-phone {
  font-size: 18px;
  font-weight: 600;
  color: #154f80;
  text-decoration: none;
  white-space: nowrap;
}

.tophead-phone:hover {
  color: #1e69b2;
}

/* кнопки справа */
.edu-header-top__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.edu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  transition: 0.2s ease;
  white-space: nowrap;
  flex: 0 0 auto;
}

.edu-btn--outline {
  background: #ffffff;
  color: #1e69b2;
  border-color: #1e69b2;
}

.edu-btn--outline:hover {
  background: #1e69b2;
  color: #ffffff;
}

.edu-btn--primary {
  background: #1e69b2;
  color: #ffffff;
}

.edu-btn--primary:hover {
  background: #154f80;
  color: #ffffff;
}

/* меню под шапкой */
.edu-header-menu {
  background: #ffffff;
  border-bottom: none;
}

.edu-header-menu > .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  background: transparent;
  border-bottom: none;
}

/* убираем щель под меню */
.edu-header-menu,
.edu-header-menu > .container,
.header-menu,
.header-menu .moduletable,
.header-menu .mod-menu,
#jux-easy-megamenu-170,
#jux-easy-megamenu-170 .jux-easy-megamenu {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* контейнер меню */
.header-menu {
  display: block;
  width: 100%;
  min-width: 0;
}

.header-menu .moduletable,
.header-menu .mod-menu {
  margin: 0;
  width: 100%;
}

/* главное меню JUX */
#jux-easy-megamenu-170 {
  width: 100%;
  padding: 0 !important;
}

#jux-easy-megamenu-170 .jux-easy-megamenu {
  width: 100%;
}

/* список пунктов */
#jux-easy-megamenu-170 .meganav.level0.jux-nav {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap !important;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* пункты верхнего уровня */
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}

/* ссылки верхнего уровня — высота уменьшена */
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 8px 16px !important;
  color: #fff;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  border-right: 1px solid rgba(255,255,255,.15);
  box-sizing: border-box;
  transition: 0.25s ease;
}

#jux-easy-megamenu-170 .meganav.level0.jux-nav > li:last-child > a {
  border-right: 0;
}

#jux-easy-megamenu-170 .meganav.level0.jux-nav > li > a:hover,
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li.active > a {
  background: #2f64ae;
  color: #fff;
}

/* внутренности пункта */
#jux-easy-megamenu-170 .jux-menu-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  width: 100%;
  padding: 0;
  min-height: auto;
}

#jux-easy-megamenu-170 .jux-menu-item-title {
  display: block;
  white-space: nowrap;
}

#jux-easy-megamenu-170 .jux-caret {
  flex: 0 0 auto;
  margin-left: 2px;
}

/* ---------- HERO ---------- */
.hero {
  margin-top: 0 !important;
  padding: 56px 16px 64px;
}

.hero__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* --- Нижний бар с логотипами (ЧПОУ «СРШ…» — 2026) --- */
footer #mod-custom178 {
  width: 100%;
  display: flex;
  justify-content: center;
}

footer #mod-custom178 .megafooter-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 0;
  font-size: 13px;
  opacity: 0.9;
  text-align: center;
}

footer #mod-custom178 .megafooter-bar__logos img {
  max-width: 72px;
  max-height: 32px;
  object-fit: contain;
}

/* адаптив для новой шапки и hero */
@media (max-width: 1260px) {
  .edu-header-top__row,
  .edu-header-menu > .container,
  .hero__inner {
    max-width: 1200px;
  }

  .edu-header-top__right-line {
    gap: 14px;
  }

  .tophead-bar {
    gap: 10px;
  }

  .tophead-phone {
    font-size: 16px;
  }

  .edu-btn {
    padding: 8px 14px;
    font-size: 13px;
  }

  #jux-easy-megamenu-170 .meganav.level0.jux-nav > li > a {
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 1140px) {
  .edu-header-top__right-line {
    gap: 10px;
  }

  .tophead-phone {
    font-size: 15px;
  }

  .edu-btn {
    padding: 7px 12px;
    font-size: 12px;
  }

  #jux-easy-megamenu-170 .meganav.level0.jux-nav > li > a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}

/* планшет / мобила */
@media (max-width: 900px) {
  .edu-header-top__row {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .edu-header-top__logo {
    flex: 0 0 100%;
  }

  .edu-header-top__right-line {
    flex: 0 0 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .hero {
    padding: 40px 16px 48px;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
}

@media (max-width: 600px) {
  .hero {
    padding: 32px 14px 40px;
  }
}

#jux-easy-megamenu-170 .meganav.level0.jux-nav > li > a {
  min-height: auto !important;
  padding: 10px 18px !important;
  white-space: nowrap;
}
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li:hover > a,
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li.active > a,
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li.open > a,
#jux-easy-megamenu-170 .meganav.level0.jux-nav > li.hasChild:hover > a {
  background: #2f64ae !important;
  color: #fff !important;
}
#jux-easy-megamenu-170 .jux-caret {
  font-size: 0.7em;
  margin-left: 2px;
  line-height: 1;
  vertical-align: -0.08em;
}

/* === Новости: сетка 3 в ряд по реальным классам === */

/* Общая сетка блога-категории */
.com-content-category-blog.blog .com-content-category-blog__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -0.5%;
}

.com-content-category-blog.blog .com-content-category-blog__item {
  box-sizing: border-box;
  width: 32%;
  margin: 0 0.5% 24px;
  display: flex;
  flex-direction: column;
}

/* Картинка и контент на всю ширину карточки */
.com-content-category-blog.blog .com-content-category-blog__item .item-image,
.com-content-category-blog.blog .com-content-category-blog__item .item-content {
  width: 100%;
}

/* Ховер по картинке */
.com-content-category-blog.blog .com-content-category-blog__item .item-image img {
  width: 100%;
  transition: all 0.5s linear 0s;
}

.com-content-category-blog.blog .com-content-category-blog__item .item-image:hover img {
  transform: scale(1.05);
}

/* Заголовок и дата */
.com-content-category-blog.blog .com-content-category-blog__item .item-content h2 {
  font-size: 22px;
  margin: 12px 0;
}

.com-content-category-blog.blog .published {
  font-size: 80%;
  color: #959595;
}

/* Адаптив новостей */
@media (max-width: 1100px) {
  .com-content-category-blog.blog .com-content-category-blog__item {
    width: 48%;
    margin: 0 1% 20px;
  }
}

@media (max-width: 900px) {
  .com-content-category-blog.blog .com-content-category-blog__item {
    width: 100%;
    margin: 0 0 18px;
  }
}

/* Усиление именно для страницы /o-nas/novosti (body.page-o-nas.novosti) */
body.page-o-nas.novosti .com-content-category-blog.blog .com-content-category-blog__items {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  margin: 0 -0.5% !important;
}

body.page-o-nas.novosti .com-content-category-blog.blog .com-content-category-blog__item {
  box-sizing: border-box !important;
  width: 32% !important;          /* три в ряд */
  margin: 0 0.5% 24px !important;
  display: flex !important;
  flex-direction: column !important;
}