/* =========================================================
   IO PARFUM — HERO DENTRO DO MESMO CONTAINER DO SITE v3.6.3
   Faz o banner usar exatamente a mesma largura dos blocos abaixo.
   ========================================================= */

.pa-hero-wrap{
  margin-top:14px !important;
  margin-bottom:28px !important;
}

.pa-hero-wrap .pa-hero-carousel{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.home .pa-hero-carousel + #categorias{
  padding-top:0 !important;
}

/* O respiro agora vem do wrapper, não do próprio hero. */
@media(min-width:1025px){
  .pa-hero-wrap{
    width:min(calc(100% - 40px), var(--pa-max)) !important;
    max-width:var(--pa-max) !important;
  }
  .pa-hero-wrap .pa-hero-carousel{
    height:min(var(--pa-hero-carousel-desktop-height,500px), 430px) !important;
  }
}

@media(min-width:769px) and (max-width:1024px){
  .pa-hero-wrap{
    width:min(calc(100% - 40px), var(--pa-max)) !important;
    max-width:var(--pa-max) !important;
    margin-top:12px !important;
    margin-bottom:24px !important;
  }
}

@media(max-width:768px){
  .pa-hero-wrap{
    width:calc(100% - 20px) !important;
    max-width:none !important;
    margin-top:12px !important;
    margin-bottom:20px !important;
  }
  .pa-hero-wrap .pa-hero-carousel{
    height:var(--pa-hero-carousel-mobile-height,330px) !important;
  }
}