/* Ajustes do site estático (rebuild sem React) */

html {
  scroll-behavior: smooth;
}

/* compensa a navbar fixa (h-16 = 4rem) ao rolar para as âncoras */
section[id] {
  scroll-margin-top: 4.5rem;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* estado das abas de produtos controlado por data-state (ver assets/js/main.js) */
[role="tabpanel"][hidden] {
  display: none;
}

img {
  background-color: hsl(var(--muted));
}