/* Ana stil dosyası */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: #faf8f5;
  color: #1f2937;
}

/* Dropdown menü animasyonları */
.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease;
}

li:hover>.dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Menü hover efekti */
.menu-box {
  padding: 8px 18px;
  border-radius: 999px;
  transition: 0.25s;
  position: relative;
}

.menu-box::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 0;
  height: 2px;
  background: #dc2626;
  border-radius: 2px;
  transition: 0.35s;
  transform: translateX(-50%);
}

.menu-box:hover::after {
  width: 70%;
}

/* Sosyal medya glow efekti */
.social-glow {
  transition: all 0.25s ease;
}

.social-glow:hover {
  filter: drop-shadow(0 0 6px rgba(255, 0, 0, 0.65));
  transform: scale(1.08);
}

/* Scrollbar gizleme */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  scrollbar-width: none;
}

/* Ürün kartı */
.product-card {
  transition: all 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

/* Animasyonlar */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-out;
}

/* Loading spinner */
.loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #dc2626;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Sepet animasyonları */
@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

.cart-count {
  transition: transform 0.3s ease;
}

.cart-count.animate-pulse {
  animation: pulse 0.6s ease-in-out;
}

/* Toast animasyonu */
@keyframes slideInRight {
  from {
    transform: translateX(400px);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.toast-enter {
  animation: slideInRight 0.3s ease-out;
}

/* Yorum kartı hover efekti */
.review-card {
  transition: all 0.3s ease;
}

.review-card:hover {
  transform: translateY(-5px);
}

/* Banner gradient overlay - radial gradient için */
.bg-gradient-radial {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
}

/* Lightbox animasyonu */
#lightbox {
  animation: fadeIn 0.3s ease-out;
}

#lightboxImage {
  animation: zoomIn 0.3s ease-out;
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* Görsel zoom hover efekti */
.cursor-zoom-in {
  transition: transform 0.3s ease;
}

.cursor-zoom-in:hover {
  transform: scale(1.02);
}

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


.mobile-dropdown-group button svg.rotate-180 {
  transform: rotate(180deg);
}