/* ==========================================================================
   YAĞMUR GIDA (Y&M GIDA) - KURUMSAL VE SADE TASARIM STİL DOSYASI
   Marka Renkleri:
   - Ana Kırmızı: #C8102E (Logo Kırmızısı)
   - Koyu Kırmızı: #A00C23
   - Kömür / Metin: #1F2937, #111827
   - Zemin: #FFFFFF, #F9FAFB, #F3F4F6, #FBFBF9
   - Çerçeve: #E5E7EB, #E2E8F0
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --brand-red: #C8102E;
  --brand-darkred: #9E0B22;
  --brand-lightred: #FEE2E2;
  --text-dark: #111827;
  --text-body: #374151;
  --text-muted: #6B7280;
  --bg-light: #F9FAFB;
  --border-color: #E5E7EB;
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* {
  font-family: var(--font-main);
  scroll-behavior: smooth;
}

body {
  background-color: #FFFFFF;
  color: var(--text-body);
}

/* Custom Minimalist Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F3F4F6;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Product Card Styling */
.product-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  background: #FFFFFF;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.03);
  border-color: #D1D5DB;
}

.product-image-container img {
  transition: transform 0.4s ease;
}

.product-card:hover .product-image-container img {
  transform: scale(1.04);
}

/* Category Filter Buttons */
.category-filter-btn {
  transition: all 0.2s ease;
}

.category-filter-btn.active {
  background-color: var(--brand-red);
  color: #FFFFFF;
  border-color: var(--brand-red);
}

/* FAQ Item */
.faq-item {
  transition: border-color 0.2s ease;
}

.faq-item:hover {
  border-color: #D1D5DB;
}

/* Modal Transition */
.modal-backdrop {
  transition: opacity 0.25s ease;
}

.modal-content {
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Clean Button Styles */
.btn-primary {
  background-color: var(--brand-red);
  color: #FFFFFF;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn-primary:hover {
  background-color: var(--brand-darkred);
}

.btn-primary:active {
  transform: scale(0.98);
}