/* Fiyatlar sayfası için standalone stil dosyası
   Bu dosya yalnızca küçük ayarlamalar içerir; ana görünüm Tailwind CDN ile sağlanır. */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #f1f5f9;
}

/* Yatay kart kaydırma alanında scrollbar'ı sadeleştir */
.pricing-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.7) transparent;
}

.pricing-scroll::-webkit-scrollbar {
  height: 8px;
}

.pricing-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.pricing-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.7);
  border-radius: 999px;
}

/* Promosyon ok işareti: aşağı yönlü hafif bounce */
@keyframes promoArrowDown {
  0%, 100% { transform: translateY(0); opacity: 0.95; }
  50% { transform: translateY(3px); opacity: 1; }
}

.promo-arrow {
  display: inline-block;
  animation: promoArrowDown 1.1s ease-in-out infinite;
}

/* Kodu uygula butonu: ilk birkaç saniye dikkat çekici pulse */
@keyframes promoAttentionPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.10); }
}

@keyframes promoAttentionSweep {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.promo-attention {
  /* Daha görünür: ölçek + glow + soldan sağa renk sweep */
  background-image: linear-gradient(90deg, #ffffff, #ecfdf5, #d1fae5, #ffffff);
  background-size: 300% 100%;
  background-position: 0% 50%;
  border-color: rgba(34, 197, 94, 0.35) !important;
  box-shadow: 0 18px 40px rgba(34, 197, 94, 0.16);
  will-change: transform, background-position;
  animation:
    promoAttentionPulse 0.8s cubic-bezier(.2,.9,.2,1) infinite,
    promoAttentionSweep 1.333s linear 3;
}

/* WhatsApp CTA pulse (kısa süreli) */
@keyframes waPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

.wa-pulse {
  animation: waPulse 0.85s ease-in-out infinite;
}