/* DomoNova — styles complémentaires à Tailwind CDN (micro-détails non couvrables en utilitaires) */

[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

/* Fade-in au scroll, piloté par main.js (IntersectionObserver) */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Grille de fond "circuit" discrète pour le hero */
.hero-grid {
  background-image:
    linear-gradient(rgba(244,246,249,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,246,249,0.05) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* Halo lumineux décoratif */
.glow-orb {
  background: radial-gradient(closest-side, rgba(62,142,247,0.55), rgba(62,142,247,0));
  filter: blur(10px);
}

/* Cartes produit : légère élévation au survol */
.product-card { transition: transform .25s ease, box-shadow .25s ease; }
.product-card:hover { transform: translateY(-4px); }

/* Cible tactile confortable pour tous les contrôles interactifs */
button, a { touch-action: manipulation; }

::selection { background: #3E8EF7; color: #fff; }