/* Statik site JS destek stilleri — framer-motion/React yerine geçen hafif katman */

/* Görünürlük animasyonu: SSR opacity:0 ile gelen öğeler */
[data-anim] { transition: opacity .6s ease, transform .6s ease; }
[data-anim].psk-on { opacity: 1 !important; transform: none !important; }

/* Mobil menü (drawer) açık durumları — Tailwind token'larını eziyor.
   Tailwind v4 translate-x-full kaydırmayı `translate` ÖZELLİĞİYLE yapar (transform değil);
   açık konumda ikisini birden sıfırlamak gerekir. */
.psk-backdrop-open { opacity: 1 !important; pointer-events: auto !important; }
.psk-panel-open { translate: 0 !important; transform: translateX(0) !important; }

/* Hero metin geçişi */
.psk-hero-text { transition: opacity .4s ease, transform .4s ease; }
/* Hero metin kabı: sabit h-16 uzun metinlerde taşıyor — yüksekliği JS metne göre verir */
.psk-hero-wrap { transition: height .3s ease; }
.psk-hero-out { opacity: 0 !important; transform: translateY(-8px) !important; }
.psk-hero-in  { opacity: 0 !important; transform: translateY(8px) !important; }

/* Hero ilerleme çubuğu dolumu */
.psk-bar-fill { display: block; height: 100%; background: #14b8a6; width: 0%; }
.psk-bar-fill.psk-active { transition: width 7s linear; width: 100%; }
.psk-bar-fill.psk-done { width: 100%; }

/* Testimonial / görsel slider fade */
.psk-fade { transition: opacity .6s ease; }