/* IndoMarket UAE Phase 65 — Wide category submenu */
@media (min-width: 761px){
  .site-nav-modern .nav-modern-menu.category-menu:not(.nav-help-menu){
    position: static;
  }

  .site-nav-modern .nav-category-popover{
    left: 50%;
    width: min(1080px, calc(100vw - 52px));
    max-height: none;
    overflow: visible;
    padding: 18px;
    transform: translateX(-50%);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(8, 46, 71, .16);
  }

  .site-nav-modern .nav-category-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .site-nav-modern .nav-category-item{
    grid-template-columns: 44px minmax(0, 1fr) 16px;
    min-height: 66px;
    padding: 11px 12px;
    border-color: rgba(8, 46, 71, .055);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
  }

  .site-nav-modern .nav-category-item:hover{
    border-color: rgba(216, 168, 97, .42);
    background: linear-gradient(135deg, #fff9ec, #f5fbf7);
    box-shadow: 0 12px 26px rgba(8, 46, 71, .075);
  }

  .site-nav-modern .nav-category-icon{
    width: 44px;
    height: 44px;
    border-radius: 15px;
    font-size: 1.25rem;
  }

  .site-nav-modern .nav-category-item strong{
    max-width: 100%;
    font-size: .84rem;
    line-height: 1.22;
  }

  .site-nav-modern .nav-category-item small{
    font-size: .70rem;
  }
}

@media (min-width: 761px) and (max-width: 1040px){
  .site-nav-modern .nav-category-popover{
    width: min(900px, calc(100vw - 36px));
    padding: 14px;
  }

  .site-nav-modern .nav-category-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .site-nav-modern .nav-category-item{
    min-height: 62px;
    padding: 10px;
  }
}

@media (max-width: 760px){
  .site-nav-modern .nav-category-popover{
    overflow-y: auto;
  }
}