/* =========================================================
   AIO RESISPAR · MEGA MENU COMPACTO
   Mantém estrutura atual, reduz proporção e altura dos itens.
   ========================================================= */

@media (min-width:768px){

  .aio-main-categories{
    position:relative;
  }

  .aio-main-categories .aio-mega-panel{
    left:0 !important;
    right:auto !important;
    width:min(1040px, calc(100vw - 48px)) !important;
    min-height:440px !important;
    height:auto !important;
    max-height:min(560px, calc(100vh - 145px)) !important;
    grid-template-columns:minmax(270px, 34%) minmax(0, 66%) !important;
    border-radius:0 0 10px 10px !important;
  }

  /* Coluna esquerda */
  .aio-mega-left-scroll{
    max-height:min(560px, calc(100vh - 145px)) !important;
    padding:10px 8px 12px !important;
  }

  .aio-mega-category{
    grid-template-columns:34px minmax(0,1fr) 18px !important;
    gap:7px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:4px 9px 4px 8px !important;
    border-radius:7px !important;
    font-size:12.5px !important;
    line-height:1.15 !important;
  }

  .aio-cat-icon{
    width:31px !important;
    height:31px !important;
  }

  .aio-cat-icon img{
    max-width:24px !important;
    max-height:24px !important;
  }

  .aio-cat-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .aio-cat-arrow{
    width:16px !important;
    height:16px !important;
  }

  /* Coluna direita */
  .aio-mega-pane{
    padding:17px 20px 16px !important;
  }

  .aio-mega-heading{
    min-height:42px !important;
    padding:0 6px 11px !important;
    gap:12px !important;
  }

  .aio-mega-heading h3{
    font-size:clamp(19px,1.6vw,25px) !important;
    line-height:1.1 !important;
  }

  .aio-see-all{
    gap:6px !important;
    font-size:12.5px !important;
  }

  .aio-see-all svg{
    width:18px !important;
    height:18px !important;
  }

  .aio-mega-subcategories{
    padding:0 6px 7px !important;
  }

  .aio-mega-subcategory{
    gap:12px !important;
    min-height:38px !important;
    padding:5px 8px 5px 10px !important;
    font-size:12.5px !important;
    line-height:1.15 !important;
  }

  .aio-mega-subcategory svg{
    width:16px !important;
    height:16px !important;
  }

  .aio-mega-subcategory:hover,
  .aio-mega-subcategory:focus-visible{
    padding-left:13px !important;
  }

  /* Bloco de ajuda inferior */
  .aio-mega-help{
    grid-template-columns:42px minmax(0,1fr) 18px !important;
    gap:10px !important;
    min-height:72px !important;
    margin:9px 6px 0 !important;
    padding:10px 13px !important;
    border-radius:8px !important;
  }

  .aio-mega-help-icon{
    width:42px !important;
    height:42px !important;
  }

  .aio-mega-help-icon svg{
    width:25px !important;
    height:25px !important;
  }

  .aio-mega-help-copy strong{
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .aio-mega-help-copy small{
    font-size:11px !important;
    line-height:1.3 !important;
  }

  .aio-mega-help-arrow{
    width:16px !important;
    height:16px !important;
  }
}

/* Em notebooks menores, comprime mais um pouco para nunca escapar da tela. */
@media (min-width:768px) and (max-width:1280px){
  .aio-main-categories .aio-mega-panel{
    width:min(940px, calc(100vw - 30px)) !important;
    min-height:410px !important;
    max-height:min(520px, calc(100vh - 132px)) !important;
    grid-template-columns:minmax(245px, 33%) minmax(0, 67%) !important;
  }

  .aio-mega-left-scroll{
    max-height:min(520px, calc(100vh - 132px)) !important;
  }

  .aio-mega-category{
    min-height:37px !important;
    font-size:12px !important;
  }

  .aio-mega-subcategory{
    min-height:35px !important;
    font-size:12px !important;
  }

  .aio-mega-pane{
    padding:14px 16px 13px !important;
  }
}