.blg-blog-article {
  --blg-brand: #7F1D1D;
  --blg-brand-light: #B91C1C;
  --blg-brand-accent: #EF4444;
  --blg-brand-accent-soft: #FEE2E2;
  --blg-text-dark: #1A1A2E;
  --blg-text-mid: #3D4456;
  --blg-text-soft: #6B7280;
  --blg-bg-page: #F8F9FC;
  --blg-bg-card: #FFFFFF;
  --blg-border: #E2E8F0;
  --blg-highlight: #FFF8E7;
  --blg-highlight-border: #F59E0B;
  --blg-radius: 12px;
  --blg-radius-sm: 8px;

  width: 100% !important;
  margin: 0 auto !important;
  padding: 48px 24px 80px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: var(--blg-text-dark) !important;
  background: var(--blg-bg-page) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.blg-blog-article *, .blg-blog-article *::before, .blg-blog-article *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 100% !important;
  font-family: inherit !important;
  line-height: inherit !important;
}

/* ---- Hero ---- */
.blg-hero {
  position: relative !important;
  background: linear-gradient(135deg, var(--blg-brand) 0%, #991B1B 55%, var(--blg-brand-light) 100%) !important;
  border-radius: 20px !important;
  padding: 60px 52px !important;
  margin-bottom: 56px !important;
  overflow: hidden !important;
  color: #fff !important;
}
.blg-hero::before {
  content: '' !important;
  position: absolute !important;
  top: -60px; right: -60px !important;
  width: 280px; height: 280px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.05) !important;
}
.blg-hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: -40px; left: 40px !important;
  width: 180px; height: 180px !important;
  border-radius: 50% !important;
  background: rgba(239,68,68,0.18) !important;
}
.blg-hero-tag {
  display: inline-block !important;
  background: rgba(239,68,68,0.25) !important;
  color: #FCA5A5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 30px !important;
  margin-bottom: 20px !important;
}
.blg-hero h1 {
  font-family: 'Libre Baskerville', serif !important;
  font-size: clamp(24px, 4vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 18px !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-hero-lead {
  font-size: 17px !important;
  color: rgba(255,255,255,0.82) !important;
  max-width: 560px !important;
  position: relative !important;
  z-index: 1 !important;
  line-height: 1.7 !important;
}
.blg-hero-meta {
  margin-top: 28px !important;
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.6) !important;
  position: relative !important;
  z-index: 1 !important;
  flex-wrap: wrap !important;
}
.blg-hero-meta span { display: flex !important; align-items: center !important; gap: 6px !important; }

/* ---- Section ---- */
.blg-section { margin-bottom: 64px !important; }
.blg-section-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--blg-brand-accent) !important;
  margin-bottom: 12px !important;
}
.blg-section-label::before {
  content: '' !important;
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: var(--blg-brand-accent) !important;
  border-radius: 2px !important;
}
.blg-section h2 {
  font-family: 'Libre Baskerville', serif !important;
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: 700 !important;
  color: var(--blg-brand) !important;
  margin-bottom: 18px !important;
  line-height: 1.3 !important;
}
.blg-section p { color: var(--blg-text-mid) !important; margin-bottom: 16px !important; font-size: 16px !important; }

/* ---- Section Divider ---- */
.blg-section-divider { display: flex !important; align-items: center !important; margin: 40px 0 !important; }
.blg-section-divider span { flex: 1 !important; height: 1px !important; background: var(--blg-border) !important; }

/* ---- Factor cards ---- */
.blg-factor-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  margin: 28px 0 !important;
}
.blg-factor-card {
  background: var(--blg-bg-card) !important;
  border: 1px solid var(--blg-border) !important;
  border-radius: var(--blg-radius) !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
.blg-factor-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.07) !important; transform: translateY(-2px) !important; }
.blg-factor-icon {
  width: 40px; height: 40px !important;
  border-radius: var(--blg-radius-sm) !important;
  background: var(--blg-brand-accent-soft) !important;
  display: flex; align-items: center; justify-content: center !important;
  font-size: 20px !important;
}
.blg-factor-title { font-size: 14px !important; font-weight: 600 !important; color: var(--blg-text-dark) !important; }
.blg-factor-desc { font-size: 13px !important; color: var(--blg-text-soft) !important; line-height: 1.5 !important; }

/* ---- Checklist ---- */
.blg-checklist { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 24px 0 !important; }
.blg-checklist-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  background: var(--blg-bg-card) !important;
  border: 1px solid var(--blg-border) !important;
  border-radius: var(--blg-radius-sm) !important;
  font-size: 15px !important;
  color: var(--blg-text-mid) !important;
  transition: background 0.2s !important;
}
.blg-checklist-item:hover { background: var(--blg-brand-accent-soft) !important; }
.blg-check-icon {
  width: 22px; height: 22px !important;
  min-width: 22px !important;
  border-radius: 50% !important;
  background: var(--blg-brand-accent) !important;
  color: #fff !important;
  display: flex; align-items: center; justify-content: center !important;
  font-size: 13px !important;
  margin-top: 1px !important;
}

/* ---- Benefit grid ---- */
.blg-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 14px !important;
  margin: 28px 0 !important;
}
.blg-benefit-card {
  background: var(--blg-bg-card) !important;
  border: 1px solid var(--blg-border) !important;
  border-radius: var(--blg-radius) !important;
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  transition: box-shadow 0.2s !important;
}
.blg-benefit-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important; }
.blg-benefit-emoji { font-size: 26px !important; }
.blg-benefit-title { font-size: 14px !important; font-weight: 600 !important; color: var(--blg-text-dark) !important; }
.blg-benefit-desc { font-size: 13px !important; color: var(--blg-text-soft) !important; line-height: 1.5 !important; }

/* ---- RF-Paper avantaj bandı ---- */
.blg-avantaj-band {
  background: linear-gradient(135deg, #FEF2F2 0%, #EF4444 100%) !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin: 28px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.blg-avantaj-band::after {
  content: '' !important;
  position: absolute !important;
  right: -30px; top: -30px !important;
  width: 160px; height: 160px !important;
  border-radius: 50% !important;
  background: rgba(239,68,68,0.12) !important;
}
.blg-avantaj-band h3 {
  font-family: 'Libre Baskerville', serif !important;
  font-size: 20px !important;
  color: var(--blg-brand) !important;
  margin-bottom: 16px !important;
}
.blg-avantaj-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 12px !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-avantaj-feature {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--blg-brand) !important;
  background: rgba(255,255,255,0.6) !important;
  border-radius: var(--blg-radius-sm) !important;
  padding: 10px 14px !important;
}
.blg-avantaj-feature::before {
  content: '✓' !important;
  color: var(--blg-brand-accent) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* ---- Highlight box ---- */
.blg-highlight-box {
  background: var(--blg-highlight) !important;
  border-left: 4px solid var(--blg-highlight-border) !important;
  border-radius: 0 var(--blg-radius-sm) var(--blg-radius-sm) 0 !important;
  padding: 20px 24px !important;
  margin: 24px 0 !important;
  font-size: 15px !important;
  color: var(--blg-text-dark) !important;
  font-style: italic !important;
  line-height: 1.7 !important;
}

/* ---- FAQ ---- */
.blg-faq-list { margin: 24px 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.blg-faq-item {
  background: var(--blg-bg-card) !important;
  border: 1px solid var(--blg-border) !important;
  border-radius: var(--blg-radius-sm) !important;
  overflow: hidden !important;
  transition: border-color 0.2s !important;
}
.blg-faq-item.blg-faq-open { border-color: var(--blg-brand-accent) !important; }
.blg-faq-trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--blg-brand) !important;
  transition: background 0.15s !important;
}
.blg-faq-trigger:hover { background: rgba(239,68,68,0.12) !important; }
.blg-faq-icon {
  min-width: 26px !important;
  height: 26px !important;
  width: 26px !important;
  border-radius: 50% !important;
  background: var(--blg-brand-accent-soft) !important;
  color: var(--blg-brand-accent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  transition: transform 0.25s, background 0.2s, color 0.2s !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.blg-faq-open .blg-faq-icon { transform: rotate(45deg) !important; background: var(--blg-brand-accent) !important; color: #fff !important; }
.blg-faq-body { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.35s ease, padding 0.25s ease !important; padding: 0 20px !important; }
.blg-faq-open .blg-faq-body { max-height: 500px !important; padding: 0 20px 18px !important; }
.blg-faq-answer { color: var(--blg-text-mid) !important; font-size: 14px !important; line-height: 1.75 !important; border-top: 1px solid var(--blg-border) !important; padding-top: 14px !important; }

/* ---- CTA ---- */
.blg-cta-section {
  background: linear-gradient(135deg, var(--blg-brand) 0%, #991B1B 100%) !important;
  border-radius: 20px !important;
  padding: 52px 48px !important;
  text-align: center !important;
  color: #fff !important;
  margin: 56px 0 40px !important;
}
.blg-cta-section h2 {
  font-family: 'Libre Baskerville', serif !important;
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  color: #fff !important;
}
.blg-cta-section p { color: rgba(255,255,255,0.82) !important; font-size: 16px !important; max-width: 520px !important; margin: 0 auto 32px !important; line-height: 1.7 !important; }
.blg-cta-buttons { display: flex !important; gap: 16px !important; justify-content: center !important; flex-wrap: wrap !important; margin-bottom: 24px !important; }
.blg-btn-primary {
  background: var(--blg-brand-accent) !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: background 0.2s, transform 0.2s !important;
}
.blg-btn-primary:hover { background: #DC2626 !important; transform: translateY(-1px) !important; }
.blg-btn-secondary {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: background 0.2s !important;
}
.blg-btn-secondary:hover { background: rgba(255,255,255,0.25) !important; }
.blg-cta-contact { font-size: 13px !important; color: rgba(255,255,255,0.6) !important; line-height: 1.8 !important; }
.blg-cta-contact a { color: rgba(255,255,255,0.85) !important; text-decoration: none !important; }


/* ============================================================
   SCROLL ANİMASYON SİSTEMİ
   ============================================================ */

.blg-will-animate {
  opacity: 0 !important;
}
.blg-anim-up    { transform: translateY(36px) !important; }
.blg-anim-left  { transform: translateX(-24px) !important; }
.blg-anim-right { transform: translateX(24px) !important; }
.blg-anim-scale { transform: scale(0.94) translateY(16px) !important; }

.blg-d0 { transition-delay: 0s !important; }
.blg-d1 { transition-delay: 0.08s !important; }
.blg-d2 { transition-delay: 0.16s !important; }
.blg-d3 { transition-delay: 0.24s !important; }
.blg-d4 { transition-delay: 0.32s !important; }
.blg-d5 { transition-delay: 0.40s !important; }
.blg-d6 { transition-delay: 0.48s !important; }

.blg-will-animate.blg-in-view {
  opacity: 1 !important;
  transform: none !important;
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@keyframes blgHeroFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}

.blg-hero-tag  { animation: blgHeroFadeUp 0.55s cubic-bezier(0.22,1,0.36,1) 0.10s both !important; }
.blg-hero h1   { animation: blgHeroFadeUp 0.65s cubic-bezier(0.22,1,0.36,1) 0.25s both !important; }
.blg-hero-lead { animation: blgHeroFadeUp 0.65s cubic-bezier(0.22,1,0.36,1) 0.40s both !important; }
.blg-hero-meta { animation: blgHeroFadeUp 0.60s cubic-bezier(0.22,1,0.36,1) 0.55s both !important; }

@keyframes blgDividerExpand {
  from { transform: scaleX(0); opacity: 0; }
  to   { transform: scaleX(1); opacity: 1; }
}
.blg-section-divider.blg-in-view span {
  animation: blgDividerExpand 0.7s cubic-bezier(0.22,1,0.36,1) both !important;
  transform-origin: left center !important;
}

@media (prefers-reduced-motion: reduce) {
  .blg-will-animate,
  .blg-will-animate.blg-in-view,
  .blg-anim-up, .blg-anim-left, .blg-anim-right, .blg-anim-scale {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .blg-hero-tag, .blg-hero h1, .blg-hero-lead, .blg-hero-meta {
    animation: none !important;
    opacity: 1 !important;
  }
}