.my-mega-wrap { position: relative; }
.my-mega {
  position: absolute;
  left: 0;
  top: 100%; /* появится сразу под хедером внутри ZeroBlock — подстройте при необходимости */
  width: 100%;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  display: flex;
  padding: 30px 60px;
  z-index: 9999;
  box-sizing: border-box;
  font-family: "PT Sans", Arial, sans-serif;
}

/* левая колонка — иконки + пункт */
.mega-left { width: 35%; border-right: 1px solid #eee; padding-right: 30px; box-sizing: border-box; }
.mega-cat {
  display: flex;
  align-items: center;
  color: #8b97a6;
  text-decoration: none;
  padding: 14px 0;
  transition: color .15s;
  position: relative;
}
.mega-cat img { width: 26px; height: auto; margin-right: 14px; opacity: .6; }
.mega-cat span { font-weight: 700; letter-spacing: .02em; font-size: 13px; }
.mega-cat .mega-arrow { margin-left: auto; color:#0b4a9e; font-size:22px; opacity:0.25; transition: opacity .15s, transform .15s; }

/* выделение активного пункта */
.mega-cat.active { color: #0b4a9e; }
.mega-cat.active img { opacity: 1; }
.mega-cat.active .mega-arrow { opacity: 1; transform: translateX(4px); }

/* правая колонка — список подкатегорий */
.mega-right { width: 65%; padding-left: 30px; box-sizing: border-box; display: flex; flex-direction: column; }
.mega-col { display: block; }
.mega-col a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px dashed #f0f0f0;
  font-size: 14px;
}
.mega-col a:hover { color: #0b4a9e; }

.mega-cta {
  margin-top: 18px;
  padding: 12px;
  background: #f2f7fb;
  width: fit-content;
}
.mega-cta a { color: #0b4a9e; font-weight:700; text-decoration:none; }

/* скрыть на мобайл — покажем по клику (ниже) */
@media screen and (max-width: 900px) {
  .my-mega { position: static; display: block; padding: 12px; box-shadow: none; }
  .my-mega { background: #fff; }
  .mega-left { width: 100%; border-right: none; padding-right: 0; }
  .mega-cat { justify-content: flex-start; padding: 12px 0; }
  .mega-right { width: 100%; padding-left: 0; margin-top: 10px; }
  .mega-col { display: none; }
  .mega-col.open { display: block; }
}
