.elementor-37466 .elementor-element.elementor-element-ebdd94e{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-ff62d6c *//* =============================================
   Blog — Yerel SEO — webaction.com.tr (izole)
   Tüm stiller .blg-wrap scope'u altında
   ============================================= */

.blg-wrap,
.blg-wrap *,
.blg-wrap *::before,
.blg-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.blg-wrap {
  width: 100% !important;
  font-family: 'Poppins', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 48px !important;
}

/* ════════════════════════════
   HERO GÖRSEL
   ════════════════════════════ */
.blg-wrap .blg-hero {
  width: 100% !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 7 !important;
  background: #111118 !important;
  position: relative !important;
}
.blg-wrap .blg-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(0.9) !important;
}
.blg-wrap .blg-hero::after {
  content: '' !important;
  position: absolute !important;
  width: 5px !important; height: 5px !important;
  border-radius: 50% !important;
  background: #1800AD !important;
  top: 14px !important; right: 14px !important;
  opacity: 0.6 !important;
}

/* ════════════════════════════
   YAZI GÖVDESİ
   ════════════════════════════ */
.blg-wrap .blg-h2 {
  font-size: 23px !important;
  font-weight: 600 !important;
  color: #0a0a14 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  text-transform: none !important;
  margin-bottom: 12px !important;
}

.blg-wrap .blg-h3 {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #0a0a14 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
}

.blg-wrap .blg-p {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #6e6e73 !important;
  line-height: 1.8 !important;
  margin-bottom: 12px !important;
}
.blg-wrap .blg-p:last-child { margin-bottom: 0 !important; }
.blg-wrap .blg-p strong { color: #0a0a14 !important; font-weight: 600 !important; }

/* İç bağlantı */
.blg-wrap .blg-p a,
.blg-wrap .blg-link {
  color: #1800ad !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(24,0,173,0.3) !important;
  text-underline-offset: 3px !important;
  transition: text-decoration-color 0.2s ease !important;
}
.blg-wrap .blg-p a:hover,
.blg-wrap .blg-link:hover {
  text-decoration-color: #1800ad !important;
}

/* ════════════════════════════
   STAT BANNER
   ════════════════════════════ */
.blg-wrap .blg-stat {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  border-radius: 14px !important;
  background: #111118 !important;
  border: 0.5px solid rgba(255,255,255,0.08) !important;
  position: relative !important;
  overflow: hidden !important;
}
.blg-wrap .blg-stat::before {
  content: '' !important;
  position: absolute !important;
  width: 200px !important; height: 200px !important;
  border-radius: 50% !important;
  border: 40px solid rgba(255,255,255,0.04) !important;
  right: -80px !important; top: -80px !important;
  pointer-events: none !important;
}
.blg-wrap .blg-stat-icon {
  width: 40px !important; height: 40px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 0.5px solid rgba(255,255,255,0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-wrap .blg-stat-icon svg {
  width: 18px !important; height: 18px !important;
  stroke: rgba(255,255,255,0.75) !important;
  fill: none !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.blg-wrap .blg-stat-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.6 !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-wrap .blg-stat-text strong { color: #ffffff !important; font-weight: 700 !important; }

/* ════════════════════════════
   ADIM LİSTESİ
   ════════════════════════════ */
.blg-wrap .blg-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.blg-wrap .blg-step {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}
.blg-wrap .blg-step:last-child { border-bottom: none !important; }
.blg-wrap .blg-step-num {
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  background: #0a0a14 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.blg-wrap .blg-step-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0a0a14 !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}
.blg-wrap .blg-step-text {
  font-size: 14px !important;
  color: #6e6e73 !important;
  line-height: 1.75 !important;
}

/* ════════════════════════════
   KART GRİD
   ════════════════════════════ */
.blg-wrap .blg-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}
.blg-wrap .blg-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 22px 18px !important;
  border-radius: 18px !important;
  background: #111118 !important;
  border: 0.5px solid rgba(255,255,255,0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.3s ease !important;
}
.blg-wrap .blg-card:hover { border-color: rgba(255,255,255,0.16) !important; }
.blg-wrap .blg-card::after {
  content: '' !important;
  position: absolute !important;
  width: 5px !important; height: 5px !important;
  border-radius: 50% !important;
  background: #1800AD !important;
  top: 12px !important; right: 12px !important;
  opacity: 0.4 !important;
}
.blg-wrap .blg-card-icon {
  width: 44px !important; height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 0.5px solid rgba(255,255,255,0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-wrap .blg-card-icon svg {
  width: 20px !important; height: 20px !important;
  stroke: rgba(255,255,255,0.8) !important;
  fill: none !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.blg-wrap .blg-card-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-wrap .blg-card-text {
  font-size: 13px !important;
  color: rgba(255,255,255,0.45) !important;
  line-height: 1.65 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ════════════════════════════
   ARA GÖRSEL
   ════════════════════════════ */
.blg-wrap .blg-img {
  width: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 6 !important;
  background: #111118 !important;
}
.blg-wrap .blg-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(0.8) saturate(0.85) !important;
}

/* ════════════════════════════
   İÇ BAĞLANTI KUTUSU
   ════════════════════════════ */
.blg-wrap .blg-inlink {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  background: rgba(24,0,173,0.05) !important;
  border: 1px solid rgba(24,0,173,0.15) !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
.blg-wrap .blg-inlink:hover {
  background: rgba(24,0,173,0.09) !important;
  border-color: rgba(24,0,173,0.28) !important;
}
.blg-wrap .blg-inlink-icon {
  width: 40px !important; height: 40px !important;
  border-radius: 10px !important;
  background: rgba(24,0,173,0.1) !important;
  border: 1px solid rgba(24,0,173,0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.blg-wrap .blg-inlink-icon svg {
  width: 18px !important; height: 18px !important;
  stroke: #1800ad !important;
  fill: none !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.blg-wrap .blg-inlink-body { flex: 1 !important; min-width: 0 !important; }
.blg-wrap .blg-inlink-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #1800ad !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 2px !important;
}
.blg-wrap .blg-inlink-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0a0a14 !important;
  line-height: 1.3 !important;
}
.blg-wrap .blg-inlink-arrow {
  width: 20px !important; height: 20px !important;
  stroke: #1800ad !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex-shrink: 0 !important;
}

/* ════════════════════════════
   CTA
   ════════════════════════════ */
.blg-wrap .blg-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 32px 36px !important;
  border-radius: 20px !important;
  background: #111118 !important;
  border: 0.5px solid rgba(255,255,255,0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  flex-wrap: wrap !important;
}
.blg-wrap .blg-cta::before {
  content: '' !important;
  position: absolute !important;
  width: 400px !important; height: 400px !important;
  border-radius: 50% !important;
  border: 70px solid rgba(255,255,255,0.04) !important;
  bottom: -220px !important; right: -140px !important;
  pointer-events: none !important;
}
.blg-wrap .blg-cta-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 1 !important;
}
.blg-wrap .blg-cta-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
.blg-wrap .blg-cta-sub {
  font-size: 13px !important;
  color: rgba(255,255,255,0.4) !important;
  line-height: 1.6 !important;
}
.blg-wrap .blg-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 9px 20px !important;
  border-radius: 50px !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #111111 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
  position: relative !important;
  z-index: 1 !important;
  flex-shrink: 0 !important;
}
.blg-wrap .blg-cta-btn:hover {
  background: rgba(255,255,255,0.88) !important;
  transform: translateY(-1px) !important;
  color: #111111 !important;
}
.blg-wrap .blg-cta-btn svg {
  width: 13px !important; height: 13px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ════════════════════════════
   RESPONSIVE
   ════════════════════════════ */
@media (max-width: 768px) {
  .blg-wrap .blg-cards { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 600px) {
  .blg-wrap { gap: 36px !important; }
  .blg-wrap .blg-cards { grid-template-columns: 1fr !important; }
  .blg-wrap .blg-h2 { font-size: 20px !important; }
  .blg-wrap .blg-h3 { font-size: 16px !important; }
  .blg-wrap .blg-hero { aspect-ratio: 4 / 3 !important; }
  .blg-wrap .blg-cta { padding: 24px 20px !important; flex-direction: column !important; align-items: flex-start !important; }
}/* End custom CSS */