html { scroll-behavior: smooth; scroll-padding-top: 80px; }
:root { box-sizing: border-box; }
body { background: #0A0A0A; color-scheme: dark; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid #C9A54C; outline-offset: 3px; }

/* Textura de pontos do topo */
.grain { background-image: radial-gradient(rgba(255,255,255,.35) 1px, transparent 1px); background-size: 3px 3px; }

/* Brilho dourado suave atras do titulo */
.glow { background: radial-gradient(60% 55% at 72% 38%, rgba(201,165,76,.20), transparent 70%), radial-gradient(40% 40% at 15% 90%, rgba(201,165,76,.08), transparent 70%); }

/* Faixa de categorias que desliza */
.marquee { mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.marquee-track { animation: marquee 32s linear infinite; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* Cabecalho ao rolar */
#siteHeader.scrolled { background: rgba(10,10,10,.82); backdrop-filter: blur(12px); border-color: rgba(255,255,255,.1); }

/* Categoria ativa */
.cat[aria-pressed="true"] .cat-name { color: #E8CF8E; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; }
.cat[aria-pressed="true"] .cat-arrow { transform: rotate(45deg); }

/* Opcao de cor ativa */
.swatch[aria-pressed="true"] { border-color: #C9A54C; color: #C9A54C; }

/* FAQ */
details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }
details .plus { transition: transform .25s ease; }
details[open] .plus { transform: rotate(45deg); }

/* Painel do carrinho */
#cartPanel { transition: transform .35s ease; }
#cartPanel.closed { transform: translateX(100%); }
#cartOverlay { transition: opacity .3s ease; }
#cartOverlay.closed { opacity: 0; pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .marquee-track { animation: none; }
  * { transition: none !important; }
}