/* ==========================================================================
   Vyoma Pocket — Dedicated 120Hz Desktop UI Stylesheet
   ========================================================================== */

@media (min-width: 769px) {
  .mobile-quick-nav {
    display: none !important;
  }

  /* Desktop Multi-column Breathing Room */
  .hero {
    padding: 64px 0 44px;
  }

  /* 3D Card Hover Physics & Perspective */
  .app-row,
  .blog-card,
  .feature-card,
  .social-card,
  .admin-stat-card {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    will-change: transform, box-shadow;
  }

  .app-row:hover {
    transform: translate3d(0, -4px, 0) scale(1.008);
  }

  .blog-card:hover {
    transform: translate3d(0, -6px, 0) scale(1.015);
  }

  /* Spotlight cursor reflection with RAF smoothing */
  .spotlight-card {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  .spotlight-card::after {
    content: '';
    position: absolute;
    top: var(--spotlight-y, -100px);
    left: var(--spotlight-x, -100px);
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255, 91, 0, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    opacity: 0;
    transition: opacity 180ms ease;
    will-change: transform, opacity;
  }
  .spotlight-card:hover::after {
    opacity: 1;
  }

  /* Desktop App Detail Layout — Full-Bleed Broad Banner */
  .app-hero-card {
    padding: 0 !important;
    overflow: hidden;
    border-radius: var(--radius-xl);
  }
  .app-install-row .btn {
    min-width: 180px;
  }
}