/* Espectro Colecionaveis 2.0 — correcao desktop isolada.
   Carregar DEPOIS de css/styles.css. Nao altera mobile nem painel. */
@media screen and (min-width: 900px) {
  body { padding: 0; background: radial-gradient(ellipse at 50% -20%, #1a2255 0%, #05081b 55%, #030511 100%); }
  .app { width: 100%; max-width: 1440px; margin: 0 auto; min-height: 100vh; border: 0; border-radius: 0; overflow: visible; background: linear-gradient(180deg,#080e29,#070b24); }
  header { border-radius: 0; padding: 5px clamp(24px,5vw,74px); }
  .headrow { max-width: 1280px; margin: auto; }
  main { max-width: 1280px; margin: 0 auto; padding: 0 clamp(24px,5vw,74px); }
  .hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: clamp(24px,5vw,70px); align-items: center; padding: 72px 0 65px; }
  .hero .eyebrow, .hero h1, .hero > p, .hero-actions { grid-column: 1; }
  .hero h1 { font-size: clamp(50px,5.5vw,88px); }
  .hero-card { grid-column: 2; grid-row: 1 / span 4; min-height: 360px; align-self: stretch; }
  .section { padding: 40px 0 20px; }
  .sectionhead h2 { font-size: clamp(24px,2.6vw,34px); }
  .sectionhead p { font-size: 14px; }
  .categories { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
  .products { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
  .hulk-gallery { height: clamp(245px,25vw,350px); }
  .promo { padding: 40px; margin: 52px 0 24px; }
  .promo h2 { font-size: 36px; }
  footer { padding: 34px clamp(24px,5vw,74px); }
  .bottomnav { display: none; }
  .wa-fab { position: fixed; left: auto; right: 30px; bottom: 28px; }
}
@media screen and (min-width: 1200px) {
  .products { grid-template-columns: repeat(4,minmax(0,1fr)); }
}