/* Yatay taşma önleme: rehberler, blog sayfaları */
.guides-page {
  overflow-x: hidden;
  max-width: 100%;
}

/* Container genişlik ve padding düzeltmeleri */
.guides-page .container,
.blog-section .container,
section.guides-section .container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}

/* Blog layout düzeltmeleri - tüm blog layout'lar için */
.blog-layout {
  min-width: 0 !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
  gap: 2rem !important;
  grid-template-columns: 1fr 260px !important;
}

/* Blog sidebar düzeltmeleri */
.blog-sidebar {
  max-width: 260px !important;
  width: 100% !important;
}

.blog-sidebar .sidebar-widget {
  padding: 1.5rem !important;
}

.blog-sidebar .sidebar-widget h3 {
  font-size: 1.125rem !important;
  margin-bottom: 1rem !important;
}

/* Blog main content */
.blog-main {
  flex: 1 !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.guides-page .guides-grid {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.guides-page .guide-card {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 968px) {
  .blog-layout {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}

@media (max-width: 400px) {
  .guides-page .guides-grid {
    grid-template-columns: 1fr !important;
  }
}

/* SSS accordion — soruya tıklanınca cevap açılsın */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer {
  max-height: 1200px;
}
.faq-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
  transform: rotate(45deg);
}
