.font-cinzel { font-family: 'Cinzel', serif; }
    .font-amiri { font-family: 'Amiri', serif; }
    .font-serif-luxury { font-family: 'Playfair Display', Georgia, serif; }
    .font-sans-modern { font-family: 'Plus Jakarta Sans', sans-serif; }

    /* 3D Perspective Container */
    .perspective-1000 {
      perspective: 1200px;
    }
    .preserve-3d {
      transform-style: preserve-3d;
    }
    .card-3d-tilt {
      transform-style: preserve-3d;
      will-change: transform;
    }

    /* Glassmorphic Panel with Golden Dubai Trim */
    .glass-dubai {
      background: linear-gradient(135deg, rgba(8, 17, 34, 0.75) 0%, rgba(3, 7, 18, 0.85) 100%);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(212, 175, 55, 0.35);
      box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.85), 0 0 40px -10px rgba(212, 175, 55, 0.2);
    }
    
    /* Ultra-Vivid Frosted Glass (lets the Dubai photography breathe through clearly) */
    .glass-dubai-vivid {
      background: linear-gradient(135deg, rgba(6, 13, 29, 0.65) 0%, rgba(3, 7, 18, 0.75) 100%);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(212, 175, 55, 0.4);
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75), 0 0 30px rgba(212, 175, 55, 0.2);
    }

    /* Multi-tier 3D Layer Elevations */
    .depth-badge { transform: translateZ(48px); }
    .depth-title { transform: translateZ(36px); }
    .depth-chip  { transform: translateZ(28px); }
    .depth-stamp { transform: translateZ(22px); }

    /* Magnetic Buttons */
    .magnetic-btn {
      transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.2s ease;
      will-change: transform;
    }

    /* Spotlight follower */
    .spotlight-card {
      position: relative;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .spotlight-card:hover {
      transform: translateY(-4px);
      border-color: rgba(212, 175, 55, 0.5);
      box-shadow: 0 25px 50px -15px rgba(212, 175, 55, 0.18);
    }
    .spotlight-card::before {
      content: '';
      position: absolute;
      top: var(--mouse-y, -1000px);
      left: var(--mouse-x, -1000px);
      width: 400px;
      height: 400px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, rgba(16, 185, 129, 0.06) 40%, transparent 70%);
      transform: translate(-50%, -50%);
      pointer-events: none;
      transition: opacity 0.2s;
      opacity: 0;
    }
    .spotlight-card:hover::before {
      opacity: 1;
    }

    /* Dubai Gold Text Gradient */
    .text-gradient-gold {
      background: linear-gradient(135deg, #FFF6D6 0%, #F5C564 30%, #D4AF37 70%, #AA8222 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Floating keyframes */
    @keyframes float1 {
      0%, 100% { transform: translateY(0px) translateZ(30px); }
      50% { transform: translateY(-8px) translateZ(30px); }
    }
    @keyframes float2 {
      0%, 100% { transform: translateY(0px) translateZ(30px); }
      50% { transform: translateY(8px) translateZ(30px); }
    }
    .animate-float-1 { animation: float1 5s ease-in-out infinite; }
    .animate-float-2 { animation: float2 6s ease-in-out infinite; }

    /* Buttery-Smooth Framer Style Reveal Animations */
    .framer-reveal {
      opacity: 0;
      transform: translateY(32px) scale(0.985);
      transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform, opacity;
    }
    .framer-reveal.in-view {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    
    /* Stagger helpers */
    .stagger-1 { transition-delay: 0.07s; }
    .stagger-2 { transition-delay: 0.14s; }
    .stagger-3 { transition-delay: 0.21s; }
    .stagger-4 { transition-delay: 0.28s; }
    .stagger-5 { transition-delay: 0.35s; }
    .stagger-6 { transition-delay: 0.42s; }

    /* Framer Magnetic Button Feel */
    .framer-magnetic {
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
    }
    .framer-magnetic:hover {
      transform: translateY(-2px) scale(1.025);
    }
    .framer-magnetic:active {
      transform: translateY(1px) scale(0.985);
    }

    /* Glass card interactive spotlight shimmer */
    .framer-card {
      position: relative;
      overflow: hidden;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease;
      will-change: transform;
    }
    .framer-card:hover {
      transform: translateY(-6px) scale(1.01);
    }
    .framer-card::after {
      content: '';
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      padding: 1px;
      background: radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(245, 158, 11, 0.45), transparent 70%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.35s ease;
    }
    .framer-card:hover::after {
      opacity: 1;
    }

    /* Smooth pulsing glow */
    @keyframes pulseGlow {
      0%, 100% { filter: drop-shadow(0 0 15px rgba(245, 158, 11, 0.4)); }
      50% { filter: drop-shadow(0 0 30px rgba(245, 158, 11, 0.8)); }
    }
    .animate-pulse-glow {
      animation: pulseGlow 4s ease-in-out infinite;
    }

    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #02050c; }
    ::-webkit-scrollbar-thumb { background: #1f293d; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #d4af37; }
  
    /* ========================================================================= */
    /* GLOBAL MOBILE OPTIMIZATION & OVERFLOW PREVENTION */
    /* ========================================================================= */
    html, body {
      overflow-x: hidden !important;
      width: 100% !important;
      max-width: 100vw !important;
      position: relative;
      /* touch-action: normal; */
      -webkit-tap-highlight-color: transparent;
    }

    /* .framer-reveal: Visible by default so no blank patches occur */
    .framer-reveal {
      opacity: 1 !important;
      transform: none !important;
      transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform, opacity;
    }

    /* ========================================================================= */
    /* ULTRA-SMOOTH LUXURY SPINNING LOGO ANIMATIONS */
    /* ========================================================================= */
    @keyframes logoSpin3D {
      0% { transform: perspective(600px) rotateY(0deg); }
      100% { transform: perspective(600px) rotateY(360deg); }
    }
    @keyframes logoSpin2D {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    .animate-logo-spin-3d {
      animation: logoSpin3D 5.5s linear infinite;
      transform-style: preserve-3d;
      will-change: transform;
    }
    .animate-logo-spin-2d {
      animation: logoSpin2D 6s linear infinite;
      transform-origin: center center;
      will-change: transform;
    }
    .logo-plaque-container {
      perspective: 800px;
    }

    /* ========================================================================= */
    /* RTL ARABIC SUPPORT STYLES */
    /* ========================================================================= */
    [dir="rtl"] {
      text-align: right;
      font-family: 'Amiri', 'Plus Jakarta Sans', serif, sans-serif;
    }
    [dir="rtl"] .font-serif-luxury {
      font-family: 'Amiri', serif;
    }
    [dir="rtl"] .border-l {
      border-left-width: 0px !important;
      border-right-width: 1px !important;
    }
    [dir="rtl"] .pl-3\.5 {
      padding-left: 0px !important;
      padding-right: 0.875rem !important;
    }
    [dir="rtl"] #floating-whatsapp-widget {
      right: auto !important;
      left: 1.5rem !important;
      align-items: flex-start !important;
    }
    [dir="rtl"] #back-to-top-btn {
      right: auto !important;
      left: 1.5rem !important;
    }
/* ========================================================================= */

/* ========================================================================= */
/* PRODUCTION VISIBILITY & INTERACTION FIXES (v2.1.0) */
/* ========================================================================= */

/* Prevent scroll progress bar from intercepting clicks at the top */
#framer-scroll-progress {
  pointer-events: none !important;
}

/* Desktop Navigation Link Bar - Always visible on screens > 860px */
#main-desktop-nav {
  display: flex !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#main-desktop-nav .nav-item {
  color: #94a3b8 !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

#main-desktop-nav .nav-item:hover,
#main-desktop-nav .nav-item.active {
  color: #fbbf24 !important;
}

#mobile-menu-btn {
  display: none !important;
  cursor: pointer !important;
}

@media (max-width: 860px) {
  #main-desktop-nav {
    display: none !important;
  }
  #mobile-menu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (min-width: 861px) {
  #mobile-menu-btn {
    display: none !important;
  }
  #mobile-nav-drawer {
    display: none !important;
  }
}

/* Floating Back to Top Button */
#back-to-top-btn {
  cursor: pointer !important;
  z-index: 45 !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
}

#back-to-top-btn.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

/* Language Switcher Buttons */
.lang-btn, .mob-lang-btn {
  cursor: pointer !important;
  position: relative !important;
  z-index: 60 !important;
  user-select: none !important;
}

/* Office Address Link in Top Bar */
.top-address-link {
  cursor: pointer !important;
  text-decoration: none !important;
}
.top-address-link:hover {
  text-decoration: underline !important;
}

/* Floating WhatsApp Desk */
#floating-whatsapp-widget {
  z-index: 50 !important;
}

#floating-wa-btn {
  cursor: pointer !important;
  user-select: none !important;
}