/* Base do site (todas as páginas da loja): escala menor + barras de rolagem invisíveis */

/* Escala geral: computador 72%, celular 78% */
:root { --z: 0.72 !important; }
@media (min-width: 769px) {
  html { zoom: 1 !important; }
  body { zoom: 0.72 !important; }
  .sidebar { height: calc(100vh / 0.72) !important; }
  /* o chat mantém um tamanho legível */
  #lgc-fab, #lgc-win { zoom: 1.3; }
}
@media (max-width: 768px) {
  html { overflow-x: hidden !important; }
  body { zoom: 0.78 !important; width: 100% !important; max-width: none !important; overflow-x: hidden !important; }
  /* com zoom, larguras presas à tela (100vw / max-width) encolhem; estas regras fazem tudo ocupar a tela inteira */
  main, .navbar, .promo-bar, .frete-bar, footer, section, .main-slider, .cat-nav-section { max-width: none !important; }
  html body main > section[class], html body main > div[class], html body main .main-slider, html body main .cat-nav-grid, html body main .products-scroll, html body footer, html body section.newsletter-section { width: 100% !important; max-width: none !important; }
  html body .swiper-slide, html body .swiper-wrapper, html body footer[class], html body footer[class] > * { max-width: none !important; }
  html body footer[class] { width: 100% !important; }
  #lgc-fab, #lgc-win { zoom: 1.1; }
}

/* Todas as barras de rolagem invisíveis (a rolagem continua funcionando) */
html, body, * { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; }
*::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track { background: transparent !important; }

/* Com a gaveta do carrinho aberta, o site de trás fica travado */
html:has(.cart-drawer.show), body:has(.cart-drawer.show) { overflow: hidden !important; }
.cart-drawer, .cart-drawer * { overscroll-behavior: contain; }