/** Shopify CDN: Minification failed

Line 268:23 Unexpected "="
Line 269:22 Unexpected "="
Line 274:7 Expected ":"
Line 277:8 Comments in CSS use "/* ... */" instead of "//"
Line 280:8 Comments in CSS use "/* ... */" instead of "//"
Line 280:58 Unterminated string token
Line 290:8 Comments in CSS use "/* ... */" instead of "//"
Line 296:2 Comments in CSS use "/* ... */" instead of "//"
Line 298:9 Expected ":"
Line 302:1 Unexpected ";"

**/
/* --- 01 // CORE ARCHITECTURE & GLOBAL RESET --- */
:root {
  --o-gold: #C5A059;
  --o-black: #000000;
  --o-glass: rgba(255, 255, 255, 0.03);
  --o-border: rgba(197, 160, 89, 0.2);
  --font-mono: 'Space Mono', monospace;
  --font-body: 'Inter', sans-serif;
}
body { background: var(--o-black); color: #fff; font-family: var(--font-body); }
.arch-label { font-family: var(--font-mono); font-size: 8px; color: var(--o-gold); letter-spacing: 3px; text-transform: uppercase; }

/* Force Noir Theme Globally - Kills white gaps at their source */
body, #MainContent, .shopify-section, footer {
  background-color: var(--oasis-black) !important;
  color: var(--oasis-white) !important;
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Unified High-Performance Typography */
h1, h2, h3, .data-title, .voku-big-title, .hero-title, .main-title {
  font-family: 'Helvetica Neue', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  line-height: 0.8 !important;
  margin: 0;
}

/* --- 02 // MASTER HUD HEADER (STICKY LOCK) --- */
.oasis-header-hud {
  position: fixed;
  top: 0; 
  left: var(--sidebar-width); 
  right: 0;
  height: 80px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 40px;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(197, 160, 89, 0.2);
  z-index: 10000;
}

.oasis-logo-glitch { font-size: 22px; font-weight: 900; letter-spacing: 5px; color: #fff; text-decoration: none; }
.hud-left, .hud-right { display: flex; gap: 30px; align-items: center; font-family: monospace; font-size: 10px; color: var(--oasis-gold); }
.hud-right { justify-content: flex-end; }
.magnetic-target a { color: #fff; text-decoration: none; letter-spacing: 2px; }

/* --- 03 // MIRROR SECTORS: 3D VAULT ORIENTATION LOCK --- */
/* This prevents the 3D cards from rotating or squashing into lines */
.oasis-vault-v20 {
  background: #000 !important;
  height: 100vh !important;
  width: calc(100vw - var(--sidebar-width)) !important;
  margin-left: var(--sidebar-width) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  perspective: 2500px !important;
}

.stack-monitor {
  position: relative !important;
  width: 400px !important; /* Fixed width for vertical 'album' shape */
  height: 600px !important; /* Fixed height */
  margin: 0 auto !important;
  transform-style: preserve-3d !important;
  z-index: 5;
}

.museum-card {
  position: absolute !important;
  inset: 0 !important;
  transform-style: preserve-3d !important;
}

/* Hardened Glass Material */
.card-glass {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--glass-finish) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(40px) saturate(150%) !important;
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 50px 100px rgba(0,0,0,0.9) !important;
  overflow: hidden;
}

.card-art {
  width: 100% !important;
  height: 75% !important;
  background-size: cover !important;
  background-position: center !important;
  filter: grayscale(100%) brightness(0.5) !important;
}

.card-data {
  height: 25% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  transform: translateZ(80px) !important; /* Holographic pop effect */
}

/* --- 04 // INTERACTIVE SLIDER (FORCE VISIBILITY) --- */
.vault-hud {
  position: absolute !important;
  bottom: 80px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 100px !important;
  align-items: flex-end !important;
  pointer-events: none;
}

.wheel-controls { width: 450px !important; pointer-events: auto !important; }

/* Fixing the "Missing Slider" Error */
input[type="range"].oasis-wheel {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 40px !important;
  background: transparent !important;
  outline: none !important;
}

/* Forced Visibility for the Interaction Bar */
input[type="range"].oasis-wheel::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 3px !important;
  width: 80px !important;
  background: var(--oasis-gold) !important;
  box-shadow: 0 0 20px var(--oasis-gold) !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

/* --- 05 // FOOTER MANIFEST: GAP ELIMINATOR --- */
.voku-footer {
  background: var(--oasis-black) !important;
  padding: 100px 0 60px 0 !important;
  margin-left: var(--sidebar-width) !important;
  border-top: 1px solid rgba(197, 160, 89, 0.2) !important;
  position: relative;
  z-index: 10;
}

.voku-container { max-width: 1600px !important; margin: 0 auto !important; padding: 0 60px !important; }

.voku-link {
  text-decoration: none !important;
  color: var(--oasis-white) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  transition: 0.4s ease !important;
}

/* --- 06 // MOBILE STABILITY ENGINE --- */
@media screen and (max-width: 1024px) {
  /* Remove Desktop Sidebar Offsets */
  .oasis-header-hud, .oasis-vault-v20, .voku-footer, .melbouci-v2 { 
    margin-left: 0 !important; 
    left: 0 !important; 
    width: 100% !important; 
  }
  
  /* Vacuum Gap Killer between sections */
  .voku-footer { 
    margin-top: -5px !important; 
    padding-top: 40px !important; 
  }
  
  /* Fixed Aspect Ratio for Mobile Cards */
  .stack-monitor { 
    width: 300px !important; 
    height: 450px !important; 
  }
  
  .data-title { font-size: 2.5rem !important; }
  
  /* Reposition HUD for vertical mobile screens */
  .vault-hud { 
    flex-direction: column !important; 
    align-items: center !important; 
    gap: 30px !important; 
    bottom: 20px !important; 
    padding: 0 20px !important; 
  }
  
  .wheel-controls { width: 100% !important; }
}

/* --- 07 // NUCLEAR REMOVALS (CLEANUP) --- */
.reserve-expedition-btn, 
.footer-action-button, 
[class*="reserve"], 
#reserve-btn,
#status-log,
.precision-box span:not(:first-child) { 
  display: none !important; 
  visibility: hidden !important;
}
/* THE NOIR SHIELD: Ensures zero bleed through from background animations */
.voku-footer, 
.footer-manifest {
  background-color: #000000 !important;
  position: relative !important;
  z-index: 100 !important; /* Forces it above the 3D vault */
  margin-top: 0 !important;
  transform: translateZ(0); /* Hardware acceleration to prevent transparency flickering */
}

/* Kill section padding that creates visual gaps */
.shopify-section {
  overflow: clip !important;
}
/* Ensuring real-time price visibility */
  .tile-price {
    display: block;
    margin-top: 10px;
    font-family: monospace;
    font-size: 14px;
    color: #C5A059; /* Oasis Gold */
    letter-spacing: 1px;
    font-weight: 900;
  }
  
  .hologram-tile { 
    text-decoration: none !important; 
    color: inherit !important; 
  }
  /**
 * NEURAL SCROLL REVEAL // SYSTEM_ANIMATION
 * Logic: Detects elements entering the viewport and triggers tactical entrance.
 */
const initNeuralReveal = () => {
  const revealOptions = {
    threshold: 0.15,
    rootMargin: "0px 0px -50px 0px"
  };

  const revealObserver = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        // Trigger the animation class
        entry.target.classList.add('neural-visible');
        
        // If it's a container with children, stagger them
        const staggers = entry.target.querySelectorAll('.reveal-stagger');
        if (staggers.length > 0) {
          staggers.forEach((el, i) => {
            el.style.transitionDelay = `${i * 0.15}s`;
            el.style.opacity = "1";
            el.style.transform = "translateY(0)";
          });
        }
        
        // Stop observing once triggered for performance
        observer.unobserve(entry.target);
      }
    });
  }, revealOptions);

  // Target all core sections and specific reveal classes
  const targets = document.querySelectorAll('section, .reveal-trigger');
  targets.forEach(target => {
    target.classList.add('neural-reveal-init');
    revealObserver.observe(target);
  });
};

document.addEventListener('DOMContentLoaded', initNeuralReveal);
/* INITIAL STATE */
.neural-reveal-init {
  opacity: 0;
  transform: translateY(30px);
  filter: blur(10px);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
}

/* TRIGGERED STATE */
.neural-reveal-init.neural-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}

/* STAGGERED CHILDREN (Use on cards, items, etc.) */
.reveal-stagger {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* SECTION SPECIFIC TWEAK: Map Terminal and Vault should reveal slower */
.map-terminal-root.neural-visible, 
.cinematic-vault-v7.neural-visible {
  transition-duration: 2s;
}