.card-stack {
      position: relative;
      width: 280px;
      height: 400px;
      perspective: 1000px;
     
    }

    .card {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 0;
      cursor: grab;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      font-size: 22px;
      color: #fff;
      font-weight: bold;
      transition: transform 0.3s ease, opacity 0.3s ease;
      will-change: transform;
      text-shadow: 0 0 6px rgba(0,0,0,0.6);
      padding-bottom: 20px;
    }

    .hover-labelrr {
      position: fixed;
      display: none;
      background: rgba(0, 0, 0, 0.8);
      color: #fff;
      padding: 6px 12px;
      border-radius: 4px;
      font-size: 16px;
      pointer-events: none;
      z-index: 9999;
      white-space: nowrap;
    }

    @keyframes softShake {
      0% { transform: translateX(0) rotate(0deg) scale(1.05); }
      25% { transform: translateX(-12px) rotate(-2deg) scale(1.05); }
      50% { transform: translateX(12px) rotate(2deg) scale(1.05); }
      75% { transform: translateX(-6px) rotate(-1deg) scale(1.05); }
      100% { transform: translateX(0) rotate(var(--tilt, 0deg)) scale(1); }
    }
    
    
    
    /* Currency Loader */
    .currency-loader {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,0.85);
      z-index: 2000;
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(4px);
    }
    
    /* Rotating Coin */
    .coin {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: radial-gradient(circle, #ffd700, #b8860b);
      border: 4px solid rgba(255,255,255,0.25);
      animation: coinSpin 0.8s infinite linear;
      position: relative;
    }
    
    .coin::before {
      content: "o"; /* Rupee symbol */
      position: absolute;
      color: #fff;
      font-size: 28px;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }
    
    @keyframes coinSpin {
      0% { transform: rotateY(0deg) scale(1); }
      50% { transform: rotateY(90deg) scale(0.8); }
      100% { transform: rotateY(180deg) scale(1); }
    }
    
    /* Hide effect */
    .hide-loader {
      opacity: 0;
      pointer-events: none;
      transition: opacity .6s ease;
    }