/* LAGGU Rev89 — ajuste responsivo das páginas internas.
   A home mantém integralmente os estilos e enquadramentos aprovados. */
@media screen {
  html { max-width:100%; }
  body:not(.v2-home) { max-width:100%; overflow-x:clip; }
  body:not(.v2-home) img, body:not(.v2-home) video, body:not(.v2-home) iframe { max-width:100%; }
  body:not(.v2-home) .container { max-width:calc(100% - 36px); }
  body:not(.v2-home) .product-grid, body:not(.v2-home) .gallery,
  body:not(.v2-home) .product-info, body:not(.v2-home) .v2-products > *,
  body:not(.v2-home) .v2-product { min-width:0; }
  body:not(.v2-home) .product-info h1,
  body:not(.v2-home) .v2-category-hero h1 { overflow-wrap:break-word; }
}
/* Laptops e monitores menores: reduzem espaços sem reduzir o site por zoom. */
@media screen and (min-width:761px) and (max-width:1366px) {
  body:not(.v2-home) .container { width:min(calc(100% - 7vw),1240px); }
  body:not(.v2-home) .product-grid { gap:clamp(22px,3.4vw,48px)!important; }
  body:not(.v2-home) .product-info h1 { font-size:clamp(32px,3.6vw,58px)!important; line-height:1.08!important; }
  body:not(.v2-home) .v2-category-hero { padding-left:clamp(18px,4vw,60px); padding-right:clamp(18px,4vw,60px); }
  body:not(.v2-home) .laggu-header { padding-left:clamp(16px,3vw,48px); padding-right:clamp(16px,3vw,48px); }
  body:not(.v2-home) .laggu-nav { gap:clamp(10px,1.5vw,24px)!important; }
  body:not(.v2-home) .nav-links { gap:clamp(10px,1.5vw,26px); }
}
/* Tablets: conteúdo e fotos se reorganizam sem cortes nem rolagem lateral. */
@media screen and (min-width:761px) and (max-width:1024px) {
  body:not(.v2-home) .product-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:24px!important; }
  body:not(.v2-home) .product-info h1 { font-size:clamp(30px,4vw,43px)!important; }
  body:not(.v2-home) .v2-products { gap:clamp(12px,2vw,24px)!important; }
  body:not(.v2-home) .spec { grid-template-columns:minmax(90px,36%) minmax(0,1fr)!important; }
  body:not(.v2-home) .laggu-nav { gap:10px!important; }
  body:not(.v2-home) .nav-links { gap:10px; }
}
@media screen and (max-width:760px) {
  body:not(.v2-home) .container { width:calc(100% - 32px)!important; max-width:calc(100% - 32px)!important; }
  body:not(.v2-home) .product-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:26px!important; }
  body:not(.v2-home) .product-info { padding-top:0!important; }
  body:not(.v2-home) .product-info h1 { font-size:clamp(30px,8vw,46px)!important; line-height:1.12!important; }
  body:not(.v2-home) .v2-category-hero { padding-left:18px!important; padding-right:18px!important; }
  body:not(.v2-home) .v2-category-hero h1 { font-size:clamp(34px,9vw,54px)!important; }
  body:not(.v2-home) .v2-section { padding-left:16px!important; padding-right:16px!important; }
  body:not(.v2-home) .v2-products { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px 12px!important; }
  body:not(.v2-home) .spec { grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important; }
  body:not(.v2-home) .actions { flex-wrap:wrap; }
  body:not(.v2-home) .thumbs { max-width:100%; }
  body:not(.v2-home) .nav-links { flex-wrap:wrap; }
}
@media screen and (max-width:420px) {
  body:not(.v2-home) .v2-products { grid-template-columns:minmax(0,1fr)!important; }
  body:not(.v2-home) .product-info h1 { font-size:clamp(29px,8.5vw,38px)!important; }
}

/* Rev90 — banners internos com altura proporcional à largura da janela.
   A Rev89 mantinha min-height:520px; no notebook o banner dominava a tela.
   Preserva a composição e o enquadramento, sem alterar imagens. */
@media screen and (min-width:761px){
  html body.page-category main section.v2-category-hero.has-image {
    height:27.4vw!important; min-height:0!important; max-height:none!important;
    padding:0 24px!important; box-sizing:border-box!important;
  }
  html body.page-category main section.v2-category-hero.has-image > h1 {
    font-size:clamp(32px,3.0vw,58px)!important;
    margin-bottom:clamp(10px,1.2vw,20px)!important;
  }
  html body.page-category main section.v2-category-hero.has-image > p:not(.eyebrow) {
    font-size:clamp(12px,.95vw,16px)!important;line-height:1.6!important;
  }
  html body.page-category main section.v2-category-hero.has-image > .eyebrow {
    margin-bottom:clamp(8px,.9vw,16px)!important;
  }
}
/* Em celulares permanece o layout vertical da Rev89. */