/* Extra styles placeholder */


/* === Enhanced hover & motion effects (Soft Modern + 3D style) === */

.shaam-cta-btn,
.btn-primary {
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.shaam-cta-btn::before,
.btn-primary::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -40%;
  width: 180%;
  height: 300%;
  background: radial-gradient(circle at center, rgba(255,255,255,0.25), transparent 55%);
  opacity: 0;
  transform: translate3d(-20%, -20%, 0) rotate(15deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.shaam-cta-btn:hover::before,
.btn-primary:hover::before {
  opacity: 1;
  transform: translate3d(10%, 10%, 0) rotate(0deg);
}

.shaam-cta-btn:hover,
.btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
}

.shaam-service-card,
.shaam-feature-card,
.shaam-testimonial-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;
}

.shaam-service-card:hover,
.shaam-feature-card:hover,
.shaam-testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 215, 0, 0.65);
}

.shaam-wallet-pill {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  border-radius: 999px;
}

/* Hero floating pill neon style */
.shaam-floating-pill {
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.5);
}

/* Smooth section reveal */
.shaam-section,
.shaam-counters,
.shaam-topup-section {
  scroll-margin-top: 80px;
}