/* =========================================================
   IO PARFUM — CONTAINER GLOBAL v3.6.4
   Um único alinhamento horizontal para todo o site.
   ========================================================= */

@media(min-width:1025px){
  :root{
    --pa-max:1220px !important;
    --pa-desktop-gutter:40px;
  }

  /* Base única para todos os containers reais. */
  .pa-container,
  .site-header .pa-container,
  .site-header .pa-header-main,
  .site-header .pa-nav-inner,
  .pa-hero-wrap{
    width:min(calc(100% - (var(--pa-desktop-gutter) * 2)), var(--pa-max)) !important;
    max-width:var(--pa-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Como o hero já está dentro de .pa-container, não pode aplicar
     uma segunda redução de largura. */
  .pa-hero-wrap{
    width:min(calc(100% - (var(--pa-desktop-gutter) * 2)), var(--pa-max)) !important;
  }

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

  /* Header principal fica preso exatamente às mesmas linhas. */
  .site-header .pa-header-main{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .site-header .pa-logo{
    justify-self:start !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }

  .site-header .pa-logo .custom-logo-link{
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .site-header .pa-header-actions{
    justify-self:end !important;
    margin-right:0 !important;
    padding-right:0 !important;
  }

  /* Menu usa exatamente a mesma caixa do header/hero. */
  .site-header .pa-nav-inner{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Seções e footer seguem o mesmo eixo. */
  .pa-section > .pa-container,
  .pa-content.pa-container,
  .pa-commerce-page > .pa-container,
  .site-footer > .pa-container,
  .site-footer .pa-container{
    width:min(calc(100% - (var(--pa-desktop-gutter) * 2)), var(--pa-max)) !important;
    max-width:var(--pa-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Hero: mesma largura, sem compensações próprias antigas. */
  body.home .pa-hero-carousel{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Notebook/tablet horizontal: ainda usa um único eixo,
   mas sem desperdiçar tanto espaço lateral. */
@media(min-width:769px) and (max-width:1024px){
  :root{
    --pa-tablet-gutter:24px;
  }

  .pa-container,
  .site-header .pa-container,
  .site-header .pa-header-main,
  .site-header .pa-nav-inner,
  .pa-hero-wrap,
  .pa-section > .pa-container,
  .site-footer > .pa-container,
  .site-footer .pa-container{
    width:calc(100% - (var(--pa-tablet-gutter) * 2)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

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

/* Mobile preserva o sistema que já vinha funcionando. */
@media(max-width:768px){
  .pa-hero-wrap .pa-hero-carousel{
    width:100% !important;
    max-width:100% !important;
  }
}