/* Öner Tekstil - Ortak stil eklentileri (Tailwind CDN'in kapsamadığı özel dokunuşlar) */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* Sticky header - scroll sonrası gölge geçişi */
.header-shadow {
  box-shadow: 0 4px 24px -8px rgba(11, 27, 58, 0.15);
}

/* Hero arkaplan deseni (dokulu kumaş hissi) */
.fabric-texture {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.06) 1px, transparent 0);
  background-size: 22px 22px;
}

/* Hero arkaplan slayt gösterisi */
.hero-slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.6s ease-in-out;
}
.hero-slide.active {
  opacity: 1;
}
.kenburns {
  animation: kenburns 12s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.hero-slide.active .kenburns {
  animation-play-state: running;
}
@keyframes kenburns {
  from { transform: scale(1); }
  to { transform: scale(1.12); }
}
@media (prefers-reduced-motion: reduce) {
  .kenburns { animation: none; }
  .hero-slide { transition: none; }
}

/* Kategori kartı hover görsel zoom */
.category-card img {
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.category-card:hover img {
  transform: scale(1.08);
}

/* Ürün kartı hover kaldırma efekti */
.product-card {
  transition: transform .35s ease, box-shadow .35s ease;
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -16px rgba(11, 27, 58, 0.25);
}

/* Marquee - referans logo şeridi */
.logo-marquee {
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.logo-marquee-track {
  animation: marquee 28s linear infinite;
}
.logo-marquee:hover .logo-marquee-track {
  animation-play-state: paused;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Sayaç / istatistik giriş animasyonu */
.count-up {
  transition: opacity .6s ease, transform .6s ease;
}

/* Form adım geçiş animasyonu */
.step-panel {
  transition: opacity .3s ease, transform .3s ease;
}
.step-panel[hidden] {
  display: none;
}

/* Dosya yükleme alanı - sürükle-bırak aktif durumu */
.dropzone.drag-active {
  border-color: #F59E0B;
  background-color: rgba(245, 158, 11, 0.06);
}

/* WhatsApp yüzen buton nabız efekti */
.pulse-ring {
  animation: pulse-ring 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
  70% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Honeypot alanı - botlara görünür, gerçek kullanıcılara görünmez */
.hp-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Özel scrollbar (opsiyonel, sadece webkit) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #94A3B8; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #64748B; }