/* V15 - Mega menü ekran ortalama düzeltmesi
   Amaç: mega menüyü bozmadan viewport merkezine almak, sola dayanma hissini kaldırmak. */
@media (min-width: 821px){
  .cg-header,
  .cg-mainbar,
  .cg-mainbar-inner,
  .cg-nav{
    overflow: visible !important;
  }

  /* Mega menü artık nav item merkezine değil ekran merkezine hizalanır. */
  .cg-nav-item.cg-has-mega{
    position: static !important;
  }

  .cg-mega-wrap{
    position: fixed !important;
    top: 118px !important;
    left: 50vw !important;
    right: auto !important;
    width: min(1220px, calc(100vw - 84px)) !important;
    max-width: calc(100vw - 84px) !important;
    transform: translateX(-50%) translateY(10px) !important;
    z-index: 10020 !important;
  }

  .cg-has-mega:hover .cg-mega-wrap,
  .cg-has-mega:focus-within .cg-mega-wrap{
    transform: translateX(-50%) translateY(0) !important;
  }

  .cg-mega-panel{
    width: 100% !important;
    margin-inline: auto !important;
  }

  /* Menü ile mega panel arasında boşluk hissi oluşmasın. */
  .cg-mega-wrap::before{
    top: -22px !important;
    height: 22px !important;
  }
}

@media (min-width: 821px) and (max-width: 1280px){
  .cg-mega-wrap{
    width: calc(100vw - 56px) !important;
    max-width: calc(100vw - 56px) !important;
  }

  .cg-mega-panel{
    padding: 24px !important;
  }

  .cg-mega-card{
    grid-template-columns: 64px 1fr !important;
    gap: 15px !important;
  }
}

@media (max-width: 820px){
  .cg-mega-wrap{
    display: none !important;
  }
}