/* Optional visual refinements kept separate so they are easy to edit or disable. */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .28;
  background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.018) 0 1px, transparent 1.5px);
  background-size: 28px 28px;
}
.site, .cafe42-page, .woocommerce, .site-footer { position: relative; z-index: 1; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-dark); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-dim); }