/* Core base */
:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body {
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #f8fafc;
  overflow-x: hidden;
}

/* Hide Scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Noise Texture */
.bg-noise {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Glassmorphism */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.glass-dark {
  background: rgba(2, 6, 23, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Spotlight Effect */
.spotlight-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.spotlight-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(15, 118, 110, 0.06), transparent 40%);
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
  z-index: 2;
}
.spotlight-card:hover::before { opacity: 1; }
.spotlight-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(15, 118, 110, 0.4), transparent 40%);
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s;
  pointer-events: none;
}
.spotlight-inner {
  position: absolute;
  inset: 1px;
  background: white;
  border-radius: inherit;
  z-index: 2;
}

/* 3D tilt helper */
.tilt-card { transform-style: preserve-3d; transition: transform 0.1s ease-out; }
.tilt-content { transform: translateZ(20px); }

/* Reveal */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Woo-ish horizontal strip */
ul.products {
  display: flex;
  gap: 1.5rem;
  padding: 0 1.5rem 2rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  list-style: none;
  margin: 0;
}
ul.products::-webkit-scrollbar { display: none; }
li.product { min-width: 280px; scroll-snap-align: center; }
.woocommerce-Price-amount { font-weight: 700; color: #0f766e; font-size: 1.25rem; }

/* Utility for slightly bigger cart bubble */
.cart-count-bubble { width: 18px; height: 18px; }