/* ============================================================
   ÖZLEM ÇİÇEKÇİLİK — Ana Stil Dosyası
   Tailwind CDN ile birlikte kullanılır.
   ============================================================ */

/* Base */
body {
  background: #ffffff;
}

/* Mesh gradient background */
.mesh {
  background:
    radial-gradient(38rem 26rem at 8% -8%, rgba(165, 59, 92, 0.07), transparent 60%),
    radial-gradient(30rem 22rem at 100% 0%, rgba(31, 164, 99, 0.06), transparent 55%);
}

/* Hide scrollbar */
.no-bar::-webkit-scrollbar { display: none; }
.no-bar { -ms-overflow-style: none; scrollbar-width: none; }

/* Hero slider transitions */
.slide {
  transition: opacity .8s ease, transform .8s ease;
}
.slide.off {
  opacity: 0;
  pointer-events: none;
  transform: scale(1.03);
}

/* Scroll reveal animation */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1);
}
.reveal.in {
  opacity: 1;
  transform: none;
}

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Skeleton loading shimmer */
.skeleton-shimmer {
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}
.skeleton-shimmer-dark {
  background: linear-gradient(90deg, rgba(255,255,255,.08) 25%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.08) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}
.skeleton-shimmer-light {
  background: linear-gradient(90deg, rgba(255,255,255,.15) 25%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.15) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}