/* ═════════════════════════════════════════════════════════════
   PRATEEK JEWELLERS: HIGH-GLOSS LIQUID MIRROR GLASS BACKDROP
   - Ultra-Matte Obsidian & Matte Slate Grey (#0C0D10, #14161C)
   - Brushed Dark Silver & Liquid Platinum Specular Sheen
   - Precision Floating Cards with Liquid Platinum Filigree Hairlines
   ═════════════════════════════════════════════════════════════ */

/* ── Fixed Clean Mirror Glass Canvas ── */
.glass-mirror-backdrop {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: 
    radial-gradient(ellipse at 50% 15%, rgba(226, 230, 236, 0.12) 0%, rgba(168, 178, 193, 0.05) 40%, transparent 70%),
    radial-gradient(ellipse at 88% 88%, rgba(88, 96, 112, 0.14) 0%, rgba(26, 29, 36, 0.08) 45%, transparent 65%),
    radial-gradient(ellipse at 12% 88%, rgba(88, 96, 112, 0.14) 0%, rgba(19, 21, 26, 0.08) 45%, transparent 65%),
    linear-gradient(160deg, #0F1116 0%, #151820 40%, #1B1E26 70%, #101217 100%);
  contain: strict;
  transform: translate3d(0, 0, 0);
}

/* Base Clean Mirror Depth */
.glass-mirror-base {
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(to bottom, rgba(168, 178, 193, 0.05) 0%, transparent 25%),
    linear-gradient(to top, rgba(226, 230, 236, 0.05) 0%, transparent 30%);
  pointer-events: none;
}

/* Polished Specular Mirror Sheen / Light Reflection Sweep */
.glass-mirror-sheen {
  position: absolute;
  inset: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent 42%,
    rgba(197, 203, 211, 0.03) 46%,
    rgba(255, 255, 255, 0.09) 50%,
    rgba(226, 230, 236, 0.06) 54%,
    transparent 58%
  );
  transform: translate3d(0, 0, 0) rotate(-14deg);
  animation: mirrorSheenDrift 14s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  pointer-events: none;
  opacity: 0.9;
  will-change: transform;
}

@keyframes mirrorSheenDrift {
  0% {
    transform: translate3d(0, -18%, 0) rotate(-14deg);
  }
  100% {
    transform: translate3d(0, 14%, 0) rotate(-14deg);
  }
}

/* Interactive Cursor-Tracked Specular Glare (60fps GPU translate3d) */
.glass-mirror-glare {
  position: absolute;
  top: 0;
  left: 0;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(226, 230, 236, 0.12) 0%,
    rgba(168, 178, 193, 0.08) 28%,
    rgba(90, 100, 115, 0.04) 50%,
    transparent 70%
  );
  pointer-events: none;
  will-change: transform;
  transform: translate3d(50vw, 35vh, 0) translate(-50%, -50%);
}

/* Optical Caustic Luster */
.glass-mirror-caustic {
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(ellipse at 25% 20%, rgba(168, 178, 193, 0.05) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 65%, rgba(226, 230, 236, 0.05) 0%, transparent 45%);
  pointer-events: none;
}

/* ── Strict Structural Protection for Footer & Layout Wrappers ── */
.footer-container,
.site-footer,
#footer,
.nav-container,
.brand-matrix-container,
.pricing-header,
.bento-header,
.spatial-showcase-section,
.circular-carousel-section,
#spatialShowcase,
#architecture {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Clean Frosted Gemstone Glass Polish for Actual Floating Cards Only */
.pricing-card,
.bento-card,
.spatial-card {
  background: rgba(19, 21, 26, 0.88) !important;
  backdrop-filter: blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
  border: 1px solid rgba(197, 203, 211, 0.22) !important;
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.85),
    0 0 25px rgba(168, 178, 193, 0.06),
    inset 0 1px 1.5px rgba(255, 255, 255, 0.15),
    inset 0 -1px 1.5px rgba(197, 203, 211, 0.08) !important;
  color: #FAF7F2 !important;
}

.pricing-card:hover,
.bento-card:hover,
.spatial-card:hover {
  border-color: rgba(226, 230, 236, 0.50) !important;
  box-shadow: 
    0 26px 65px rgba(0, 0, 0, 0.95),
    0 0 40px rgba(226, 230, 236, 0.2),
    inset 0 1px 2px rgba(255, 255, 255, 0.25) !important;
}

/* ── Mobile Performance Optimization ── */
@media (max-width: 768px) {
  .pricing-card,
  .bento-card,
  .spatial-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #13151A !important;
  }

  .glass-mirror-sheen {
    animation: none !important;
    display: none !important;
  }

  .glass-mirror-glare {
    display: none !important;
  }
}