/*
 * sartlari.tr — Frontend Stilleri
 * v1.3.0 — Modern, premium tasarım
 * Renk sistemi, fluid tipografi, micro-animations
 */

/* ======================================
   1. CSS DEĞİŞKEN SİSTEMİ
====================================== */
:root {
  /* Marka renkleri */
  --st-primary: #2563eb;
  --st-primary-hover: #1d4ed8;
  --st-primary-soft: #dbeafe;
  --st-primary-glow: rgba(37, 99, 235, .25);

  --st-accent: #f59e0b;
  --st-accent-soft: #fef3c7;
  --st-success: #10b981;
  --st-success-soft: #d1fae5;
  --st-danger: #ef4444;
  --st-danger-soft: #fee2e2;

  /* Gradient'ler */
  --st-gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --st-gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
  --st-gradient-cool: linear-gradient(135deg, #06b6d4 0%, #2563eb 100%);
  --st-gradient-soft: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);

  /* Yüzey renkleri */
  --st-bg: #ffffff;
  --st-bg-soft: #f8fafc;
  --st-bg-tint: #f1f5f9;
  --st-border: #e2e8f0;
  --st-border-strong: #cbd5e1;

  /* Metin */
  --st-text: #0f172a;
  --st-text-muted: #475569;
  --st-text-subtle: #64748b;

  /* Tipografi */
  --st-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --st-font-display: "Inter", var(--st-font-sans);

  /* Yarıçaplar */
  --st-radius-sm: 6px;
  --st-radius: 12px;
  --st-radius-lg: 16px;
  --st-radius-xl: 24px;
  --st-radius-full: 9999px;

  /* Gölgeler — kademeli */
  --st-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --st-shadow-sm: 0 2px 4px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
  --st-shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);
  --st-shadow-md: 0 10px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);
  --st-shadow-lg: 0 20px 40px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .08);
  --st-shadow-glow: 0 8px 32px rgba(37, 99, 235, .25);

  /* Spacing scale (8px tabanlı) */
  --st-space-xs: 0.5rem;
  --st-space-sm: 0.75rem;
  --st-space: 1rem;
  --st-space-md: 1.5rem;
  --st-space-lg: 2rem;
  --st-space-xl: 3rem;
  --st-space-2xl: 4rem;

  /* Geçişler */
  --st-ease: cubic-bezier(.4, 0, .2, 1);
  --st-ease-out: cubic-bezier(0, 0, .2, 1);
  --st-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --st-transition-fast: 150ms var(--st-ease);
  --st-transition: 250ms var(--st-ease);
  --st-transition-slow: 400ms var(--st-ease);
}

/* ======================================
   1a-themes. 5 RENK TEMASI (body class ile aktif)
====================================== */

/* TEMA 1: Modern Mavi (default — değişiklik yok, :root değerleri) */

/* TEMA 2: Sıcak Turuncu */
body.sartlari-theme-warm {
  --st-primary: #ea580c;
  --st-primary-hover: #c2410c;
  --st-primary-soft: #ffedd5;
  --st-primary-glow: rgba(234, 88, 12, .25);
  --st-accent: #facc15;
  --st-accent-soft: #fef9c3;
  --st-gradient-primary: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);
  --st-gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
  --st-gradient-cool: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);
}

/* TEMA 3: Doğa Yeşili */
body.sartlari-theme-nature {
  --st-primary: #059669;
  --st-primary-hover: #047857;
  --st-primary-soft: #d1fae5;
  --st-primary-glow: rgba(5, 150, 105, .25);
  --st-accent: #f59e0b;
  --st-accent-soft: #fef3c7;
  --st-gradient-primary: linear-gradient(135deg, #059669 0%, #0891b2 100%);
  --st-gradient-warm: linear-gradient(135deg, #f59e0b 0%, #059669 100%);
  --st-gradient-cool: linear-gradient(135deg, #06b6d4 0%, #059669 100%);
}

/* TEMA 4: Lüks Mor */
body.sartlari-theme-luxury {
  --st-primary: #9333ea;
  --st-primary-hover: #7e22ce;
  --st-primary-soft: #f3e8ff;
  --st-primary-glow: rgba(147, 51, 234, .25);
  --st-accent: #f59e0b;
  --st-accent-soft: #fef3c7;
  --st-gradient-primary: linear-gradient(135deg, #9333ea 0%, #ec4899 100%);
  --st-gradient-warm: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
  --st-gradient-cool: linear-gradient(135deg, #6366f1 0%, #9333ea 100%);
}

/* TEMA 5: Profesyonel Antrasit */
body.sartlari-theme-corporate {
  --st-primary: #475569;
  --st-primary-hover: #334155;
  --st-primary-soft: #e2e8f0;
  --st-primary-glow: rgba(71, 85, 105, .25);
  --st-accent: #d97706;
  --st-accent-soft: #fef3c7;
  --st-gradient-primary: linear-gradient(135deg, #1e293b 0%, #475569 100%);
  --st-gradient-warm: linear-gradient(135deg, #d97706 0%, #92400e 100%);
  --st-gradient-cool: linear-gradient(135deg, #475569 0%, #0f172a 100%);
}

/* TEMA 6: Bordo + Altın (Klasik) */
body.sartlari-theme-classic {
  --st-primary: #991b1b;
  --st-primary-hover: #7f1d1d;
  --st-primary-soft: #fee2e2;
  --st-primary-glow: rgba(153, 27, 27, .25);
  --st-accent: #d97706;
  --st-accent-soft: #fef3c7;
  --st-gradient-primary: linear-gradient(135deg, #991b1b 0%, #7c2d12 100%);
  --st-gradient-warm: linear-gradient(135deg, #d97706 0%, #991b1b 100%);
  --st-gradient-cool: linear-gradient(135deg, #b91c1c 0%, #7c2d12 100%);
}

/* ======================================
   1b. HEADER + NAVIGATION (GeneratePress override)
====================================== */

/* Site header — modern, beyaz, kademeli gölge */
body .site-header {
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--st-border) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
  padding: var(--st-space) 0 !important;
  position: relative;
  z-index: 100;
}
body .site-header .inside-header {
  padding: var(--st-space-xs) var(--st-space) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--st-space);
}

/* Site title — gradient text */
body .site-header .main-title,
body .site-header .site-title,
body .site-branding p.main-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--st-font-display);
  font-size: clamp(1.4rem, 2.5vw, 1.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  line-height: 1.1;
}
body .site-header .main-title a,
body .site-header .site-title a {
  background: var(--st-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  text-decoration: none !important;
  transition: filter var(--st-transition);
  border: 0 !important;
}
body .site-header .main-title a:hover {
  filter: brightness(1.15) saturate(1.1);
}
body .site-header .main-title a::before {
  content: '⚡ ';
  -webkit-text-fill-color: var(--st-accent);
  background: none;
  margin-right: .15rem;
}

/* Site description (alt yazı) */
body .site-header .site-description {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .8rem;
  color: var(--st-text-subtle) !important;
  font-weight: 400;
  display: none; /* Mobil ve dar headerda gizle */
}
@media (min-width: 900px) {
  body .site-header .site-description {
    display: block;
    max-width: 320px;
    text-align: right;
    line-height: 1.4;
  }
}

/* Main navigation — premium */
body .main-navigation,
body nav.main-navigation {
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--st-border) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}
body .main-navigation .inside-navigation {
  padding: 0 var(--st-space) !important;
}
body .main-navigation .main-nav > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  margin: 0 !important;
  padding: 0 !important;
}
body .main-navigation .main-nav > ul > li {
  position: relative;
}
body .main-navigation .main-nav > ul > li > a {
  display: inline-flex !important;
  align-items: center;
  padding: .9rem 1rem !important;
  color: var(--st-text-muted) !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  position: relative;
  transition: color var(--st-transition);
}
body .main-navigation .main-nav > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 1rem; right: 1rem;
  height: 2px;
  background: var(--st-gradient-primary);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--st-transition);
  border-radius: 1px;
}
body .main-navigation .main-nav > ul > li:hover > a,
body .main-navigation .main-nav > ul > li.current-menu-item > a,
body .main-navigation .main-nav > ul > li.current_page_item > a {
  color: var(--st-primary) !important;
}
body .main-navigation .main-nav > ul > li:hover > a::after,
body .main-navigation .main-nav > ul > li.current-menu-item > a::after,
body .main-navigation .main-nav > ul > li.current_page_item > a::after {
  transform: scaleX(1);
}

/* Submenu (dropdown) */
body .main-navigation .main-nav ul ul {
  background: #fff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius) !important;
  box-shadow: var(--st-shadow-md) !important;
  padding: .35rem !important;
  margin-top: .25rem !important;
  min-width: 220px;
}
body .main-navigation .main-nav ul ul li a {
  padding: .65rem .85rem !important;
  border-radius: var(--st-radius-sm) !important;
  color: var(--st-text) !important;
  font-weight: 500 !important;
  font-size: .9rem !important;
  background: transparent !important;
  transition: background var(--st-transition), color var(--st-transition);
}
body .main-navigation .main-nav ul ul li a:hover {
  background: var(--st-primary-soft) !important;
  color: var(--st-primary-hover) !important;
}

/* Desktop'ta menü ZORLA yatay + her zaman görünür (GeneratePress mobile menu davranışını override) */
@media (min-width: 769px) {
  body .main-navigation .menu-toggle {
    display: none !important;
  }
  body .main-navigation .main-nav,
  body .main-navigation #primary-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body .main-navigation .main-nav > ul,
  body .main-navigation #primary-menu > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: center;
    gap: .25rem;
  }
}

/* Mobile menu toggle (768px ve altı) */
body .main-navigation .menu-toggle {
  background: var(--st-gradient-primary) !important;
  color: #fff !important;
  border: 0 !important;
  padding: .7rem 1.2rem !important;
  border-radius: var(--st-radius-full) !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  margin: var(--st-space-xs) auto !important;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  cursor: pointer;
  transition: filter var(--st-transition), transform var(--st-transition);
  width: auto;
}
body .main-navigation .menu-toggle:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
body .main-navigation .menu-toggle .gp-icon svg {
  fill: #fff !important;
  width: 1em; height: 1em;
}

/* Mobile menü açık */
@media (max-width: 768px) {
  body .main-navigation .main-nav > ul {
    flex-direction: column;
    align-items: stretch;
    background: #fff;
    padding: .5rem !important;
    border-top: 1px solid var(--st-border);
  }
  body .main-navigation .main-nav > ul > li > a {
    padding: .85rem 1rem !important;
    border-radius: var(--st-radius-sm);
  }
  body .main-navigation .main-nav > ul > li > a::after {
    display: none;
  }
  body .main-navigation .main-nav > ul > li:hover > a,
  body .main-navigation .main-nav > ul > li.current-menu-item > a {
    background: var(--st-primary-soft) !important;
  }
}

/* ======================================
   1c. TÜM SAYFALAR İÇİN TUTARLI CONTAINER (1280px)
====================================== */

/* Tüm sayfalarda aynı container genişliği — tutarlılık için */
body div#page,
body div#page.grid-container,
body div#page.container {
  max-width: 1280px !important;
  width: 100% !important;
  padding-left: clamp(1rem, 3vw, 2rem) !important;
  padding-right: clamp(1rem, 3vw, 2rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Site content — full width */
body.home div#content.site-content,
body.home #primary.content-area,
body.home main#main.site-main,
body.front-page #content,
body.front-page #primary,
body.front-page main#main {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Article wrapper kartını anasayfada kapat */
body.home article.post,
body.home article.type-page,
body.home article#post-788,
body.home article.page,
body.front-page article.post,
body.front-page article.page {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* GP'nin inside-article padding'ini sıfırla */
body.home article > .inside-article,
body.home .inside-article,
body.front-page .inside-article {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Anasayfa default page-header + "Ana Sayfa" entry-title gizle */
body.home .page-header,
body.home article > .inside-article > .entry-header,
body.home .inside-article > header.entry-header,
body.home .entry-header,
body.home h1.entry-title,
body.front-page .page-header,
body.front-page .entry-header {
  display: none !important;
}

/* Anasayfa entry-content padding sıfırla — hero zaten kendi padding'i var */
body.home .entry-content,
body.home .inside-article .entry-content,
body.front-page .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Anasayfada hero/grid/popular/trust tam genişlikte (parent kadar) */
body.home .sartlari-hero,
body.home .sartlari-cats,
body.home .sartlari-cat-grid,
body.home .sartlari-popular,
body.home .sartlari-trust,
body.home .sartlari-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Hero iç içerik (text + arama kutusu) ortada, geniş ekranda 900px görünür */
body.home .sartlari-hero-inner {
  max-width: 900px;
}

/* Kategori grid'i geniş ekranda 4 sütun */
@media (min-width: 1100px) {
  body.home .sartlari-cat-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  }
}

/* Geniş ekranda popular liste 4 sütun */
@media (min-width: 1280px) {
  body.home .sartlari-popular-list {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* ======================================
   2. HERO BÖLÜMÜ
====================================== */
.sartlari-hero {
  position: relative;
  background: var(--st-gradient-primary);
  color: #fff;
  padding: clamp(3rem, 8vw, 6rem) clamp(1.5rem, 5vw, 3rem) clamp(2.5rem, 6vw, 4rem);
  border-radius: var(--st-radius-xl);
  margin: 0 0 var(--st-space-xl);
  text-align: center;
  overflow: hidden;
  isolation: isolate;
}
/* Dekoratif animasyonlu blob'lar */
.sartlari-hero::before,
.sartlari-hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .35;
  z-index: -1;
  animation: float 12s ease-in-out infinite;
}
.sartlari-hero::before {
  width: 400px; height: 400px;
  background: #06b6d4;
  top: -150px; left: -100px;
}
.sartlari-hero::after {
  width: 350px; height: 350px;
  background: #f59e0b;
  bottom: -120px; right: -80px;
  animation-delay: -4s;
  animation-duration: 14s;
}
@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(40px, -30px) scale(1.05); }
  66% { transform: translate(-30px, 30px) scale(.95); }
}
.sartlari-hero-inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  z-index: 1;
}
.sartlari-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(255, 255, 255, .15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .2);
  color: #fff;
  padding: .35rem .85rem;
  border-radius: var(--st-radius-full);
  font-size: .85rem;
  font-weight: 500;
  margin-bottom: var(--st-space);
  letter-spacing: .02em;
}
.sartlari-hero-title {
  color: #fff;
  font-family: var(--st-font-display);
  font-size: clamp(1.85rem, 5vw, 3.25rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.025em;
  margin: 0 0 var(--st-space);
  text-shadow: 0 2px 30px rgba(0, 0, 0, .15);
}
.sartlari-hero-title .highlight {
  background: linear-gradient(120deg, #fbbf24 0%, #fcd34d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sartlari-hero-tagline {
  font-size: clamp(1rem, 2vw, 1.2rem);
  opacity: .95;
  margin: 0 0 var(--st-space-lg);
  line-height: 1.6;
  font-weight: 400;
}
.sartlari-hero-tagline strong {
  background: rgba(255, 255, 255, .18);
  padding: 2px 10px;
  border-radius: var(--st-radius-sm);
  font-weight: 600;
}
.sartlari-hero-search {
  display: flex;
  gap: .5rem;
  max-width: 580px;
  margin: 0 auto var(--st-space-md);
  background: #fff;
  padding: .4rem;
  border-radius: var(--st-radius-full);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .8);
  transition: transform var(--st-transition), box-shadow var(--st-transition);
}
.sartlari-hero-search:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, .3), inset 0 0 0 2px var(--st-primary);
}
.sartlari-hero-search input,
.sartlari-hero-search input[type="search"] {
  flex: 1;
  min-width: 0; /* flexbox overflow fix */
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: .85rem 1.2rem !important;
  font-size: 1rem;
  color: var(--st-text);
  font-family: inherit;
  border-radius: var(--st-radius-full) !important; /* inputun kendi köşeleri yuvarlak */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important; /* GeneratePress'in default focus shadow override */
}
.sartlari-hero-search input:focus,
.sartlari-hero-search input:focus-visible {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* Search input default browser X butonu temizliği */
.sartlari-hero-search input[type="search"]::-webkit-search-decoration,
.sartlari-hero-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.sartlari-hero-search input::placeholder { color: var(--st-text-subtle); opacity: .85; }
.sartlari-hero-search button {
  background: var(--st-gradient-primary);
  color: #fff;
  border: 0;
  padding: .8rem 1.8rem;
  border-radius: var(--st-radius-full);
  font-weight: 600;
  font-size: .95rem;
  cursor: pointer;
  font-family: inherit;
  transition: transform var(--st-transition), box-shadow var(--st-transition), filter var(--st-transition);
}
.sartlari-hero-search button:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(37, 99, 235, .4);
}
.sartlari-hero-stats {
  display: flex;
  gap: clamp(1.5rem, 4vw, 3rem);
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  font-size: .95rem;
}
.sartlari-hero-stats > div {
  text-align: center;
}
.sartlari-hero-stats strong {
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  display: block;
  font-weight: 800;
  color: #fbbf24;
  line-height: 1.1;
  margin-bottom: .15rem;
}
.sartlari-hero-stats span { opacity: .85; font-size: .9rem; }

/* ======================================
   3. BÖLÜM BAŞLIKLARI
====================================== */
.sartlari-section {
  margin: var(--st-space-xl) 0;
}
.sartlari-section-title {
  font-family: var(--st-font-display);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--st-text);
  margin: var(--st-space-xl) 0 var(--st-space);
  letter-spacing: -.02em;
  position: relative;
  padding-bottom: .6rem;
}
.sartlari-section-title::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 60px; height: 4px;
  background: var(--st-gradient-primary);
  border-radius: var(--st-radius-full);
}
.sartlari-section-subtitle {
  color: var(--st-text-muted);
  font-size: 1.05rem;
  margin: 0 0 var(--st-space-md);
  line-height: 1.6;
  max-width: 700px;
}

/* ======================================
   4. KATEGORİ KARTLARI (Anasayfa)
====================================== */
.sartlari-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--st-space);
  margin: 0 0 var(--st-space-lg);
}
.sartlari-cat-card {
  position: relative;
  background: #fff;
  padding: var(--st-space-lg) var(--st-space);
  text-align: center;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-lg);
  text-decoration: none;
  color: var(--st-text);
  transition: transform var(--st-transition), box-shadow var(--st-transition), border-color var(--st-transition);
  display: flex;
  flex-direction: column;
  gap: var(--st-space-xs);
  overflow: hidden;
  isolation: isolate;
}
.sartlari-cat-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 4px;
  background: var(--st-gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--st-transition-slow) var(--st-ease-out);
  z-index: -1;
}
.sartlari-cat-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--st-shadow-md);
  border-color: var(--st-primary-soft);
}
.sartlari-cat-card:hover::before { transform: scaleX(1); }
.sartlari-cat-icon {
  font-size: 2.5rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px; height: 64px;
  margin: 0 auto;
  background: var(--st-primary-soft);
  border-radius: var(--st-radius);
  transition: transform var(--st-transition-slow) var(--st-ease-bounce), background var(--st-transition);
}
.sartlari-cat-card:hover .sartlari-cat-icon {
  transform: scale(1.15) rotate(-5deg);
  background: var(--st-gradient-primary);
}
.sartlari-cat-name {
  margin: var(--st-space-xs) 0 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--st-text);
  font-family: var(--st-font-display);
}
.sartlari-cat-tag {
  margin: 0;
  color: var(--st-text-muted);
  font-size: .9rem;
  line-height: 1.5;
}
.sartlari-cat-count {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--st-primary);
  font-weight: 600;
  font-size: .88rem;
  margin-top: auto;
  padding-top: var(--st-space-xs);
  transition: gap var(--st-transition);
}
.sartlari-cat-card:hover .sartlari-cat-count { gap: .65rem; }

/* ======================================
   5. ÖNE ÇIKAN REHBERLER
====================================== */
.sartlari-popular-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: var(--st-space-xs) var(--st-space-md);
  list-style: none;
  padding: 0;
  margin: 0 0 var(--st-space-lg);
}
.sartlari-popular-list li {
  position: relative;
  padding: .8rem 0 .8rem 1.6rem;
  border-bottom: 1px solid var(--st-border);
  transition: padding var(--st-transition);
}
.sartlari-popular-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--st-primary);
  font-weight: 700;
  transition: transform var(--st-transition);
}
.sartlari-popular-list li:hover { padding-left: 2rem; }
.sartlari-popular-list li:hover::before { transform: translateX(4px); }
.sartlari-popular-list a {
  text-decoration: none;
  color: var(--st-text);
  font-weight: 500;
  transition: color var(--st-transition);
}
.sartlari-popular-list a:hover { color: var(--st-primary); }

/* ======================================
   6. GÜVEN/TRUST BLOK
====================================== */
.sartlari-trust {
  background: var(--st-gradient-soft);
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-lg);
  padding: var(--st-space-xl) var(--st-space-md);
  margin: var(--st-space-xl) 0;
  position: relative;
  overflow: hidden;
}
.sartlari-trust::before {
  content: '';
  position: absolute;
  top: -50px; right: -50px;
  width: 200px; height: 200px;
  background: var(--st-primary-soft);
  border-radius: 50%;
  filter: blur(50px);
  opacity: .5;
  z-index: 0;
}
.sartlari-trust-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--st-space-lg);
  z-index: 1;
}
.sartlari-trust-item {
  text-align: center;
  padding: var(--st-space);
}
.sartlari-trust-item span:first-child {
  font-size: 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px; height: 72px;
  background: #fff;
  border-radius: var(--st-radius);
  box-shadow: var(--st-shadow);
  margin-bottom: var(--st-space);
}
.sartlari-trust-item h4 {
  margin: 0 0 var(--st-space-xs);
  color: var(--st-text);
  font-family: var(--st-font-display);
  font-size: 1.1rem;
  font-weight: 700;
}
.sartlari-trust-item p {
  margin: 0;
  color: var(--st-text-muted);
  font-size: .95rem;
  line-height: 1.6;
}

/* ======================================
   7. INFOBOX
====================================== */
.sartlari-infobox {
  position: relative;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-radius: var(--st-radius);
  padding: var(--st-space-md) var(--st-space-md) var(--st-space-md) calc(var(--st-space-md) + 4px);
  margin: var(--st-space-md) 0;
  overflow: hidden;
}
.sartlari-infobox::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--st-gradient-primary);
}
.sartlari-infobox::after {
  content: 'ℹ';
  position: absolute;
  top: var(--st-space-md);
  right: var(--st-space-md);
  font-size: 2rem;
  color: var(--st-primary);
  opacity: .25;
}
.sartlari-infobox__title {
  margin: 0 0 var(--st-space-xs);
  font-family: var(--st-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--st-primary-hover);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.sartlari-infobox__list {
  margin: 0;
  padding-left: 1.2rem;
  color: var(--st-text);
}
.sartlari-infobox__list li {
  margin: .4rem 0;
  line-height: 1.6;
}

/* ======================================
   8. TABLOLAR
====================================== */
.sartlari-table-wrapper {
  overflow-x: auto;
  margin: var(--st-space-md) 0;
  border-radius: var(--st-radius);
  background: #fff;
  box-shadow: var(--st-shadow);
  border: 1px solid var(--st-border);
}
.sartlari-table,
.sartlari-md-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: .95rem;
}
.sartlari-table caption {
  padding: var(--st-space) var(--st-space-md);
  font-weight: 700;
  color: var(--st-text);
  text-align: left;
  background: var(--st-bg-soft);
  border-bottom: 1px solid var(--st-border);
}
.sartlari-table th,
.sartlari-table td,
.sartlari-md-table th,
.sartlari-md-table td {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--st-border);
  text-align: left;
  vertical-align: top;
}
.sartlari-table thead th,
.sartlari-md-table thead th {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  font-weight: 700;
  color: var(--st-text);
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  border-bottom: 2px solid var(--st-border-strong);
}
.sartlari-table tbody tr,
.sartlari-md-table tbody tr {
  transition: background var(--st-transition-fast);
}
.sartlari-table tbody tr:nth-child(even),
.sartlari-md-table tbody tr:nth-child(even) {
  background: var(--st-bg-soft);
}
.sartlari-table tbody tr:hover,
.sartlari-md-table tbody tr:hover {
  background: var(--st-primary-soft);
}
.sartlari-table tbody th {
  font-weight: 600;
  color: var(--st-text);
  width: 40%;
  background: transparent;
}
.sartlari-table tbody tr:last-child th,
.sartlari-table tbody tr:last-child td,
.sartlari-md-table tbody tr:last-child td {
  border-bottom: 0;
}

/* ======================================
   9. CHECKLIST
====================================== */
.sartlari-checklist {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space-md);
  margin: var(--st-space-md) 0;
  box-shadow: var(--st-shadow-sm);
}
.sartlari-checklist__title {
  margin: 0 0 var(--st-space);
  font-family: var(--st-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--st-text);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.sartlari-checklist__title::before {
  content: '✓';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  background: var(--st-success-soft);
  color: var(--st-success);
  border-radius: var(--st-radius-sm);
  font-size: .9rem;
  font-weight: 700;
}
.sartlari-checklist__list { list-style: none; padding: 0; margin: 0; }
.sartlari-checklist__list li {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  padding: .55rem 0;
  border-bottom: 1px dashed var(--st-border);
  transition: padding var(--st-transition);
}
.sartlari-checklist__list li:last-child { border-bottom: 0; }
.sartlari-checklist__list li:hover { padding-left: .25rem; }
.sartlari-checklist__input {
  margin-top: .25rem;
  width: 18px; height: 18px;
  accent-color: var(--st-primary);
  cursor: pointer;
}
.sartlari-checklist__input:checked + label,
.sartlari-checklist__list li:has(input:checked) {
  text-decoration: line-through;
  color: var(--st-text-subtle);
}

/* ======================================
   10. STEPS (HowTo Timeline)
====================================== */
.sartlari-steps {
  margin: var(--st-space-md) 0;
}
.sartlari-steps__title {
  margin-bottom: var(--st-space);
  font-family: var(--st-font-display);
  font-size: 1.3rem;
  font-weight: 700;
}
.sartlari-steps__list {
  list-style: none;
  padding: 0;
  counter-reset: step;
  position: relative;
}
.sartlari-steps__list::before {
  content: '';
  position: absolute;
  left: 24px; top: 24px; bottom: 24px;
  width: 2px;
  background: linear-gradient(180deg, var(--st-primary) 0%, var(--st-primary-soft) 100%);
  border-radius: 1px;
}
.sartlari-steps__item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: var(--st-space);
  padding: var(--st-space) 0;
  position: relative;
}
.sartlari-steps__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  background: var(--st-gradient-primary);
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
  font-family: var(--st-font-display);
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 12px rgba(37, 99, 235, .3);
  transition: transform var(--st-transition-slow) var(--st-ease-bounce);
}
.sartlari-steps__item:hover .sartlari-steps__num {
  transform: scale(1.1) rotate(360deg);
}
.sartlari-steps__content {
  padding-top: .35rem;
}
.sartlari-steps__name {
  display: block;
  font-family: var(--st-font-display);
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: .35rem;
  color: var(--st-text);
}
.sartlari-steps__desc {
  margin: 0;
  color: var(--st-text-muted);
  line-height: 1.65;
}

/* ======================================
   11. FAQ AKORDEON
====================================== */
.sartlari-faq {
  margin: var(--st-space-md) 0;
}
.sartlari-faq__title {
  margin-bottom: var(--st-space);
  font-family: var(--st-font-display);
  font-size: 1.3rem;
  font-weight: 700;
}
.sartlari-faq__item {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  margin-bottom: .75rem;
  overflow: hidden;
  transition: border-color var(--st-transition), box-shadow var(--st-transition);
}
.sartlari-faq__item:hover {
  border-color: var(--st-primary-soft);
  box-shadow: var(--st-shadow-sm);
}
.sartlari-faq__item[open] {
  border-color: var(--st-primary);
  box-shadow: 0 4px 16px rgba(37, 99, 235, .12);
}
.sartlari-faq__q {
  cursor: pointer;
  padding: 1.1rem 1.4rem 1.1rem 3.2rem;
  font-weight: 600;
  color: var(--st-text);
  list-style: none;
  font-family: var(--st-font-display);
  font-size: 1rem;
  position: relative;
  transition: background var(--st-transition);
  user-select: none;
}
.sartlari-faq__q::-webkit-details-marker { display: none; }
.sartlari-faq__q:hover { background: var(--st-bg-soft); }
.sartlari-faq__q::before {
  content: '+';
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  background: var(--st-primary-soft);
  color: var(--st-primary);
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  transition: transform var(--st-transition), background var(--st-transition);
}
.sartlari-faq__item[open] .sartlari-faq__q::before {
  content: '−';
  background: var(--st-primary);
  color: #fff;
  transform: translateY(-50%) rotate(180deg);
}
.sartlari-faq__a {
  padding: 0 1.4rem 1.2rem 3.2rem;
  color: var(--st-text-muted);
  line-height: 1.7;
  animation: faqSlide var(--st-transition-slow) var(--st-ease-out);
}
@keyframes faqSlide {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ======================================
   12. ROZET, KAYNAK, DISCLAIMER
====================================== */
.sartlari-updated {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--st-success-soft);
  color: var(--st-success);
  padding: .4rem .9rem;
  border-radius: var(--st-radius-full);
  font-size: .85rem;
  font-weight: 600;
  margin: var(--st-space) 0;
  border: 1px solid rgba(16, 185, 129, .2);
}
.sartlari-updated::before {
  content: '🕒';
  font-size: .9rem;
}

.sartlari-source {
  font-size: .92rem;
  color: var(--st-text-muted);
  padding: var(--st-space) var(--st-space-md);
  border-left: 3px solid var(--st-primary);
  background: var(--st-bg-soft);
  border-radius: var(--st-radius-sm);
  margin: var(--st-space-md) 0;
}
.sartlari-source strong { color: var(--st-text); }
.sartlari-source a { color: var(--st-primary); text-decoration: none; font-weight: 600; }
.sartlari-source a:hover { text-decoration: underline; }

.sartlari-disclaimer {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 1px solid rgba(245, 158, 11, .25);
  border-left: 4px solid var(--st-accent);
  padding: var(--st-space) var(--st-space-md);
  border-radius: var(--st-radius);
  font-size: .92rem;
  color: #78350f;
  margin: var(--st-space-md) 0;
  line-height: 1.65;
  position: relative;
}
.sartlari-disclaimer::before {
  content: '⚠️';
  margin-right: .4rem;
  font-size: 1.05rem;
}

/* ======================================
   13. HUB GRID + RELATED
====================================== */
.sartlari-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--st-space);
  margin: var(--st-space-md) 0;
}
.sartlari-hub-card {
  display: block;
  padding: var(--st-space-md);
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  text-decoration: none;
  color: var(--st-text);
  transition: transform var(--st-transition), box-shadow var(--st-transition), border-color var(--st-transition);
  position: relative;
  overflow: hidden;
}
.sartlari-hub-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 3px;
  background: var(--st-gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--st-transition);
}
.sartlari-hub-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--st-shadow);
  border-color: var(--st-primary-soft);
}
.sartlari-hub-card:hover::before { transform: scaleX(1); }
.sartlari-hub-card h3 {
  margin: 0 0 .5rem;
  color: var(--st-primary);
  font-size: 1.1rem;
  font-family: var(--st-font-display);
  font-weight: 700;
}
.sartlari-hub-card p {
  margin: 0;
  color: var(--st-text-muted);
  font-size: .92rem;
  line-height: 1.55;
}

.sartlari-related {
  background: var(--st-bg-soft);
  border: 1px solid var(--st-border);
  padding: var(--st-space-md);
  border-radius: var(--st-radius);
  margin: var(--st-space-md) 0;
}
.sartlari-related h3 {
  margin: 0 0 var(--st-space-xs);
  font-family: var(--st-font-display);
  font-size: 1.15rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.sartlari-related h3::before { content: '🔗'; font-size: 1rem; }
.sartlari-related ul {
  margin: 0;
  padding-left: 1.5rem;
  list-style: none;
}
.sartlari-related li {
  position: relative;
  padding: .35rem 0;
}
.sartlari-related li::before {
  content: '›';
  position: absolute;
  left: -1rem;
  color: var(--st-primary);
  font-weight: 700;
}
.sartlari-related a {
  color: var(--st-text);
  text-decoration: none;
  transition: color var(--st-transition);
}
.sartlari-related a:hover { color: var(--st-primary); }

.sartlari-reading-time {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--st-text-muted);
  font-size: .9rem;
}
.sartlari-reading-time::before { content: '📖'; }

/* ======================================
   14. HESAPLAYICI
====================================== */
.sartlari-calc {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space-md);
  margin: var(--st-space-md) 0;
  box-shadow: var(--st-shadow);
}
.sartlari-calc__form {
  display: grid;
  gap: var(--st-space);
}
.sartlari-calc__form label {
  display: grid;
  gap: .35rem;
  font-weight: 600;
  color: var(--st-text);
  font-size: .95rem;
}
.sartlari-calc__form input,
.sartlari-calc__form select {
  padding: .75rem 1rem;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-sm);
  font-size: 1rem;
  font-family: inherit;
  transition: border-color var(--st-transition), box-shadow var(--st-transition);
}
.sartlari-calc__form input:focus,
.sartlari-calc__form select:focus {
  outline: none;
  border-color: var(--st-primary);
  box-shadow: 0 0 0 3px var(--st-primary-glow);
}
.sartlari-calc__form button {
  background: var(--st-gradient-primary);
  color: #fff;
  border: 0;
  padding: .85rem 1.4rem;
  border-radius: var(--st-radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: 1rem;
  font-family: inherit;
  transition: transform var(--st-transition), filter var(--st-transition);
}
.sartlari-calc__form button:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
  box-shadow: 0 6px 16px var(--st-primary-glow);
}
.sartlari-calc__result {
  margin-top: var(--st-space);
  padding: var(--st-space);
  background: var(--st-primary-soft);
  border-radius: var(--st-radius-sm);
  min-height: 40px;
  font-weight: 600;
  color: var(--st-primary-hover);
  border-left: 3px solid var(--st-primary);
}
.sartlari-calc__note {
  margin: 0 0 var(--st-space);
  padding: .7rem .9rem;
  background: var(--st-accent-soft);
  border-radius: var(--st-radius-sm);
  color: #78350f;
  font-size: .9rem;
}

/* ======================================
   15. MAKALE TİPOGRAFİSİ — GeneratePress + diğer temaları override edecek spesifiklik
====================================== */

/* Makale wrapper'ını bir kutuya al (premium görünüm) */
body.single-sart .inside-article,
body.single-sart article.sart {
  background: #fff;
  border-radius: var(--st-radius-lg);
  padding: var(--st-space-xl) clamp(1.25rem, 4vw, 3rem);
  box-shadow: var(--st-shadow);
  margin-bottom: var(--st-space-xl);
}

/* Başlık */
body.single-sart .entry-title,
body.single-sart h1.entry-title {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.85rem, 4vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
  color: var(--st-text) !important;
  margin: 0 0 var(--st-space) !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

/* Meta satırı (tarih, yazar) */
body.single-sart .entry-meta,
body.single-sart .post-date,
body.single-sart .byline {
  font-size: .9rem !important;
  color: var(--st-text-subtle) !important;
  margin-bottom: var(--st-space-md) !important;
  padding-bottom: var(--st-space) !important;
  border-bottom: 1px solid var(--st-border) !important;
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space);
  align-items: center;
}
body.single-sart .entry-meta a {
  color: var(--st-primary) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* Entry content */
body.single-sart .entry-content {
  font-size: clamp(1rem, 1.2vw, 1.08rem) !important;
  line-height: 1.8 !important;
  color: var(--st-text) !important;
}
body.single-sart .entry-content > p {
  margin: 0 0 var(--st-space-md) !important;
  color: var(--st-text);
}
body.single-sart .entry-content > p:first-of-type {
  font-size: 1.15em;
  color: var(--st-text);
  font-weight: 400;
}

/* H2 — modern, gradient çizgi altında */
body.single-sart .entry-content h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.5rem, 3vw, 1.95rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
  margin: var(--st-space-xl) 0 var(--st-space-md) !important;
  color: var(--st-text) !important;
  position: relative;
  padding-bottom: .65rem !important;
  border-bottom: 2px solid var(--st-border) !important;
}
body.single-sart .entry-content h2::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 80px; height: 3px;
  background: var(--st-gradient-primary);
  border-radius: 2px;
}

/* H3 */
body.single-sart .entry-content h3 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.25rem, 2vw, 1.45rem) !important;
  font-weight: 700 !important;
  margin: var(--st-space-lg) 0 var(--st-space) !important;
  color: var(--st-text) !important;
  display: flex;
  align-items: center;
  gap: .5rem;
}
body.single-sart .entry-content h3::before {
  content: '';
  width: 4px;
  height: 1.2em;
  background: var(--st-gradient-primary);
  border-radius: 2px;
  flex-shrink: 0;
}

/* H4 */
body.single-sart .entry-content h4 {
  font-family: var(--st-font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: var(--st-space-md) 0 .5rem !important;
  color: var(--st-text-muted) !important;
}

/* Linkler */
body.single-sart .entry-content a {
  color: var(--st-primary) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--st-primary-soft) !important;
  font-weight: 500 !important;
  transition: border-color var(--st-transition), color var(--st-transition);
}
body.single-sart .entry-content a:hover {
  color: var(--st-primary-hover) !important;
  border-bottom-color: var(--st-primary) !important;
}

/* Listeler */
body.single-sart .entry-content > ul,
body.single-sart .entry-content > ol {
  margin: 0 0 var(--st-space-md) !important;
  padding-left: 1.5rem !important;
}
body.single-sart .entry-content > ul > li,
body.single-sart .entry-content > ol > li {
  margin: .35rem 0 !important;
  line-height: 1.7;
}
body.single-sart .entry-content > ul > li::marker {
  color: var(--st-primary);
}

/* Bold */
body.single-sart .entry-content strong,
body.single-sart .entry-content b {
  color: var(--st-text);
  font-weight: 700;
  background: linear-gradient(180deg, transparent 60%, var(--st-accent-soft) 60%);
  padding: 0 .15em;
}

/* Inline code */
body.single-sart .entry-content code {
  background: var(--st-bg-soft);
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-sm);
  padding: .1em .4em;
  font-size: .92em;
  color: var(--st-primary-hover);
  font-family: 'SF Mono', Monaco, Consolas, monospace;
}

/* Blockquote */
body.single-sart .entry-content blockquote {
  border-left: 4px solid var(--st-primary) !important;
  background: var(--st-bg-soft);
  margin: var(--st-space-md) 0 !important;
  padding: var(--st-space) var(--st-space-md) !important;
  border-radius: var(--st-radius-sm);
  font-style: normal !important;
  color: var(--st-text-muted);
  font-size: 1rem;
}

/* Drop cap — büyük dekoratif ilk harf (ilk paragrafta) */
body.single-sart .entry-content > p:first-of-type::first-letter {
  font-family: var(--st-font-display);
  font-size: 4em;
  font-weight: 800;
  float: left;
  line-height: .9;
  margin: .12em .15em 0 0;
  color: transparent;
  background: var(--st-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Article wrapper'ı geniş yap (GeneratePress narrow container override) */
body.single-sart .container.grid-container,
body.single-sart #primary,
body.single-sart .site-content {
  max-width: 980px !important;
}

/* Content area no-padding fix */
body.single-sart .site-content,
body.single-sart .content-area {
  padding-top: var(--st-space-md) !important;
  padding-bottom: var(--st-space-md) !important;
}

/* ======================================
   16. KATEGORİ (TAXONOMY) ARŞİV SAYFASI — PREMIUM
====================================== */

/* GeneratePress'in default page-header'ını gizle - biz kendi hero'muzu üretiyoruz */
body.tax-sart_kategorisi .page-header,
body.tax-sart_kategorisi > .page-header,
body.tax-sart_kategorisi header.page-header {
  display: none !important;
}

/* Premium Hero Header */
.sartlari-cat-hero {
  position: relative;
  background: var(--st-gradient-primary);
  color: #fff;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--st-radius-xl);
  margin: 0 0 var(--st-space-lg);
  overflow: hidden;
  isolation: isolate;
}
.sartlari-cat-hero::before,
.sartlari-cat-hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  opacity: .35;
  z-index: -1;
}
.sartlari-cat-hero::before {
  width: 320px; height: 320px;
  background: #06b6d4;
  top: -100px; left: -80px;
  animation: float 12s ease-in-out infinite;
}
.sartlari-cat-hero::after {
  width: 280px; height: 280px;
  background: #f59e0b;
  bottom: -100px; right: -60px;
  animation: float 14s ease-in-out infinite;
  animation-delay: -4s;
}
.sartlari-cat-hero .sartlari-breadcrumb {
  margin: 0 0 var(--st-space);
  padding: 0;
  border: 0;
}
.sartlari-cat-hero .sartlari-breadcrumb a,
.sartlari-breadcrumb--dark a,
nav.sartlari-breadcrumb--dark a {
  color: #fbbf24 !important;          /* sarı/amber → mavi gradient ile zıt */
  font-weight: 600 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
  text-decoration: none !important;
  border: 0 !important;
}
.sartlari-cat-hero .sartlari-breadcrumb a:hover,
.sartlari-breadcrumb--dark a:hover {
  color: #fff !important;
}
.sartlari-cat-hero .sartlari-breadcrumb__sep,
.sartlari-breadcrumb--dark .sartlari-breadcrumb__sep {
  color: rgba(255, 255, 255, .55) !important;
}
.sartlari-cat-hero .sartlari-breadcrumb__current,
.sartlari-breadcrumb--dark .sartlari-breadcrumb__current {
  color: #fff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}

.sartlari-cat-hero__inner {
  display: flex;
  align-items: center;
  gap: var(--st-space-md);
  position: relative;
  z-index: 1;
}
.sartlari-cat-hero__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px; height: 88px;
  background: rgba(255, 255, 255, .15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: var(--st-radius-lg);
  font-size: 2.8rem;
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}
.sartlari-cat-hero__body {
  flex: 1;
  min-width: 0;
}
.sartlari-cat-hero__title {
  color: #fff !important;
  font-family: var(--st-font-display);
  font-size: clamp(1.75rem, 4vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
  margin: 0 0 .5rem !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .15);
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #fff !important;
}
.sartlari-cat-hero__tagline {
  color: rgba(255, 255, 255, .92);
  font-size: clamp(.95rem, 1.3vw, 1.05rem);
  margin: 0 0 var(--st-space);
  line-height: 1.55;
  max-width: 600px;
}
.sartlari-cat-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space-xs);
}
.sartlari-cat-hero__stat {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: rgba(255, 255, 255, .15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .2);
  padding: .35rem .9rem;
  border-radius: var(--st-radius-full);
  font-size: .9rem;
  color: rgba(255, 255, 255, .95);
}
.sartlari-cat-hero__stat strong {
  color: #fbbf24;
  font-weight: 800;
}

@media (max-width: 600px) {
  .sartlari-cat-hero__inner {
    flex-direction: column;
    text-align: center;
    gap: var(--st-space);
  }
  .sartlari-cat-hero__icon {
    width: 72px; height: 72px;
    font-size: 2.2rem;
  }
  .sartlari-cat-hero__stats {
    justify-content: center;
  }
  .sartlari-cat-hero .sartlari-breadcrumb {
    justify-content: center;
  }
}

/* Taxonomy description (alt kategoriler vb.) — premium kart */
body.tax-sart_kategorisi .taxonomy-description {
  background: #fff !important;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-lg);
  padding: var(--st-space-md) clamp(1.5rem, 4vw, 2rem) !important;
  margin: 0 0 var(--st-space-lg) !important;
  box-shadow: var(--st-shadow-sm);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--st-text);
}
body.tax-sart_kategorisi .taxonomy-description h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.35rem, 2.5vw, 1.7rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 var(--st-space) !important;
  color: var(--st-text) !important;
  position: relative;
  padding-bottom: .5rem !important;
  border-bottom: 2px solid var(--st-border);
}
body.tax-sart_kategorisi .taxonomy-description h2::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 60px; height: 2px;
  background: var(--st-gradient-primary);
}
body.tax-sart_kategorisi .taxonomy-description h3 {
  font-family: var(--st-font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: var(--st-space-md) 0 .5rem !important;
  color: var(--st-primary-hover) !important;
  display: flex;
  align-items: center;
  gap: .4rem;
}
body.tax-sart_kategorisi .taxonomy-description blockquote {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-left: 4px solid var(--st-accent) !important;
  padding: var(--st-space) var(--st-space-md) !important;
  border-radius: var(--st-radius-sm);
  margin: var(--st-space) 0 !important;
  font-style: normal !important;
  color: #78350f !important;
}
body.tax-sart_kategorisi .taxonomy-description ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 var(--st-space) !important;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: .35rem .75rem;
}
body.tax-sart_kategorisi .taxonomy-description ul li {
  padding: .35rem 0 .35rem 1.2rem !important;
  position: relative;
  border-bottom: 1px dashed var(--st-border);
}
body.tax-sart_kategorisi .taxonomy-description ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--st-primary);
  font-weight: 700;
  transition: transform var(--st-transition);
}
body.tax-sart_kategorisi .taxonomy-description ul li:hover::before {
  transform: translateX(3px);
}
body.tax-sart_kategorisi .taxonomy-description a {
  color: var(--st-text) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  border: 0 !important;
  transition: color var(--st-transition);
}
body.tax-sart_kategorisi .taxonomy-description a:hover {
  color: var(--st-primary) !important;
}

/* Article loop — premium kart grid */
body.tax-sart_kategorisi .site-main {
  background: transparent !important;
}
body.tax-sart_kategorisi .site-main > article.sart {
  background: #fff !important;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space-md) !important;
  margin: 0 0 var(--st-space) !important;
  transition: transform var(--st-transition), box-shadow var(--st-transition), border-color var(--st-transition);
  position: relative;
  overflow: hidden;
}
body.tax-sart_kategorisi .site-main > article.sart::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 3px;
  background: var(--st-gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--st-transition);
}
body.tax-sart_kategorisi .site-main > article.sart:hover {
  transform: translateY(-3px);
  box-shadow: var(--st-shadow-md);
  border-color: var(--st-primary-soft);
}
body.tax-sart_kategorisi .site-main > article.sart:hover::before {
  transform: scaleX(1);
}
body.tax-sart_kategorisi .site-main > article.sart .entry-title {
  font-family: var(--st-font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 0 var(--st-space-xs) !important;
  letter-spacing: -.01em;
  line-height: 1.35;
}
body.tax-sart_kategorisi .site-main > article.sart .entry-title a {
  color: var(--st-text) !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: color var(--st-transition);
}
body.tax-sart_kategorisi .site-main > article.sart .entry-title a:hover {
  color: var(--st-primary) !important;
}
body.tax-sart_kategorisi .site-main > article.sart .entry-meta {
  font-size: .85rem;
  color: var(--st-text-subtle);
  margin: 0 0 .65rem !important;
  border: 0 !important;
  padding: 0 !important;
}
body.tax-sart_kategorisi .site-main > article.sart .entry-summary,
body.tax-sart_kategorisi .site-main > article.sart .entry-content {
  font-size: .95rem;
  color: var(--st-text-muted);
  line-height: 1.6;
  margin: 0 0 var(--st-space-xs) !important;
  padding: 0 !important;
}
body.tax-sart_kategorisi .site-main > article.sart .entry-summary p,
body.tax-sart_kategorisi .site-main > article.sart .entry-content p {
  margin: 0 !important;
}
body.tax-sart_kategorisi .site-main > article.sart .read-more,
body.tax-sart_kategorisi .site-main > article.sart .more-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--st-primary) !important;
  font-weight: 600;
  text-decoration: none !important;
  border: 0 !important;
  font-size: .9rem;
  transition: gap var(--st-transition);
}
body.tax-sart_kategorisi .site-main > article.sart .read-more:hover,
body.tax-sart_kategorisi .site-main > article.sart .more-link:hover {
  gap: .65rem;
}
body.tax-sart_kategorisi .site-main > article.sart .read-more::after,
body.tax-sart_kategorisi .site-main > article.sart .more-link::after {
  content: '→';
  transition: transform var(--st-transition);
}

/* Pagination */
body.tax-sart_kategorisi .paging-navigation,
body.tax-sart_kategorisi nav.navigation {
  margin: var(--st-space-lg) 0;
  padding: var(--st-space) 0;
  display: flex;
  justify-content: center;
}
body.tax-sart_kategorisi .nav-links,
body.tax-sart_kategorisi .page-numbers {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  flex-wrap: wrap;
}
body.tax-sart_kategorisi a.page-numbers,
body.tax-sart_kategorisi span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px; height: 40px;
  padding: 0 .85rem;
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-sm);
  color: var(--st-text-muted);
  font-weight: 600;
  text-decoration: none !important;
  transition: all var(--st-transition);
}
body.tax-sart_kategorisi a.page-numbers:hover {
  border-color: var(--st-primary);
  color: var(--st-primary);
  transform: translateY(-1px);
}
body.tax-sart_kategorisi span.page-numbers.current {
  background: var(--st-gradient-primary);
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 4px 12px var(--st-primary-glow);
}

/* ======================================
   17a. OTOMATİK FOOTER (Plugin tarafından render edilen)
====================================== */
.sartlari-auto-footer {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  color: #cbd5e1;
  padding: var(--st-space-2xl) 0 0;
  margin-top: var(--st-space-2xl);
  font-family: var(--st-font-sans);
  position: relative;
}
.sartlari-auto-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--st-gradient-primary);
}
.sartlari-auto-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--st-space-md) var(--st-space-xl);
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: var(--st-space-xl) var(--st-space-lg);
}
.sartlari-auto-footer__col {
  min-width: 0;
}
.sartlari-auto-footer__about p {
  color: #94a3b8;
  font-size: .95rem;
  line-height: 1.7;
  margin: 0 0 var(--st-space);
}
.sartlari-auto-footer__about strong {
  color: #fff;
  background: var(--st-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.sartlari-auto-footer__motto {
  font-size: .85rem !important;
  color: #64748b !important;
  margin-top: var(--st-space) !important;
}
.sartlari-auto-footer__title {
  color: #fff !important;
  font-family: var(--st-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 var(--st-space) !important;
  padding-bottom: .6rem;
  border-bottom: 2px solid var(--st-primary);
  display: inline-block;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.sartlari-auto-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sartlari-auto-footer li {
  padding: .35rem 0;
  border-bottom: 1px solid rgba(203, 213, 225, .08);
}
.sartlari-auto-footer li:last-child {
  border-bottom: 0;
}
.sartlari-auto-footer li a {
  display: inline-flex;
  align-items: center;
  color: #cbd5e1 !important;
  text-decoration: none !important;
  font-size: .95rem;
  font-weight: 400;
  transition: color var(--st-transition), padding-left var(--st-transition);
  padding-left: 0;
  border: 0 !important;
}
.sartlari-auto-footer li a::before {
  content: '›';
  color: var(--st-primary);
  font-weight: 700;
  margin-right: .5rem;
  transition: transform var(--st-transition), color var(--st-transition);
}
.sartlari-auto-footer li a:hover {
  color: #fff !important;
  padding-left: .35rem;
}
.sartlari-auto-footer li a:hover::before {
  color: #fbbf24;
  transform: translateX(2px);
}
.sartlari-auto-footer__bar {
  border-top: 1px solid rgba(203, 213, 225, .1);
  padding: var(--st-space-md) var(--st-space-md);
  text-align: center;
  font-size: .88rem;
  background: rgba(0, 0, 0, .25);
}
.sartlari-auto-footer__bar p {
  margin: 0 0 .35rem;
  color: #cbd5e1;
}
.sartlari-auto-footer__bar p:last-child { margin-bottom: 0; }
.sartlari-auto-footer__bar strong {
  color: #fff;
  background: var(--st-gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.sartlari-auto-footer__disclaimer {
  color: #64748b !important;
  font-size: .82rem !important;
  max-width: 700px;
  margin: 0 auto !important;
  line-height: 1.6;
}

/* GeneratePress'in default footer'ı tamamen gizle — kendi footer'ımız var */
.site-info,
.site-footer .copyright-bar,
footer.site-info {
  display: none !important;
}

@media (max-width: 900px) {
  .sartlari-auto-footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--st-space-lg);
  }
  .sartlari-auto-footer__about {
    grid-column: 1 / -1;
  }
}
@media (max-width: 540px) {
  .sartlari-auto-footer__inner {
    grid-template-columns: 1fr;
  }
  .sartlari-auto-footer__about {
    grid-column: auto;
  }
}

/* ======================================
   17b. FOOTER WIDGET ALANI (manuel widget eklenirse)
====================================== */
.site-footer,
.footer-widgets,
.footer-bar {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  color: #cbd5e1;
}
.site-footer a,
.footer-widgets a {
  color: #cbd5e1;
  transition: color var(--st-transition);
}
.site-footer a:hover,
.footer-widgets a:hover { color: #fff; }
.footer-widgets {
  padding: var(--st-space-2xl) var(--st-space) var(--st-space-xl);
}
.footer-widgets .inside-footer-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--st-space-xl);
  max-width: 1200px;
  margin: 0 auto;
}
.footer-widgets .widget {
  margin-bottom: 0;
}
.footer-widgets .widget-title,
.footer-widgets h3.widget-title {
  color: #fff;
  font-family: var(--st-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 var(--st-space);
  padding-bottom: .6rem;
  border-bottom: 2px solid var(--st-primary);
  display: inline-block;
  letter-spacing: .02em;
}
.footer-widgets ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-widgets li {
  padding: .35rem 0;
  border-bottom: 1px solid rgba(203, 213, 225, .08);
}
.footer-widgets li:last-child { border-bottom: 0; }
.footer-widgets li a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .92rem;
  transition: padding-left var(--st-transition), color var(--st-transition);
}
.footer-widgets li a::before {
  content: '›';
  color: var(--st-primary);
  font-weight: 700;
  margin-right: .25rem;
  transition: transform var(--st-transition);
}
.footer-widgets li a:hover { padding-left: .25rem; color: #fff; }
.footer-widgets li a:hover::before { transform: translateX(2px); color: var(--st-accent); }
.footer-widgets p {
  font-size: .92rem;
  line-height: 1.7;
  color: #94a3b8;
  margin: 0 0 var(--st-space-xs);
}
.footer-widgets .textwidget {
  font-size: .92rem;
  color: #94a3b8;
}
.footer-bar {
  border-top: 1px solid rgba(203, 213, 225, .1);
  padding: var(--st-space) 0;
  text-align: center;
  font-size: .88rem;
  color: #94a3b8;
}
.footer-bar a { color: var(--st-primary-soft); }

/* Footer'daki sosyal ikon listesi (eğer plugin/widget eklerse) */
.footer-widgets .social-icons,
.footer-widgets .menu-item-social {
  display: flex;
  gap: .5rem;
  list-style: none;
  padding: 0;
  margin: var(--st-space) 0 0;
}
.footer-widgets .social-icons li,
.footer-widgets .menu-item-social {
  border: 0;
  padding: 0;
}
.footer-widgets .social-icons li a,
.footer-widgets .menu-item-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  background: rgba(255, 255, 255, .08);
  border-radius: 50%;
  font-size: 1rem;
  transition: background var(--st-transition), transform var(--st-transition);
}
.footer-widgets .social-icons li a::before,
.footer-widgets .menu-item-social a::before { content: ''; margin: 0; }
.footer-widgets .social-icons li a:hover,
.footer-widgets .menu-item-social a:hover {
  background: var(--st-primary);
  transform: translateY(-3px);
  color: #fff;
}

/* ======================================
   18. UTILITY: META FOOTER
====================================== */
.sartlari-meta-footer {
  margin-top: var(--st-space-lg);
  padding-top: var(--st-space);
  border-top: 1px solid var(--st-border);
}

/* ======================================
   19. RESPONSIVE — MOBİL
====================================== */
@media (max-width: 768px) {
  .sartlari-hero {
    padding: 2.5rem 1.25rem 2rem;
    border-radius: var(--st-radius-lg);
  }
  .sartlari-hero-search {
    flex-direction: column;
    border-radius: var(--st-radius);
    padding: .5rem;
  }
  .sartlari-hero-search button {
    width: 100%;
    border-radius: var(--st-radius-sm);
  }
  .sartlari-cat-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
  }
  .sartlari-cat-card {
    padding: var(--st-space) .75rem;
  }
  .sartlari-cat-icon { font-size: 2rem; width: 52px; height: 52px; }
  .sartlari-cat-name { font-size: 1rem; }
  .sartlari-cat-tag { display: none; }
  .sartlari-popular-list {
    grid-template-columns: 1fr;
  }
  .sartlari-trust-grid {
    gap: var(--st-space);
  }
  .sartlari-table th,
  .sartlari-table td,
  .sartlari-md-table th,
  .sartlari-md-table td {
    padding: .7rem .8rem;
    font-size: .9rem;
  }
  .sartlari-steps__item {
    grid-template-columns: 40px 1fr;
    gap: .75rem;
  }
  .sartlari-steps__num {
    width: 36px; height: 36px;
    font-size: .95rem;
  }
  .sartlari-steps__list::before {
    left: 18px;
  }
  .sartlari-faq__q {
    padding: .9rem 1.1rem .9rem 2.8rem;
    font-size: .95rem;
  }
  .sartlari-faq__a {
    padding: 0 1.1rem 1rem 2.8rem;
  }
  .single-sart .entry-content > p:first-of-type::first-letter {
    font-size: 2.8em;
  }
}

@media (max-width: 480px) {
  .sartlari-cat-grid { grid-template-columns: 1fr; }
  .sartlari-hero-stats { gap: 1rem; }
  .sartlari-hero-stats strong { font-size: 1.2rem; }
}

/* ======================================
   20. ERİŞİLEBİLİRLİK + REDUCED MOTION
====================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .sartlari-hero::before,
  .sartlari-hero::after { display: none; }
}

/* Focus indicators */
.sartlari-cat-card:focus-visible,
.sartlari-hub-card:focus-visible,
.sartlari-popular-list a:focus-visible,
.sartlari-faq__q:focus-visible {
  outline: 3px solid var(--st-primary);
  outline-offset: 2px;
  border-radius: var(--st-radius);
}

/* ======================================
   20-pre. READING PROGRESS BAR (sayfa üstü)
====================================== */
.sartlari-progress-bar {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, .04);
  z-index: 9999;
  pointer-events: none;
}
.sartlari-progress-bar__fill {
  height: 100%;
  width: 0%;
  background: var(--st-gradient-primary);
  box-shadow: 0 0 8px var(--st-primary-glow);
  transition: width 80ms linear;
}

/* ======================================
   20-singular. POST SAYFASI WRAPPER & HERO HEADER
====================================== */

/* Article wrapper - premium kart, GeneratePress override */
body.single-sart .site-main,
body.single-sart main#main {
  background: transparent !important;
}
body.single-sart article.post,
body.single-sart article.sart,
body.single-sart article.type-sart {
  background: #fff !important;
  border-radius: var(--st-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
  margin: 0 0 var(--st-space-lg) !important;
  box-shadow: var(--st-shadow-md) !important;
  border: 1px solid var(--st-border) !important;
}

/* Article header — hero benzeri */
body.single-sart .entry-header,
body.single-sart article.sart > header {
  margin: 0 0 var(--st-space-md) !important;
  padding: 0 0 var(--st-space-md) !important;
  border-bottom: 2px solid var(--st-border);
  position: relative;
  text-align: left;
}
body.single-sart .entry-header::after,
body.single-sart article.sart > header::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 100px; height: 2px;
  background: var(--st-gradient-primary);
}

/* Article başlığı — büyük, modern */
body.single-sart .entry-title,
body.single-sart h1.entry-title,
body.single-sart article h1 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.85rem, 4.5vw, 2.85rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.1 !important;
  color: var(--st-text) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Article inner content - okunabilirlik için 900px */
body.single-sart .site-main,
body.single-sart .content-area {
  max-width: 100% !important;
  padding-top: var(--st-space-md) !important;
  padding-bottom: var(--st-space-md) !important;
}
body.single-sart article.sart > .inside-article,
body.single-sart article.type-sart > .inside-article {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* ======================================
   20a. BREADCRUMB + ARTICLE TOPBAR
====================================== */
.sartlari-breadcrumb {
  font-size: .9rem;
  color: var(--st-text-muted);
  padding: 0 0 var(--st-space-xs);
  margin: 0 0 var(--st-space-xs);
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  align-items: center;
}
.sartlari-breadcrumb a {
  color: var(--st-primary) !important;
  text-decoration: none !important;
  font-weight: 500;
  border: 0 !important;
  transition: color var(--st-transition);
}
.sartlari-breadcrumb a:hover {
  color: var(--st-primary-hover) !important;
}
.sartlari-breadcrumb__sep {
  color: var(--st-border-strong);
  font-weight: 400;
}
.sartlari-breadcrumb__current {
  color: var(--st-text-muted);
  font-weight: 500;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sartlari-article-topbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--st-space);
  align-items: center;
  padding: var(--st-space) 0 var(--st-space-md);
  margin: 0 0 var(--st-space-md);
  border-bottom: 1px solid var(--st-border);
  font-size: .9rem;
}
.sartlari-article-meta {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--st-text-muted);
  text-decoration: none !important;
  border: 0 !important;
  background: var(--st-bg-soft);
  padding: .35rem .85rem;
  border-radius: var(--st-radius-full);
  font-size: .85rem;
  transition: background var(--st-transition), color var(--st-transition);
}
.sartlari-article-meta strong {
  color: var(--st-text);
  font-weight: 600;
  background: none !important;
  padding: 0 !important;
}
.sartlari-article-cat {
  background: var(--st-primary-soft) !important;
  color: var(--st-primary-hover) !important;
  font-weight: 600;
}
.sartlari-article-cat:hover {
  background: var(--st-primary) !important;
  color: #fff !important;
}

/* ======================================
   20b. İÇİNDEKİLER TABLOSU (TOC)
====================================== */
.sartlari-toc {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space) var(--st-space-md);
  margin: var(--st-space-md) 0 var(--st-space-lg);
  position: relative;
}
.sartlari-toc::before {
  content: '';
  position: absolute;
  left: 0; top: var(--st-space); bottom: var(--st-space);
  width: 3px;
  background: var(--st-gradient-primary);
  border-radius: 2px;
}
.sartlari-toc__details summary {
  list-style: none;
  cursor: pointer;
  font-family: var(--st-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--st-text);
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem 0;
  user-select: none;
}
.sartlari-toc__details summary::-webkit-details-marker { display: none; }
.sartlari-toc__details summary::after {
  content: '⌃';
  margin-left: auto;
  font-size: 1.1rem;
  color: var(--st-primary);
  transition: transform var(--st-transition);
  transform: rotate(180deg);
}
.sartlari-toc__details[open] summary::after {
  transform: rotate(0);
}
.sartlari-toc__list {
  margin: var(--st-space-xs) 0 0 !important;
  padding-left: 1.4rem !important;
  counter-reset: toc-item;
  list-style: none;
}
.sartlari-toc__list li {
  counter-increment: toc-item;
  padding: .25rem 0 !important;
  position: relative;
  border: 0 !important;
}
.sartlari-toc__list li::before {
  content: counter(toc-item, decimal-leading-zero);
  position: absolute;
  left: -1.4rem;
  color: var(--st-primary);
  font-weight: 700;
  font-size: .8rem;
  font-family: var(--st-font-display);
}
.sartlari-toc__list a {
  color: var(--st-text) !important;
  text-decoration: none !important;
  border: 0 !important;
  font-weight: 500;
  transition: color var(--st-transition), padding-left var(--st-transition);
  display: inline-block;
}
.sartlari-toc__list a:hover {
  color: var(--st-primary) !important;
  padding-left: .35rem;
}

/* Smooth scroll için */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }

/* H2 anchor offset (sticky header için scroll target padding) */
body.single-sart .entry-content h2[id] {
  scroll-margin-top: 80px;
}

/* ======================================
   20c. ARTICLE SONU CTA + SOSYAL PAYLAŞ
====================================== */
.sartlari-article-cta {
  margin: var(--st-space-xl) 0 var(--st-space-md);
  padding: var(--st-space-md) clamp(1.25rem, 3vw, 2rem);
  background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-lg);
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: var(--st-space-md);
  position: relative;
  overflow: hidden;
}
.sartlari-article-cta::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 240px; height: 240px;
  background: var(--st-primary-soft);
  border-radius: 50%;
  filter: blur(60px);
  opacity: .4;
  z-index: 0;
}
.sartlari-article-cta__main,
.sartlari-article-cta__side {
  position: relative;
  z-index: 1;
}
.sartlari-article-cta__title {
  font-family: var(--st-font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  margin: 0 0 .5rem !important;
  color: var(--st-text) !important;
  letter-spacing: -.01em;
}
.sartlari-article-cta__text {
  margin: 0 0 var(--st-space) !important;
  color: var(--st-text-muted) !important;
  font-size: .95rem !important;
  line-height: 1.65;
}

/* Sosyal paylaş butonları */
.sartlari-share {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.sartlari-share__btn {
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
  padding: .55rem .9rem !important;
  border: 0 !important;
  border-radius: var(--st-radius-full) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer;
  font-family: inherit;
  transition: transform var(--st-transition), filter var(--st-transition), box-shadow var(--st-transition);
  color: #fff !important;
}
.sartlari-share__btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 6px 16px rgba(15, 23, 42, .15);
}
.sartlari-share__btn--whatsapp { background: #25d366 !important; }
.sartlari-share__btn--x        { background: #000 !important; }
.sartlari-share__btn--facebook { background: #1877f2 !important; }
.sartlari-share__btn--linkedin { background: #0a66c2 !important; }
.sartlari-share__btn--copy {
  background: #fff !important;
  color: var(--st-text-muted) !important;
  border: 1px solid var(--st-border) !important;
}
.sartlari-share__btn--copy:hover {
  background: var(--st-primary-soft) !important;
  color: var(--st-primary) !important;
  border-color: var(--st-primary) !important;
}

/* CTA sağ taraf */
.sartlari-article-cta__side {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .5rem;
}
.sartlari-article-cta__side-title {
  margin: 0 !important;
  font-size: .95rem;
  font-weight: 600;
  color: var(--st-text-muted);
  line-height: 1.4;
}
.sartlari-article-cta__side-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .65rem 1.2rem !important;
  background: var(--st-gradient-primary);
  color: #fff !important;
  border-radius: var(--st-radius-full);
  font-weight: 600 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: transform var(--st-transition), filter var(--st-transition);
}
.sartlari-article-cta__side-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
}

@media (max-width: 768px) {
  .sartlari-article-cta {
    grid-template-columns: 1fr;
  }
}

/* ======================================
   20d. PULL QUOTE / HIGHLIGHT — makale içinde
====================================== */
body.single-sart .entry-content blockquote {
  position: relative;
  font-family: var(--st-font-display);
  font-size: 1.1rem !important;
  line-height: 1.55 !important;
  color: var(--st-text) !important;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border-left: 0 !important;
  border-radius: var(--st-radius) !important;
  padding: var(--st-space-md) var(--st-space-md) var(--st-space-md) calc(var(--st-space-md) + 30px) !important;
  margin: var(--st-space-md) 0 !important;
  font-weight: 500;
}
body.single-sart .entry-content blockquote::before {
  content: '"';
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 4rem;
  font-family: serif;
  color: var(--st-primary);
  line-height: 1;
  opacity: .35;
}
body.single-sart .entry-content blockquote p {
  margin: 0 !important;
  color: var(--st-text-muted) !important;
}
body.single-sart .entry-content blockquote strong {
  color: var(--st-primary-hover) !important;
  background: none !important;
  padding: 0 !important;
}

/* ======================================
   20e. TOC NORMAL AKIŞTA — sticky kaldırıldı (içerik üstüne biniyordu)
====================================== */
body.single-sart .sartlari-toc,
body.page .sartlari-toc {
  position: static !important;
  top: auto !important;
  margin: var(--st-space) 0 var(--st-space-md);
}

/* ======================================
   20f. PAGE SAYFALARI (Hakkımızda, İletişim, Kunye, Yasal vs.)
====================================== */
body.page article.post,
body.page article.type-page {
  background: #fff !important;
  border-radius: var(--st-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
  margin: 0 0 var(--st-space-lg) !important;
  box-shadow: var(--st-shadow-md) !important;
  border: 1px solid var(--st-border) !important;
}
body.page .site-main,
body.page .content-area {
  max-width: 100% !important;
}
body.page:not(.home) article.post > .inside-article,
body.page:not(.home) article.type-page > .inside-article {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
body.page .entry-title {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.85rem, 4.5vw, 2.85rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.1 !important;
  color: var(--st-text) !important;
  margin: 0 0 var(--st-space) !important;
  padding: 0 0 var(--st-space) !important;
  border-bottom: 2px solid var(--st-border);
  position: relative;
}
body.page .entry-title::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 100px; height: 2px;
  background: var(--st-gradient-primary);
}
body.page .entry-content {
  font-size: clamp(1rem, 1.2vw, 1.05rem) !important;
  line-height: 1.75 !important;
  color: var(--st-text) !important;
}
body.page .entry-content h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.4rem, 2.6vw, 1.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  margin: var(--st-space-xl) 0 var(--st-space) !important;
  color: var(--st-text) !important;
  position: relative;
  padding-bottom: .5rem !important;
  border-bottom: 2px solid var(--st-border);
}
body.page .entry-content h2::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 60px; height: 2px;
  background: var(--st-gradient-primary);
}
body.page .entry-content h3 {
  font-family: var(--st-font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: var(--st-space-md) 0 var(--st-space-xs) !important;
  color: var(--st-primary-hover) !important;
  display: flex;
  align-items: center;
  gap: .5rem;
}
body.page .entry-content h3::before {
  content: '';
  width: 4px;
  height: 1.2em;
  background: var(--st-gradient-primary);
  border-radius: 2px;
  flex-shrink: 0;
}
body.page .entry-content h4 {
  font-family: var(--st-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin: var(--st-space) 0 .35rem !important;
  color: var(--st-text-muted) !important;
}
body.page .entry-content > p {
  margin: 0 0 var(--st-space) !important;
}
body.page .entry-content a {
  color: var(--st-primary) !important;
  border-bottom: 1px solid var(--st-primary-soft) !important;
  text-decoration: none !important;
}
body.page .entry-content a:hover {
  color: var(--st-primary-hover) !important;
  border-bottom-color: var(--st-primary) !important;
}
body.page .entry-content blockquote {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  border-left: 4px solid var(--st-accent) !important;
  padding: var(--st-space) var(--st-space-md) !important;
  border-radius: var(--st-radius-sm);
  margin: var(--st-space) 0 !important;
  color: #78350f !important;
  font-style: normal !important;
}
body.page .entry-content table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: var(--st-radius);
  overflow: hidden;
  box-shadow: var(--st-shadow-sm);
  margin: var(--st-space) 0;
  border: 1px solid var(--st-border);
}
body.page .entry-content table th,
body.page .entry-content table td {
  padding: .75rem 1rem !important;
  border-bottom: 1px solid var(--st-border);
  text-align: left;
}
body.page .entry-content table thead th {
  background: var(--st-bg-soft);
  font-weight: 700;
  text-transform: uppercase;
  font-size: .85rem;
  letter-spacing: .03em;
}

/* ======================================
   20g. İLETİŞİM BİLGİLERİ KARTLARI
====================================== */
.sartlari-contact-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--st-space);
  margin: var(--st-space-md) 0 var(--st-space-lg);
}
.sartlari-contact-info__card {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: var(--st-space-md);
  text-align: center;
  transition: transform var(--st-transition), box-shadow var(--st-transition), border-color var(--st-transition);
  position: relative;
  overflow: hidden;
}
.sartlari-contact-info__card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 3px;
  background: var(--st-gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--st-transition);
}
.sartlari-contact-info__card:hover {
  transform: translateY(-4px);
  box-shadow: var(--st-shadow-md);
  border-color: var(--st-primary-soft);
}
.sartlari-contact-info__card:hover::before { transform: scaleX(1); }
.sartlari-contact-info__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  background: var(--st-primary-soft);
  border-radius: var(--st-radius);
  font-size: 1.8rem;
  margin: 0 auto var(--st-space-xs);
}
.sartlari-contact-info__card h4 {
  margin: 0 0 .35rem !important;
  font-family: var(--st-font-display);
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--st-text) !important;
}
.sartlari-contact-info__card h4::before { display: none !important; }
.sartlari-contact-info__card p {
  margin: 0 0 .35rem !important;
}
.sartlari-contact-info__card p a {
  color: var(--st-primary) !important;
  font-weight: 600;
  text-decoration: none !important;
  border: 0 !important;
  font-size: .95rem;
}
.sartlari-contact-info__card small {
  color: var(--st-text-subtle);
  font-size: .8rem;
  display: block;
}

/* ======================================
   20h. İLETİŞİM FORMU
====================================== */
.sartlari-contact-form {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-lg);
  padding: var(--st-space-md) clamp(1.25rem, 3vw, 2rem);
  margin: var(--st-space-md) 0;
  box-shadow: var(--st-shadow);
}
.sartlari-contact-form__success,
.sartlari-contact-form__error {
  padding: var(--st-space) var(--st-space-md);
  border-radius: var(--st-radius);
  margin: 0 0 var(--st-space-md);
  display: flex;
  align-items: flex-start;
  gap: .75rem;
}
.sartlari-contact-form__success {
  background: var(--st-success-soft);
  color: #065f46;
  border-left: 4px solid var(--st-success);
}
.sartlari-contact-form__error {
  background: var(--st-danger-soft);
  color: #991b1b;
  border-left: 4px solid var(--st-danger);
}
.sartlari-contact-form__success span,
.sartlari-contact-form__error span {
  font-size: 1.4rem;
}
.sartlari-contact-form__success p,
.sartlari-contact-form__error p {
  margin: .25rem 0 0 !important;
  font-weight: 400;
  font-size: .9rem;
}
.sartlari-contact-form__form {
  display: grid;
  gap: var(--st-space);
}
.sartlari-contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--st-space);
}
@media (max-width: 600px) {
  .sartlari-contact-form__row { grid-template-columns: 1fr; }
}
.sartlari-contact-form__form label {
  display: grid;
  gap: .35rem;
  font-weight: 600;
  font-size: .9rem;
  color: var(--st-text);
}
.sartlari-contact-form__form label > span em {
  color: var(--st-danger);
  font-style: normal;
  margin-left: .15rem;
}
.sartlari-contact-form__form input,
.sartlari-contact-form__form select,
.sartlari-contact-form__form textarea {
  padding: .75rem 1rem !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius-sm) !important;
  font-size: .95rem !important;
  font-family: inherit;
  background: #fff;
  color: var(--st-text);
  transition: border-color var(--st-transition), box-shadow var(--st-transition);
}
.sartlari-contact-form__form input:focus,
.sartlari-contact-form__form select:focus,
.sartlari-contact-form__form textarea:focus {
  outline: 0;
  border-color: var(--st-primary) !important;
  box-shadow: 0 0 0 3px var(--st-primary-glow);
}
.sartlari-contact-form__form textarea {
  resize: vertical;
  min-height: 120px;
}
.sartlari-contact-form__check {
  display: flex !important;
  align-items: flex-start;
  gap: .55rem;
  font-weight: 400 !important;
  font-size: .88rem !important;
  color: var(--st-text-muted) !important;
  line-height: 1.5;
}
.sartlari-contact-form__check input[type="checkbox"] {
  margin-top: .25rem !important;
  accent-color: var(--st-primary);
  flex-shrink: 0;
}
.sartlari-contact-form__check a {
  color: var(--st-primary) !important;
  font-weight: 600;
}
.sartlari-contact-form__submit {
  background: var(--st-gradient-primary) !important;
  color: #fff !important;
  border: 0 !important;
  padding: .9rem 1.6rem !important;
  border-radius: var(--st-radius) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer;
  font-family: inherit;
  transition: transform var(--st-transition), filter var(--st-transition), box-shadow var(--st-transition);
  justify-self: start;
}
.sartlari-contact-form__submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 8px 20px var(--st-primary-glow);
}
.sartlari-contact-form__alt {
  text-align: center;
  font-size: .9rem !important;
  color: var(--st-text-subtle) !important;
  margin: 0 !important;
}
.sartlari-contact-form__alt a {
  color: var(--st-primary) !important;
  font-weight: 600;
}

/* ======================================
   20i. SİTE HARİTASI SHORTCODE
====================================== */
.sartlari-sitemap {
  display: flex;
  flex-direction: column;
  gap: var(--st-space-md);
}
.sartlari-sitemap__intro {
  background: var(--st-primary-soft);
  border: 1px solid var(--st-primary);
  border-radius: var(--st-radius);
  padding: var(--st-space-xs) var(--st-space);
  font-size: .9rem;
}
.sartlari-sitemap__intro p { margin: 0 !important; }
.sartlari-sitemap__intro a {
  color: var(--st-primary-hover) !important;
  font-family: 'SF Mono', Consolas, monospace;
  font-size: .85rem;
}
.sartlari-sitemap h2 {
  font-family: var(--st-font-display);
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  margin: var(--st-space-md) 0 var(--st-space-xs) !important;
  color: var(--st-text) !important;
}
.sartlari-sitemap__corporate {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: .5rem;
}
.sartlari-sitemap__corporate a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .65rem .85rem !important;
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-sm);
  font-weight: 500 !important;
  font-size: .92rem;
  color: var(--st-text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--st-border) !important;
  transition: all var(--st-transition);
}
.sartlari-sitemap__corporate a:hover {
  border-color: var(--st-primary) !important;
  color: var(--st-primary) !important;
  transform: translateY(-1px);
}
.sartlari-sitemap__cats {
  display: flex;
  flex-direction: column;
  gap: var(--st-space);
}
.sartlari-sitemap__cat {
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius);
  padding: 0;
  overflow: hidden;
  transition: border-color var(--st-transition), box-shadow var(--st-transition);
}
.sartlari-sitemap__cat:hover {
  border-color: var(--st-primary-soft);
  box-shadow: var(--st-shadow-sm);
}
.sartlari-sitemap__head {
  padding: var(--st-space) var(--st-space-md);
  display: flex;
  align-items: center;
  gap: var(--st-space-xs);
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 1px solid var(--st-border);
}
.sartlari-sitemap__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  background: var(--st-primary-soft);
  border-radius: var(--st-radius-sm);
  font-size: 1.3rem;
  flex-shrink: 0;
}
.sartlari-sitemap__head h3 {
  flex: 1;
  margin: 0 !important;
  font-family: var(--st-font-display);
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--st-text) !important;
  display: flex !important;
  align-items: center;
}
.sartlari-sitemap__head h3::before { display: none !important; }
.sartlari-sitemap__head h3 a {
  color: var(--st-text) !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none !important;
  transition: color var(--st-transition);
}
.sartlari-sitemap__head h3 a:hover {
  color: var(--st-primary) !important;
}
.sartlari-sitemap__count {
  background: var(--st-primary-soft);
  color: var(--st-primary-hover);
  padding: .2rem .75rem;
  border-radius: var(--st-radius-full);
  font-size: .8rem;
  font-weight: 700;
  white-space: nowrap;
}
.sartlari-sitemap__posts {
  list-style: none !important;
  padding: var(--st-space-xs) var(--st-space-md) var(--st-space) !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0 var(--st-space);
}
.sartlari-sitemap__posts li {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.sartlari-sitemap__posts li a {
  display: block;
  padding: .45rem 0 .45rem 1.1rem !important;
  color: var(--st-text) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-size: .9rem;
  font-weight: 500;
  position: relative;
  transition: padding var(--st-transition), color var(--st-transition);
}
.sartlari-sitemap__posts li a::before {
  content: '›';
  position: absolute;
  left: 0;
  color: var(--st-primary);
  font-weight: 700;
}
.sartlari-sitemap__posts li a:hover {
  color: var(--st-primary) !important;
  padding-left: 1.4rem !important;
}

/* ======================================
   20j. ARAMA SONUÇLARI SAYFASI
====================================== */
body.search-results .container.grid-container,
body.search-results .site-main,
body.search-results .content-area,
body.search-no-results .site-main {
  max-width: 1100px !important;
}

/* Arama hero — büyük başlık + arama kutusu */
body.search .page-header,
body.search-results .page-header,
body.search-no-results .page-header {
  display: none !important;
}

body.search .site-main::before,
body.search-results .site-main::before {
  content: '';
  display: block;
  background: var(--st-gradient-primary);
  height: 4px;
  border-radius: 0 0 var(--st-radius) var(--st-radius);
  margin-bottom: var(--st-space-md);
}

/* Arama bilgi başlığı */
body.search .site-main .page-title,
body.search-results .site-main .page-title {
  display: none !important;
}

/* Arama formu — sayfanın üstünde premium */
body.search .search-form,
body.search-results .search-form,
body.search-no-results .search-form {
  display: flex;
  gap: .5rem;
  max-width: 600px;
  margin: 0 0 var(--st-space-md);
  background: #fff;
  padding: .5rem;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-full);
  box-shadow: var(--st-shadow-sm);
  transition: box-shadow var(--st-transition);
}
body.search .search-form:focus-within,
body.search-results .search-form:focus-within {
  box-shadow: 0 0 0 4px var(--st-primary-glow), var(--st-shadow);
}
body.search .search-form .search-field,
body.search-results .search-form .search-field {
  flex: 1;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: .85rem 1.2rem !important;
  font-size: 1rem;
  color: var(--st-text);
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none !important;
}
body.search .search-form .search-submit,
body.search-results .search-form .search-submit {
  background: var(--st-gradient-primary) !important;
  color: #fff !important;
  border: 0 !important;
  padding: .8rem 1.6rem !important;
  border-radius: var(--st-radius-full) !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  cursor: pointer;
  transition: filter var(--st-transition), transform var(--st-transition);
}
body.search .search-form .search-submit:hover,
body.search-results .search-form .search-submit:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* Sonuç sayısı bilgisi */
body.search .site-main > h1,
body.search-results .site-main > h1,
body.search-results .site-main > .page-header + h2 {
  font-family: var(--st-font-display) !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 var(--st-space-md) !important;
  color: var(--st-text) !important;
}

/* Her arama sonucu — premium kart */
body.search article,
body.search-results article {
  background: #fff !important;
  border: 1px solid var(--st-border) !important;
  border-radius: var(--st-radius) !important;
  padding: var(--st-space-md) !important;
  margin: 0 0 var(--st-space) !important;
  transition: transform var(--st-transition), box-shadow var(--st-transition), border-color var(--st-transition);
  position: relative;
  overflow: hidden;
}
body.search article::before,
body.search-results article::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px; height: 100%;
  background: var(--st-gradient-primary);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--st-transition);
}
body.search article:hover,
body.search-results article:hover {
  transform: translateX(4px);
  box-shadow: var(--st-shadow-md);
  border-color: var(--st-primary-soft);
}
body.search article:hover::before,
body.search-results article:hover::before {
  transform: scaleY(1);
}

/* Arama sonucu başlığı */
body.search article .entry-title,
body.search-results article .entry-title {
  font-family: var(--st-font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 .35rem !important;
  letter-spacing: -.01em;
  line-height: 1.4;
}
body.search article .entry-title a,
body.search-results article .entry-title a {
  color: var(--st-text) !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: color var(--st-transition);
}
body.search article .entry-title a:hover,
body.search-results article .entry-title a:hover {
  color: var(--st-primary) !important;
}

/* Tipi belirten rozet (post type / kategori) */
body.search article .entry-meta,
body.search-results article .entry-meta {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  font-size: .82rem !important;
  color: var(--st-text-subtle) !important;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  border: 0 !important;
}
body.search article .entry-meta a,
body.search-results article .entry-meta a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  background: var(--st-primary-soft);
  color: var(--st-primary-hover) !important;
  padding: .2rem .65rem !important;
  border-radius: var(--st-radius-full);
  font-weight: 600;
  text-decoration: none !important;
  border: 0 !important;
}

/* Arama sonucu özeti */
body.search article .entry-summary,
body.search-results article .entry-summary,
body.search article .entry-content,
body.search-results article .entry-content {
  margin: 0 0 var(--st-space-xs) !important;
  padding: 0 !important;
  font-size: .95rem !important;
  color: var(--st-text-muted) !important;
  line-height: 1.65;
}
body.search article .entry-summary p,
body.search-results article .entry-summary p,
body.search article .entry-content p,
body.search-results article .entry-content p {
  margin: 0 !important;
}

/* Arama sonucu "Devamını oku" linki */
body.search article .read-more,
body.search-results article .read-more,
body.search article a.more-link,
body.search-results article a.more-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .5rem !important;
  color: var(--st-primary) !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  border: 0 !important;
  transition: gap var(--st-transition);
}
body.search article .read-more:hover,
body.search-results article .read-more:hover {
  gap: .65rem;
}
body.search article .read-more::after,
body.search-results article .read-more::after {
  content: '→';
  transition: transform var(--st-transition);
}

/* Arama sonucu yok — premium */
body.search-no-results .site-main {
  text-align: center;
  padding: var(--st-space-xl) var(--st-space-md);
}
body.search-no-results .site-main::before {
  content: '🔍';
  display: block;
  font-size: 4rem;
  margin-bottom: var(--st-space);
  background: none;
  height: auto;
}
body.search-no-results h1,
body.search-no-results .entry-title {
  font-family: var(--st-font-display);
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
  margin: 0 0 var(--st-space) !important;
}
body.search-no-results p {
  color: var(--st-text-muted);
  margin: 0 auto var(--st-space-md) !important;
  max-width: 500px;
  font-size: 1rem;
}
body.search-no-results .search-form {
  margin: 0 auto var(--st-space-md);
}

/* Arama vurgusu (eğer tema yapıyorsa) */
body.search .search-result mark,
body.search-results mark {
  background: var(--st-accent-soft);
  color: #78350f;
  padding: 0 .2em;
  border-radius: 3px;
  font-weight: 600;
}

/* Pagination — search */
body.search .nav-links,
body.search-results .nav-links,
body.search .navigation.pagination,
body.search-results .navigation.pagination {
  margin: var(--st-space-lg) 0;
  display: flex;
  justify-content: center;
  gap: .35rem;
  flex-wrap: wrap;
}
body.search a.page-numbers,
body.search-results a.page-numbers,
body.search span.page-numbers,
body.search-results span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 .85rem;
  background: #fff;
  border: 1px solid var(--st-border);
  border-radius: var(--st-radius-sm);
  color: var(--st-text-muted);
  font-weight: 600;
  text-decoration: none !important;
  transition: all var(--st-transition);
}
body.search a.page-numbers:hover,
body.search-results a.page-numbers:hover {
  border-color: var(--st-primary);
  color: var(--st-primary);
  transform: translateY(-1px);
}
body.search span.page-numbers.current,
body.search-results span.page-numbers.current {
  background: var(--st-gradient-primary);
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 4px 12px var(--st-primary-glow);
}

/* ======================================
   21. PRINT STYLES
====================================== */
@media print {
  .sartlari-hero,
  .sartlari-hero-search,
  .footer-widgets,
  .sartlari-related { display: none; }
  .sartlari-table { font-size: .8rem; }
}