/* SİFAHİKAYELERİ — Ana CSS v2
   Mobile-First · Çoklu Tema Desteği · Modern Tasarım
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap');

/* ============================================================
   TEMALAR — CSS Custom Properties
   ============================================================ */

/* 🌿 Orman Yeşili (varsayılan) */
:root,
[data-tema="yesil"] {
  --birincil:       #2e8b57;
  --birincil-koyu:  #1a5e38;
  --birincil-acik:  #7ec896;
  --birincil-soluk: #e8f5ee;
  --arkaplan-nav:   #0d2b1f;
  --hero-bas:       #0d2b1f;
  --hero-son:       #1a4a2e;
  --aksan:          #c9913a;
}

/* 🌊 Okyanus Mavisi */
[data-tema="mavi"] {
  --birincil:       #1d6fa4;
  --birincil-koyu:  #0f4a72;
  --birincil-acik:  #7cb9e8;
  --birincil-soluk: #e0f0fb;
  --arkaplan-nav:   #0a1f35;
  --hero-bas:       #0a1f35;
  --hero-son:       #0f3a5e;
  --aksan:          #e8943a;
}

/* 🪻 Lavanta Moru */
[data-tema="mor"] {
  --birincil:       #7c3aed;
  --birincil-koyu:  #5b21b6;
  --birincil-acik:  #c4b5fd;
  --birincil-soluk: #f3f0ff;
  --arkaplan-nav:   #1e0a40;
  --hero-bas:       #1e0a40;
  --hero-son:       #2d1060;
  --aksan:          #f59e0b;
}

/* 🌹 Gül Kırmızısı */
[data-tema="kirmizi"] {
  --birincil:       #be123c;
  --birincil-koyu:  #881337;
  --birincil-acik:  #fb7185;
  --birincil-soluk: #fff1f2;
  --arkaplan-nav:   #2d0414;
  --hero-bas:       #2d0414;
  --hero-son:       #4c0519;
  --aksan:          #c9913a;
}

/* 🌅 Kavuniçi */
[data-tema="turuncu"] {
  --birincil:       #ea580c;
  --birincil-koyu:  #c2410c;
  --birincil-acik:  #fdba74;
  --birincil-soluk: #fff7ed;
  --arkaplan-nav:   #2c1005;
  --hero-bas:       #2c1005;
  --hero-son:       #431a07;
  --aksan:          #15803d;
}

/* ☕ Toprak / Kahve */
[data-tema="toprak"] {
  --birincil:       #78350f;
  --birincil-koyu:  #451a03;
  --birincil-acik:  #d97706;
  --birincil-soluk: #fffbeb;
  --arkaplan-nav:   #1c0a00;
  --hero-bas:       #1c0a00;
  --hero-son:       #2d1200;
  --aksan:          #15803d;
}

/* Ortak değişkenler (tema bağımsız) */
:root {
  --krem:           #fdf8f0;
  --parsmen:        #f5efe0;
  --beyaz:          #ffffff;
  --sinir:          rgba(0,0,0,0.09);
  --sinir-guclu:    rgba(0,0,0,0.15);
  --metin:          #1a1a2e;
  --metin-ikincil:  #6b6759;
  --tehlike:        #dc2626;
  --uyari:          #f59e0b;
  --basari:         #16a34a;

  --font-baslik:    'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-metin:     'Source Serif 4', Georgia, serif;
  --font-ui:        'Inter', system-ui, -apple-system, sans-serif;

  --yari-cerceve:   12px;
  --cerceve:        16px;
  --cerceve-buyuk:  24px;
  --golge-kucuk:    0 2px 8px rgba(0,0,0,0.06);
  --golge:          0 4px 20px rgba(0,0,0,0.08);
  --golge-buyuk:    0 12px 40px rgba(0,0,0,0.12);
  --golge-hover:    0 16px 48px rgba(0,0,0,0.16);
  --gecis:          0.22s cubic-bezier(0.4,0,0.2,1);
  --max-genislik:   1200px;
  --nav-yukseklik:  62px;
}

/* ============================================================
   RESET & TEMEL
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; }

body {
  font-family: var(--font-ui);
  background: var(--krem);
  color: var(--metin);
  line-height: 1.65;
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 64px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}

img { max-width: 100%; height: auto; display: block; }
/* Leaflet harita karoları global img kuralından muaf */
.leaflet-container img,
.leaflet-container img.leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
a { color: var(--birincil); text-decoration: none; transition: var(--gecis); }
a:hover { color: var(--birincil-koyu); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-baslik); line-height: 1.2; color: var(--metin); letter-spacing: -0.025em; font-weight: 700; }
ul,ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: var(--font-ui); font-size: 1rem; }
input,textarea,select { font-family: var(--font-ui); font-size: 1rem; }

/* ============================================================
   LAYOUT
   ============================================================ */
.konteyner {
  width: 100%;
  max-width: var(--max-genislik);
  margin: 0 auto;
  padding: 0 18px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  body { padding-bottom: 0; }
}

/* ============================================================
   NAVBAR
   ============================================================ */
.navbar {
  background: var(--arkaplan-nav);
  height: var(--nav-yukseklik);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 0 rgba(255,255,255,0.05), 0 4px 20px rgba(0,0,0,0.25);
}

.navbar .konteyner {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 8px;
  min-width: 0;
}

.navbar-logo {
  font-family: var(--font-baslik);
  font-size: clamp(1rem, 3.5vw, 1.25rem);
  font-weight: 700;
  color: var(--birincil-acik);
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.3px;
}

.navbar-logo em {
  color: var(--aksan);
  font-style: normal;
}

.navbar-nav {
  display: none;
  align-items: center;
  gap: 2px;
  flex: 1;
  margin-left: 16px;
}

.navbar-nav a {
  color: rgba(255,255,255,0.75);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 7px 13px;
  border-radius: 8px;
  transition: var(--gecis);
}

.navbar-nav a:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

.navbar-nav a.aktif {
  color: var(--birincil-acik);
  background: rgba(255,255,255,0.08);
}

.navbar-sag {
  display: none;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
  min-width: 0;
}

.navbar-mobil-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 8px;
  margin-left: auto;
  border-radius: 8px;
  transition: var(--gecis);
  flex-shrink: 0;
}

.navbar-ikon-link {
  color: rgba(255,255,255,0.8);
  padding: 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  transition: var(--gecis);
}

.navbar-ikon-link:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

.navbar-rozet {
  position: absolute;
  top: 2px;
  right: 2px;
}

.navbar-profil-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.85);
  padding: 6px 10px;
  border-radius: 9px;
  transition: var(--gecis);
  max-width: min(200px, 28vw);
  min-width: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font: inherit;
}

.navbar-profil-btn:hover {
  background: rgba(255,255,255,0.1);
}

.navbar-profil-ad {
  font-size: 0.85rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.navbar-profil-ok {
  flex-shrink: 0;
  opacity: 0.75;
}

.navbar-profil-avatar {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}

.navbar-profil-rozet {
  position: absolute;
  top: -5px;
  right: -6px;
  min-width: 18px;
  width: auto;
  padding: 0 4px;
  border: 2px solid var(--arkaplan-nav, #0f2e22);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
}

@media (max-width: 767px) {
  .navbar-sag { display: none !important; }
  .navbar-mobil-toggle { display: flex; }
  .navbar .konteyner { gap: 6px; padding-left: 12px; padding-right: 12px; }
}

@media (min-width: 768px) {
  .navbar-nav   { display: flex; }
  .navbar-sag   { display: flex; }
  .navbar-mobil-toggle { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-profil-ad { display: none; }
  .navbar-profil-btn { max-width: none; padding: 6px 8px; }
  .navbar-hikaye-btn { padding-left: 12px; padding-right: 12px; font-size: 0.78rem; }
}

.navbar-mobil-toggle:hover { background: rgba(255,255,255,0.1); }

.navbar-mobil-toggle span {
  width: 22px;
  height: 2px;
  background: rgba(255,255,255,0.85);
  border-radius: 2px;
  transition: var(--gecis);
  display: block;
}

/* Kullanıcı dropdown */
.kullanici-menu { position: relative; }

.kullanici-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  background: var(--beyaz);
  border-radius: var(--cerceve);
  box-shadow: var(--golge-buyuk);
  min-width: 200px;
  max-width: min(260px, calc(100vw - 24px));
  overflow: hidden;
  z-index: 200;
  border: 1px solid var(--sinir);
}

.kullanici-dropdown.acik { display: block; }

.kullanici-dropdown a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  color: var(--metin);
  font-size: 0.875rem;
  border-bottom: 1px solid var(--sinir);
  transition: var(--gecis);
}

.kullanici-dropdown a:hover { background: var(--birincil-soluk); color: var(--birincil-koyu); }
.kullanici-dropdown a:last-child { border-bottom: none; color: var(--tehlike); }
.kullanici-dropdown a:last-child:hover { background: #fee2e2; }

/* Bildirim rozeti */
.bildirim-rozet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--tehlike);
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 0.65rem;
  font-weight: 700;
}

/* ============================================================
   MOBİL MENÜ
   ============================================================ */
/* Karartma örtüsü */
.mobil-overlay {
  position: fixed; inset: 0;
  background: rgba(10,12,20,0.55);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  opacity: 0; visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 99998;
}
.mobil-overlay.acik { opacity: 1; visibility: visible; }

/* Çekmece menü */
.mobil-menu {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(86vw, 360px);
  background: linear-gradient(180deg, var(--arkaplan-nav), color-mix(in srgb, var(--arkaplan-nav) 86%, #000));
  z-index: 99999;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(0.22,1,0.36,1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: -14px 0 44px rgba(0,0,0,0.4);
}
.mobil-menu.acik { transform: translateX(0); }

/* Başlık */
.mm-bas {
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 18px; border-bottom: 1px solid rgba(255,255,255,0.08);
  position: sticky; top: 0; background: var(--arkaplan-nav); z-index: 2;
}
.mm-logo { color: #fff; font-weight: 800; font-size: 1.08rem; text-decoration: none; letter-spacing: -.01em; }
.mm-logo em { font-style: normal; color: var(--birincil-acik); }
.mm-kapat {
  background: rgba(255,255,255,0.08); border: none; color: #fff;
  width: 38px; height: 38px; border-radius: 11px; font-size: 1.1rem; cursor: pointer;
  display: grid; place-items: center; transition: .2s; line-height: 1;
}
.mm-kapat:hover { background: rgba(255,255,255,0.18); transform: rotate(90deg); }

/* Profil kartı */
.mm-profil {
  display: flex; align-items: center; gap: 12px; margin: 14px 14px 4px;
  padding: 12px 14px; background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08); border-radius: 16px;
  text-decoration: none; transition: .2s;
}
.mm-profil:hover { background: rgba(255,255,255,0.11); }
.mm-avatar {
  width: 46px; height: 46px; border-radius: 50%;
  background: linear-gradient(135deg, var(--birincil-acik), var(--birincil));
  color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 1.25rem; flex-shrink: 0;
}
.mm-profil-bilgi { display: flex; flex-direction: column; line-height: 1.25; flex: 1; min-width: 0; }
.mm-profil-bilgi strong { color: #fff; font-size: .98rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mm-profil-bilgi span { color: rgba(255,255,255,0.55); font-size: .78rem; }
.mm-profil-ok { color: rgba(255,255,255,0.38); font-size: 1.5rem; line-height: 1; }

/* Giriş/Üye butonları */
.mm-auth { display: flex; gap: 10px; margin: 16px 14px 4px; }
.mm-auth .btn { flex: 1; justify-content: center; }

/* Bölüm başlığı */
.mm-bolum-baslik {
  color: rgba(255,255,255,0.42); font-size: .7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .09em; padding: 16px 22px 7px;
}

/* Navigasyon */
.mm-nav { display: flex; flex-direction: column; gap: 2px; padding: 0 12px; }
.mm-nav a {
  display: flex; align-items: center; gap: 13px; padding: 10px 12px; border-radius: 12px;
  color: rgba(255,255,255,0.82); font-size: 1rem; font-weight: 500; text-decoration: none; transition: .18s;
}
.mm-nav a:hover { background: rgba(255,255,255,0.08); color: #fff; }
.mm-nav a.aktif { background: color-mix(in srgb, var(--birincil) 28%, transparent); color: #fff; font-weight: 600; }
.mm-ik {
  width: 34px; height: 34px; border-radius: 10px; background: rgba(255,255,255,0.08);
  display: grid; place-items: center; font-size: 1.05rem; flex-shrink: 0; transition: .18s;
}
.mm-nav a.aktif .mm-ik { background: var(--birincil); }
.mm-rozet {
  margin-left: auto; background: #ef4444; color: #fff; font-size: .7rem; font-weight: 700;
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center;
}

/* Çıkış */
.mm-cikis {
  display: flex; align-items: center; gap: 13px; margin: 16px 12px 28px;
  padding: 11px 12px; border-radius: 12px; color: #fca5a5; text-decoration: none; font-weight: 600;
  background: rgba(239,68,68,0.08); transition: .18s;
}
.mm-cikis:hover { background: rgba(239,68,68,0.18); color: #fff; }
.mm-cikis .mm-ik { background: rgba(239,68,68,0.18); }

/* ============================================================
   ALT NAVİGASYON (Mobil)
   ============================================================ */
.alt-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--arkaplan-nav);
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 62px;
  z-index: 100;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 0 4px;
  backdrop-filter: blur(10px);
}

.alt-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  color: rgba(255,255,255,0.5);
  font-size: 0.6rem;
  font-weight: 600;
  padding: 6px 4px;
  border-radius: 10px;
  transition: var(--gecis);
  flex: 1;
  letter-spacing: 0.2px;
}

.alt-nav a svg { width: 21px; height: 21px; }
.alt-nav a.aktif { color: var(--birincil-acik); }
.alt-nav a:hover { color: rgba(255,255,255,0.85); }

@media (min-width: 768px) { .alt-nav { display: none; } }

/* ============================================================
   BUTONLAR
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 22px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: var(--gecis);
  min-height: 44px;
  cursor: pointer;
  white-space: nowrap;
}

.btn-ana {
  background: var(--birincil);
  color: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.2);
}

.btn-ana:hover {
  background: var(--birincil-koyu);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

.btn-ikincil {
  background: transparent;
  color: var(--birincil);
  border: 2px solid var(--birincil);
}

.btn-ikincil:hover {
  background: var(--birincil);
  color: #fff;
}

.btn-altin {
  background: linear-gradient(135deg, var(--aksan), #e8a843);
  color: #fff;
  box-shadow: 0 2px 12px rgba(201,145,58,0.3);
}

.btn-altin:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201,145,58,0.4);
  color: #fff;
}

.btn-hayalet {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(4px);
}

.btn-hayalet:hover {
  background: rgba(255,255,255,0.22);
  color: #fff;
}

.btn-kucuk  { padding: 7px 16px; font-size: 0.82rem; min-height: 36px; border-radius: 8px; }
.btn-buyuk  { padding: 14px 36px; font-size: 1.05rem; border-radius: 12px; }
.btn-blok   { display: flex; width: 100%; }

/* ============================================================
   HİKAYE KARTI
   ============================================================ */
.hikaye-kart {
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  overflow: hidden;
  transition: var(--gecis);
  box-shadow: var(--golge-kucuk);
  border: 1px solid var(--sinir);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

.hikaye-kart:hover {
  transform: translateY(-5px);
  box-shadow: var(--golge-hover);
  border-color: var(--birincil-acik);
  color: inherit;
}

.hikaye-kart-gorsel {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  flex-shrink: 0;
}

.hikaye-kart-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.8rem;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.hikaye-kart-placeholder::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.08));
}

.hikaye-kart-icerik {
  padding: 16px 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.hikaye-kart-kategori {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  padding: 4px 11px;
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  align-self: flex-start;
}

.hikaye-kart-baslik {
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--metin);
}

.hikaye-kart-ozet {
  font-size: 0.84rem;
  color: var(--metin-ikincil);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.55;
  margin-bottom: 12px;
  flex: 1;
}

.hikaye-kart-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--metin-ikincil);
  padding-top: 12px;
  border-top: 1px solid var(--sinir);
  flex-wrap: wrap;
}

.hikaye-kart-meta .ayraç { color: var(--sinir-guclu); }

.hikaye-kart-uyari {
  padding: 8px 18px;
  background: #fffbeb;
  border-top: 1px solid #fde68a;
  font-size: 0.7rem;
  color: #854d0e;
  line-height: 1.45;
  flex-shrink: 0;
}

/* Kart grid'leri */
.kartlar-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.kartlar-3 { display: grid; grid-template-columns: 1fr; gap: 18px; }
.kartlar-4 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

@media (min-width: 640px) {
  .kartlar-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .kartlar-3 { grid-template-columns: repeat(3, 1fr); }
  .kartlar-4 { grid-template-columns: repeat(4, 1fr); }
}

/* ============================================================
   KATEGORİ KARTI
   ============================================================ */
.kat-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 12px;
  background: var(--beyaz);
  border-radius: var(--cerceve);
  border: 2px solid var(--sinir);
  text-decoration: none;
  color: var(--metin);
  transition: var(--gecis);
  text-align: center;
  min-height: 100px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.kat-kart::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--birincil-soluk);
  opacity: 0;
  transition: var(--gecis);
}

.kat-kart:hover {
  border-color: var(--birincil);
  transform: translateY(-3px);
  box-shadow: var(--golge);
  color: var(--birincil-koyu);
}

.kat-kart:hover::before { opacity: 1; }

.kat-kart-ikon {
  font-size: 2rem;
  line-height: 1;
  position: relative;
  z-index: 1;
  transition: var(--gecis);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.kat-kart:hover .kat-kart-ikon {
  transform: scale(1.15);
}

.kat-kart-ad {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.kat-kart.aktif {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.kat-kart.aktif::before { opacity: 0; }

/* 5 kolonlu kategori grid */
.kat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (min-width: 480px) { .kat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 680px) { .kat-grid { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 900px) { .kat-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; } }

/* ============================================================
   İSTATİSTİK BANDI
   ============================================================ */
.istat-bant {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
}

@media (min-width: 640px) { .istat-bant { grid-template-columns: repeat(4, 1fr); } }

.istat-kutu {
  background: rgba(255,255,255,0.04);
  padding: 20px 16px;
  text-align: center;
  transition: var(--gecis);
}

.istat-kutu:hover { background: rgba(255,255,255,0.08); }

.istat-sayi {
  font-family: var(--font-baslik);
  font-size: 2rem;
  font-weight: 800;
  color: var(--birincil-acik);
  line-height: 1;
  margin-bottom: 5px;
}

.istat-etiket {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.55);
  font-weight: 500;
}

/* ============================================================
   BÖLÜM BAŞLIKLARI
   ============================================================ */
.bolum { padding: 48px 0; }
.bolum-dar { padding: 32px 0; }

.bolum-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 4px;
}

.bolum-altyazi {
  color: var(--metin-ikincil);
  font-size: 0.9rem;
  margin-bottom: 24px;
}

.bolum-ust {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 12px;
}

/* ============================================================
   SORUMLULUK KUTUSU (Hukuki Uyarı)
   ============================================================ */
.sorumluluk {
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border: 1px solid #fde68a;
  border-left: 4px solid #f59e0b;
  border-radius: 12px;
  margin-bottom: 28px;
  border-radius: var(--yari-cerceve);
  padding: 12px 16px;
  font-size: 0.83rem;
  color: #854d0e;
  line-height: 1.6;
  margin: 16px 0;
}

.sorumluluk strong { color: #713f12; }

/* Hata / bilgi gibi kutular için varyantlar */
.kutu { border-radius: var(--yari-cerceve); padding: 13px 16px; font-size: 0.875rem; }
.kutu-hata    { background: #fee2e2; border: 1px solid #fca5a5; color: #991b1b; }
.kutu-basari  { background: #dcfce7; border: 1px solid #86efac; color: #166534; }
.kutu-bilgi   { background: #dbeafe; border: 1px solid #93c5fd; color: #1e40af; }

/* ============================================================
   FORMLAR
   ============================================================ */
.form-grup { margin-bottom: 18px; }

.form-etiket {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 6px;
  color: var(--metin);
}

.zorunlu { color: var(--tehlike); }

.form-girdi {
  width: 100%;
  padding: 11px 15px;
  border: 2px solid var(--sinir-guclu);
  border-radius: 10px;
  background: var(--beyaz);
  color: var(--metin);
  transition: var(--gecis);
  min-height: 44px;
  appearance: none;
}

.form-girdi:focus {
  outline: none;
  border-color: var(--birincil);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--birincil) 15%, transparent);
}

.form-girdi.hata { border-color: var(--tehlike); }
.form-hata { color: var(--tehlike); font-size: 0.78rem; margin-top: 4px; }

textarea.form-girdi { resize: vertical; min-height: 110px; }

select.form-girdi {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6759' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 38px;
}

/* ── Aranabilir combobox (native select yerine — mobilde okunaklı) ── */
.cmb { position: relative; width: 100%; }
.cmb-native {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0; pointer-events: none; border: 0; padding: 0; margin: 0;
}
.cmb-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; text-align: left; cursor: pointer; font-family: inherit; font-size: 1rem;
  color: var(--metin); background: var(--beyaz); padding-right: 14px;
}
.cmb-btn.cmb-bos .cmb-lbl { color: var(--metin-ikincil); }
.cmb-lbl { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmb-ok { flex-shrink: 0; color: var(--metin-ikincil); font-size: 0.7rem; transition: transform 0.15s; }
.cmb.acik .cmb-ok { transform: rotate(180deg); }
.cmb-panel {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 1000;
  background: var(--beyaz); border: 1px solid var(--sinir); border-radius: 12px;
  box-shadow: 0 14px 38px rgba(15,23,42,0.18); padding: 8px;
}
.cmb-ara {
  width: 100%; box-sizing: border-box; padding: 10px 12px;
  border: 1.5px solid var(--sinir); border-radius: 9px; font-size: 1rem;
  outline: none; margin-bottom: 6px;
}
.cmb-ara:focus { border-color: var(--birincil); box-shadow: 0 0 0 3px color-mix(in srgb, var(--birincil) 14%, transparent); }
.cmb-liste { list-style: none; margin: 0; padding: 0; max-height: 264px; overflow-y: auto; overscroll-behavior: contain; }
.cmb-oge {
  padding: 12px; border-radius: 8px; font-size: 0.95rem; color: var(--metin);
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cmb-oge:hover, .cmb-oge.vurgu { background: var(--parsmen); }
.cmb-oge.secili { background: var(--birincil-soluk); color: var(--birincil); font-weight: 700; }
.cmb-oge.pasif { color: var(--metin-ikincil); cursor: default; opacity: 0.7; }
.cmb-bos-mesaj { padding: 12px; font-size: 0.85rem; color: var(--metin-ikincil); text-align: center; }

.form-onay {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 0.875rem;
}

.form-onay input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-top: 1px;
  accent-color: var(--birincil);
  cursor: pointer;
}

/* ============================================================
   AVATAR
   ============================================================ */
.avatar {
  border-radius: 50%;
  object-fit: cover;
  background: var(--birincil-soluk);
  flex-shrink: 0;
}

.avatar-yer {
  border-radius: 50%;
  background: var(--birincil);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: var(--font-baslik);
  flex-shrink: 0;
}

.av-xs { width: 28px; height: 28px; font-size: 0.65rem; }
.av-sm { width: 36px; height: 36px; font-size: 0.75rem; }
.av-md { width: 48px; height: 48px; font-size: 0.9rem; }
.av-lg { width: 72px; height: 72px; font-size: 1.3rem; }
.av-xl { width: 96px; height: 96px; font-size: 1.8rem; }

/* ============================================================
   ROZETLER
   ============================================================ */
.rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.rozet-gold    { background: linear-gradient(135deg,#b45309,#d97706); color: #fff; }
.rozet-silver  { background: linear-gradient(135deg,#6b7280,#9ca3af); color: #fff; }
.rozet-bronz   { background: linear-gradient(135deg,#78350f,#92400e); color: #fff; }
.rozet-onay    { background: #dcfce7; color: #166534; }
.rozet-bekle   { background: #fef3c7; color: #92400e; }
.rozet-red     { background: #fee2e2; color: #991b1b; }

/* ============================================================
   FLASH MESAJLARI
   ============================================================ */
.flash-kutu {
  position: fixed;
  top: calc(var(--nav-yukseklik) + 12px);
  right: 16px;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 360px;
  pointer-events: none;
}

.flash-mesaj {
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: var(--golge-buyuk);
  display: flex;
  align-items: center;
  gap: 10px;
  animation: flash-gir 0.3s cubic-bezier(0.4,0,0.2,1);
  pointer-events: all;
}

.flash-basari { background: #dcfce7; color: #166534; border-left: 4px solid #16a34a; }
.flash-hata   { background: #fee2e2; color: #991b1b; border-left: 4px solid #dc2626; }
.flash-bilgi  { background: #dbeafe; color: #1e40af; border-left: 4px solid #3b82f6; }
.flash-uyari  { background: #fef3c7; color: #92400e; border-left: 4px solid #f59e0b; }

@keyframes flash-gir {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ============================================================
   SAYFALAMA
   ============================================================ */
.sayfalama {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 36px 0;
  flex-wrap: wrap;
}

.sayfalama a, .sayfalama span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.875rem;
  border: 1px solid var(--sinir-guclu);
  color: var(--metin);
  transition: var(--gecis);
}

.sayfalama a:hover { background: var(--birincil-soluk); border-color: var(--birincil); color: var(--birincil); }
.sayfalama .aktif-sayfa { background: var(--birincil); color: #fff; border-color: var(--birincil); }

/* ============================================================
   FOOTER
   ============================================================ */
.footer {
  background: var(--arkaplan-nav);
  color: rgba(255,255,255,0.7);
  padding: 48px 0 28px;
  margin-top: 64px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
}

.footer-logo {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--birincil-acik);
  margin-bottom: 12px;
}

.footer-logo em { color: var(--aksan); font-style: normal; }
.footer-aciklama { font-size: 0.84rem; line-height: 1.7; color: rgba(255,255,255,0.5); }

.footer-baslik {
  font-weight: 700;
  color: rgba(255,255,255,0.9);
  margin-bottom: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-linkler { display: flex; flex-direction: column; gap: 9px; }
.footer-linkler a { color: rgba(255,255,255,0.55); font-size: 0.875rem; transition: var(--gecis); }
.footer-linkler a:hover { color: var(--birincil-acik); padding-left: 4px; }

.footer-alt {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.35);
}

.footer-hukuki { display: flex; gap: 16px; flex-wrap: wrap; }
.footer-hukuki a { color: rgba(255,255,255,0.4); font-size: 0.78rem; }
.footer-hukuki a:hover { color: var(--birincil-acik); }

.footer-uyari {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 24px;
}
.footer-uyari-ikon { font-size: 1.05rem; line-height: 1.6; flex-shrink: 0; }
.footer-uyari p { margin: 0; font-size: 0.78rem; line-height: 1.7; color: rgba(255,255,255,0.42); }
.footer-uyari strong { color: rgba(255,255,255,0.62); }

/* ── Footer — mobil uyumlu düzen ── */
@media (max-width: 767px) {
  .footer {
    padding: 34px 0 26px;
    margin-top: 40px;
  }
  /* Marka üstte tam genişlik + ortalı, link grupları 2 sütun */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 26px 16px;
    margin-bottom: 26px;
  }
  .footer-grid > :first-child {
    grid-column: 1 / -1;
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .footer-logo { font-size: 1.5rem; margin-bottom: 8px; }
  .footer-aciklama { max-width: 320px; margin: 0 auto; font-size: 0.83rem; }

  .footer-baslik {
    font-size: 0.7rem;
    margin-bottom: 12px;
    color: var(--birincil-acik);
    opacity: 0.9;
  }
  .footer-linkler { gap: 11px; }
  .footer-linkler a { font-size: 0.86rem; }
  .footer-linkler a:hover { padding-left: 0; }

  .footer-uyari {
    padding: 13px 14px;
    gap: 9px;
    border-radius: 12px;
    margin-bottom: 22px;
  }
  .footer-uyari p { font-size: 0.74rem; line-height: 1.65; }

  /* Alt bar — ortalanmış, ferah */
  .footer-alt {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding-top: 20px;
    margin-top: 4px;
  }
  .footer-alt > span { order: 2; font-size: 0.74rem; line-height: 1.5; }
  .footer-hukuki {
    order: 1;
    justify-content: center;
    gap: 10px 20px;
    width: 100%;
  }
  .footer-hukuki a { font-size: 0.82rem; padding: 2px 0; }
}

@media (max-width: 360px) {
  .footer-grid { gap: 22px 12px; }
  .footer-hukuki { gap: 8px 14px; }
}

/* ============================================================
   YARDIMCI SINIFLAR
   ============================================================ */
.merkez   { text-align: center; }
.gizli    { display: none !important; }
.esnek    { display: flex; align-items: center; }
.arasi    { display: flex; align-items: center; justify-content: space-between; }
.mt-1 { margin-top: 8px; }  .mt-2 { margin-top: 16px; } .mt-3 { margin-top: 24px; }
.mb-1 { margin-bottom: 8px; } .mb-2 { margin-bottom: 16px; } .mb-3 { margin-bottom: 24px; }
.w100 { width: 100%; }
.gap-1 { gap: 8px; } .gap-2 { gap: 16px; } .gap-3 { gap: 24px; }

.ayraç-yatay { height: 1px; background: var(--sinir); margin: 20px 0; }

/* Renk yardımcıları */
.r-birincil { color: var(--birincil); }
.r-aksan    { color: var(--aksan); }
.r-soluk    { color: var(--metin-ikincil); }

/* Boş durum */
.bos {
  text-align: center;
  padding: 60px 24px;
  color: var(--metin-ikincil);
}

.bos-ikon { font-size: 3.5rem; margin-bottom: 16px; display: block; }

.bos h3 {
  font-family: var(--font-baslik);
  font-size: 1.25rem;
  margin-bottom: 8px;
  color: var(--metin);
}

/* Yükleniyor */
.yukleniyor { display: flex; justify-content: center; padding: 40px; }
.halka {
  width: 40px; height: 40px;
  border: 3px solid var(--birincil-soluk);
  border-top-color: var(--birincil);
  border-radius: 50%;
  animation: dondur 0.7s linear infinite;
}
@keyframes dondur { to { transform: rotate(360deg); } }

/* ============================================================
   TEMA SEÇİCİ
   ============================================================ */
.tema-secici {
  position: fixed;
  bottom: calc(68px + 48px + 10px);
  right: 16px;
  left: auto;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  transition: opacity .2s, visibility .2s;
}

body.dsw-panel-acik .tema-secici {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 640px) {
  .tema-secici {
    bottom: calc(62px + env(safe-area-inset-bottom, 0px) + 6px + 48px + 10px);
    right: 12px;
  }
}

@media (min-width: 768px) {
  .tema-secici { bottom: calc(20px + 48px + 10px); right: 16px; left: auto; }
}

.tema-toggle-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--arkaplan-nav);
  color: #fff;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--golge-buyuk);
  border: 2px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: var(--gecis);
}

.tema-toggle-btn:hover { transform: scale(1.08); }

.tema-panel {
  background: var(--beyaz);
  border-radius: 14px;
  padding: 14px;
  box-shadow: var(--golge-buyuk);
  border: 1px solid var(--sinir);
  display: none;
  flex-direction: column;
  gap: 8px;
  min-width: 160px;
}

.tema-panel.acik { display: flex; }

.tema-panel-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--metin-ikincil);
  margin-bottom: 2px;
}

.tema-secenekler {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.tema-renk-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid transparent;
  cursor: pointer;
  transition: var(--gecis);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tema-renk-btn:hover { transform: scale(1.15); }
.tema-renk-btn.aktif { border-color: var(--metin); box-shadow: 0 0 0 3px rgba(0,0,0,0.1); }

.tema-renk-btn::after {
  content: '✓';
  font-size: 0.7rem;
  color: #fff;
  display: none;
  font-weight: 700;
}

.tema-renk-btn.aktif::after { display: block; }

/* Tema renk önizlemeleri */
.t-yesil   { background: #2e8b57; }
.t-mavi    { background: #1d6fa4; }
.t-mor     { background: #7c3aed; }
.t-kirmizi { background: #be123c; }
.t-turuncu { background: #ea580c; }
.t-toprak  { background: #78350f; }

/* ============================================================
   HİKAYE DETAY SAYFA STİLLERİ
   ============================================================ */
.hikaye-govde {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.12rem;
  line-height: 2;
  color: #1a1a2e;
  max-width: 720px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hikaye-govde p {
  margin-bottom: 1.6em;
  text-align: justify;
  hyphens: auto;
}

.hikaye-govde p:first-of-type::first-letter {
  float: left;
  font-size: 3.2em;
  line-height: 0.8;
  font-weight: 700;
  color: var(--birincil-koyu, #1a5e38);
  margin-right: 8px;
  margin-top: 6px;
  font-family: var(--font-baslik);
}

.hikaye-govde h2,
.hikaye-govde h3 {
  font-family: var(--font-baslik);
  margin: 2.2em 0 0.8em;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--birincil-koyu, #1a5e38);
  padding-bottom: 8px;
  border-bottom: 2px solid var(--birincil-soluk, #e8f5ee);
  text-align: left;
}

.hikaye-govde blockquote {
  border-left: 4px solid var(--birincil, #2e8b57);
  padding: 16px 24px;
  margin: 1.8em 0;
  background: var(--birincil-soluk, #e8f5ee);
  border-radius: 0 12px 12px 0;
  font-style: italic;
  color: #374151;
  font-size: 1.05rem;
  line-height: 1.8;
  position: relative;
}

.hikaye-govde blockquote::before {
  content: '\201C';
  position: absolute;
  top: -8px;
  left: 12px;
  font-size: 3rem;
  color: var(--birincil, #2e8b57);
  opacity: 0.3;
  font-family: Georgia, serif;
}

.hikaye-govde strong {
  color: var(--birincil-koyu, #1a5e38);
  font-weight: 700;
}

.hikaye-govde em {
  color: #6d28d9;
  font-style: italic;
}

.hikaye-govde mark {
  background: linear-gradient(120deg, #fef3c7 0%, #fde68a 100%);
  padding: 2px 8px;
  border-radius: 4px;
  color: #92400e;
  font-weight: 500;
}

.hd-ana .hikaye-govde {
  max-width: 100%;
  width: 100%;
}

.hikaye-govde .hik-kutu-etiket {
  display: inline-block;
  font-family: var(--font-baslik);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: inherit;
  opacity: 0.85;
}

.hikaye-govde .hik-halk {
  border-left: 4px solid #10b981;
  padding: 18px 22px;
  margin: 1.8em 0;
  background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
  border-radius: 0 14px 14px 0;
  font-style: normal;
  color: #065f46;
  font-size: 1.04rem;
  line-height: 1.85;
  box-shadow: 0 4px 18px rgba(16, 185, 129, 0.08);
}

.hikaye-govde .hik-halk mark {
  background: linear-gradient(120deg, #d1fae5, #a7f3d0);
  color: #047857;
}

.hikaye-govde .hik-kaynak {
  border-left: 4px solid #3b82f6;
  padding: 18px 22px;
  margin: 1.8em 0;
  background: linear-gradient(135deg, #eff6ff, #f0f9ff);
  border-radius: 0 14px 14px 0;
  font-style: normal;
  color: #1e3a8a;
  font-size: 1.02rem;
  line-height: 1.85;
  box-shadow: 0 4px 18px rgba(59, 130, 246, 0.08);
}

.hikaye-govde .hik-kaynak em {
  color: #1d4ed8;
}

.hikaye-govde .hik-uyari-kutu {
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border: 2px solid #fde68a;
  border-radius: 14px;
  padding: 18px 20px;
  margin: 2em 0;
  font-size: 0.95rem;
  line-height: 1.75;
  color: #92400e;
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.1);
}

.hikaye-govde .hik-uyari-kutu p {
  margin: 0;
  text-align: left;
}

.hikaye-govde .hik-uyari-baslik {
  display: block;
  font-family: var(--font-baslik);
  font-size: 0.92rem;
  color: #b45309;
  margin-bottom: 10px;
}

/* ── Hikaye detay: durum uyarı bandı ── */
.hd-durum-uyari {
  padding: 12px 0;
  font-size: 0.88rem;
  line-height: 1.5;
}

.hd-durum-uyari strong { margin-right: 4px; }

.hd-durum-beklemede {
  background: #fef3c7;
  color: #92400e;
  border-bottom: 2px solid #f59e0b;
}

.hd-durum-reddedildi {
  background: #fee2e2;
  color: #991b1b;
  border-bottom: 2px solid #dc2626;
}

/* ── Hikaye detay sayfası ── */
.hd-baslik-bant {
  background: linear-gradient(135deg, var(--hero-bas) 0%, var(--hero-son) 100%);
  color: #fff;
  padding: 40px 0 48px;
  margin-bottom: 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.hd-baslik-bant::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}

.hd-kat {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--birincil-acik);
  margin-bottom: 12px;
}

.hd-ekmek {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 0.78rem;
  margin-bottom: 16px;
  opacity: 0.85;
}

.hd-ekmek a {
  color: rgba(255,255,255,0.9);
  text-decoration: none;
}

.hd-ekmek a:hover { color: #fff; text-decoration: underline; }
.hd-ekmek span { opacity: 0.5; }

.hd-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.8rem, 4.5vw, 2.6rem);
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #fff;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 4px rgba(0,0,0,.15);
}

.hd-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 0;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.88);
}

.hd-meta-ayrac {
  margin: 0 10px;
  opacity: 0.45;
}

.hd-yazar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.hd-yazar strong {
  display: block;
  font-size: 0.9rem;
  color: #fff;
}

.hd-yazar small {
  display: block;
  font-size: 0.75rem;
  opacity: 0.75;
}

.hd-govde {
  padding: 40px 0 80px;
}

.hd-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 40px;
  align-items: start;
  width: 100%;
}

.hd-kenar-bos {
  /* Başlık bandında kenar çubuğu hizası için boş sütun */
}

.hd-ana {
  min-width: 0;
}

.hd-kapak {
  margin: 0 0 36px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,.12);
  position: relative;
}

.hd-kapak img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
  display: block;
  transition: transform .3s ease;
}

.hd-kapak:hover img {
  transform: scale(1.02);
}

.hd-kapak-yer {
  height: 220px;
  border-radius: var(--cerceve-buyuk);
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  margin-bottom: 28px;
  border: 1px solid var(--sinir);
}

/* ── Video thumbnail (tıklanabilir) ── */
.hd-video-thumb {
  position: relative;
  border-radius: var(--cerceve-buyuk);
  overflow: hidden;
  margin-bottom: 28px;
  cursor: pointer;
  box-shadow: var(--golge);
  background: #000;
}

.hd-video-thumb.hd-video-yatay {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.hd-video-thumb.hd-video-dik {
  width: 60%;
  max-width: 360px;
  aspect-ratio: 9 / 16;
  margin-left: auto;
  margin-right: auto;
}

.hd-video-poster {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.hd-video-thumb:hover .hd-video-poster {
  transform: scale(1.03);
  filter: brightness(0.8);
}

.hd-video-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.hd-video-play svg {
  width: 64px; height: 64px;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5));
  opacity: 0.9;
  transition: transform 0.2s ease;
}

.hd-video-thumb:hover .hd-video-play svg {
  transform: scale(1.15);
  opacity: 1;
}

.hd-video-sure {
  position: absolute;
  bottom: 12px; right: 12px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  font-family: var(--font-ui);
  backdrop-filter: blur(4px);
}

/* ── Video Modal ── */
.video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.video-modal.aktif {
  opacity: 1;
  pointer-events: auto;
}

.video-modal-arka {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(8px);
}

.video-modal-icerik {
  position: relative;
  width: 90%;
  max-height: 90vh;
  z-index: 1;
}

.video-modal-icerik.hd-video-yatay {
  max-width: 960px;
}

.video-modal-icerik.hd-video-dik {
  max-width: 400px;
}

.video-modal-cerceve {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0,0,0,0.6);
  background: #000;
}

.video-modal-icerik.hd-video-yatay .video-modal-cerceve {
  aspect-ratio: 16 / 9;
}

.video-modal-icerik.hd-video-dik .video-modal-cerceve {
  aspect-ratio: 9 / 16;
  max-height: 80vh;
}

.video-modal-cerceve iframe {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  border: none;
}

.video-modal-kapat {
  position: absolute;
  top: -40px; right: 0;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 50%;
  width: 36px; height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--gecis);
  z-index: 2;
}

.video-modal-kapat:hover {
  background: rgba(255,255,255,0.3);
  transform: scale(1.1);
}

/* ── Video bekle (isleniyor) ── */
.hd-video-bekle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  border-radius: var(--cerceve-buyuk);
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
  border: 2px dashed var(--sinir-guclu);
  margin-bottom: 28px;
  gap: 12px;
}

.hd-video-bekle-spin {
  width: 40px; height: 40px;
  border: 3px solid var(--sinir);
  border-top-color: var(--birincil);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

.hd-video-bekle p {
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  margin: 0;
}

@media (max-width: 640px) {
  .hd-video-thumb.hd-video-dik { width: 80%; }
  .video-modal-icerik { width: 95%; }
  .video-modal-kapat { top: -36px; }
}

.hd-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 28px 0;
  border-top: 2px solid #e5e7eb;
  border-bottom: 2px solid #e5e7eb;
  margin: 36px 0;
}

.hd-yorumlar {
  margin-top: 12px;
}

.hd-yorum-baslik {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hd-yorum-sayi {
  font-size: 0.85rem;
  font-weight: 600;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  padding: 3px 12px;
  border-radius: 20px;
}

.hd-yorum-form {
  margin-bottom: 28px;
}

.hd-yorum-form textarea {
  width: 100%;
  margin-bottom: 8px;
  resize: vertical;
}

.hd-yorum-uyari {
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  margin: 0 0 12px;
}

.hd-yorum-giris {
  background: var(--parsmen);
  border: 1px solid var(--sinir);
  border-radius: var(--yari-cerceve);
  padding: 16px 18px;
  font-size: 0.9rem;
  margin-bottom: 24px;
}

.hd-yorum-giris a {
  color: var(--birincil);
  font-weight: 600;
}

.hd-yorum-bos {
  color: var(--metin-ikincil);
  font-size: 0.9rem;
  font-style: italic;
}

.hd-yorum-liste {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hd-yorum-item {
  padding: 18px 0;
  border-bottom: 1px solid var(--sinir);
}

.hd-yorum-item:last-child { border-bottom: none; }

.hd-yorum-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.hd-yorum-ust strong {
  display: block;
  font-size: 0.88rem;
}

.hd-yorum-ust time {
  display: block;
  font-size: 0.72rem;
  color: var(--metin-ikincil);
}

.hd-yorum-item p {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--metin);
  margin: 0;
}

/* Kenar çubuğu */
.hd-kenar {
  position: sticky;
  top: 88px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hd-kenar-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve-buyuk);
  padding: 20px;
  box-shadow: var(--golge-kucuk);
}

.hd-kenar-kart h3 {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--metin-ikincil);
  margin: 0 0 14px;
}

.hd-kenar-yazar {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  margin-bottom: 10px;
}

.hd-kenar-yazar strong {
  display: block;
  font-size: 0.95rem;
  color: var(--metin);
}

.hd-kenar-yazar small {
  display: block;
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.hd-kenar-bio {
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  line-height: 1.55;
  margin: 0;
}

.hd-stat-liste {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hd-stat-liste li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--sinir);
  font-size: 0.85rem;
}

.hd-stat-liste li:last-child { border-bottom: none; }

.hd-stat-liste li span { color: var(--metin-ikincil); }
.hd-stat-liste li strong { color: var(--metin); font-weight: 700; }

.hd-kenar-info {
  font-size: 0.9rem;
  margin: 0;
  color: var(--metin);
}

.hd-bilgi-liste {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hd-bilgi-liste li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--sinir);
  font-size: 0.86rem;
}

.hd-bilgi-liste li:last-child {
  border-bottom: none;
}

.hd-bilgi-etiket {
  color: var(--metin-ikincil);
  font-weight: 600;
  flex-shrink: 0;
}

.hd-bilgi-deger {
  color: var(--metin);
  font-weight: 500;
  text-align: right;
}

.hd-bilgi-deger:hover {
  color: var(--birincil);
}

.hd-bilgi-bos {
  color: var(--metin-ikincil);
  font-style: italic;
  font-size: 0.82rem;
  text-align: right;
}

.hd-benzer {
  margin: 48px 0 0;
  padding-top: 32px;
  border-top: 1px solid var(--sinir);
}

.hd-benzer .bolum-baslik {
  margin-bottom: 20px;
}

@media (max-width: 900px) {
  .hd-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .hd-kenar-bos { display: none; }

  .hd-kenar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .hd-kenar > .btn { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .hd-baslik-bant { padding: 20px 0 28px; }
  .hd-baslik { font-size: 1.4rem; }
  .hd-govde { padding: 16px 0 48px; }
  .hd-kenar { grid-template-columns: 1fr; }
  .hd-meta-ayrac { margin: 0 6px; }
  .hd-meta { font-size: .78rem; }
  .hd-eylem .btn { flex: 1; justify-content: center; }

  .konteyner.hd-govde {
    padding-left: 22px;
    padding-right: 22px;
  }
  .hikaye-govde {
    padding-right: 4px;
  }
  .hikaye-govde {
    font-size: .95rem;
    line-height: 1.75;
    max-width: 100%;
  }
  .hikaye-govde p {
    text-align: left;
    hyphens: none;
    margin-bottom: 1.1em;
  }
  .hikaye-govde p:first-of-type::first-letter {
    font-size: 2.4em;
    margin-right: 5px;
    margin-top: 3px;
  }
  .hikaye-govde h2,
  .hikaye-govde h3 {
    font-size: 1.05rem;
    margin: 1.5em 0 0.6em;
  }
  .hikaye-govde blockquote {
    padding: 12px 16px;
    margin: 1.2em 0;
    font-size: .95rem;
  }
  .hikaye-govde blockquote::before {
    font-size: 2rem;
    top: -4px;
    left: 8px;
  }
  .hd-kapak img {
    max-height: 280px;
  }
  .sorumluluk {
    font-size: .8rem;
    padding: 10px 12px;
  }
}

/* ============================================================
   ADMIN PANEL STİLLERİ
   ============================================================ */
.admin-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.admin-tablo th {
  text-align: left;
  padding: 11px 14px;
  background: var(--arkaplan-nav);
  color: rgba(255,255,255,0.85);
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.admin-tablo th:first-child { border-radius: 10px 0 0 10px; }
.admin-tablo th:last-child  { border-radius: 0 10px 10px 0; }

.admin-tablo td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--sinir);
  vertical-align: middle;
}

.admin-tablo tr:hover td { background: var(--birincil-soluk); }

/* ============================================================
   MESAJLAŞMA
   ============================================================ */
.mesaj-balonu {
  max-width: 68%;
  padding: 10px 15px;
  border-radius: 16px;
  font-size: 0.9rem;
  line-height: 1.55;
  box-shadow: var(--golge-kucuk);
}

.mesaj-balonu.gelen {
  background: var(--beyaz);
  border-radius: 4px 16px 16px 16px;
  color: var(--metin);
}

.mesaj-balonu.giden {
  background: var(--birincil);
  color: #fff;
  border-radius: 16px 16px 4px 16px;
}

/* ============================================================
   DÜKKAN ÜRÜNLERİ
   ============================================================ */
.urun-kart {
  background: var(--beyaz);
  border-radius: var(--cerceve);
  overflow: hidden;
  border: 1px solid var(--sinir);
  transition: var(--gecis);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

.urun-kart:hover {
  transform: translateY(-4px);
  box-shadow: var(--golge-hover);
  border-color: var(--birincil-acik);
  color: inherit;
}

.urun-kart-gorsel {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.urun-kart-placeholder {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
}

.urun-kart-icerik { padding: 14px 16px; flex: 1; display: flex; flex-direction: column; }

.urun-kart-baslik {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

.urun-kart-fiyat {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--birincil);
  margin-top: auto;
  padding-top: 8px;
}

/* ============================================================
   ANA SAYFA — HERO
   ============================================================ */
.hero-bolum {
  background: linear-gradient(160deg, var(--hero-bas) 0%, var(--hero-son) 70%, var(--birincil-koyu) 100%);
  padding: 40px 0 48px;
  position: relative;
  overflow: hidden;
}

.hero-desen {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,0.04) 0%, transparent 40%),
    radial-gradient(circle at 15% 80%, rgba(255,255,255,0.02) 0%, transparent 50%);
}

.hero-ic {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}

@media (min-width: 800px) {
  .hero-ic { grid-template-columns: 1.2fr 0.8fr; gap: 48px; }
  .hero-bolum { padding: 48px 0 56px; }
}

.hero-sol { text-align: center; }
@media (min-width: 800px) { .hero-sol { text-align: left; } }

.hero-etiket {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,0.07);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 5px 16px; border-radius: 30px;
  font-size: 0.68rem; font-weight: 700;
  color: var(--birincil-acik);
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.hero-etiket-nok {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--birincil-acik);
  animation: nabiz 2s ease infinite;
}

@keyframes nabiz {
  0%,100% { opacity: 1; transform: scale(1); }
  50%     { opacity: 0.3; transform: scale(1.6); }
}

.hero-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.8rem, 4.5vw, 2.6rem);
  font-weight: 800; color: #fff;
  line-height: 1.15; margin-bottom: 14px;
  letter-spacing: -0.5px;
}

.hero-vurgu {
  background: linear-gradient(135deg, var(--birincil-acik), var(--aksan));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-aciklama {
  color: rgba(255,255,255,0.5);
  font-size: clamp(0.88rem, 1.8vw, 1rem);
  line-height: 1.7; margin-bottom: 24px;
  max-width: 440px;
}

@media (max-width: 799px) {
  .hero-aciklama { margin-left: auto; margin-right: auto; }
}

.hero-arama {
  display: flex; gap: 6px;
  max-width: 420px; margin-bottom: 20px;
}

@media (max-width: 799px) {
  .hero-arama { margin-left: auto; margin-right: auto; }
}

.hero-arama input {
  flex: 1; padding: 12px 18px;
  border-radius: 12px;
  border: 2px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: #fff; font-size: 0.9rem;
  font-family: var(--font-ui);
  min-height: 46px;
}

.hero-arama input::placeholder { color: rgba(255,255,255,0.35); }
.hero-arama input:focus {
  outline: none;
  border-color: var(--birincil-acik);
  background: rgba(255,255,255,0.1);
}

.hero-arama button {
  width: 46px; min-width: 46px; height: 46px;
  background: var(--birincil); color: #fff;
  border: none; border-radius: 12px;
  font-size: 1rem; cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.hero-arama button:hover {
  background: var(--birincil-koyu);
  transform: translateY(-1px);
}

.hero-btn-grup {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 11px 22px 11px 13px;
  border-radius: 14px;
  font-weight: 650;
  font-size: 0.94rem;
  letter-spacing: 0.01em;
  line-height: 1.2;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
  min-height: 52px;
  text-decoration: none;
  border: 1.5px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.hero-btn-ikon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  flex-shrink: 0;
}

.hero-btn-ikon svg {
  width: 19px;
  height: 19px;
  display: block;
}

.hero-btn-birincil {
  background: linear-gradient(145deg, var(--birincil) 0%, var(--birincil-koyu) 100%);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.hero-btn-birincil .hero-btn-ikon {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.hero-btn-birincil:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.hero-btn-cam {
  background: rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.hero-btn-cam .hero-btn-ikon {
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-btn-cam:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.42);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
}

.hero-btn-altin {
  background: linear-gradient(145deg, #e8a843 0%, #c9913a 100%);
  color: #fff;
  box-shadow: 0 4px 18px rgba(201, 145, 58, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.hero-btn-altin .hero-btn-ikon {
  background: rgba(255, 255, 255, 0.22);
}

.hero-btn-altin:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(201, 145, 58, 0.45);
}

@media (max-width: 799px) {
  .hero-btn-grup { justify-content: center; }
  .hero-btn {
    padding: 10px 18px 10px 12px;
    min-height: 48px;
    font-size: 0.88rem;
  }
  .hero-btn-ikon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }
  .hero-btn-ikon svg {
    width: 17px;
    height: 17px;
  }
}

/* Sağ: İstatistik kartları */
.hero-istat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.hero-istat {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 18px 16px;
  text-align: center;
  transition: 0.25s;
}

.hero-istat:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.hero-istat-ikon { font-size: 1.4rem; display: block; margin-bottom: 6px; }

.hero-istat-sayi {
  font-family: var(--font-baslik);
  font-size: 1.8rem; font-weight: 800;
  color: #fff; line-height: 1.1;
}

.hero-istat-yazi {
  font-size: 0.7rem; font-weight: 500;
  color: rgba(255,255,255,0.45); margin-top: 3px;
}

.hero-dalga {
  position: absolute; bottom: -2px; left: 0; right: 0;
  line-height: 0;
}

.hero-dalga svg { width: 100%; height: 40px; }


/* Hero — Başlık parlak animasyonu */
.hero-parlak {
  position: relative;
  background: linear-gradient(
    90deg,
    var(--birincil-acik) 0%,
    var(--aksan) 25%,
    #fff 50%,
    var(--aksan) 75%,
    var(--birincil-acik) 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: parlakKayma 4s ease-in-out infinite;
}

@keyframes parlakKayma {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}


/* Hero — İstatistik kartları (yaratıcı) */
.hero-istat {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 20px 16px;
  text-align: center;
  transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  border: 1px solid rgba(255,255,255,0.08);
}

.hero-istat-yesil   { background: linear-gradient(135deg, rgba(34,197,94,0.12), rgba(16,185,129,0.06)); }
.hero-istat-mavi    { background: linear-gradient(135deg, rgba(59,130,246,0.12), rgba(99,102,241,0.06)); }
.hero-istat-kirmizi { background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(249,115,22,0.06)); }
.hero-istat-mor     { background: linear-gradient(135deg, rgba(168,85,247,0.12), rgba(139,92,246,0.06)); }

.hero-istat:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 32px rgba(0,0,0,0.2);
  border-color: rgba(255,255,255,0.15);
}

.hero-istat-deko {
  position: absolute;
  top: -4px; right: -4px;
  font-size: 3.2rem;
  opacity: 0.35;
  transform: rotate(15deg);
  transition: 0.4s;
  pointer-events: none;
  filter: saturate(1.4);
}

.hero-istat:hover .hero-istat-deko {
  opacity: 0.55;
  transform: rotate(-8deg) scale(1.25);
  filter: saturate(1.8);
}

.hero-istat-ic { position: relative; z-index: 1; }

.hero-istat-emoji {
  font-size: 2rem;
  margin-bottom: 8px;
  display: block;
  position: relative; z-index: 1;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
  transition: 0.3s;
}

.hero-istat:hover .hero-istat-emoji {
  transform: scale(1.15) rotate(-5deg);
}

.hero-istat-sayi {
  font-family: var(--font-baslik);
  font-size: 2rem; font-weight: 800;
  color: #fff; line-height: 1.1;
  position: relative; z-index: 1;
}

.hero-istat-yazi {
  font-size: 0.7rem; font-weight: 600;
  color: rgba(255,255,255,0.5); margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative; z-index: 1;
}

.hero-istat-ikon-kap {
  width: 52px; height: 52px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 10px;
  transition: 0.25s;
}

.hero-istat:hover .hero-istat-ikon-kap {
  transform: scale(1.1) rotate(-4deg);
}


/* Hero — Hareketli arka plan ikonları */
.hero-canli-arkaplan {
  position: absolute; inset: 0;
  pointer-events: none; overflow: hidden;
  z-index: 0;
}

.hero-ikon {
  position: absolute;
  font-size: 1.4rem;
  opacity: 0;
  animation: heroCan linear infinite;
  filter: blur(0.5px);
}

.h-i1  { left:5%;   animation-duration:18s; animation-delay:0s;   font-size:1.6rem; }
.h-i2  { left:15%;  animation-duration:22s; animation-delay:2s;   font-size:1.2rem; }
.h-i3  { left:25%;  animation-duration:16s; animation-delay:4s;   font-size:1.8rem; }
.h-i4  { left:35%;  animation-duration:20s; animation-delay:1s;   font-size:1.3rem; }
.h-i5  { left:45%;  animation-duration:24s; animation-delay:6s;   font-size:1.1rem; }
.h-i6  { left:55%;  animation-duration:19s; animation-delay:3s;   font-size:1.5rem; }
.h-i7  { left:65%;  animation-duration:21s; animation-delay:5s;   font-size:1.2rem; }
.h-i8  { left:75%;  animation-duration:17s; animation-delay:7s;   font-size:1.7rem; }
.h-i9  { left:82%;  animation-duration:23s; animation-delay:2.5s; font-size:1.0rem; }
.h-i10 { left:90%;  animation-duration:15s; animation-delay:8s;   font-size:1.4rem; }
.h-i11 { left:10%;  animation-duration:26s; animation-delay:10s;  font-size:1.3rem; }
.h-i12 { left:60%;  animation-duration:28s; animation-delay:12s;  font-size:1.6rem; }

@keyframes heroCan {
  0%   { bottom: -40px; opacity: 0; transform: translateX(0) rotate(0deg); }
  8%   { opacity: 0.12; }
  50%  { opacity: 0.08; transform: translateX(30px) rotate(180deg); }
  92%  { opacity: 0.12; }
  100% { bottom: calc(100% + 40px); opacity: 0; transform: translateX(-20px) rotate(360deg); }
}

/* Hero istatistik ikon kapsayıcı */
.hero-istat-ikon-kap {
  width: 52px; height: 52px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 10px;
  transition: 0.25s;
}

.hero-istat:hover .hero-istat-ikon-kap {
  transform: scale(1.1) rotate(-4deg);
}


/* ============================================================
   ANA SAYFA — KAYAN HİKAYE CAROUSEL
   ============================================================ */
.hikaye-carousel-kapsam {
  position: relative;
  overflow: hidden;
}

.hikaye-carousel {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 6px 2px 14px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hikaye-carousel::-webkit-scrollbar { display: none; }

.hikaye-carousel-item {
  min-width: 300px;
  max-width: 300px;
  flex-shrink: 0;
}

@media (min-width: 640px) {
  .hikaye-carousel-item { min-width: 320px; max-width: 320px; }
}

.hikaye-carousel-item .hikaye-kart {
  height: 100%;
}


/* ============================================================
   ANA SAYFA — KATEGORİLER (Slider + Oklar)
   ============================================================ */
.kat-bolum {
  padding: 28px 0 16px;
  background: var(--krem);
}

.kat-ust {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.kat-baslik {
  font-family: var(--font-baslik);
  font-size: 1.15rem; font-weight: 700;
  color: var(--metin);
}

.kat-oklar { display: flex; gap: 6px; }

.kat-ok {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 2px solid var(--sinir-guclu);
  background: var(--beyaz);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  color: var(--metin);
  transition: 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.kat-ok:hover {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.kat-slider-kapsam {
  position: relative;
  overflow: hidden;
}

.kat-slider {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 4px 2px 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.kat-slider::-webkit-scrollbar { display: none; }

.kat-solma-sol,
.kat-solma-sag {
  position: absolute; top: 0; bottom: 0; width: 32px;
  pointer-events: none; z-index: 2;
}

.kat-solma-sol {
  left: 0;
  background: linear-gradient(90deg, var(--krem), transparent);
}

.kat-solma-sag {
  right: 0;
  background: linear-gradient(-90deg, var(--krem), transparent);
}

.kat-item {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 8px;
  min-width: 110px; width: 110px;
  padding: 16px 10px 14px;
  background: var(--beyaz);
  border: 2px solid var(--sinir);
  border-radius: 16px;
  text-decoration: none;
  color: var(--metin);
  transition: all 0.22s cubic-bezier(0.4,0,0.2,1);
  text-align: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.kat-item::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 3px; background: var(--birincil);
  transform: scaleX(0);
  transition: transform 0.22s;
}

.kat-item:hover {
  border-color: var(--birincil);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  color: var(--birincil-koyu);
}

.kat-item:hover::after { transform: scaleX(1); }

.kat-item-ikon {
  font-size: 2rem; line-height: 1;
  transition: 0.22s;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.08));
}

.kat-item:hover .kat-item-ikon {
  transform: scale(1.18) rotate(-4deg);
}

.kat-item-ad {
  font-size: 0.7rem; font-weight: 700;
  line-height: 1.25;
}


/* ============================================================
   ANA SAYFA — HARİTA BÖLÜMÜ
   ============================================================ */
.harita-bolum { padding: 48px 0; background: var(--parsmen); }

.bolum-header { margin-bottom: 24px; }

.bolum-etiket {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 14px; border-radius: 20px;
  font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.6px; text-transform: uppercase;
  margin-bottom: 10px;
}

.bolum-etiket-birincil {
  background: var(--birincil-soluk); color: var(--birincil-koyu);
}

.bolum-etiket-altin {
  background: #fef3c7; color: #92400e;
}

.bolum-baslik-buyuk {
  font-family: var(--font-baslik);
  font-size: clamp(1.4rem, 3.5vw, 1.9rem);
  font-weight: 700; margin-bottom: 6px;
}

.bolum-aciklama {
  color: var(--metin-ikincil); font-size: 0.88rem;
  max-width: 500px; margin: 0 auto;
}

.harita-kapsam {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.12);
  border: 2px solid rgba(0,0,0,0.06);
  position: relative;
  background: #1a1a2e;
}

.harita-katman-panel {
  position: absolute; top: 10px; right: 10px; z-index: 450;
  background: var(--beyaz);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  padding: 4px;
  display: flex; flex-direction: column; gap: 3px;
}

.harita-katman-btn {
  width: 34px; height: 34px;
  border: 2px solid transparent; border-radius: 8px;
  font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; background: transparent; transition: 0.2s;
}

.harita-katman-btn:hover { background: var(--birincil-soluk); }

.harita-katman-btn.aktif {
  background: var(--birincil-soluk); border-color: var(--birincil);
}

.harita-sayac {
  position: absolute; top: 10px; left: 10px; z-index: 450;
  background: var(--beyaz);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  padding: 7px 12px;
  display: flex; align-items: center; gap: 7px;
  font-size: 0.75rem; font-weight: 600;
}

.harita-sayac-nok {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--birincil);
  box-shadow: 0 0 0 3px var(--birincil-soluk);
}

.harita-tam-btn {
  position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%);
  background: var(--birincil); color: #fff; z-index: 450;
  padding: 10px 24px; border-radius: 12px;
  font-size: 0.85rem; font-weight: 700;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  text-decoration: none;
  display: flex; align-items: center; gap: 6px;
  transition: 0.2s; white-space: nowrap;
}

.harita-tam-btn:hover {
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.3);
  color: #fff;
}

/* Ana sayfa heatmap önizleme */
.harita-onizleme { cursor: pointer; min-height: 380px; }
.ana-harita-heat { height: 380px; width: 100%; background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%); }
.harita-yukleniyor {
  position: absolute; inset: 0; z-index: 440;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.85rem; font-weight: 600; color: var(--metin-ikincil);
  background: linear-gradient(135deg, rgba(236,253,245,0.95), rgba(209,250,229,0.9));
  pointer-events: none;
}
.harita-tiklama-katman {
  position: absolute; inset: 0; z-index: 460;
  display: flex; align-items: flex-end; justify-content: center;
  padding-bottom: 20px; text-decoration: none;
  background: linear-gradient(to top, rgba(4,120,87,0.35) 0%, transparent 55%);
  transition: background 0.25s;
}
.harita-tiklama-katman:hover {
  background: linear-gradient(to top, rgba(4,120,87,0.5) 0%, transparent 60%);
}
.harita-tiklama-ic {
  background: var(--birincil); color: #fff;
  padding: 12px 28px; border-radius: 14px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.28);
  text-align: center; transition: transform 0.2s, box-shadow 0.2s;
}
.harita-tiklama-katman:hover .harita-tiklama-ic {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}
.harita-tiklama-ic strong { display: block; font-size: 0.95rem; margin-bottom: 2px; }
.harita-tiklama-ic small { display: block; font-size: 0.72rem; opacity: 0.9; font-weight: 500; }
@media (max-width: 600px) {
  .harita-onizleme, .ana-harita-heat { min-height: 300px; height: 300px; }
}

/* ============================================================
   HARİTA TAM SAYFA (/harita/)
   ============================================================ */
body.hrf-tam { padding-bottom: 0; }
body.hrf-tam main { padding-bottom: 0; }

.hrf-sayfa {
  padding: 16px 20px 4px;
  background: var(--krem);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

/* Ana harita kartı */
.hrf-kart {
  height: 62vh;
  min-height: 420px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.06);
}

.hrf-harita-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.hrf-harita {
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Sol üst etiket */
.hrf-etiket {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(255,255,255,0.93);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.5);
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  font-size: 0.82rem;
}

.hrf-etiket strong {
  font-family: var(--font-baslik);
  font-weight: 700;
  color: var(--metin);
}

.hrf-etiket span {
  font-size: 0.7rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  padding: 2px 8px;
  border-radius: 8px;
  margin-left: 2px;
}

/* Sağ üst kontroller */
.hrf-kontroller {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

.hrf-select {
  padding: 7px 12px;
  border: 1.5px solid rgba(0,0,0,0.1);
  border-radius: 10px;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  background: rgba(255,255,255,0.93);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--metin);
  cursor: pointer;
  transition: border-color 0.15s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  max-width: 160px;
}

.hrf-select:focus {
  outline: none;
  border-color: var(--birincil);
}

.hrf-katman-bar {
  display: flex;
  gap: 1px;
  background: rgba(255,255,255,0.93);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 10px;
  padding: 3px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.06);
}

.hrf-katman-btn {
  width: 30px; height: 30px;
  border: 2px solid transparent;
  border-radius: 8px;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: 0.15s;
}

.hrf-katman-btn:hover { background: rgba(0,0,0,0.04); }

.hrf-katman-btn.aktif {
  background: var(--beyaz);
  border-color: var(--birincil);
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.hrf-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 14px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  font-family: var(--font-ui);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--gecis);
  white-space: nowrap;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.hrf-btn-ana {
  background: var(--birincil);
  color: #fff;
}

.hrf-btn-ana:hover {
  background: var(--birincil-koyu);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}

.hrf-btn-ghost {
  background: rgba(255,255,255,0.93);
  backdrop-filter: blur(14px);
  color: var(--birincil-koyu);
  border: 1px solid rgba(0,0,0,0.08);
}

.hrf-btn-ghost:hover { background: var(--birincil-soluk); }

.hrf-btn-iptal {
  background: #fee2e2;
  color: #991b1b;
}

/* ---- Kategori filtre alanı (harita altında) ---- */
.hrf-kat-alan {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 12px 4px 4px;
}

.hrf-kat-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1.5px solid var(--sinir);
  background: var(--beyaz);
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.hrf-kat-nokta {
  width: 8px; height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.hrf-kat-sayi {
  font-size: 0.65rem;
  font-weight: 700;
  background: var(--parsmen);
  color: var(--metin-ikincil);
  padding: 1px 6px;
  border-radius: 6px;
  margin-left: 2px;
}

.hrf-kat-chip:hover {
  border-color: var(--kat-renk, var(--birincil));
  color: var(--metin);
  background: var(--birincil-soluk);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.07);
}

.hrf-kat-chip.aktif {
  background: var(--kat-renk, var(--birincil));
  color: #fff;
  border-color: var(--kat-renk, var(--birincil));
  box-shadow: 0 2px 10px color-mix(in srgb, var(--kat-renk, var(--birincil)) 30%, transparent);
}

.hrf-kat-chip.aktif .hrf-kat-nokta {
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.3);
}

.hrf-kat-chip.aktif .hrf-kat-sayi {
  background: rgba(255,255,255,0.25);
  color: #fff;
}

/* ---- İpucu bandı ---- */
.hrf-ipucu {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 500;
  padding: 10px 22px;
  background: var(--birincil);
  color: #fff;
  border-radius: 24px;
  font-size: 0.8rem;
  font-weight: 600;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  animation: hrfPulse 2s ease-in-out infinite;
  white-space: nowrap;
}

@keyframes hrfPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}

/* ---- Pin ikonları ---- */
.hrf-pin { background: none !important; border: none !important; }

.hrf-pin-ic {
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  transition: transform 0.15s;
}

.hrf-pin-ic span { line-height: 1; }

.leaflet-marker-icon:hover .hrf-pin-ic {
  transform: scale(1.15);
}

.hrf-pin-secili {
  width: 36px; height: 36px;
  animation: hrfPinBounce 0.6s ease;
}

@keyframes hrfPinBounce {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

/* ---- Popup ---- */
.hrf-leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 14px;
  padding: 0;
  box-shadow: 0 8px 28px rgba(0,0,0,0.15);
  border: 1px solid var(--sinir);
}

.hrf-leaflet-popup .leaflet-popup-content {
  margin: 0;
  min-width: 220px;
}

.hrf-leaflet-popup .leaflet-popup-tip {
  box-shadow: none;
}

.hrf-popup {
  padding: 14px 16px;
  font-family: var(--font-ui);
}

.hrf-popup-baslik {
  font-family: var(--font-baslik);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--metin);
  margin-bottom: 4px;
  line-height: 1.3;
}

.hrf-popup-kat {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--birincil-koyu);
  background: var(--birincil-soluk);
  padding: 2px 8px;
  border-radius: 6px;
  margin-bottom: 6px;
}

.hrf-popup-konum {
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  margin-bottom: 6px;
}

.hrf-popup-aciklama {
  font-size: 0.8rem;
  color: var(--metin);
  line-height: 1.5;
  margin: 0 0 10px;
}

.hrf-popup-btns {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.hrf-popup-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  text-decoration: none;
  background: var(--parsmen);
  color: var(--metin);
  border: 1px solid var(--sinir);
  transition: var(--gecis);
}

.hrf-popup-btn:hover { background: var(--sinir); color: var(--metin); }

.hrf-popup-btn-ana,
.leaflet-popup-content .hrf-popup-btn-ana,
.hrf-popup .hrf-popup-btn-ana {
  background: var(--birincil) !important;
  color: #fff !important;
  border-color: var(--birincil) !important;
}

.hrf-popup-btn-ana:hover,
.leaflet-popup-content .hrf-popup-btn-ana:hover,
.hrf-popup .hrf-popup-btn-ana:hover {
  background: var(--birincil-koyu) !important;
  color: #fff !important;
}

/* ---- Modal ---- */
.hrf-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.hrf-modal-arka {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
}

.hrf-modal-kutu {
  position: relative;
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  padding: 28px;
  max-width: 480px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  box-shadow: var(--golge-buyuk);
  border: 1px solid var(--sinir);
}

.hrf-modal-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.hrf-modal-baslik h2 {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  margin: 0;
}

.hrf-modal-kapat {
  width: 36px; height: 36px;
  border-radius: 10px;
  border: none;
  background: var(--birincil-soluk);
  color: var(--metin);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--gecis);
}

.hrf-modal-kapat:hover { background: var(--sinir); }

.hrf-modal-alt {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

/* ============================================================
   HARİTA ALTI ŞİFALI YERLER LİSTESİ (kart grid)
   ============================================================ */
.hrf-liste-bolum {
  background: var(--krem);
  padding: 12px 20px 60px;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.hrf-liste-ust {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-top: 12px;
  border-top: 1px solid var(--sinir);
}

.hrf-liste-baslik {
  font-family: var(--font-baslik);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--metin);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hrf-liste-alt {
  margin: 5px 0 0;
  font-size: 0.85rem;
  color: var(--metin-ikincil);
}

.hrf-liste-arac {
  display: flex;
  gap: 8px;
  align-items: center;
}

.hrf-arama-kutu {
  position: relative;
  display: flex;
  align-items: center;
}

.hrf-arama-kutu svg {
  position: absolute;
  left: 12px;
  width: 16px; height: 16px;
  color: var(--metin-ikincil);
  pointer-events: none;
}

.hrf-arama-girdi {
  padding: 9px 14px 9px 36px;
  border: 1.5px solid var(--sinir);
  border-radius: 12px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  background: var(--beyaz);
  color: var(--metin);
  width: 220px;
  max-width: 100%;
  transition: border-color .15s, box-shadow .15s;
}

.hrf-arama-girdi:focus {
  outline: none;
  border-color: var(--birincil);
  box-shadow: 0 0 0 3px var(--birincil-soluk);
}

.hrf-sirala {
  padding: 9px 12px;
  border: 1.5px solid var(--sinir);
  border-radius: 12px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  background: var(--beyaz);
  color: var(--metin);
  cursor: pointer;
}

.hrf-sirala:focus { outline: none; border-color: var(--birincil); }

.hrf-kart-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 16px;
}

.hrf-yer-kart {
  position: relative;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 16px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.hrf-yer-kart::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px; height: 100%;
  background: var(--kr, var(--birincil));
}

.hrf-yer-kart:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.10);
  border-color: var(--kr, var(--birincil));
}

.hrf-yk-ust {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.hrf-yk-ikon {
  flex-shrink: 0;
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  background: color-mix(in srgb, var(--kr, var(--birincil)) 14%, #fff);
  border: 1px solid color-mix(in srgb, var(--kr, var(--birincil)) 30%, transparent);
}

.hrf-yk-bilgi { min-width: 0; flex: 1; }

.hrf-yk-ad {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0 0 6px;
  line-height: 1.3;
}

.hrf-yk-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.hrf-yk-kat {
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: var(--kr, var(--birincil));
  background: color-mix(in srgb, var(--kr, var(--birincil)) 12%, #fff);
  padding: 2px 8px;
  border-radius: 6px;
}

.hrf-yk-il {
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  font-weight: 600;
}

.hrf-yk-aciklama {
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--metin-ikincil);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hrf-yk-alt {
  display: flex;
  gap: 6px;
  margin-top: auto;
  flex-wrap: wrap;
}

.hrf-yk-btn {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 8px;
  border-radius: 9px;
  font-size: 0.72rem;
  font-weight: 600;
  font-family: var(--font-ui);
  border: 1.5px solid var(--sinir);
  background: var(--beyaz);
  color: var(--metin);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: all .15s;
}

.hrf-yk-btn:hover { background: var(--parsmen); border-color: var(--birincil-acik); color: var(--metin); }

.hrf-yk-btn.ana {
  background: var(--birincil);
  color: #fff;
  border-color: var(--birincil);
}

.hrf-yk-btn.ana:hover { background: var(--birincil-koyu); color: #fff; }

.hrf-liste-bos {
  text-align: center;
  padding: 56px 20px;
  color: var(--metin-ikincil);
  font-size: 0.9rem;
}

.hrf-daha-sar {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.hrf-daha-btn {
  padding: 11px 30px;
  border-radius: 12px;
  border: 1.5px solid var(--birincil);
  background: var(--beyaz);
  color: var(--birincil-koyu);
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all .15s;
}

.hrf-daha-btn:hover {
  background: var(--birincil);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px var(--birincil-soluk);
}

/* ---- MOBİL ---- */
@media (max-width: 767px) {
  .hrf-sayfa {
    padding: 8px 8px 4px;
  }

  .hrf-kart {
    height: 56vh;
    min-height: 340px;
  }

  .hrf-kart {
    border-radius: 16px;
  }

  .hrf-etiket {
    top: 8px; left: 8px;
    padding: 6px 10px;
    font-size: 0.75rem;
    border-radius: 10px;
    gap: 4px;
  }

  .hrf-etiket span { font-size: 0.62rem; padding: 1px 5px; }

  .hrf-kontroller {
    top: 8px; right: 8px;
    gap: 4px;
  }

  .hrf-select {
    padding: 5px 8px;
    font-size: 0.7rem;
    max-width: 110px;
    border-radius: 8px;
  }

  .hrf-katman-bar {
    padding: 2px;
    border-radius: 8px;
  }

  .hrf-katman-btn {
    width: 26px; height: 26px;
    font-size: 0.7rem;
    border-radius: 6px;
  }

  .hrf-btn {
    padding: 5px 8px;
    font-size: 0.7rem;
    border-radius: 8px;
  }

  .hrf-btn-yazi { display: none; }

  .hrf-kat-alan {
    padding: 8px 2px 2px;
    gap: 5px;
  }

  .hrf-kat-chip {
    padding: 5px 10px;
    font-size: 0.68rem;
    border-radius: 8px;
    gap: 4px;
  }

  .hrf-kat-nokta { width: 6px; height: 6px; }
  .hrf-kat-sayi { font-size: 0.58rem; padding: 1px 4px; }

  .hrf-ipucu {
    bottom: 12px;
    font-size: 0.7rem;
    padding: 8px 14px;
  }

  .hrf-modal-kutu {
    padding: 20px;
    max-height: 90vh;
    border-radius: 16px;
  }

  .hrf-liste-bolum { padding: 10px 12px 44px; }
  .hrf-liste-baslik { font-size: 1.2rem; }
  .hrf-liste-ust { gap: 12px; margin-bottom: 16px; }
  .hrf-liste-arac { flex: 1; min-width: 100%; }
  .hrf-arama-kutu { flex: 1; }
  .hrf-arama-girdi { width: 100%; }
  .hrf-kart-grid { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 400px) {
  .hrf-etiket { display: none; }

  .hrf-kontroller { left: 8px; }
  .hrf-select { flex: 1; max-width: none; }
}


/* ============================================================
   ANA SAYFA — BÖLÜM STİLLERİ
   ============================================================ */
.bolum-beyaz { padding: 52px 0; background: var(--beyaz); }
.bolum-krem  { padding: 52px 0; background: var(--krem);  }


/* ============================================================
   ANA SAYFA — CTA
   ============================================================ */
.cta-bolum {
  background: linear-gradient(160deg, var(--hero-bas), var(--hero-son));
  padding: 72px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.cta-desen {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03), transparent 60%);
}

.cta-ic {
  max-width: 520px;
  position: relative; z-index: 1;
}

.cta-ikon-kap {
  width: 64px; height: 64px;
  background: rgba(255,255,255,0.07);
  border-radius: 18px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem;
  margin: 0 auto 18px;
  border: 1px solid rgba(255,255,255,0.08);
}

.cta-baslik {
  font-family: var(--font-baslik);
  color: #fff; font-size: clamp(1.4rem,3vw,2rem);
  margin-bottom: 10px; font-weight: 700;
}

.cta-aciklama {
  color: rgba(255,255,255,0.45);
  margin-bottom: 28px;
  line-height: 1.7; font-size: 0.92rem;
}


/* ============================================================
   HİKAYELER LİSTE SAYFASI (v4)
   ============================================================ */

/* ── Header: başlık + arama ── */
.hl-header {
  background: linear-gradient(135deg, var(--hero-bas), var(--hero-son));
  padding: 28px 0 28px;
}

.hl-header-ic {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.hl-header-sol { flex: 1; min-width: 0; }

.hl-h1 {
  font-family: var(--font-baslik);
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 700;
  color: #fff;
  margin: 6px 0 4px;
}

.hl-alt {
  color: rgba(255,255,255,0.55);
  font-size: 0.88rem;
}

.hl-alt strong { color: var(--birincil-acik); }
.hl-alt em { font-style: normal; color: rgba(255,255,255,0.85); }

/* Arama formu — header içi, arama + şehir + buton */
.hl-arama-form {
  display: flex;
  gap: 0;
  max-width: 720px;
}

.hl-arama-wrap {
  flex: 1;
  position: relative;
  min-width: 0;
}

.hl-arama-ikon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.45);
  pointer-events: none;
}

.hl-arama-input {
  width: 100%;
  padding: 12px 16px 12px 46px;
  border: 2px solid rgba(255,255,255,0.18);
  border-right: none;
  border-radius: 12px 0 0 12px;
  font-size: 0.92rem;
  font-family: var(--font-ui);
  background: rgba(255,255,255,0.1);
  color: #fff;
  backdrop-filter: blur(6px);
  transition: var(--gecis);
  min-height: 48px;
}

.hl-arama-input::placeholder { color: rgba(255,255,255,0.45); }

.hl-arama-input:focus {
  outline: none;
  border-color: var(--birincil-acik);
  background: rgba(255,255,255,0.16);
}

.hl-il-select {
  padding: 0 32px 0 12px;
  border: 2px solid rgba(255,255,255,0.18);
  border-left: 1px solid rgba(255,255,255,0.12);
  border-right: none;
  border-radius: 0;
  font-size: 0.84rem;
  font-family: var(--font-ui);
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,0.08);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.5)' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  min-width: 140px;
  white-space: nowrap;
  min-height: 48px;
}

.hl-il-select option { color: var(--metin); background: var(--beyaz); }

.hl-il-select:focus { outline: none; border-color: var(--birincil-acik); }

.hl-arama-btn {
  padding: 0 24px;
  border: none;
  border-radius: 0 12px 12px 0;
  background: var(--birincil);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: var(--gecis);
  white-space: nowrap;
  min-height: 48px;
}

.hl-arama-btn:hover { background: var(--birincil-koyu); }

/* ── Kategori bar — tüm kategoriler görünür ── */
.hl-kat-bar {
  background: linear-gradient(135deg, #f8fffe 0%, #f0f7f4 100%);
  border-bottom: 1px solid var(--sinir);
  padding: 24px 0 20px;
}

.hl-kat-baslik-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.hl-kat-baslik {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0;
}

.hl-kat-tumunu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 999px;
  background: var(--krem);
  border: 1.5px solid var(--sinir-guclu);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  transition: all 0.2s;
}
.hl-kat-tumunu:hover { border-color: var(--birincil); color: var(--birincil-koyu); }
.hl-kat-tumunu.aktif { background: var(--birincil); border-color: var(--birincil); color: #fff; }
.hl-kat-tumunu strong { font-weight: 800; }

/* Accordion */
.hl-kat-accordion {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}

.hl-kat-grup {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.25s, box-shadow 0.25s, opacity 0.3s, transform 0.25s;
}
.hl-kat-grup:hover { border-color: var(--birincil-acik); box-shadow: 0 2px 12px rgba(34,139,34,0.06); }
.hl-kat-grup.acik { border-color: var(--birincil); box-shadow: 0 4px 20px rgba(34,139,34,0.15); transform: scale(1.01); z-index: 2; position: relative; }

/* Bir grup açıkken diğerleri soluk görünür */
.hl-kat-accordion.has-active .hl-kat-grup:not(.acik) {
  opacity: 0.5;
  transform: scale(0.98);
}
.hl-kat-accordion.has-active .hl-kat-grup:not(.acik):hover {
  opacity: 0.8;
  transform: scale(1);
}

.hl-kat-ana {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
}

.hl-kat-ana-link {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--metin);
  transition: background 0.15s;
  border-radius: 13px;
}
.hl-kat-ana-link:hover { background: var(--birincil-soluk); }
.hl-kat-ana-link.aktif { background: var(--birincil-soluk); }

.hl-kat-ana-ikon {
  font-size: 1.5rem;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-radius: 10px;
  flex-shrink: 0;
}

.hl-kat-ana-ad {
  font-weight: 650;
  font-size: 0.88rem;
  flex: 1;
}

.hl-kat-ana-sayi {
  font-size: 0.72rem;
  font-weight: 800;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  padding: 3px 8px;
  border-radius: 99px;
  min-width: 24px;
  text-align: center;
}
.hl-kat-ana-link.aktif .hl-kat-ana-sayi {
  background: var(--birincil);
  color: #fff;
}

.hl-kat-ok {
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px 14px 12px 4px;
  color: var(--metin-ikincil);
  transition: transform 0.25s;
  display: flex;
  align-items: center;
}
.hl-kat-grup.acik .hl-kat-ok { transform: rotate(180deg); color: var(--birincil); }

/* Alt kategoriler */
.hl-kat-altlar {
  max-height: 0;
  overflow: hidden;
  padding: 0 12px;
  display: flex;
  gap: 4px;
  flex-direction: column;
  transition: max-height 0.35s ease, padding 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}
.hl-kat-grup.acik .hl-kat-altlar {
  max-height: 500px;
  padding: 0 12px 12px;
  opacity: 1;
}

.hl-kat-alt {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--metin);
  font-size: 0.82rem;
  transition: background 0.15s, color 0.15s;
}
.hl-kat-alt:hover { background: #f0faf4; color: var(--birincil-koyu); }
.hl-kat-alt.aktif { background: var(--birincil-soluk); color: var(--birincil-koyu); font-weight: 600; }

.hl-kat-alt-ikon {
  font-size: 1.05rem;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f9f7;
  border-radius: 8px;
  flex-shrink: 0;
}
.hl-kat-alt.aktif .hl-kat-alt-ikon { background: #d5eede; }

.hl-kat-alt-ad { flex: 1; }

.hl-kat-alt-sayi {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--metin-ikincil);
  background: var(--krem);
  padding: 2px 7px;
  border-radius: 99px;
}
.hl-kat-alt.aktif .hl-kat-alt-sayi { background: var(--birincil); color: #fff; }

/* Responsive */
@media (max-width: 768px) {
  .hl-kat-accordion { grid-template-columns: 1fr; }
  .hl-kat-baslik { font-size: 1rem; }
}

/* Aktif filtre etiketleri */
.hl-aktif-filtreler {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--sinir);
}

.hikaye-cip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  padding: 5px 10px 5px 12px;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 600;
}

.hikaye-cip a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  background: rgba(0,0,0,0.08);
  border-radius: 50%;
  color: var(--birincil-koyu);
  font-size: 0.85rem;
  line-height: 1;
  transition: var(--gecis);
}

.hikaye-cip a:hover {
  background: var(--tehlike);
  color: #fff;
}

.hikaye-temizle {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--tehlike);
  margin-left: auto;
}

.hikaye-temizle:hover { text-decoration: underline; }

/* Sayfa gövdesi */
.hl-govde {
  padding: 20px 18px 48px;
}

@media (max-width: 640px) {
  .hl-arama-form { max-width: 100%; flex-wrap: wrap; }
  .hl-arama-wrap { flex: 1 1 100%; }
  .hl-arama-input { border-radius: 12px; border-right: 2px solid rgba(255,255,255,0.18); }
  .hl-il-select {
    flex: 1;
    border: 2px solid rgba(255,255,255,0.18);
    border-radius: 12px 0 0 12px;
    border-right: none;
    margin-top: 8px;
  }
  .hl-arama-btn {
    margin-top: 8px;
    border-radius: 0 12px 12px 0;
  }
  .hl-header { padding: 20px 0 22px; }
  .hl-header-ic { margin-bottom: 14px; }
  .hl-kat-accordion { grid-template-columns: 1fr; }
}

/* ── Hikaye Yazma Formu (v2 — iki panel) ── */
.yaz-sayfa {
  background: var(--krem);
  min-height: calc(100vh - var(--nav-yukseklik));
  padding: 24px;
  display: flex;
  justify-content: center;
}

.yaz-kapsayici {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 0;
  width: 100%;
  max-width: 1100px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.1), 0 4px 14px rgba(0,0,0,0.05);
  background: var(--beyaz);
}

/* Sol panel — adımlar */
.yaz-panel {
  background: linear-gradient(180deg, var(--hero-bas) 0%, var(--hero-son) 100%);
  color: #fff;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
}

.yaz-panel-ic {
  position: sticky;
  top: 100px;
}

.yaz-panel-ikon {
  font-size: 2.4rem;
  margin-bottom: 12px;
}

.yaz-panel h2 {
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px;
}

.yaz-panel > .yaz-panel-ic > p {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.5;
  margin: 0 0 28px;
}

/* Adım göstergesi */
.yaz-adimlar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 28px;
}

.yaz-adim {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  transition: background 0.2s;
}

.yaz-adim.aktif {
  background: rgba(255,255,255,0.12);
}

.yaz-adim-no {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
  flex-shrink: 0;
}

.yaz-adim.aktif .yaz-adim-no {
  background: var(--birincil-acik);
  color: var(--hero-bas);
}

.yaz-adim strong {
  display: block;
  font-size: 0.82rem;
  color: #fff;
}

.yaz-adim small {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.5);
}

.yaz-panel-uyari {
  background: rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 0.78rem;
}

.yaz-panel-uyari strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.8rem;
}

.yaz-panel-uyari ul {
  margin: 0;
  padding-left: 16px;
  color: rgba(255,255,255,0.65);
  line-height: 1.6;
}

/* Sağ: ana form */
.yaz-ana {
  padding: 32px 36px;
  overflow-y: auto;
}

.yaz-bolum {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--sinir);
}

.yaz-bolum:last-child,
.yaz-bolum-son {
  border-bottom: none;
  margin-bottom: 0;
}

.yaz-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.yaz-bolum-baslik span {
  font-size: 1.3rem;
}

.yaz-bolum-baslik h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0;
}

.yaz-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.yaz-grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
}

.form-ipucu {
  display: block;
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  margin-top: 4px;
}

/* Dosya yükleme alanları */
.yaz-dosya-alan {
  position: relative;
  border: 2px dashed var(--sinir-guclu);
  border-radius: var(--cerceve);
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--gecis);
  overflow: hidden;
}

.yaz-dosya-alan:hover {
  border-color: var(--birincil);
  background: var(--birincil-soluk);
}

.yaz-dosya-pasif {
  opacity: 0.5;
  pointer-events: none;
}

.yaz-dosya-girdi {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.yaz-dosya-icerik {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  padding: 16px;
  color: var(--metin-ikincil);
  font-size: 0.85rem;
}

.yaz-dosya-ikon {
  font-size: 2rem;
  margin-bottom: 4px;
}

.yaz-dosya-icerik small {
  font-size: 0.72rem;
  opacity: 0.7;
}

.yaz-onizle-img {
  display: none;
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: calc(var(--cerceve) - 2px);
}

/* Video yükleme durumu */
.yaz-video-durum {
  width: 100%;
  padding: 20px 16px;
  text-align: center;
}

.yaz-video-ilerleme {
  width: 100%;
  height: 8px;
  background: var(--sinir);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}

.yaz-video-bar {
  height: 100%;
  background: var(--birincil);
  border-radius: 4px;
  transition: width 0.3s ease;
}

.yaz-video-mesaj {
  font-size: 0.82rem;
  color: var(--metin);
  font-weight: 600;
  margin: 0;
}

.yaz-video-detay {
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  margin: 2px 0 0;
}

.yaz-video-bar-pulse {
  animation: barPulse 1.2s ease-in-out infinite;
}

.yaz-video-bar-hata {
  background: var(--tehlike) !important;
}

@keyframes barPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.yaz-video-tamam {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px;
  background: #dcfce7;
  border-radius: calc(var(--cerceve) - 2px);
}

.yaz-video-tamam span:first-child { font-size: 1.8rem; }
.yaz-video-tamam strong { display: block; font-size: 0.88rem; color: #166534; }
.yaz-video-tamam small { display: block; font-size: 0.75rem; color: #15803d; }

.yaz-video-sil {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 1.2rem;
  color: #991b1b;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
}

.yaz-video-sil:hover { background: #fee2e2; }

.yaz-editor {
  min-height: 300px;
  border: 2px solid var(--sinir-guclu);
  border-radius: 0 0 var(--yari-cerceve) var(--yari-cerceve);
  background: var(--beyaz);
}

.yaz-kural-liste {
  margin: 8px 0 0 16px;
  font-size: 0.85rem;
}

@media (max-width: 900px) {
  .yaz-sayfa { padding: 0; }
  .yaz-kapsayici {
    grid-template-columns: 1fr;
    border-radius: 0;
    box-shadow: none;
  }
  .yaz-panel {
    padding: 24px 20px;
  }
  .yaz-adimlar { display: none; }
  .yaz-panel-uyari { display: none; }
  .yaz-ana { padding: 24px 18px; }
}

@media (max-width: 640px) {
  .yaz-grid-2,
  .yaz-grid-2-1 { grid-template-columns: 1fr; }
  .yaz-ana { padding: 18px 14px; }
}

/* Sıralama sekmeleri */
.hikaye-siralama-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sinir);
}

.hikaye-siralama-etiket {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--metin-ikincil);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.hikaye-siralama-tablar {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  flex: 1;
}

.hikaye-tab {
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  text-decoration: none;
  transition: var(--gecis);
}

.hikaye-tab:hover {
  border-color: var(--birincil);
  color: var(--birincil);
  background: var(--birincil-soluk);
}

.hikaye-tab.aktif {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.hikaye-sayfa-bilgi {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  margin-left: auto;
}

/* Sıralama barı — mobil: etiket+sayfa üstte, sekmeler yatay kaydırmalı şerit */
@media (max-width: 600px) {
  .hikaye-siralama-bar {
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }
  .hikaye-siralama-etiket { order: 1; }
  .hikaye-sayfa-bilgi { order: 2; margin-left: auto; }
  .hikaye-siralama-tablar {
    order: 3;
    flex: 1 0 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .hikaye-siralama-tablar::-webkit-scrollbar { display: none; }
  .hikaye-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* Liste grid (eski — ana sayfa carousel için) */
.hikaye-liste-grid { margin-bottom: 8px; }

/* ── Medium tarzı hikaye feed ── */
.hikaye-feed {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve-buyuk);
  overflow: hidden;
  box-shadow: var(--golge-kucuk);
}

.hikaye-satir {
  border-bottom: 1px solid var(--sinir);
}

.hikaye-satir:last-child { border-bottom: none; }

.hikaye-satir-link {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  gap: 24px;
  padding: 24px 28px;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
}

.hikaye-satir-link:hover {
  background: var(--birincil-soluk);
  color: inherit;
}

.hikaye-satir-link:hover .hikaye-satir-baslik {
  color: var(--birincil-koyu);
}

/* Görsel — sağda (Medium stili) */
.hikaye-satir-gorsel-kap {
  flex-shrink: 0;
  width: 112px;
  height: 112px;
}

.hikaye-satir-gorsel {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--sinir);
}

.hikaye-satir-gorsel-yer {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  border: 1px solid var(--sinir);
}

/* Metin alanı */
.hikaye-satir-govde {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hikaye-satir-ust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.hikaye-satir-rozet {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background: #fef3c7;
  color: #92400e;
  padding: 3px 10px;
  border-radius: 20px;
}

.hikaye-satir-kat {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--birincil);
}

.hikaye-satir-konum {
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  font-weight: 500;
}

.hikaye-satir-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--metin);
  margin: 0;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hikaye-satir-ozet {
  font-family: var(--font-metin);
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--metin-ikincil);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hikaye-satir-alt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin-top: 4px;
}

.hikaye-satir-yazar {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hikaye-satir-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--birincil);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hikaye-satir-yazar-ad {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin);
}

.hikaye-satir-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.hikaye-satir-uyari {
  font-size: 0.68rem;
  color: #92400e;
  background: #fffbeb;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 6px;
  margin: 4px 0 0;
  align-self: flex-start;
  border: 1px solid #fde68a;
}

@media (max-width: 640px) {
  .hikaye-satir-link {
    flex-direction: column;
    padding: 20px 18px;
    gap: 14px;
  }

  .hikaye-satir-gorsel-kap {
    width: 100%;
    height: 160px;
    order: -1;
  }

  .hikaye-satir-gorsel,
  .hikaye-satir-gorsel-yer {
    border-radius: 12px;
  }

  .hikaye-satir-ozet {
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 900px) {
  .hikaye-satir-gorsel-kap {
    width: 140px;
    height: 140px;
  }

  .hikaye-satir-ozet {
    -webkit-line-clamp: 3;
    font-size: 0.95rem;
  }
}

/* Sayfalama iyileştirme */
.hikaye-sayfalama { margin-top: 40px; }

.sayfa-ok {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
}

.sayfa-nokta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--metin-ikincil);
  font-weight: 700;
}

/* Boş durum */
.hikaye-bos {
  text-align: center;
  padding: 64px 24px;
  background: var(--beyaz);
  border: 2px dashed var(--sinir);
  border-radius: var(--cerceve-buyuk);
}

.hikaye-bos-ikon {
  font-size: 3.5rem;
  margin-bottom: 16px;
  opacity: 0.7;
}

.hikaye-bos h3 {
  font-family: var(--font-baslik);
  font-size: 1.25rem;
  margin-bottom: 8px;
  color: var(--metin);
}

.hikaye-bos p {
  color: var(--metin-ikincil);
  font-size: 0.9rem;
  max-width: 400px;
  margin: 0 auto 24px;
  line-height: 1.6;
}

.hikaye-bos-btn {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Mobil sabit CTA */
.hikaye-mobil-cta {
  position: fixed;
  bottom: 70px;
  left: 16px;
  right: 16px;
  z-index: 90;
}

.hikaye-mobil-cta .btn {
  box-shadow: var(--golge-buyuk);
  border-radius: 14px;
}

/* ═══ HİKAYE LİSTE v5 — modern hero + chip kategoriler ═══ */
.hl-hero-v5{
  background:linear-gradient(145deg,var(--arkaplan-nav) 0%,var(--hero-son) 45%,var(--birincil-koyu) 100%);
  padding:48px 0 40px;color:#fff;position:relative;overflow:hidden;
}
.hl-hero-v5::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 80% at 20% 100%,var(--birincil),transparent 55%),
             radial-gradient(ellipse 50% 60% at 90% 0%,var(--hero-son),transparent 50%);
  opacity:.45;
  pointer-events:none;
}
.hl-hero-inner{position:relative;z-index:2}
.hl-hero-center{max-width:920px;margin:0 auto;text-align:center}
.hl-etiket{
  display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  padding:7px 16px;border-radius:999px;font-size:.72rem;font-weight:700;margin-bottom:14px;color:#e0f2fe;
}
.hl-hero-v5 .hl-h1{
  font-family:var(--font-baslik);font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;
  margin:0 0 10px;color:#fff!important;line-height:1.15;
}
.hl-hero-v5 .hl-alt{font-size:.95rem;color:rgba(255,255,255,.88)!important;line-height:1.6;margin:0 auto 24px;max-width:620px}
.hl-search-hub{width:100%;max-width:920px;margin:0 auto;text-align:left;position:relative;z-index:50}
.hl-search-mega{
  display:flex;align-items:stretch;flex-wrap:wrap;gap:0;
  background:rgba(255,255,255,.98);border:2px solid rgba(255,255,255,.5);border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;width:100%;min-height:64px;
}
.hl-search-ikon{display:flex;align-items:center;padding:0 16px 0 20px;font-size:1.35rem;opacity:.75}
.hl-search-mega input[type=text]{
  flex:1;min-width:140px;border:none;background:transparent;padding:16px 8px;
  font-size:1rem;outline:none;color:var(--metin);
}
.hl-search-mod{
  display:flex;gap:0;padding:4px;margin:8px 6px;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:12px;align-self:center;
}
.hl-mod-btn{
  border:none;background:transparent;color:#475569;font-size:.8rem;font-weight:800;
  padding:9px 14px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;
}
.hl-mod-btn.aktif{background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));color:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.25)}
.hl-mod-sor.aktif{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 3px 12px rgba(5,150,105,.35)!important}
.hl-il-select{
  border:none;border-left:1px solid var(--sinir);background:transparent;
  padding:0 12px;font-size:.78rem;font-weight:700;color:var(--metin-ikincil);cursor:pointer;max-width:140px;
}
.hl-search-gonder{
  border:none;background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));color:#fff;
  padding:0 24px;font-size:.88rem;font-weight:800;cursor:pointer;align-self:stretch;
}
.hl-search-gonder:hover{filter:brightness(1.08)}
.hl-etiketler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;justify-content:center}
.hl-etiketler>span{font-size:.7rem;color:rgba(255,255,255,.65);font-weight:700;text-transform:uppercase}
.hl-etiket-chip{
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#e0f2fe;
  padding:6px 14px;border-radius:999px;font-size:.76rem;font-weight:600;cursor:pointer;
}
.hl-etiket-chip:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}
.hl-etiket-sor{background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(5,150,105,.15))!important;border-color:rgba(110,231,183,.5)!important}
.hl-hero-aksiyon{margin-top:18px}
/* Arama kutusunun hemen altına açılan dropdown — kutuyu kapatmaz.
   Backdrop görünmez, dışarı tıklama JS ile kapatır. */
.hl-live-backdrop{position:fixed;inset:0;background:transparent;z-index:80;display:none;pointer-events:none}
.hl-live-backdrop.acik{display:block}
.hl-live-panel{
  position:fixed; /* konum (top/left/width) input'a göre JS ile ayarlanır */
  width:min(92vw,760px);max-height:min(70vh,540px);background:#fff;border-radius:16px;
  box-shadow:0 24px 60px rgba(15,23,42,.22),0 0 0 1px rgba(0,0,0,.06);z-index:100;overflow:hidden;display:none;flex-direction:column;
  color:#334155;animation:hlPanelIn .22s cubic-bezier(.22,1,.36,1);
}
@keyframes hlPanelIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.hl-live-panel p,.hl-live-panel li{color:#334155}
.hl-live-panel strong{color:#0f172a}
.hl-live-panel.acik{display:flex}
.hl-live-panel[hidden]:not(.acik){display:none!important}
.hl-live-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.hl-live-status{font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.hl-live-status-yukleniyor{background:#f1f5f9;color:#64748b}
.hl-live-status-bos,.hl-live-status-hata{background:#fef2f2;color:#b91c1c}
.hl-live-kapat{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}
.hl-live-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}
.hl-live-ai{padding:12px 16px 0;flex-shrink:0}
.hl-live-ai-kutu{background:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.6;color:#334155}
.hl-live-ai-kutu p{margin:0 0 10px;color:#334155!important;line-height:1.65}
.hl-live-ai-kutu li{color:#475569!important;line-height:1.55}
.hl-live-ai-kutu strong{color:#0f172a!important}
.hl-live-ai-kutu.hl-live-ai-acil{background:#fef2f2;border-color:#fecaca}
.hl-live-ai-baslik{font-size:.72rem;font-weight:800;text-transform:uppercase;color:#047857;margin-bottom:6px}
.hl-live-ai-acil .hl-live-ai-baslik{color:#b91c1c}
.hl-live-ai-uyari{font-size:.74rem;color:#b45309;font-weight:600;margin:8px 0 0}
.hl-live-ai-kutu ul{margin:8px 0 0;padding-left:18px;font-size:.82rem}
.hl-live-ai-metin{margin:0 0 10px;color:#334155!important;line-height:1.65}
.hl-live-ai-oneri{margin:0;padding-left:18px;color:#475569!important}
.hl-live-ai-oneri li{margin-bottom:6px;color:#475569!important}
/* Tek sütun kompakt seçim listesi */
.hl-live-grid{display:block;min-height:0;overflow:visible}
.hl-live-preview{display:none}
.hl-live-kart{display:block;text-decoration:none!important;color:inherit;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;transition:box-shadow .2s,transform .2s}
.hl-live-kart:hover{box-shadow:0 12px 32px rgba(15,23,42,.1);transform:translateY(-2px)}
.hl-live-badge{font-size:.68rem;font-weight:800;color:#2563eb;text-transform:uppercase;margin-bottom:10px}
.hl-live-ust{display:flex;gap:12px;align-items:flex-start}
.hl-live-ikon{font-size:2rem;line-height:1}
.hl-live-kat{font-size:.68rem;font-weight:800;color:#64748b;text-transform:uppercase}
.hl-live-kart h3{margin:4px 0;font-size:1.05rem;color:#0f172a!important}
.hl-live-kart small{font-size:.78rem;color:#94a3b8}
.hl-live-ozet{font-size:.84rem;color:#475569;line-height:1.6;margin:12px 0 0}
.hl-live-btn{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:800;color:#2563eb}
.hl-live-list-wrap{display:flex;flex-direction:column;min-height:0;overflow:visible;background:#fff}
.hl-live-list-baslik{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;padding:12px 14px 6px;margin:0}
.hl-live-list{overflow:visible;padding:0 10px 12px;flex:1}
.hl-live-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;text-decoration:none!important;color:inherit;border:1px solid transparent;margin-bottom:4px;transition:background .15s,border-color .15s,box-shadow .15s}
.hl-live-item:hover{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.hl-live-item strong{display:block;font-size:.86rem;color:#0f172a!important}
.hl-live-item small{font-size:.72rem;color:#94a3b8;display:block;margin-top:2px}
.hl-live-item-metin{flex:1;min-width:0}
.hl-live-item-ikon{font-size:1.4rem;flex-shrink:0}
.hl-live-item-ok{color:#94a3b8;opacity:.45;font-size:.9rem;align-self:center}
.hl-live-item:hover .hl-live-item-ok{opacity:1}
.hl-live-item-ozet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-size:.78rem;line-height:1.5;color:#64748b}
.hl-live-item-rozet{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#1d6fa4;background:#e0f0fb;padding:2px 7px;border-radius:999px;margin-left:6px;font-style:normal;vertical-align:middle}
.hl-live-item-best{align-items:flex-start;background:#f0f7fd;border-color:#cfe6f7}
.hl-live-item-best .hl-live-item-ikon{font-size:1.7rem}
.hl-live-tumu{display:block;flex-shrink:0;padding:13px 16px;text-align:center;font-size:.82rem;font-weight:800;color:#1d4ed8!important;text-decoration:none!important;border-top:1px solid #e2e8f0;background:#fafbfc}
.hl-live-tumu:hover{background:#f0f7fd}
.hl-live-bos,.hl-live-list-bos{text-align:center;padding:24px;color:#94a3b8;font-size:.85rem}
.hl-live-sk{padding:20px}
.hl-live-sk-line{height:14px;background:#e2e8f0;border-radius:6px;margin-bottom:8px;animation:hlPulse 1s infinite alternate}
.hl-live-sk-line.kisa{width:60%}
@keyframes hlPulse{from{opacity:.5}to{opacity:1}}
.hl-live-panel mark{background:#fef08a;border-radius:3px;padding:0 2px}
@media(max-width:768px){body.hl-arama-acik{overflow:hidden}}
.hl-kat-v5{background:#fff;border-bottom:1px solid var(--sinir);padding:20px 0 16px}
.hl-kat-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.hl-kat-ust h2{font-size:1rem;font-weight:800;margin:0;color:var(--metin)}
.hl-kat-tum{
  font-size:.78rem;font-weight:700;color:var(--metin-ikincil);text-decoration:none;
  padding:6px 14px;border-radius:999px;border:1px solid var(--sinir);background:#f8fafc;
}
.hl-kat-tum.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}
.hl-kat-tum strong{color:inherit;margin-left:4px}
.hl-kat-scroll{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.hl-kat-scroll::-webkit-scrollbar{display:none}
.hl-kat-chip{
  flex-shrink:0;display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:14px;text-decoration:none!important;
  border:1.5px solid var(--sinir);background:#fff;color:var(--metin);
  font-size:.82rem;font-weight:600;transition:all .2s;white-space:nowrap;
}
.hl-kat-chip:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.12)}
.hl-kat-chip.aktif{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;border-color:transparent;box-shadow:0 6px 20px rgba(37,99,235,.3)}
.hl-kat-chip.aktif .hl-kat-chip-sayi{color:rgba(255,255,255,.75)}
.hl-kat-chip-ikon{font-size:1.15rem;line-height:1}
.hl-kat-chip-sayi{font-size:.68rem;font-weight:800;color:var(--metin-ikincil);background:rgba(0,0,0,.05);padding:2px 8px;border-radius:999px}
.hl-alt-scroll{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--sinir)}
.hl-alt-etiket{font-size:.72rem;font-weight:700;color:var(--metin-ikincil);text-transform:uppercase;margin-right:4px}
.hl-alt-chip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
  font-size:.76rem;font-weight:600;text-decoration:none!important;
  border:1px solid var(--sinir);background:#f8fafc;color:var(--metin-ikincil);
}
.hl-alt-chip em{font-style:normal;font-size:.68rem;color:var(--metin-ikincil);opacity:.8}
.hl-alt-chip:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}
.hl-alt-chip.aktif{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:800}
.hl-aktif-filtreler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--sinir)}
@media(max-width:768px){
  .hl-hero-v5{padding:28px 0 24px}
  .hl-search-mega{border-radius:16px;min-height:auto;padding:8px}
  .hl-search-mod{order:-1;width:100%;margin:0 0 6px}
  .hl-mod-btn{flex:1;justify-content:center}
  .hl-search-mega input{min-width:0;width:100%;padding:10px 8px}
  .hl-il-select{max-width:100%;width:100%;border-left:none;border-top:1px solid var(--sinir);padding:10px 12px}
  .hl-search-gonder{width:100%;padding:12px;border-radius:12px;margin-top:6px}
  .hl-etiketler{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .hl-live-grid{grid-template-columns:1fr}
  .hl-live-preview{border-right:none;border-bottom:1px solid #e2e8f0;max-height:240px}
  .hl-kat-chip{padding:8px 12px;font-size:.78rem}
}


/* ============================================================
   PROFİL SAYFASI
   ============================================================ */

/* ── Hero ── */
.prf-hero {
  position: relative;
  background: var(--arkaplan-nav);
  overflow: hidden;
}

.prf-hero-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 80% 120% at 20% 100%, var(--birincil) 0%, transparent 60%),
    radial-gradient(ellipse 60% 100% at 80% 0%, var(--hero-son) 0%, transparent 50%),
    linear-gradient(160deg, var(--hero-bas) 0%, var(--arkaplan-nav) 100%);
  opacity: 0.85;
}

.prf-hero-icerik {
  position: relative;
  display: flex;
  gap: 28px;
  align-items: flex-start;
  padding: 48px 0 44px;
}

/* Avatar */
.prf-avatar {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid rgba(255,255,255,0.25);
  background: var(--birincil);
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}

.prf-avatar img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.prf-avatar span {
  display: flex;
  width: 100%; height: 100%;
  align-items: center;
  justify-content: center;
  font-family: var(--font-baslik);
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
}

/* Kimlik */
.prf-kimlik { flex: 1; min-width: 0; }

.prf-kimlik-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.prf-ad {
  font-family: var(--font-baslik);
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
  line-height: 1.2;
}

.prf-nick {
  font-size: 0.92rem;
  color: rgba(255,255,255,0.55);
  margin: 0;
}

/* Butonlar */
.prf-butonlar {
  display: flex; gap: 8px;
  flex-shrink: 0;
}

.prf-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  font-family: var(--font-ui);
  text-decoration: none;
  transition: var(--gecis);
  cursor: pointer;
  white-space: nowrap;
  border: none;
}

.prf-btn svg { flex-shrink: 0; }

.prf-btn-fill {
  background: var(--birincil);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.prf-btn-fill:hover {
  background: var(--birincil-koyu);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.prf-btn-ghost {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.85);
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(4px);
}
.prf-btn-ghost:hover {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

.prf-btn-sm { padding: 7px 14px; font-size: 0.78rem; }

/* Etiketler */
.prf-etiketler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.prf-etiket {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.78rem;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7);
  backdrop-filter: blur(4px);
}

.prf-etiket svg { opacity: 0.6; }

.prf-etiket-bayi {
  background: rgba(245,158,11,0.2);
  color: #fbbf24;
  font-weight: 700;
}

/* Bio */
.prf-bio {
  margin-top: 14px;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.7;
  max-width: 560px;
}

/* ── İstatistik Şeridi ── */
.prf-stat-serit {
  background: var(--beyaz);
  border-bottom: 1px solid var(--sinir);
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.prf-stat-grid {
  display: flex;
  justify-content: center;
  gap: 0;
}

.prf-stat-kutu {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 36px;
  position: relative;
}

.prf-stat-kutu:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0; top: 25%; height: 50%;
  width: 1px;
  background: var(--sinir);
}

.prf-stat-kutu svg {
  color: var(--birincil);
  opacity: 0.5;
  flex-shrink: 0;
}

.prf-stat-veri { display: flex; flex-direction: column; }

.prf-stat-veri strong {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--metin);
  line-height: 1.1;
}

.prf-stat-veri span {
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* ── İçerik Alanı ── */
.prf-icerik {
  padding: 32px 0 56px;
}

.prf-sekme-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.prf-sekme-baslik {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-baslik);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--metin);
}

.prf-sekme-baslik svg { color: var(--birincil); opacity: 0.6; }

/* Boş durum */
.prf-bos {
  text-align: center;
  padding: 56px 24px;
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  border: 2px dashed var(--sinir);
}

.prf-bos-daire {
  width: 80px; height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.prf-bos-daire svg { color: var(--birincil); opacity: 0.5; }

.prf-bos h3 {
  font-family: var(--font-baslik);
  font-size: 1.15rem;
  margin-bottom: 8px;
  color: var(--metin);
}

.prf-bos p {
  color: var(--metin-ikincil);
  font-size: 0.88rem;
  max-width: 360px;
  margin: 0 auto 20px;
  line-height: 1.6;
}

/* ── Hikaye Kartları (kendi profil) ── */
.prf-hikayeler {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve-buyuk);
  overflow: hidden;
  box-shadow: var(--golge-kucuk);
}

.prf-hk {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  text-decoration: none;
  color: var(--metin);
  border-bottom: 1px solid var(--sinir);
  transition: var(--gecis);
}

.prf-hk:last-child { border-bottom: none; }

.prf-hk:hover {
  background: var(--birincil-soluk);
  color: var(--metin);
}

.prf-hk-gorsel {
  flex-shrink: 0;
  width: 64px; height: 64px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--sinir);
}

.prf-hk-gorsel img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.prf-hk-ikon {
  display: flex;
  width: 100%; height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
}

.prf-hk-govde {
  flex: 1;
  min-width: 0;
}

.prf-hk-baslik {
  font-family: var(--font-baslik);
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 6px;
  line-height: 1.3;
}

.prf-hk:hover .prf-hk-baslik { color: var(--birincil); }

.prf-hk-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.prf-hk-kat {
  font-weight: 500;
}

.prf-hk-istat { opacity: 0.8; }

.prf-hk-red {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 0.76rem;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.prf-hk-red svg { flex-shrink: 0; }

.prf-hk-durum {
  flex-shrink: 0;
}

.prf-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

.prf-badge-onaylandi {
  background: #dcfce7;
  color: #15803d;
}

.prf-badge-beklemede {
  background: #fef3c7;
  color: #92400e;
}

.prf-badge-reddedildi {
  background: #fee2e2;
  color: #991b1b;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .prf-hero-icerik {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 0 32px;
    gap: 18px;
  }

  .prf-avatar { width: 96px; height: 96px; }
  .prf-avatar span { font-size: 2.2rem; }

  .prf-kimlik-ust {
    flex-direction: column;
    align-items: center;
  }

  .prf-kimlik-ust > div:first-child { text-align: center; }

  .prf-etiketler { justify-content: center; }
  .prf-bio { margin-left: auto; margin-right: auto; }

  .prf-stat-kutu { padding: 16px 20px; gap: 8px; }
  .prf-stat-kutu svg { display: none; }
  .prf-stat-veri strong { font-size: 1.15rem; }

  .prf-hk { flex-wrap: wrap; gap: 12px; padding: 14px 16px; }
  .prf-hk-gorsel { width: 52px; height: 52px; }
  .prf-hk-durum { width: 100%; }
}

/* ============================================================
   MESAJLAR SAYFASI
   ============================================================ */
.msg-sayfa {
  background: var(--krem);
  min-height: calc(100vh - var(--nav-yukseklik) - 64px);
  padding: 24px 18px 32px;
}

@media (min-width: 768px) {
  .msg-sayfa { min-height: calc(100vh - var(--nav-yukseklik)); padding-bottom: 48px; }
}

.msg-kapsayici {
  max-width: 1100px;
  margin: 0 auto;
  height: calc(100vh - var(--nav-yukseklik) - 120px);
  min-height: 520px;
  display: grid;
  grid-template-columns: 320px 1fr;
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  border: 1px solid var(--sinir);
  box-shadow: var(--golge);
  overflow: hidden;
}

@media (min-width: 768px) {
  .msg-kapsayici { height: calc(100vh - var(--nav-yukseklik) - 96px); }
}

/* ── Sol liste ── */
.msg-liste {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--sinir);
  background: var(--beyaz);
  min-height: 0;
}

.msg-liste-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: linear-gradient(135deg, var(--hero-bas), var(--hero-son));
  flex-shrink: 0;
}

.msg-liste-baslik h1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-baslik);
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.msg-liste-baslik h1 svg { opacity: 0.85; }

.msg-profil-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  transition: var(--gecis);
}

.msg-profil-link:hover {
  background: rgba(255,255,255,0.22);
  color: #fff;
}

.msg-konusmalar {
  flex: 1;
  overflow-y: auto;
}

.msg-konusma-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  text-decoration: none;
  color: var(--metin);
  border-bottom: 1px solid var(--sinir);
  transition: background 0.15s;
}

.msg-konusma-item:hover { background: var(--birincil-soluk); }
.msg-konusma-item.aktif {
  background: var(--birincil-soluk);
  border-left: 3px solid var(--birincil);
  padding-left: 15px;
}

.msg-konusma-icerik {
  flex: 1;
  min-width: 0;
}

.msg-konusma-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 3px;
}

.msg-konusma-ust strong {
  font-size: 0.88rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg-konusma-ust time {
  font-size: 0.7rem;
  color: var(--metin-ikincil);
  flex-shrink: 0;
}

.msg-konusma-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.msg-onizleme {
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.msg-badge {
  flex-shrink: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--birincil);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.msg-bos-liste {
  padding: 40px 24px;
  text-align: center;
}

.msg-bos-liste p {
  font-size: 0.9rem;
  color: var(--metin);
  margin: 12px 0 4px;
}

.msg-bos-liste small {
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  line-height: 1.5;
}

.msg-bos-daire {
  width: 72px; height: 72px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
}

.msg-bos-daire svg { color: var(--birincil); opacity: 0.45; }

/* ── Sağ akış ── */
.msg-akis {
  display: flex;
  flex-direction: column;
  background: var(--parsmen);
  min-height: 0;
}

.msg-akis-baslik {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: var(--beyaz);
  border-bottom: 1px solid var(--sinir);
  flex-shrink: 0;
}

.msg-geri {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  color: var(--metin);
  background: var(--birincil-soluk);
  flex-shrink: 0;
}

.msg-geri:hover { background: var(--sinir); color: var(--metin); }

.msg-akis-kim {
  flex: 1;
  min-width: 0;
}

.msg-akis-kim strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 2px;
}

.msg-akis-kim a {
  font-size: 0.75rem;
  color: var(--birincil);
  font-weight: 500;
}

.msg-alan {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.msg-bos-konusma {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}

.msg-bos-konusma p {
  font-size: 0.88rem;
  color: var(--metin-ikincil);
}

.msg-balon-wrap {
  display: flex;
}

.msg-balon-ben { justify-content: flex-end; }
.msg-balon-diger { justify-content: flex-start; }

.msg-balon {
  max-width: 72%;
  padding: 10px 14px;
  border-radius: 16px;
  font-size: 0.9rem;
  line-height: 1.55;
  box-shadow: var(--golge-kucuk);
  word-break: break-word;
}

.msg-balon-ben .msg-balon {
  background: var(--birincil);
  color: #fff;
  border-bottom-right-radius: 4px;
}

.msg-balon-diger .msg-balon {
  background: var(--beyaz);
  color: var(--metin);
  border: 1px solid var(--sinir);
  border-bottom-left-radius: 4px;
}

.msg-balon time {
  display: block;
  font-size: 0.65rem;
  opacity: 0.65;
  margin-top: 4px;
  text-align: right;
}

.msg-yaz {
  padding: 14px 18px;
  background: var(--beyaz);
  border-top: 1px solid var(--sinir);
  flex-shrink: 0;
}

.msg-yaz-form {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.msg-yaz-girdi {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid var(--sinir);
  border-radius: 14px;
  resize: none;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  line-height: 1.4;
  max-height: 120px;
  background: var(--krem);
  transition: border-color 0.15s;
}

.msg-yaz-girdi:focus {
  outline: none;
  border-color: var(--birincil);
  background: var(--beyaz);
}

.msg-yaz-btn {
  flex-shrink: 0;
  width: 46px; height: 46px;
  border-radius: 14px;
  background: var(--birincil);
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--gecis);
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.msg-yaz-btn:hover {
  background: var(--birincil-koyu);
  transform: translateY(-1px);
}

.msg-bos-akis {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  text-align: center;
}

.msg-bos-akis h2 {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  margin: 16px 0 8px;
  color: var(--metin);
}

.msg-bos-akis p {
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  max-width: 280px;
  line-height: 1.6;
}

/* ── Mobil ── */
@media (max-width: 768px) {
  .msg-sayfa { padding: 0; }

  .msg-kapsayici {
    height: calc(100vh - var(--nav-yukseklik) - 64px);
    min-height: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    grid-template-columns: 1fr;
  }

  .msg-kapsayici.msg-konusma-acik .msg-liste { display: none; }
  .msg-kapsayici:not(.msg-konusma-acik) .msg-akis { display: none; }

  .msg-geri { display: flex; }
}

/* ============================================================
   BİLDİRİMLER SAYFASI
   ============================================================ */
.bld-sayfa {
  background: var(--krem);
  padding: 28px 0 48px;
  min-height: calc(100vh - var(--nav-yukseklik) - 64px);
}

.bld-kart {
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  border: 1px solid var(--sinir);
  box-shadow: var(--golge-kucuk);
  overflow: hidden;
  width: 100%;
}

.bld-baslik {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px 28px;
  background: linear-gradient(135deg, var(--hero-bas), var(--hero-son));
}

.bld-baslik-sol {
  display: flex;
  align-items: center;
  gap: 14px;
}

.bld-baslik-ikon {
  width: 48px; height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}

.bld-baslik h1 {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
}

.bld-baslik p {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.65);
  margin: 0;
}

.bld-baslik-sag {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.bld-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  font-family: var(--font-ui);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--gecis);
  white-space: nowrap;
}

.bld-btn-ghost {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.2);
}

.bld-btn-ghost:hover {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.bld-sekmeler {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--sinir);
  padding: 0 28px;
  background: var(--beyaz);
}

.bld-sekme {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 18px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: var(--gecis);
}

.bld-sekme:hover { color: var(--metin); }

.bld-sekme.aktif {
  color: var(--birincil);
  border-bottom-color: var(--birincil);
}

.bld-sekme-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--birincil);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bld-liste {
  display: flex;
  flex-direction: column;
}

.bld-oge {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 28px;
  text-decoration: none;
  color: var(--metin);
  border-bottom: 1px solid var(--sinir);
  transition: background 0.15s;
  position: relative;
}

.bld-oge:last-child { border-bottom: none; }

.bld-oge:hover {
  background: var(--birincil-soluk);
  color: var(--metin);
}

.bld-oge-yeni {
  background: rgba(46, 139, 87, 0.04);
}

.bld-oge-yeni:hover {
  background: var(--birincil-soluk);
}

.bld-oge-ikon {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.bld-tip-onay   { background: #dcfce7; }
.bld-tip-red    { background: #fee2e2; }
.bld-tip-yorum  { background: #dbeafe; }
.bld-tip-begeni { background: #fce7f3; }
.bld-tip-mesaj  { background: #fef3c7; }
.bld-tip-sistem { background: var(--birincil-soluk); }

.bld-oge-govde {
  flex: 1;
  min-width: 0;
}

.bld-oge-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.bld-oge-ust strong {
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
}

.bld-oge-ust time {
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  flex-shrink: 0;
  white-space: nowrap;
}

.bld-oge-govde p {
  font-size: 0.84rem;
  color: var(--metin-ikincil);
  line-height: 1.55;
  margin: 0 0 8px;
}

.bld-oge-etiket {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.bld-tip-onay.bld-oge-etiket   { background: #bbf7d0; color: #166534; }
.bld-tip-red.bld-oge-etiket    { background: #fecaca; color: #991b1b; }
.bld-tip-yorum.bld-oge-etiket  { background: #bfdbfe; color: #1e40af; }
.bld-tip-begeni.bld-oge-etiket { background: #fbcfe8; color: #9d174d; }
.bld-tip-mesaj.bld-oge-etiket  { background: #fde68a; color: #92400e; }
.bld-tip-sistem.bld-oge-etiket { background: var(--birincil-soluk); color: var(--birincil-koyu); }

.bld-oge-nok {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--birincil);
  flex-shrink: 0;
  margin-top: 6px;
  box-shadow: 0 0 0 3px var(--birincil-soluk);
}

.bld-oge-ok {
  flex-shrink: 0;
  color: var(--metin-ikincil);
  opacity: 0.4;
  margin-top: 4px;
  transition: var(--gecis);
}

.bld-oge:hover .bld-oge-ok {
  opacity: 0.8;
  color: var(--birincil);
}

.bld-bos {
  text-align: center;
  padding: 56px 28px;
}

.bld-bos-daire {
  width: 80px; height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bld-bos-daire svg { color: var(--birincil); opacity: 0.45; }

.bld-bos h2 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  margin: 0 0 8px;
  color: var(--metin);
}

.bld-bos p {
  font-size: 0.86rem;
  color: var(--metin-ikincil);
  max-width: 320px;
  margin: 0 auto;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .bld-baslik { padding: 20px 18px; }
  .bld-sekmeler { padding: 0 18px; }
  .bld-oge { padding: 16px 18px; }
  .bld-baslik-sag { width: 100%; }
  .bld-baslik-sag .bld-btn { flex: 1; justify-content: center; }
}

/* ============================================================
   AUTH SAYFALARI (Giriş / Kayıt)
   ============================================================ */
.auth-sayfa {
  min-height: calc(100vh - var(--nav-yukseklik));
  background: var(--krem);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
}

.auth-kapsayici {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  max-width: 1060px;
  min-height: 600px;
  border-radius: 28px;
  overflow: clip;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.06);
  background: var(--beyaz);
}

/* Sol panel — tanıtım (uzun formda yapışık kalır) */
.auth-sol {
  background: linear-gradient(135deg, var(--hero-bas) 0%, var(--hero-son) 60%, var(--birincil-koyu) 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 40px;
  position: sticky;
  top: var(--nav-yukseklik);
  align-self: start;
  min-height: calc(100vh - var(--nav-yukseklik));
  overflow: hidden;
}

.auth-sol::before {
  content: '🌿🍃🌱☘️🪻🌾';
  position: absolute;
  top: 20px;
  right: -10px;
  font-size: 6rem;
  opacity: 0.06;
  line-height: 1;
  letter-spacing: 20px;
  pointer-events: none;
  transform: rotate(-15deg);
}

.auth-sol-ic {
  max-width: 380px;
}

.auth-logo {
  display: inline-block;
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  margin-bottom: 32px;
}

.auth-logo em {
  font-style: normal;
  color: var(--birincil-acik);
}

.auth-sol h2 {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  margin: 0 0 12px;
}

.auth-sol p {
  font-size: 0.92rem;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
  margin: 0 0 28px;
}

.auth-ozellikler {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.auth-oz {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.85);
}

.auth-oz span {
  font-size: 1.3rem;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 10px;
  flex-shrink: 0;
}

.auth-bayi-cta{
  display:inline-block;margin-top:8px;padding:12px 18px;
  background:rgba(255,255,255,0.15);border:1.5px solid rgba(255,255,255,0.3);
  border-radius:12px;color:#fff!important;text-decoration:none!important;
  font-size:0.88rem;font-weight:600;transition:all var(--gecis);
}
.auth-bayi-cta:hover{background:rgba(255,255,255,0.25);transform:translateY(-1px)}

/* Sol panel — rozet + adım akışı */
.auth-rozet{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;
  padding:6px 13px;border-radius:30px;font-size:0.78rem;font-weight:700;
  background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.28);
  color:#fff;backdrop-filter:blur(4px);
}
.auth-adimlar{display:flex;flex-direction:column;gap:0;margin:26px 0 30px}
.auth-adim{display:flex;align-items:flex-start;gap:14px;position:relative;padding-bottom:18px}
.auth-adim:last-child{padding-bottom:0}
.auth-adim:not(:last-child)::after{
  content:'';position:absolute;left:17px;top:36px;bottom:2px;width:2px;
  background:linear-gradient(180deg,rgba(255,255,255,0.35),rgba(255,255,255,0.08));
}
.auth-adim-no{
  flex-shrink:0;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:0.95rem;font-weight:800;color:#fff;z-index:1;
  background:rgba(255,255,255,0.16);border:1.5px solid rgba(255,255,255,0.35);
}
.auth-adim-ic strong{display:block;font-size:0.92rem;font-weight:700;color:#fff;line-height:1.3}
.auth-adim-ic small{display:block;font-size:0.78rem;color:rgba(255,255,255,0.62);margin-top:2px;line-height:1.4}

/* Kayıt tipi seçimi */
.auth-tip-sec{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.auth-tip-kart{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
  padding:16px 12px;border:2px solid var(--sinir);border-radius:16px;cursor:pointer;
  transition:all var(--gecis);background:var(--beyaz);position:relative;
}
.auth-tip-kart input{position:absolute;opacity:0;pointer-events:none}
.auth-tip-kart.aktif{border-color:var(--birincil);background:var(--birincil-soluk);box-shadow:0 1px 4px rgba(15,23,42,.06)}
.auth-tip-ikon{font-size:1.8rem}
.auth-tip-baslik{font-size:0.88rem;font-weight:700;color:var(--metin)}
.auth-tip-alt{font-size:0.72rem;color:var(--metin-ikincil)}
.auth-bayi-alan{
  background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1.5px solid #86efac;
  border-radius:16px;padding:18px;margin-bottom:20px;
}
.auth-bayi-banner{
  background:#059669;color:#fff;padding:10px 14px;border-radius:10px;
  font-size:0.82rem;font-weight:600;text-align:center;margin-bottom:16px;
}
.auth-kat-select{font-size:0.9rem}
.auth-kat-uyari{
  background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;
  padding:12px 14px;margin-bottom:14px;font-size:0.8rem;
}
.auth-kat-uyari strong{display:block;color:#92400e;margin-bottom:6px;font-size:0.82rem}
.auth-kat-uyari p{color:#78350f;line-height:1.55;margin:0}
.auth-kat-uyari ul{margin:0;padding-left:2px;list-style:none;display:flex;flex-direction:column;gap:7px}
.auth-kat-uyari li{color:#78350f;line-height:1.5;font-size:0.78rem;padding-left:18px;position:relative}
.auth-kat-uyari li::before{content:"•";position:absolute;left:4px;color:#d97706;font-weight:700}
.auth-kat-uyari li strong{display:inline;color:#92400e;font-size:inherit;margin:0}
.auth-bayi-onay span{font-size:0.78rem;line-height:1.5;color:#065f46}

/* ---- Çoklu hizmet / ürün alanı seçimi ---- */
.auth-kat-baslik{margin-bottom:12px}
.auth-kat-baslik .form-etiket{margin-bottom:4px}
.auth-kat-secim{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;border-radius:14px;transition:box-shadow .2s}
.auth-kat-secim.auth-kat-hata{box-shadow:0 0 0 2px #fca5a5;padding:8px;background:#fef2f2}
.auth-kat-grup{
  border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff;
}
.auth-kat-grup-urun{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}
.auth-kat-grup-hizmet{border-color:#ddd6fe;background:linear-gradient(180deg,#f5f3ff,#fff)}
.auth-kat-grup-her_ikisi{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
.auth-kat-grup-bilgi{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.auth-kat-grup-ikon{font-size:1.4rem;line-height:1}
.auth-kat-grup-bilgi strong{display:block;font-size:0.92rem;color:#111827}
.auth-kat-grup-bilgi small{display:block;font-size:0.74rem;color:#6b7280;line-height:1.45;margin-top:2px}
.auth-kat-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.auth-kat-kart{
  position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;
  border:1.5px solid #e5e7eb;border-radius:11px;padding:9px 11px;background:#fff;
  transition:border-color .15s,box-shadow .15s,background .15s,transform .12s;
}
.auth-kat-kart:hover{border-color:#86efac;background:#f0fdf4;transform:translateY(-1px)}
.auth-kat-kart:active{transform:translateY(0)}
.auth-kat-kart input{position:absolute;opacity:0;pointer-events:none}
.auth-kat-kart-ikon{font-size:1.2rem;line-height:1;flex-shrink:0}
.auth-kat-kart-ad{font-size:0.78rem;font-weight:600;color:#374151;line-height:1.25}
.auth-kat-kart-tik{
  margin-left:auto;width:18px;height:18px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;
  color:#fff;background:#d1d5db;transition:background .15s,transform .18s,opacity .18s;
  transform:scale(.55);opacity:.5;
}
.auth-kat-kart.secili{border-color:#059669;background:#ecfdf5;box-shadow:0 4px 14px rgba(5,150,105,.16)}
.auth-kat-kart.secili .auth-kat-kart-tik{background:#059669;transform:scale(1);opacity:1}
.auth-kat-kart.secili .auth-kat-kart-ad{color:#065f46}
.auth-kat-secili-ozet{
  background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:11px 14px;margin-bottom:14px;
}
.auth-kat-ozet-sayi{font-size:0.78rem;color:#065f46;font-weight:600}
.auth-kat-ozet-sayi b{font-size:0.95rem}
.auth-kat-ozet-rozetler{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.auth-kat-rozet{
  display:inline-flex;align-items:center;gap:5px;font-size:0.72rem;font-weight:600;
  padding:4px 9px;border-radius:20px;background:#fff;border:1px solid #d1fae5;color:#065f46;
}
.auth-kat-rozet em{font-style:normal;font-size:0.66rem;opacity:.85;padding:1px 6px;border-radius:10px;background:#ecfdf5}
.auth-kat-rozet-urun{border-color:#bfdbfe;color:#1e40af}
.auth-kat-rozet-urun em{background:#eff6ff}
.auth-kat-rozet-hizmet{border-color:#ddd6fe;color:#5b21b6}
.auth-kat-rozet-hizmet em{background:#f5f3ff}

.auth-istatistik {
  display: flex;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.auth-istatistik div {
  text-align: center;
}

.auth-istatistik strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--birincil-acik);
}

.auth-istatistik small {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.55);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Sağ panel — form */
.auth-sag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 36px;
  min-height: calc(100vh - var(--nav-yukseklik));
  background: var(--beyaz);
}

.auth-form-ic {
  width: 100%;
  max-width: 440px;
}

.auth-baslik {
  margin-bottom: 28px;
}

.auth-baslik h1 {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0 0 6px;
}

.auth-baslik p {
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  margin: 0;
}

.auth-form {
  margin-bottom: 0;
}

.auth-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.auth-input-wrap {
  position: relative;
}

.auth-input-ikon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9rem;
  pointer-events: none;
  z-index: 1;
}

.auth-girdi {
  padding-left: 42px !important;
}

.auth-goz {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 4px;
  color: var(--metin-ikincil);
}

.auth-uyari {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-left: 3px solid #f59e0b;
  border-radius: var(--yari-cerceve);
  padding: 10px 14px;
  font-size: 0.8rem;
  color: #854d0e;
  line-height: 1.55;
  margin-bottom: 16px;
}

.auth-sifre-link {
  text-align: right;
  margin: -6px 0 16px;
}

.auth-sifre-link a {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--birincil);
}

.auth-ayirici {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: var(--metin-ikincil);
  font-size: 0.8rem;
}

.auth-ayirici::before,
.auth-ayirici::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--sinir);
}

.auth-alt-link {
  text-align: center;
  margin-top: 20px;
  font-size: 0.88rem;
  color: var(--metin-ikincil);
}

.auth-alt-link a {
  color: var(--birincil);
  font-weight: 700;
}

@media (max-width: 900px) {
  .auth-sayfa { padding: 0; }

  .auth-kapsayici {
    grid-template-columns: 1fr;
    align-items: stretch;
    border-radius: 0;
    min-height: auto;
    box-shadow: none;
  }

  .auth-sol {
    position: static;
    align-self: auto;
    min-height: auto;
    padding: 26px 22px 24px;
    text-align: center;
  }

  .auth-sol-ic { max-width: 100%; }

  .auth-logo { margin-bottom: 16px; }
  .auth-sol h2 { font-size: 1.32rem; margin-bottom: 8px; }
  .auth-sol p { margin-bottom: 16px; font-size: 0.86rem; }

  .auth-ozellikler { display: none; }
  .auth-adimlar { display: none; }
  .auth-bayi-cta { display: none; }
  .auth-rozet { margin-bottom: 12px; }

  /* Mobilde kompakt güven şeridi */
  .auth-istatistik {
    display: flex;
    justify-content: center;
    gap: 14px;
    padding-top: 14px;
    margin-top: 0;
  }
  .auth-istatistik strong { font-size: 1.15rem; }
  .auth-istatistik small { font-size: 0.62rem; }

  .auth-sag {
    padding: 26px 18px 34px;
    min-height: auto;
  }
}

@media (max-width: 480px) {
  .auth-kat-kartlar { grid-template-columns: 1fr 1fr; }
}

/* Alçak ekranlarda yapışık panel taşmasın */
@media (min-width: 901px) and (max-height: 740px) {
  .auth-sol { position: relative; top: auto; min-height: 100%; align-self: stretch; }
}

@media (max-width: 480px) {
  .auth-grid-2 { grid-template-columns: 1fr; }
  .auth-form-ic { max-width: 100%; min-width: 0; }
  /* Taşma sağlamlaştırma — grid/flex öğeleri içeriğe göre genişlemesin */
  .auth-grid-2 > .form-grup { min-width: 0; }
  .auth-bayi-alan { padding: 14px; }
  .auth-kat-grup { padding: 12px; }
  .auth-kat-kart { min-width: 0; }
  .auth-kat-kart-ad { overflow-wrap: anywhere; }
  .auth-kat-grup-bilgi small { overflow-wrap: anywhere; }
}

/* ============================================================
   E-POSTA DOĞRULAMA BEKLE — epb-*
   ============================================================ */
.auth-eposta-sayfa .auth-sag{align-items:flex-start;padding-top:48px;padding-bottom:48px}
.epb-form-ic{max-width:460px}
.epb-ikon-kutu{
  position:relative;width:88px;height:88px;margin:0 auto 22px;
  display:flex;align-items:center;justify-content:center;
}
.epb-ikon{
  position:relative;z-index:2;font-size:2.6rem;line-height:1;
  width:80px;height:80px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eff6ff,#ecfdf5);
  border:2px solid #bfdbfe;box-shadow:0 8px 24px rgba(59,130,246,.12);
}
.epb-pulse{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid #93c5fd;animation:epbPulse 2s ease-out infinite;
}
@keyframes epbPulse{
  0%{transform:scale(.85);opacity:.7}
  100%{transform:scale(1.35);opacity:0}
}
.epb-baslik{text-align:center;margin-bottom:22px}
.epb-baslik h1{font-size:1.45rem}
.epb-baslik p{font-size:0.86rem;line-height:1.55}
.epb-baslik strong{color:var(--birincil);word-break:break-all}

.epb-flash{
  border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:0.84rem;line-height:1.5;
}
.epb-flash-hata{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.epb-flash-basari{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}
.epb-flash-basari strong{display:block;margin-bottom:4px;font-size:0.88rem}
.epb-flash-basari span{font-size:0.8rem;opacity:.9}

.epb-bayi-kart{
  display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:18px;
  border-radius:14px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);
  border:1px solid #86efac;
}
.epb-bayi-ikon{font-size:1.6rem;line-height:1;flex-shrink:0}
.epb-bayi-kart strong{display:block;font-size:0.88rem;color:#065f46;margin-bottom:3px}
.epb-bayi-kart small{display:block;font-size:0.78rem;color:#047857;line-height:1.45}

.epb-yeniden-kart{
  background:var(--arkaplan-ikincil,#f8fafc);border:1px solid var(--sinir);
  border-radius:16px;padding:18px;margin-bottom:8px;
}
.epb-yeniden-baslik{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}
.epb-yeniden-baslik > span{font-size:1.3rem;line-height:1}
.epb-yeniden-baslik strong{display:block;font-size:0.88rem;color:var(--metin)}
.epb-yeniden-baslik small{display:block;font-size:0.76rem;color:var(--metin-ikincil);margin-top:2px}
.epb-form{margin-bottom:0}
.epb-gonder-btn{margin-top:4px}
.epb-alt{margin-top:18px}

/* Sol panel — adım durumları */
.epb-adim-tamam .auth-adim-no{background:#059669;border-color:#34d399;color:#fff}
.epb-adim-aktif .auth-adim-no{
  background:var(--birincil);border-color:rgba(255,255,255,.5);
  box-shadow:0 0 0 4px rgba(255,255,255,.15);
}
.epb-adim-bekle .auth-adim-no{background:rgba(255,255,255,.08);opacity:.55}
.epb-adim-bekle .auth-adim-ic strong,.epb-adim-bekle .auth-adim-ic small{opacity:.55}

.epb-ipucu{
  margin-top:28px;padding:14px 16px;border-radius:12px;
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);
}
.epb-ipucu strong{display:block;font-size:0.82rem;color:#fff;margin-bottom:6px}
.epb-ipucu span{display:block;font-size:0.76rem;color:rgba(255,255,255,0.65);line-height:1.5}

@media (max-width: 900px) {
  .auth-eposta-sayfa .auth-sag{padding-top:28px;padding-bottom:34px;align-items:center}
  .epb-adimlar{display:none}
  .epb-ipucu{display:none}
  .epb-baslik h1{font-size:1.28rem}
}

/* ============================================================
   ŞİFRE SIFIRLAMA — Özgün Sayfa Tasarımı
   ============================================================ */
.sifre-sayfa {
  min-height: calc(100vh - var(--nav-yukseklik));
  background: var(--krem);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
}

.sifre-sayfa::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 600px 400px at 10% 20%, color-mix(in srgb, var(--birincil) 8%, transparent), transparent),
    radial-gradient(ellipse 500px 350px at 90% 80%, color-mix(in srgb, var(--aksan) 10%, transparent), transparent),
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}

.sifre-sayfa-yaprak {
  position: absolute;
  font-size: 4rem;
  opacity: 0.04;
  pointer-events: none;
  user-select: none;
  line-height: 1;
}

.sifre-sayfa-yaprak.y1 { top: 8%; left: 5%; transform: rotate(-25deg); }
.sifre-sayfa-yaprak.y2 { bottom: 12%; right: 8%; transform: rotate(18deg); font-size: 5rem; }
.sifre-sayfa-yaprak.y3 { top: 50%; right: 3%; transform: rotate(40deg); font-size: 3rem; opacity: 0.03; }

.sifre-kart {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  width: 100%;
  max-width: 920px;
  min-height: 560px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow:
    0 24px 80px color-mix(in srgb, var(--birincil-koyu) 18%, transparent),
    0 8px 24px rgba(0,0,0,0.06);
  background: var(--beyaz);
}

/* Sol panel — dekoratif */
.sifre-kart-sol {
  background: linear-gradient(160deg, var(--hero-bas) 0%, var(--hero-son) 55%, var(--birincil-koyu) 100%);
  color: #fff;
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.sifre-kart-sol::before {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--birincil-acik) 12%, transparent);
  top: -80px;
  right: -80px;
  pointer-events: none;
}

.sifre-kart-sol::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--aksan) 15%, transparent);
  bottom: -40px;
  left: -40px;
  pointer-events: none;
}

.sifre-kart-sol-ic {
  position: relative;
  z-index: 1;
}

.sifre-kart-sol .auth-logo {
  margin-bottom: 36px;
}

.sifre-kart-sol h2 {
  font-family: var(--font-baslik);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 14px;
  color: #fff;
}

.sifre-kart-sol .sifre-sol-aciklama {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.65;
  margin: 0 0 32px;
}

.sifre-guven-rozet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 8px 16px;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  margin-bottom: 28px;
}

.sifre-guven-rozet span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--birincil-acik);
  box-shadow: 0 0 8px var(--birincil-acik);
}

.sifre-ipucu-listesi {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sifre-ipucu {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: rgba(255,255,255,0.82);
}

.sifre-ipucu-ikon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

/* Sağ panel — form */
.sifre-kart-sag {
  padding: 44px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--beyaz);
}

.sifre-kart-sag-ic {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

/* Adım göstergesi */
.sifre-adimlar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
  position: relative;
  padding: 0 4px;
}

.sifre-adimlar::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 16%;
  right: 16%;
  height: 2px;
  background: var(--parsmen);
  z-index: 0;
}

.sifre-adim {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.sifre-adim-n {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--parsmen);
  border: 2px solid var(--sinir);
  color: var(--metin-ikincil);
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  transition: var(--gecis);
}

.sifre-adim span {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  letter-spacing: 0.2px;
}

.sifre-adim.aktif .sifre-adim-n {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--birincil) 45%, transparent);
  transform: scale(1.08);
}

.sifre-adim.aktif span { color: var(--birincil); font-weight: 700; }

.sifre-adim.tamam .sifre-adim-n {
  background: var(--birincil-soluk);
  border-color: var(--birincil-acik);
  color: var(--birincil-koyu);
}

.sifre-adim.tamam span { color: var(--birincil); }

/* Başlık alanı */
.sifre-baslik {
  margin-bottom: 28px;
}

.sifre-baslik-ikon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--birincil-soluk);
  border: 1px solid color-mix(in srgb, var(--birincil) 20%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 18px;
}

.sifre-baslik-ikon.basarili {
  background: color-mix(in srgb, var(--basari) 12%, var(--beyaz));
  border-color: color-mix(in srgb, var(--basari) 30%, transparent);
}

.sifre-baslik-ikon.hata {
  background: color-mix(in srgb, var(--tehlike) 8%, var(--beyaz));
  border-color: color-mix(in srgb, var(--tehlike) 25%, transparent);
}

.sifre-baslik h1 {
  font-family: var(--font-baslik);
  font-size: 1.65rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0 0 8px;
  line-height: 1.2;
}

.sifre-baslik p {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  line-height: 1.55;
  margin: 0;
}

/* E-posta rozeti */
.sifre-eposta-rozet {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--birincil-soluk);
  border: 1px solid color-mix(in srgb, var(--birincil) 18%, transparent);
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 20px;
}

.sifre-eposta-rozet-ikon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--beyaz);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
  box-shadow: var(--golge-kucuk);
}

.sifre-eposta-rozet-metin {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  margin-bottom: 2px;
}

.sifre-eposta-rozet-addr {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--birincil-koyu);
  word-break: break-all;
}

/* Bilgi kutusu */
.sifre-bilgi-kutu {
  background: var(--birincil-soluk);
  border-left: 3px solid var(--birincil);
  border-radius: 0 var(--yari-cerceve) var(--yari-cerceve) 0;
  padding: 12px 16px;
  font-family: var(--font-ui);
  font-size: 0.8rem;
  color: var(--birincil-koyu);
  line-height: 1.55;
  margin-bottom: 20px;
}

/* Form elemanları */
.sifre-sayfa .form-etiket {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin);
  letter-spacing: 0.2px;
}

.sifre-sayfa .auth-girdi {
  font-family: var(--font-ui);
  border: 1.5px solid var(--sinir);
  border-radius: 12px;
  padding: 13px 42px 13px 42px !important;
  background: var(--krem);
  transition: border-color var(--gecis), box-shadow var(--gecis), background var(--gecis);
}

.sifre-sayfa .auth-girdi:focus {
  background: var(--beyaz);
  border-color: var(--birincil);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--birincil) 12%, transparent);
  outline: none;
}

.sifre-sayfa .btn-sifre {
  width: 100%;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--birincil) 0%, var(--birincil-koyu) 100%);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--birincil) 35%, transparent);
  transition: transform 0.15s, box-shadow 0.15s;
  margin-top: 4px;
}

.sifre-sayfa .btn-sifre:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--birincil) 40%, transparent);
}

.sifre-sayfa .btn-sifre:disabled {
  opacity: 0.65;
  cursor: wait;
  transform: none;
}

.sifre-sayfa .kutu-hata {
  border-radius: 12px;
  border-left: 3px solid var(--tehlike);
  font-family: var(--font-ui);
  font-size: 0.84rem;
  margin-bottom: 20px;
}

/* Şifre gücü */
.sifre-guc {
  margin-top: 10px;
}

.sifre-guc-cubuk {
  height: 5px;
  background: var(--parsmen);
  border-radius: 99px;
  overflow: hidden;
  margin-bottom: 6px;
}

.sifre-guc-dolgu {
  height: 100%;
  width: 0;
  border-radius: 99px;
  transition: width 0.35s ease, background 0.35s;
  background: var(--tehlike);
}

.sifre-guc-dolgu.orta { background: var(--uyari); }
.sifre-guc-dolgu.iyi { background: var(--birincil-acik); }
.sifre-guc-dolgu.guclu { background: var(--birincil); }

.sifre-guc-metin {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: var(--metin-ikincil);
}

.sifre-kural-listesi {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 12px;
}

.sifre-kural-listesi li {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  color: var(--metin-ikincil);
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s;
}

.sifre-kural-listesi li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sinir-guclu);
  flex-shrink: 0;
  transition: background 0.2s;
}

.sifre-kural-listesi li.gecerli {
  color: var(--birincil-koyu);
}

.sifre-kural-listesi li.gecerli::before {
  background: var(--birincil);
}

.sifre-geri-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  text-decoration: none;
  transition: color var(--gecis);
  margin-top: 24px;
}

.sifre-geri-link:hover { color: var(--birincil); }

.sifre-alt-orta {
  text-align: center;
  margin-top: 24px;
}

@media (max-width: 820px) {
  .sifre-sayfa { padding: 0; align-items: stretch; }

  .sifre-kart {
    grid-template-columns: 1fr;
    border-radius: 0;
    min-height: calc(100vh - var(--nav-yukseklik));
    box-shadow: none;
  }

  .sifre-kart-sol {
    padding: 32px 24px 28px;
  }

  .sifre-ipucu-listesi { display: none; }

  .sifre-kart-sag {
    padding: 28px 24px 40px;
    flex: 1;
  }

  .sifre-kural-listesi { grid-template-columns: 1fr; }
}

/* ============================================================
   PROFİL DÜZENLE (/profil/duzenle.php)
   ============================================================ */
.pdu-sayfa {
  background: var(--krem);
  padding: 28px 0 48px;
  min-height: calc(100vh - var(--nav-yukseklik) - 64px);
}

.pdu-kart {
  background: var(--beyaz);
  border-radius: var(--cerceve-buyuk);
  border: 1px solid var(--sinir);
  box-shadow: var(--golge-kucuk);
  overflow: hidden;
}

.pdu-baslik {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 24px 28px;
  background: linear-gradient(135deg, var(--hero-bas), var(--hero-son));
}

.pdu-baslik-sol {
  display: flex;
  align-items: center;
  gap: 14px;
}

.pdu-baslik-ikon {
  width: 48px; height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}

.pdu-baslik h1 {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
}

.pdu-baslik p {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.65);
  margin: 0;
}

.pdu-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  font-family: var(--font-ui);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--gecis);
  white-space: nowrap;
}

.pdu-btn-ghost {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.2);
}

.pdu-btn-ghost:hover {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.pdu-govde {
  padding: 28px;
}

.pdu-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pdu-bolum {
  padding: 22px 0;
  border-bottom: 1px solid var(--sinir);
}

.pdu-bolum:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.pdu-bolum-baslik {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 700;
  color: var(--metin);
  margin: 0 0 16px;
}

.pdu-bolum-aciklama {
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  margin: -8px 0 16px;
}

.pdu-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.pdu-avatar-alan {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.pdu-avatar-onizleme {
  width: 96px; height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid var(--birincil-soluk);
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.pdu-avatar-onizleme img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.pdu-avatar-onizleme span {
  font-family: var(--font-baslik);
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--birincil-koyu);
}

.pdu-avatar-kontrol {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pdu-dosya-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  border: 1px solid var(--sinir);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--gecis);
  width: fit-content;
}

.pdu-dosya-btn:hover {
  background: var(--sinir);
}

.pdu-dosya-btn input {
  display: none;
}

.pdu-ipucu {
  font-size: 0.75rem;
  color: var(--metin-ikincil);
  margin: 0;
}

.pdu-kaldir {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  cursor: pointer;
}

.pdu-kaldir input { accent-color: var(--birincil); }

.pdu-alt {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 24px;
  margin-top: 8px;
  border-top: 1px solid var(--sinir);
}

.pdu-kaydet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 767px) {
  .pdu-sayfa { padding: 16px 0 32px; }

  .pdu-baslik {
    padding: 20px 18px;
  }

  .pdu-govde { padding: 20px 18px; }

  .pdu-grid-2 {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .pdu-avatar-alan {
    flex-direction: column;
    align-items: flex-start;
  }

  .pdu-alt {
    flex-direction: column;
  }

  .pdu-alt .btn { width: 100%; justify-content: center; }
}

/* ============================================================
   DUYARLI YARDIMCILAR
   ============================================================ */
@media (max-width: 640px) {
  .gizli-mobil { display: none !important; }
}

@media (min-width: 641px) {
  .sadece-mobil { display: none !important; }
}

/* ============================================================
   KEŞFET SAYFASI
   ============================================================ */
.kes-hero {
  background: linear-gradient(160deg, var(--hero-bas) 0%, var(--hero-son) 60%, var(--birincil-koyu) 100%);
  padding: 56px 0 48px;
  position: relative;
  overflow: hidden;
}

.kes-hero::before {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--birincil-acik) 8%, transparent);
  top: -200px; right: -100px;
  pointer-events: none;
}

.kes-hero-ic {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
}

.kes-etiket {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--birincil-acik);
  margin-bottom: 12px;
}

.kes-h1 {
  font-family: var(--font-baslik);
  font-size: 2.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}

.kes-hero-aciklama {
  font-family: var(--font-ui);
  font-size: 1rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.7;
  margin-bottom: 28px;
  max-width: 440px;
}

.kes-hero-aksiyonlar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.kes-btn-rastgele {
  animation: hafifParlama 2.5s ease-in-out infinite;
}

@keyframes hafifParlama {
  0%, 100% { box-shadow: 0 4px 16px color-mix(in srgb, var(--birincil) 40%, transparent); }
  50% { box-shadow: 0 4px 24px color-mix(in srgb, var(--birincil) 60%, transparent); }
}

.kes-stat-kartlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.kes-stat-kart {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 20px 16px;
  text-align: center;
  backdrop-filter: blur(4px);
}

.kes-stat-sayi {
  font-family: var(--font-baslik);
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}

.kes-stat-etiket {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
}

/* Bölümler */
.kes-bolum {
  padding: 56px 0;
}

.kes-bolum-baslik {
  margin-bottom: 32px;
}

.kes-bolum-baslik h2 {
  font-family: var(--font-baslik);
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 6px;
}

.kes-bolum-baslik p {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin-ikincil);
}

/* Kategori Kartları */
.kes-kat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

.kes-kat-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 20px;
  padding: 28px 20px;
  text-align: center;
  text-decoration: none;
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.kes-kat-kart:hover {
  transform: translateY(-4px);
  box-shadow: var(--golge-buyuk);
  border-color: var(--birincil-acik);
}

.kes-kat-ikon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 4px;
  transition: transform var(--gecis);
}

.kes-kat-kart:hover .kes-kat-ikon {
  transform: scale(1.1);
}

.kes-kat-ad {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--metin);
  letter-spacing: 0;
}

.kes-kat-sayi {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  padding: 3px 10px;
  border-radius: 99px;
}

/* Bölgeler */
.kes-bolgeler-bg {
  background: var(--parsmen);
}

.kes-bolge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}

.kes-bolge-kart {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-left: 4px solid var(--bolge-renk);
  border-radius: 14px;
  padding: 18px 20px;
  text-decoration: none;
  transition: transform var(--gecis), box-shadow var(--gecis);
}

.kes-bolge-kart:hover {
  transform: translateX(4px);
  box-shadow: var(--golge);
}

.kes-bolge-ikon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--bolge-renk) 12%, var(--beyaz));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.kes-bolge-bilgi {
  flex: 1;
}

.kes-bolge-bilgi h3 {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--metin);
  letter-spacing: 0;
  margin-bottom: 2px;
}

.kes-bolge-bilgi span {
  font-family: var(--font-ui);
  font-size: 0.76rem;
  color: var(--metin-ikincil);
}

.kes-bolge-ok {
  font-size: 1.1rem;
  color: var(--metin-ikincil);
  opacity: 0;
  transition: opacity var(--gecis), transform var(--gecis);
}

.kes-bolge-kart:hover .kes-bolge-ok {
  opacity: 1;
  transform: translateX(3px);
}

/* Trend Hikayeler */
.kes-trend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.kes-trend-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 18px;
  padding: 24px;
  text-decoration: none;
  transition: transform var(--gecis), box-shadow var(--gecis);
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.kes-trend-kart:hover {
  transform: translateY(-3px);
  box-shadow: var(--golge-buyuk);
}

.kes-trend-buyuk {
  grid-column: span 2;
  background: linear-gradient(135deg, var(--birincil-soluk) 0%, var(--beyaz) 100%);
  border-color: color-mix(in srgb, var(--birincil) 20%, transparent);
}

.kes-trend-sira {
  font-family: var(--font-baslik);
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--birincil);
  background: var(--birincil-soluk);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 8px;
  width: fit-content;
}

.kes-trend-kat {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  color: var(--metin-ikincil);
}

.kes-trend-baslik {
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--metin);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.kes-trend-buyuk .kes-trend-baslik {
  font-size: 1.25rem;
}

.kes-trend-meta {
  display: flex;
  gap: 12px;
  font-family: var(--font-ui);
  font-size: 0.76rem;
  color: var(--metin-ikincil);
}

.kes-trend-istatistik {
  display: flex;
  gap: 14px;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  padding-top: 8px;
  border-top: 1px solid var(--sinir);
  margin-top: auto;
}

/* Popüler Konumlar */
.kes-konumlar-bg {
  background: var(--parsmen);
}

.kes-konum-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kes-konum-cip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 999px;
  padding: 10px 18px;
  text-decoration: none;
  font-family: var(--font-ui);
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
}

.kes-konum-cip:hover {
  transform: translateY(-2px);
  box-shadow: var(--golge-kucuk);
  border-color: var(--birincil-acik);
}

.kes-konum-ad {
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--metin);
}

.kes-konum-sayi {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--birincil);
  background: var(--birincil-soluk);
  padding: 2px 8px;
  border-radius: 99px;
}

/* CTA */
.kes-cta {
  padding: 64px 0;
  background: linear-gradient(135deg, var(--birincil-soluk) 0%, var(--krem) 100%);
}

.kes-cta-ic {
  text-align: center;
  max-width: 540px;
  margin: 0 auto;
}

.kes-cta-ic h2 {
  font-family: var(--font-baslik);
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 12px;
}

.kes-cta-ic p {
  font-family: var(--font-ui);
  font-size: 0.95rem;
  color: var(--metin-ikincil);
  line-height: 1.65;
  margin-bottom: 24px;
}

.kes-cta-btn {
  display: flex;
  justify-content: center;
}

/* Responsive */
@media (max-width: 820px) {
  .kes-hero-ic {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .kes-h1 { font-size: 2rem; }
  .kes-hero-aciklama { max-width: none; }
  .kes-stat-kartlar { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .kes-stat-kart { padding: 14px 10px; }
  .kes-stat-sayi { font-size: 1.3rem; }
  .kes-kat-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
  .kes-kat-kart { padding: 20px 14px; }
  .kes-bolge-grid { grid-template-columns: 1fr; }
  .kes-trend-grid { grid-template-columns: 1fr; }
  .kes-trend-buyuk { grid-column: span 1; }
  /* Bölümleri sıkılaştır */
  .kes-bolum { padding: 44px 0; }
  .kes-bolum-baslik { margin-bottom: 24px; }
  .kes-bolum-baslik h2 { font-size: 1.45rem; }
  .kes-cta { padding: 48px 0; }
  .kes-cta-ic h2 { font-size: 1.5rem; }
}

@media (max-width: 600px) {
  .kes-hero { padding: 40px 0 34px; }
  .kes-h1 { font-size: 1.8rem; }
  .kes-h1 br { display: none; }
  .kes-hero-aciklama { font-size: 0.94rem; margin-bottom: 22px; }
  /* Hero butonları alt alta — kolay dokunma */
  .kes-hero-aksiyonlar { flex-direction: column; gap: 10px; }
  .kes-hero-aksiyonlar .btn { width: 100%; justify-content: center; }
  .kes-trend-buyuk .kes-trend-baslik { font-size: 1.1rem; }
  .kes-trend-kart { padding: 20px 18px; }
  .kes-cta-btn .btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
  .kes-bolum { padding: 36px 0; }
  .kes-kat-grid { grid-template-columns: repeat(2, 1fr); }
  .kes-kat-ikon { width: 48px; height: 48px; font-size: 1.4rem; }
  .kes-bolge-kart { padding: 14px 16px; gap: 12px; }
  .kes-konum-cip { padding: 9px 14px; }
}

@media (max-width: 380px) {
  .kes-stat-kartlar { gap: 6px; }
  .kes-stat-kart { padding: 12px 6px; }
  .kes-stat-sayi { font-size: 1.15rem; }
  .kes-stat-etiket { font-size: 0.62rem; letter-spacing: 0; }
}

/* ============================================================
   DÜKKAN SAYFASI
   ============================================================ */
.duk-hero {
  background: linear-gradient(160deg, var(--hero-bas) 0%, var(--hero-son) 55%, var(--birincil-koyu) 100%);
  padding: 52px 0 44px;
  position: relative;
  overflow: hidden;
}

.duk-hero::before {
  content: '';
  position: absolute;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--aksan) 10%, transparent);
  bottom: -150px; right: -50px;
  pointer-events: none;
}

.duk-hero-ic {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 40px;
  align-items: center;
}

.duk-etiket {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--aksan);
  margin-bottom: 10px;
}

.duk-h1 {
  font-family: var(--font-baslik);
  font-size: 2.5rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin-bottom: 14px;
}

.duk-hero-aciklama {
  font-family: var(--font-ui);
  font-size: 0.95rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
  margin-bottom: 24px;
  max-width: 420px;
}

.duk-hero-aksiyonlar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.duk-hero-kartlar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.duk-mini-kart {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 20px 16px;
  text-align: center;
  backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.duk-mini-ikon { font-size: 1.6rem; }

.duk-mini-metin {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
}

/* Uyarı */
.duk-uyari {
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  padding: 12px 0;
}

.duk-uyari-ic {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #854d0e;
  line-height: 1.5;
}

.duk-uyari-ic span { font-size: 1.1rem; flex-shrink: 0; }

/* Filtre */
.duk-filtre-bolum {
  padding: 28px 0 0;
}

.duk-filtre-form {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 20px;
  padding: 20px 24px;
  box-shadow: var(--golge-kucuk);
}

.duk-filtre-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1.2fr auto;
  gap: 12px;
  align-items: center;
}

.duk-filtre-arama {
  position: relative;
}

.duk-filtre-ikon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9rem;
  pointer-events: none;
}

.duk-filtre-input {
  width: 100%;
  padding: 12px 14px 12px 40px;
  border: 1.5px solid var(--sinir);
  border-radius: 12px;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  background: var(--krem);
  transition: border-color var(--gecis), box-shadow var(--gecis);
}

.duk-filtre-input:focus {
  outline: none;
  border-color: var(--birincil);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--birincil) 12%, transparent);
  background: var(--beyaz);
}

.duk-filtre-input-kucuk {
  padding-left: 14px;
}

.duk-filtre-select {
  padding: 12px 14px;
  border: 1.5px solid var(--sinir);
  border-radius: 12px;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  background: var(--krem);
  cursor: pointer;
  transition: border-color var(--gecis);
}

.duk-filtre-select:focus {
  outline: none;
  border-color: var(--birincil);
}

.duk-filtre-fiyat {
  display: flex;
  align-items: center;
  gap: 8px;
}

.duk-filtre-tire {
  color: var(--metin-ikincil);
  font-weight: 600;
}

.duk-filtre-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  background: var(--birincil);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--gecis), transform 0.15s;
}

.duk-filtre-btn:hover {
  background: var(--birincil-koyu);
  transform: translateY(-1px);
}

/* Sıralama */
.duk-siralama {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-bottom: 8px;
}

.duk-siralama-etiket {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
}

.duk-siralama-tablar {
  display: flex;
  gap: 4px;
}

.duk-tab {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--metin-ikincil);
  padding: 6px 14px;
  border-radius: 8px;
  text-decoration: none;
  transition: background var(--gecis), color var(--gecis);
}

.duk-tab:hover { background: var(--parsmen); color: var(--metin); }

.duk-tab.aktif {
  background: var(--birincil);
  color: #fff;
  font-weight: 600;
}

/* Ürünler Grid */
.duk-urunler {
  padding: 28px 0 56px;
}

.duk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.duk-urun-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--gecis), box-shadow var(--gecis);
  display: flex;
  flex-direction: column;
}

.duk-urun-kart:hover {
  transform: translateY(-4px);
  box-shadow: var(--golge-buyuk);
}

.duk-urun-gorsel {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  background: var(--parsmen);
  overflow: hidden;
}

.duk-urun-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}

.duk-urun-kart:hover .duk-urun-gorsel img {
  transform: scale(1.05);
}

.duk-urun-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  background: linear-gradient(135deg, var(--birincil-soluk) 0%, var(--parsmen) 100%);
}

.duk-rozet {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: var(--font-ui);
  font-size: 0.68rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 8px;
  backdrop-filter: blur(8px);
}

.duk-rozet-gold { background: rgba(218,165,32,0.9); color: #fff; }
.duk-rozet-silver { background: rgba(148,163,184,0.9); color: #fff; }
.duk-rozet-bronz { background: rgba(180,120,60,0.9); color: #fff; }

.duk-stok {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: var(--font-ui);
  font-size: 0.68rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 8px;
  backdrop-filter: blur(8px);
}

.duk-stok-mevcut { background: rgba(22,163,74,0.85); color: #fff; }
.duk-stok-tukendi { background: rgba(220,38,38,0.85); color: #fff; }
.duk-stok-talep_uzerine { background: rgba(245,158,11,0.85); color: #fff; }

.duk-urun-bilgi {
  padding: 18px 18px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.duk-urun-satici {
  font-family: var(--font-ui);
  font-size: 0.76rem;
  color: var(--metin-ikincil);
  margin-bottom: 6px;
}

.duk-urun-satici span { opacity: 0.7; }

.duk-urun-baslik {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 600;
  color: var(--metin);
  letter-spacing: -0.01em;
  line-height: 1.35;
  margin-bottom: 12px;
  flex: 1;
}

.duk-urun-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid var(--sinir);
}

.duk-urun-fiyat {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--birincil);
}

.duk-urun-goruntulenme {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  color: var(--metin-ikincil);
}

/* Boş durum */
.duk-bos {
  text-align: center;
  padding: 64px 24px;
  background: var(--beyaz);
  border: 2px dashed var(--sinir);
  border-radius: 24px;
}

.duk-bos-ikon {
  font-size: 4rem;
  margin-bottom: 20px;
  opacity: 0.7;
}

.duk-bos h2 {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.duk-bos p {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  color: var(--metin-ikincil);
  max-width: 440px;
  margin: 0 auto 28px;
  line-height: 1.65;
}

.duk-bos-aksiyonlar {
  margin-bottom: 32px;
}

.duk-bos-avantajlar {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.duk-bos-av {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 0.84rem;
  color: var(--metin-ikincil);
}

.duk-bos-av span { font-size: 1.2rem; }

/* CTA */
.duk-cta {
  padding: 56px 0;
  background: var(--parsmen);
}

.duk-cta-ic {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
}

.duk-cta-sol h2 {
  font-family: var(--font-baslik);
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.duk-cta-sol p {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  color: var(--metin-ikincil);
  line-height: 1.65;
  margin-bottom: 24px;
  max-width: 420px;
}

.duk-cta-paketler {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
}

.duk-cta-paket {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 20px 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: transform var(--gecis);
}

.duk-cta-paket span { font-size: 1.8rem; }

.duk-cta-paket strong {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--metin);
}

.duk-cta-paket em {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-style: normal;
  color: var(--metin-ikincil);
}

.duk-cta-paket-one {
  transform: scale(1.12);
  border-color: var(--aksan);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--aksan) 25%, transparent);
}

/* Responsive */
@media (max-width: 820px) {
  .duk-hero-ic { grid-template-columns: 1fr; gap: 28px; }
  .duk-h1 { font-size: 2rem; }
  .duk-filtre-grid { grid-template-columns: 1fr 1fr; }
  .duk-filtre-fiyat { grid-column: span 2; }
  .duk-filtre-btn { grid-column: span 2; }
  .duk-cta-ic { grid-template-columns: 1fr; text-align: center; }
  .duk-cta-sol p { margin: 0 auto 24px; }
  .duk-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
}

@media (max-width: 480px) {
  .duk-hero { padding: 36px 0 28px; }
  .duk-filtre-grid { grid-template-columns: 1fr; }
  .duk-filtre-fiyat { grid-column: span 1; }
  .duk-filtre-btn { grid-column: span 1; }
  .duk-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .duk-urun-bilgi { padding: 12px 12px 14px; }
  .duk-urun-baslik { font-size: 0.88rem; }
  .duk-urun-fiyat { font-size: 1rem; }
}

/* ============================================================
   BAYİLİK PAKET KARTLARI
   ============================================================ */
.byk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 960px;
  margin: 0 auto;
}

.byk-kart {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 24px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform var(--gecis), box-shadow var(--gecis);
}

.byk-kart:hover {
  transform: translateY(-4px);
  box-shadow: var(--golge-buyuk);
}

.byk-kart-one {
  border: 2px solid var(--aksan);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--aksan) 18%, transparent);
  transform: scale(1.03);
}

.byk-kart-one:hover {
  transform: scale(1.03) translateY(-4px);
}

.byk-etiket {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--aksan);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 5px 16px;
  border-radius: 20px;
  white-space: nowrap;
}

.byk-ust {
  text-align: center;
  margin-bottom: 20px;
}

.byk-ikon { font-size: 2.8rem; display: block; margin-bottom: 10px; }

.byk-baslik {
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.byk-alt-baslik {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
}

.byk-fiyat {
  text-align: center;
  margin-bottom: 4px;
}

.byk-fiyat-sayi {
  font-family: var(--font-baslik);
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--birincil);
}

.byk-fiyat-sure {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin-ikincil);
}

.byk-yillik {
  text-align: center;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--aksan);
  margin-bottom: 24px;
}

.byk-yillik small {
  opacity: 0.8;
}

.byk-liste {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  flex: 1;
}

.byk-liste li {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin);
  padding: 8px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--sinir) 60%, transparent);
  display: flex;
  align-items: center;
  gap: 10px;
}

.byk-liste li:last-child { border-bottom: none; }

.byk-tik {
  color: var(--birincil);
  font-weight: 700;
  font-size: 1rem;
}

.byk-btn {
  display: block;
  text-align: center;
  padding: 14px 24px;
  border-radius: 14px;
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  background: var(--birincil);
  color: #fff;
  transition: background var(--gecis), transform 0.15s;
}

.byk-btn:hover {
  background: var(--birincil-koyu);
  transform: translateY(-2px);
  color: #fff;
}

.byk-btn-one {
  background: var(--aksan);
}

.byk-btn-one:hover {
  background: color-mix(in srgb, var(--aksan) 85%, #000);
}

.byk-btn-disabled {
  background: var(--sinir);
  color: var(--metin-ikincil);
  cursor: not-allowed;
  opacity: 0.75;
}

.byk-btn-disabled:hover {
  transform: none;
  background: var(--sinir);
}

/* Bayi sayfa layout */
.byk-sayfa {
  background: var(--parsmen);
  min-height: 60vh;
}

.byk-hero {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--birincil) 92%, #000) 0%,
    color-mix(in srgb, var(--aksan) 75%, var(--birincil)) 100%);
  color: #fff;
  padding: 56px 0 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.byk-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.08) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(255,255,255,0.06) 0%, transparent 40%);
  pointer-events: none;
}

.byk-hero .konteyner { position: relative; z-index: 1; }

.byk-hero .duk-etiket {
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
  color: #fff;
  margin-bottom: 16px;
}

.byk-hero-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 800;
  margin-bottom: 14px;
  line-height: 1.2;
}

.byk-hero-alt {
  font-family: var(--font-ui);
  font-size: 1.05rem;
  opacity: 0.92;
  max-width: 620px;
  margin: 0 auto 20px;
  line-height: 1.65;
}

.byk-hero-rozet {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 16px;
  padding: 12px 20px;
  font-family: var(--font-ui);
  font-size: 0.92rem;
}

.byk-sure-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 28px 0 8px;
}

.byk-sure-etiket {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  font-weight: 500;
}

.byk-sure-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 999px;
  border: 1.5px solid var(--sinir);
  background: var(--beyaz);
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--metin);
  text-decoration: none;
  transition: all var(--gecis);
}

.byk-sure-btn em {
  font-style: normal;
  font-size: 0.75rem;
  background: color-mix(in srgb, var(--aksan) 15%, transparent);
  color: var(--aksan);
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 4px;
}

.byk-sure-btn.aktif {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--birincil) 30%, transparent);
}

.byk-sure-btn.aktif em {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

.byk-paketler {
  padding: 24px 0 48px;
}

.byk-yillik-tasarruf {
  text-align: center;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--aksan);
  margin-bottom: 24px;
}

/* Ödeme bilgi kutusu */
.byk-odeme-bilgi {
  padding: 0 0 56px;
}

.byk-odeme-kutu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 24px;
  padding: 36px 40px;
  box-shadow: var(--golge);
}

.byk-odeme-sol h3 {
  font-family: var(--font-baslik);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.byk-odeme-sol p {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin-ikincil);
  line-height: 1.65;
}

.byk-iban-goster {
  background: linear-gradient(135deg, var(--parsmen) 0%, color-mix(in srgb, var(--birincil) 8%, var(--beyaz)) 100%);
  border: 1.5px dashed color-mix(in srgb, var(--birincil) 35%, var(--sinir));
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.byk-iban-goster div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.byk-iban-goster span {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--metin-ikincil);
  font-weight: 600;
}

.byk-iban-goster strong {
  font-family: var(--font-ui);
  font-size: 0.95rem;
  color: var(--metin);
}

.byk-abn-iban,
.byk-iban-goster .byk-abn-iban {
  font-family: 'Courier New', monospace;
  font-size: 1.05rem !important;
  letter-spacing: 0.04em;
  color: var(--birincil) !important;
}

/* Bayi başvuru sayfası */
.byk-abn-sayfa {
  padding: 32px 0 56px;
  background: var(--parsmen);
  min-height: 60vh;
}

.byk-abn-grid {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 24px;
}

.byk-abn-paket-kart {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 24px;
  padding: 32px 28px;
  text-align: center;
  position: relative;
}

.byk-abn-paket-kart.byk-abn-paket-gold {
  border-color: var(--aksan);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--aksan) 15%, transparent);
}

.byk-abn-paket-ikon {
  font-size: 3rem;
  display: block;
  margin-bottom: 12px;
}

.byk-abn-paket-kart h2 {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.byk-abn-paket-alt {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
  margin-bottom: 8px;
}

.byk-abn-paket-fiyat {
  font-family: var(--font-baslik);
  font-size: 2rem;
  font-weight: 800;
  color: var(--birincil);
  margin: 12px 0 6px;
}

.byk-abn-paket-sure {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
  margin-bottom: 16px;
}

.byk-abn-odeme {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 24px;
  padding: 32px;
}

.byk-abn-baslik {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.byk-abn-sure-sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}

.byk-abn-sure-opt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 18px 14px;
  border: 1.5px solid var(--sinir);
  border-radius: 16px;
  text-decoration: none;
  transition: all var(--gecis);
  background: var(--parsmen);
}

.byk-abn-sure-opt.aktif {
  border-color: var(--birincil);
  background: color-mix(in srgb, var(--birincil) 8%, var(--beyaz));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--birincil) 12%, transparent);
}

.byk-abn-sure-baslik {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--metin);
}

.byk-abn-sure-fiyat {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--birincil);
}

.byk-abn-sure-opt em {
  font-style: normal;
  font-size: 0.72rem;
  color: var(--aksan);
  font-weight: 600;
}

.byk-abn-toplam {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--parsmen);
  border-radius: 14px;
  margin-bottom: 20px;
}

.byk-abn-toplam span {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin-ikincil);
}

.byk-abn-toplam strong {
  font-family: var(--font-baslik);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--birincil);
}

.byk-abn-iban-onizleme {
  background: color-mix(in srgb, var(--birincil) 6%, var(--parsmen));
  border: 1px solid color-mix(in srgb, var(--birincil) 20%, var(--sinir));
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 24px;
}

.byk-abn-iban-onizleme h4 {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin-ikincil);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.byk-abn-iban-mini {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}

.byk-abn-iban-mini span {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin);
}

.byk-abn-iban-mini code {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  color: var(--birincil);
  font-weight: 600;
  letter-spacing: 0.03em;
}

.byk-abn-iban-onizleme p {
  font-family: var(--font-ui);
  font-size: 0.8rem;
  color: var(--metin-ikincil);
  margin: 0;
}

.byk-abn-btn {
  width: 100%;
}

.byk-abn-iban-kutu {
  background: linear-gradient(135deg, var(--parsmen) 0%, color-mix(in srgb, var(--birincil) 10%, var(--beyaz)) 100%);
  border: 1.5px solid color-mix(in srgb, var(--birincil) 25%, var(--sinir));
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 20px;
}

.byk-abn-iban-kutu h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.byk-abn-iban-satir {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--sinir) 70%, transparent);
  gap: 12px;
}

.byk-abn-iban-satir:last-of-type { border-bottom: none; }

.byk-abn-iban-satir span {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  flex-shrink: 0;
}

.byk-abn-iban-satir strong {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  text-align: right;
}

.byk-abn-uyari {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 24px;
}

.byk-abn-uyari span { font-size: 1.2rem; flex-shrink: 0; }

.byk-abn-uyari p {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: #92400e;
  line-height: 1.55;
  margin: 0;
}

.byk-abn-dekont-form h3 {
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.byk-abn-dekont-form p {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
  margin-bottom: 16px;
}

.byk-abn-dekont-alan {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.byk-abn-dekont-ok {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #dcfce7;
  border: 1px solid #86efac;
  border-radius: 14px;
  padding: 18px 20px;
}

.byk-abn-dekont-ok span { font-size: 1.4rem; }

.byk-abn-dekont-ok div {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.byk-abn-dekont-ok strong {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  color: #16a34a;
}

.byk-abn-dekont-ok div span {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #15803d;
}

.byk-abn-durum {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 24px;
  padding: 36px;
  margin-top: 24px;
}

.byk-abn-durum-aktif {
  border-color: #86efac;
  background: linear-gradient(135deg, #f0fdf4 0%, var(--beyaz) 100%);
}

.byk-abn-durum-ikon { font-size: 2.5rem; }

.byk-abn-durum h2 {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.byk-abn-durum p {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  color: var(--metin-ikincil);
}

@media (max-width: 820px) {
  .byk-odeme-kutu { grid-template-columns: 1fr; padding: 28px 24px; }
  .byk-abn-grid { grid-template-columns: 1fr; }
  .byk-abn-sure-sec { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .byk-abn-sure-sec { grid-template-columns: 1fr; }
  .byk-abn-odeme { padding: 24px 20px; }
  .byk-abn-iban-satir { flex-direction: column; align-items: flex-start; }
  .byk-abn-iban-satir strong { text-align: left; }
}

/* Nasıl Çalışır */
.duk-nasil {
  padding: 56px 0;
  background: var(--parsmen);
}

.duk-nasil-baslik {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 36px;
}

.duk-nasil-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}

.duk-nasil-adim {
  text-align: center;
  background: var(--beyaz);
  border-radius: 16px;
  padding: 28px 18px;
  border: 1px solid var(--sinir);
}

.duk-nasil-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--birincil);
  color: #fff;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 0.92rem;
  margin-bottom: 12px;
}

.duk-nasil-adim h3 {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.duk-nasil-adim p {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  line-height: 1.55;
}

@media (max-width: 820px) {
  .byk-grid { grid-template-columns: 1fr; max-width: 400px; }
  .byk-kart-one { transform: none; }
  .byk-kart-one:hover { transform: translateY(-4px); }
  .duk-nasil-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .duk-nasil-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   DÜKKAN EK STİLLER (Kategori, İndirim, Ürün Detay vb.)
   ============================================================ */

/* Kategori Chips */
.duk-kat-bolum {
  padding: 16px 0 0;
}

.duk-kat-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.duk-kat-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 20px;
  border: 1px solid var(--sinir);
  background: var(--beyaz);
  font-family: var(--font-ui);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--metin);
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--gecis);
}

.duk-kat-chip em {
  font-style: normal;
  font-size: 0.68rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  padding: 1px 6px;
  border-radius: 8px;
}

.duk-kat-chip:hover {
  border-color: var(--birincil);
  background: var(--birincil-soluk);
}

.duk-kat-chip.aktif {
  background: var(--birincil);
  border-color: var(--birincil);
  color: #fff;
}

.duk-kat-chip.aktif em { background: rgba(255,255,255,0.2); color: #fff; }

/* İndirim rozeti */
.duk-indirim {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
}

.duk-urun-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  gap: 6px;
}

.duk-urun-kat {
  font-family: var(--font-ui);
  font-size: 0.7rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  padding: 2px 8px;
  border-radius: 6px;
}

.duk-urun-fiyat-grup {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.duk-urun-fiyat-eski {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  text-decoration: line-through;
}

/* ============================================================
   ÜRÜN DETAY SAYFASI
   ============================================================ */
.urn-detay { padding: 28px 0 56px; }

.urn-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.urn-breadcrumb a { color: var(--birincil); text-decoration: none; }
.urn-breadcrumb span { color: var(--metin-ikincil); }
.urn-breadcrumb-aktif { font-weight: 600; color: var(--metin); }

.urn-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.urn-ana-gorsel {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: var(--parsmen);
  aspect-ratio: 1;
}

.urn-ana-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.urn-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
}

.urn-indirim-rozet {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #dc2626;
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 10px;
}

.urn-gorsel-thumbnails {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.urn-thumb {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color var(--gecis);
}

.urn-thumb.aktif, .urn-thumb:hover { border-color: var(--birincil); }

.urn-ust-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.urn-kat-rozet {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  background: var(--parsmen);
  padding: 4px 12px;
  border-radius: 8px;
}

.urn-tur-rozet {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  font-weight: 700;
  padding: 4px 11px;
  border-radius: 999px;
}
.urn-tur-hizmet { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; }

.urn-sekil-rozet {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  font-weight: 600;
  padding: 4px 11px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}

.urn-sure-rozet {
  font-family: var(--font-ui);
  font-size: 0.74rem;
  font-weight: 600;
  padding: 4px 11px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}

.urn-stok {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 600;
}

.urn-stok-mevcut { color: #16a34a; }
.urn-stok-tukendi { color: #dc2626; }
.urn-stok-talep_uzerine { color: #d97706; }

.urn-baslik {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
}

.urn-bayi-mini {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--krem);
  border-radius: 14px;
  text-decoration: none;
  margin-bottom: 20px;
  transition: background var(--gecis);
}

.urn-bayi-mini:hover { background: var(--parsmen); }

.urn-bayi-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--birincil);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
}

.urn-bayi-mini strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin);
}

.urn-bayi-mini span {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.urn-bayi-git {
  margin-left: auto;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--birincil) !important;
  font-weight: 600;
}

.urn-fiyat-kutu {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
}

.urn-fiyat-ana { margin-bottom: 10px; }

.urn-fiyat-eski {
  font-family: var(--font-ui);
  font-size: 1rem;
  color: var(--metin-ikincil);
  text-decoration: line-through;
  margin-right: 10px;
}

.urn-fiyat-yeni {
  font-family: var(--font-baslik);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--birincil);
}

.urn-fiyat-detay {
  display: flex;
  gap: 16px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  margin-bottom: 10px;
}

.urn-fiyat-toplam {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  padding-top: 10px;
  border-top: 1px solid var(--sinir);
}

.urn-fiyat-toplam strong {
  color: var(--birincil);
  font-size: 1.1rem;
}

.urn-satin-al {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 16px;
}

.urn-hizmet-aksiyon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.urn-rnd-btn {
  flex: 1 1 auto;
  text-align: center;
  min-width: 160px;
}
.urn-rnd-wa {
  background: #25d366;
  color: #fff;
  border: none;
}
.urn-rnd-wa:hover { background: #1ebe5a; color: #fff; }
.urn-online-not {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 16px;
}

.urn-odeme-bilgi {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 24px;
}

.urn-odeme-bilgi span { font-size: 1.2rem; flex-shrink: 0; }

.urn-odeme-bilgi p {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #854d0e;
  line-height: 1.5;
}

.urn-aciklama {
  margin-bottom: 24px;
}

.urn-aciklama h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.urn-aciklama p {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin-ikincil);
  line-height: 1.7;
}

.urn-detay-tablo {
  border: 1px solid var(--sinir);
  border-radius: 12px;
  overflow: hidden;
}

.urn-detay-satir {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  border-bottom: 1px solid var(--sinir);
}

.urn-detay-satir:last-child { border-bottom: none; }
.urn-detay-satir span:first-child { color: var(--metin-ikincil); }
.urn-detay-satir span:last-child { font-weight: 500; }

/* İlgili Şifa Hikayeleri */
.urn-hikayeler {
  margin-top: 48px;
  padding: 32px;
  background: linear-gradient(135deg, #f0fdf4, #ecfdf5, #f0f9ff);
  border: 1px solid #bbf7d0;
  border-radius: 20px;
}
.urn-hikayeler-baslik { margin-bottom: 20px; }
.urn-hikayeler-baslik h2 {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--metin);
}
.urn-hikayeler-baslik p {
  font-size: .82rem;
  color: var(--metin-ikincil);
  margin: 0;
}
.urn-hikaye-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.urn-hikaye-kart {
  background: #fff;
  border: 1px solid var(--sinir);
  border-radius: 14px;
  padding: 16px;
  text-decoration: none;
  color: var(--metin);
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.urn-hikaye-kart:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(34,139,34,.1);
  border-color: var(--birincil-acik);
}
.urn-hikaye-kart-ust { margin-bottom: 8px; }
.urn-hikaye-kat {
  font-size: .7rem;
  font-weight: 700;
  background: var(--birincil-soluk);
  color: var(--birincil-koyu);
  padding: 3px 10px;
  border-radius: 99px;
  display: inline-block;
}
.urn-hikaye-baslik {
  font-size: .88rem;
  font-weight: 700;
  margin: 0 0 6px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.urn-hikaye-ozet {
  font-size: .78rem;
  color: var(--metin-ikincil);
  margin: 0 0 auto;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.urn-hikaye-alt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--sinir);
  font-size: .72rem;
}
.urn-hikaye-yazar { font-weight: 600; color: var(--metin); }
.urn-hikaye-meta { color: var(--metin-ikincil); }
.urn-hikayeler-devam {
  text-align: center;
  margin-top: 16px;
}
@media (max-width: 600px) {
  .urn-hikayeler { padding: 20px 16px; }
  .urn-hikaye-grid { grid-template-columns: 1fr; }
}

.urn-benzer {
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid var(--sinir);
}

.urn-benzer h2 {
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 820px) {
  .urn-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* ============================================================
   MAĞAZA (BAYİ PROFİL) SAYFASI
   ============================================================ */
.mgz-hero {
  background: linear-gradient(160deg, var(--hero-bas), var(--hero-son));
  padding: 40px 0;
}

.mgz-hero-ic {
  display: flex;
  align-items: center;
  gap: 24px;
}

.mgz-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  border: 3px solid rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  overflow: hidden;
}

.mgz-avatar img { width: 100%; height: 100%; object-fit: cover; }

.mgz-ust-etiketler {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
}

.mgz-paket-rozet {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 8px;
  display: inline-block;
}

.mgz-paket-gold { background: rgba(218,165,32,0.2); color: #b8860b; }
.mgz-paket-silver { background: rgba(148,163,184,0.2); color: #64748b; }
.mgz-paket-bronz { background: rgba(180,120,60,0.2); color: #92400e; }

.mgz-konum {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: rgba(255,255,255,0.7);
}

.mgz-firma-adi {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.mgz-aciklama {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.6;
  margin-bottom: 16px;
  max-width: 600px;
}

.mgz-istatistik {
  display: flex;
  gap: 24px;
}

.mgz-istatistik div {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: rgba(255,255,255,0.6);
}

.mgz-istatistik strong {
  color: #fff;
  font-size: 1rem;
  display: block;
}

.mgz-icerik { padding: 32px 0 56px; }

.mgz-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 28px;
  align-items: start;
}

.mgz-sidebar { display: flex; flex-direction: column; gap: 16px; }

.mgz-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 20px;
}

.mgz-kart h3 {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 14px;
}

.mgz-iletisim-liste { display: flex; flex-direction: column; gap: 8px; }

.mgz-iletisim-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 10px;
  transition: background var(--gecis);
}

.mgz-iletisim-item:hover { background: var(--krem); }

.mgz-whatsapp { color: #25d366; font-weight: 600; }

.mgz-firma-detay { display: flex; flex-direction: column; gap: 10px; }

.mgz-firma-satir {
  display: flex;
  gap: 10px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  align-items: flex-start;
}

.mgz-firma-satir span:first-child { flex-shrink: 0; }

.mgz-harita { border-radius: 12px; overflow: hidden; }
.mgz-harita iframe { width: 100%; height: 200px; border: 0; }

.mgz-main { min-width: 0; }

.mgz-video-kutu, .mgz-galeri-kutu, .mgz-urunler-kutu {
  margin-bottom: 32px;
}

.mgz-video-kutu h2, .mgz-galeri-kutu h2, .mgz-urunler-kutu h2 {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.mgz-urun-sayi {
  font-weight: 400;
  color: var(--metin-ikincil);
  font-size: 0.9rem;
}

.mgz-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.mgz-galeri img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 820px) {
  .mgz-layout { grid-template-columns: 1fr; }
  .mgz-hero-ic { flex-direction: column; text-align: center; }
  .mgz-istatistik { justify-content: center; }
}

/* ============================================================
   SİPARİŞ SAYFASI
   ============================================================ */
.sip-sayfa { padding: 28px 0 56px; }

.sip-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 32px;
  align-items: start;
}

.sip-baslik {
  font-family: var(--font-baslik);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.sip-form-alan { }

.sip-form-grup {
  margin-bottom: 18px;
}

.sip-form-grup label {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.sip-onayla-btn {
  width: 100%;
  margin-top: 8px;
}

.sip-form-not {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  text-align: center;
  margin-top: 12px;
}

.sip-ozet-kart {
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 18px;
  padding: 24px;
  position: sticky;
  top: 100px;
}

.sip-ozet-kart h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 18px;
}

.sip-ozet-urun {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sinir);
  margin-bottom: 16px;
}

.sip-ozet-gorsel {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: var(--parsmen);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.sip-ozet-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sip-ozet-gorsel span { font-size: 1.6rem; }

.sip-ozet-urun strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  margin-bottom: 4px;
}

.sip-ozet-urun span {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.sip-ozet-satirlar { margin-bottom: 16px; }

.sip-ozet-satir {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  border-bottom: 1px solid color-mix(in srgb, var(--sinir) 50%, transparent);
}

.sip-ozet-indirim span:last-child { color: #16a34a; }

.sip-ozet-toplam {
  border-top: 2px solid var(--sinir);
  border-bottom: none !important;
  padding-top: 12px;
  font-weight: 700;
  font-size: 1rem !important;
}

.sip-ozet-toplam span:last-child { color: var(--birincil); font-size: 1.2rem; }

.sip-ozet-odeme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
  padding-top: 12px;
  border-top: 1px solid var(--sinir);
}

/* Sipariş başarı */
.sip-basari {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 0;
}

.sip-basari-ikon { font-size: 4rem; margin-bottom: 16px; }

.sip-basari h1 {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.sip-basari > p {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  color: var(--metin-ikincil);
  margin-bottom: 28px;
}

.sip-iban-kutu {
  background: var(--krem);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 24px;
  text-align: left;
  margin-bottom: 24px;
}

.sip-iban-kutu h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  margin-bottom: 14px;
}

.sip-iban-detay div {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  border-bottom: 1px solid var(--sinir);
}

.sip-iban-detay div:last-child { border-bottom: none; }
.sip-iban-detay span { color: var(--metin-ikincil); }

.sip-iban { font-family: monospace; letter-spacing: 1px; }

.sip-iban-uyari {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #d97706;
  margin-top: 12px;
}

.sip-sonraki-adimlar {
  text-align: left;
  background: var(--birincil-soluk);
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.sip-sonraki-adimlar h3 {
  font-family: var(--font-baslik);
  font-size: 1rem;
  margin-bottom: 10px;
}

.sip-sonraki-adimlar ol {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  line-height: 1.8;
  padding-left: 20px;
}

@media (max-width: 820px) {
  .sip-grid { grid-template-columns: 1fr; }
  .sip-ozet-kart { position: static; }
}

/* ============================================================
   BAYİ PANELİ
   ============================================================ */
.bpn-sayfa { padding: 28px 0 56px; }

.bpn-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  flex-wrap: wrap;
  gap: 12px;
}

.bpn-baslik {
  font-family: var(--font-baslik);
  font-size: 1.5rem;
  font-weight: 700;
}

.bpn-hosgeldin {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  margin-top: 4px;
}

.bpn-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.bpn-stat-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
}

.bpn-stat-ikon { font-size: 1.8rem; display: block; margin-bottom: 8px; }

.bpn-stat-sayi {
  font-family: var(--font-baslik);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--birincil);
}

.bpn-stat-etiket {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  margin-top: 4px;
}

.bpn-hizli-linkler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 32px;
}

.bpn-hizli-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  background: var(--beyaz);
  border: 1.5px solid var(--sinir);
  border-radius: 14px;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--metin);
  text-decoration: none;
  transition: all var(--gecis);
  position: relative;
}

.bpn-hizli-link:hover {
  border-color: var(--birincil);
  transform: translateY(-2px);
  box-shadow: var(--golge-kucuk);
}

.bpn-hizli-link span:first-child { font-size: 1.3rem; }

.bpn-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #dc2626;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bpn-bolum {
  margin-top: 12px;
}

.bpn-bolum h2 {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.bpn-tablo-wrap {
  overflow-x: auto;
  border: 1px solid var(--sinir);
  border-radius: 14px;
}

.bpn-tablo {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-ui);
  font-size: 0.85rem;
}

.bpn-tablo th {
  text-align: left;
  padding: 12px 14px;
  background: var(--krem);
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--metin-ikincil);
  border-bottom: 1px solid var(--sinir);
}

.bpn-tablo td {
  padding: 12px 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--sinir) 50%, transparent);
  vertical-align: middle;
}

.bpn-tablo tr:last-child td { border-bottom: none; }

.bpn-tablo a { color: var(--birincil); font-weight: 500; }

.bpn-durum {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 8px;
}

.bpn-durum-beklemede { background: #fef3c7; color: #92400e; }
.bpn-durum-odendi { background: #dbeafe; color: #1d4ed8; }
.bpn-durum-hazirlaniyor { background: #e0e7ff; color: #4338ca; }
.bpn-durum-kargoda { background: #cffafe; color: #0e7490; }
.bpn-durum-teslim_edildi { background: #dcfce7; color: #16a34a; }
.bpn-durum-iptal { background: #fee2e2; color: #dc2626; }
.bpn-durum-onaylandi { background: #dcfce7; color: #16a34a; }
.bpn-durum-reddedildi { background: #fee2e2; color: #dc2626; }
.bpn-durum-mevcut { background: #dcfce7; color: #16a34a; }
.bpn-durum-tukendi { background: #fee2e2; color: #dc2626; }
.bpn-durum-talep_uzerine { background: #fef3c7; color: #92400e; }

.bpn-daha-fazla {
  display: block;
  text-align: center;
  padding: 14px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--birincil);
  font-weight: 500;
}

.bpn-btn-kucuk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--sinir);
  border-radius: 8px;
  background: var(--beyaz);
  cursor: pointer;
  font-size: 0.85rem;
  text-decoration: none;
  transition: all var(--gecis);
}

.bpn-btn-kucuk:hover { border-color: var(--birincil); background: var(--birincil-soluk); }
.bpn-btn-sil:hover { border-color: #dc2626; background: #fee2e2; }

/* Bayi Form */
.bpn-form { display: flex; flex-direction: column; gap: 20px; }

.bpn-form-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 18px;
  padding: 24px;
}

.bpn-form-kart h3 {
  font-family: var(--font-baslik);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--sinir);
}

.bpn-form-grup {
  margin-bottom: 16px;
}

.bpn-form-grup:last-child { margin-bottom: 0; }

.bpn-form-grup label {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--metin);
}

.bpn-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.bpn-mevcut-gorseller {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.bpn-mevcut-gorseller img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid var(--sinir);
}

/* Uyarı mesajları */
.uyari {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 20px;
}

.uyari-hata { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.uyari-basari { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }

.sip-detay-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.sip-detay-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 820px) {
  .bpn-form-row { grid-template-columns: 1fr; }
  .sip-detay-grid { grid-template-columns: 1fr; }
}

/* Siparişlerim (alıcı) */
.sip-liste { display: flex; flex-direction: column; gap: 16px; }

.sip-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
}

.sip-kart-iptal { opacity: 0.7; }

.sip-kart-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--krem);
  border-bottom: 1px solid var(--sinir);
}

.sip-kart-no strong {
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 700;
}

.sip-kart-no span {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  color: var(--metin-ikincil);
  margin-left: 10px;
}

.sip-kart-urun {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
}

.sip-kart-gorsel {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: var(--parsmen);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sip-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sip-kart-gorsel span { font-size: 1.5rem; }

.sip-kart-detay { flex: 1; min-width: 0; }

.sip-kart-urun-adi {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--metin);
  text-decoration: none;
  margin-bottom: 4px;
}

.sip-kart-urun-adi:hover { color: var(--birincil); }

.sip-kart-satici,
.sip-kart-adet {
  display: inline-block;
  font-family: var(--font-ui);
  font-size: 0.75rem;
  color: var(--metin-ikincil);
  margin-right: 10px;
}

.sip-kart-tutar strong {
  font-family: var(--font-baslik);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--birincil);
}

/* Ödeme süresi uyarısı */
.sip-kart-uyari {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 20px;
  padding: 12px 16px;
  background: #fef3c7;
  border: 1px solid #fde68a;
  border-radius: 12px;
  margin-bottom: 14px;
}

.sip-kart-uyari span:first-child { font-size: 1.2rem; flex-shrink: 0; }

.sip-kart-uyari strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #92400e;
  margin-bottom: 2px;
}

.sip-kart-uyari div span {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: #a16207;
  line-height: 1.5;
}

.sip-kart-uyari div b { color: #dc2626; }

.sip-uyari-tehlike {
  background: #fee2e2;
  border-color: #fecaca;
}

.sip-uyari-tehlike strong { color: #991b1b; }

/* Kargo bilgisi */
.sip-kart-kargo {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 20px;
  padding: 12px 16px;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  margin-bottom: 14px;
}

.sip-kart-kargo span:first-child { font-size: 1.2rem; }

.sip-kart-kargo strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: #166534;
}

.sip-kart-kargo div span {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: #15803d;
}

.sip-kart-kargo code {
  font-family: monospace;
  background: rgba(0,0,0,0.05);
  padding: 1px 6px;
  border-radius: 4px;
}

/* Dekont */
.sip-kart-dekont {
  margin: 0 20px 14px;
  padding: 14px 16px;
  background: var(--krem);
  border: 1px solid var(--sinir);
  border-radius: 12px;
}

.sip-dekont-ic {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sip-dekont-ic > span { font-size: 1.4rem; flex-shrink: 0; }

.sip-dekont-metin {
  flex: 1;
  min-width: 150px;
}

.sip-dekont-metin strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  margin-bottom: 2px;
}

.sip-dekont-metin span {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  color: var(--metin-ikincil);
}

.sip-dekont-input {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sip-dekont-input input[type="file"] { font-size: 0.78rem; max-width: 180px; }

.sip-kart-dekont-ok {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 20px 14px;
  padding: 10px 16px;
  background: #dcfce7;
  border-radius: 10px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #166534;
}

.sip-kart-dekont-ok a {
  margin-left: auto;
  color: var(--birincil);
  font-weight: 500;
}

/* Alt: İptal + Mesaj */
.sip-kart-alt {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-top: 1px solid var(--sinir);
  flex-wrap: wrap;
}

.sip-iptal-btn {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 500;
  color: #dc2626;
  background: none;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
  transition: all var(--gecis);
}

.sip-iptal-btn:hover { background: #fee2e2; }

.sip-iptal-btn small {
  display: block;
  font-size: 0.68rem;
  color: #991b1b;
  margin-top: 2px;
}

.sip-mesaj-btn {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--birincil);
  text-decoration: none;
  padding: 8px 14px;
  border: 1px solid var(--sinir);
  border-radius: 10px;
  transition: all var(--gecis);
}

.sip-mesaj-btn:hover { background: var(--birincil-soluk); }

.sip-kart-iptal-bilgi {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid var(--sinir);
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #991b1b;
}

@media (max-width: 600px) {
  .sip-kart-urun { flex-wrap: wrap; }
  .sip-kart-tutar { width: 100%; text-align: right; margin-top: 8px; }
  .sip-dekont-ic { flex-direction: column; align-items: flex-start; }
  .sip-dekont-input { width: 100%; }
}

/* Profil Bekleyen Ödeme Bildirimi */
.prf-bekleyen-bolum {
  padding: 24px 0 0;
}

.prf-bekleyen-odeme {
  display: flex;
  align-items: center;
  gap: 28px;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 1.5px solid #fbbf24;
  border-radius: 18px;
  padding: 24px 32px;
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.12);
}

.prf-bekleyen-odeme.prf-bekleyen-onay {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border-color: #86efac;
  box-shadow: 0 4px 16px rgba(134, 239, 172, 0.12);
}

.prf-bekleyen-ikon {
  font-size: 2rem;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.7);
  border-radius: 14px;
  flex-shrink: 0;
}

.prf-bekleyen-icerik {
  flex: 1;
  min-width: 0;
  padding-right: 12px;
}

.prf-bekleyen-icerik strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 8px;
}

.prf-bekleyen-icerik span {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: #92400e;
  line-height: 1.55;
  margin-bottom: 4px;
}

.prf-bekleyen-tarih {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: #78716c;
}

.prf-bekleyen-onay .prf-bekleyen-icerik span {
  color: #166534;
}

.prf-bekleyen-onay .prf-bekleyen-tarih {
  color: #15803d;
}

.prf-bekleyen-aksiyonlar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex-shrink: 0;
  padding-left: 24px;
}

.prf-bekleyen-sayac {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(217, 119, 6, 0.35);
}

.prf-bekleyen-sayac-ust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 10px;
}

.prf-bekleyen-sayac-etiket {
  font-family: var(--font-ui);
  font-size: 0.8rem;
  font-weight: 600;
  color: #9a3412;
}

.prf-bekleyen-sayac-ust b {
  font-family: var(--font-ui);
  font-size: 1rem;
  font-weight: 700;
  color: #c2410c;
  letter-spacing: 0.02em;
}

.prf-bekleyen-sayac-bar {
  height: 7px;
  background: rgba(251, 146, 60, 0.22);
  border-radius: 999px;
  overflow: hidden;
}

.prf-bekleyen-sayac-bar-ic {
  height: 100%;
  background: linear-gradient(90deg, #fb923c, #ea580c);
  border-radius: 999px;
  transition: width 1s linear;
}

.prf-bekleyen-sayac-meta {
  margin: 10px 0 0;
  font-family: var(--font-ui);
  font-size: 0.76rem;
  color: #b45309;
  line-height: 1.45;
}

.prf-bekleyen-sayac-bitti .prf-bekleyen-sayac-ust b {
  color: #991b1b;
}

.prf-bekleyen-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: var(--birincil);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--gecis), transform 0.15s;
  flex-shrink: 0;
}

.prf-bekleyen-btn:hover {
  background: var(--birincil-koyu);
  color: #fff;
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  .prf-bekleyen-odeme {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 22px;
  }
  .prf-bekleyen-icerik {
    padding-right: 0;
    width: 100%;
  }
  .prf-bekleyen-aksiyonlar {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    flex-direction: column;
  }
  .prf-bekleyen-btn { width: 100%; justify-content: center; }
}

/* Bayi ödeme geri sayım */
.bayi-odeme-sayac {
  margin-top: 14px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border: 1.5px solid #fdba74;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(251, 146, 60, 0.1);
}

.bayi-odeme-sayac-ust {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.bayi-odeme-sayac-ikon {
  font-size: 1.75rem;
  line-height: 1;
  flex-shrink: 0;
}

.bayi-odeme-sayac-ust strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 4px;
}

.bayi-odeme-sayac-ust p {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 0.84rem;
  color: #9a3412;
  line-height: 1.55;
}

.bayi-odeme-sayac-ust b {
  color: #c2410c;
  font-weight: 700;
}

.bayi-odeme-sayac-bar {
  margin-top: 12px;
  height: 6px;
  background: rgba(251, 146, 60, 0.2);
  border-radius: 999px;
  overflow: hidden;
}

.bayi-odeme-sayac-bar-ic {
  height: 100%;
  background: linear-gradient(90deg, #fb923c, #ea580c);
  border-radius: 999px;
  transition: width 1s linear;
}

.bayi-odeme-sayac-alt {
  margin: 10px 0 0;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: #b45309;
}

.bayi-odeme-sayac-bitti {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-color: #fca5a5;
}

.bayi-odeme-sayac-bitti .bayi-odeme-sayac-ust p {
  color: #991b1b;
}

/* Ücretsiz deneme geri sayım */
.deneme-sayac {
  margin-top: 14px;
  padding: 16px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1px solid rgba(16, 185, 129, 0.35);
}

.deneme-sayac-banner {
  margin-top: 0;
}

.deneme-sayac-kompakt {
  margin-top: 12px;
  padding: 8px 12px 10px;
  border-radius: 11px;
  max-width: 360px;
}

.deneme-sayac-kompakt-satir {
  display: flex;
  align-items: center;
  gap: 8px 10px;
  flex-wrap: wrap;
  margin-bottom: 7px;
}

.deneme-sayac-rozet {
  font-family: var(--font-ui);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.14);
  color: #047857;
  white-space: nowrap;
  line-height: 1.3;
}

.deneme-sayac-sure {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 700;
  color: #065f46;
  line-height: 1.3;
}

.deneme-sayac-bitis {
  font-size: 0.72rem;
  color: #059669;
  opacity: 0.88;
  margin-left: auto;
  white-space: nowrap;
}

.deneme-sayac-bar-ince {
  height: 4px;
}

.deneme-sayac-kompakt-not {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.45;
  color: #047857;
}

.deneme-sayac-kompakt-not a {
  color: #059669;
  font-weight: 600;
}

/* Hero içinde — cam efektli kompakt şerit */
.bpn2-hero .deneme-sayac-kompakt {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
  padding: 7px 12px 9px;
  max-width: 340px;
}

.bpn2-hero .deneme-sayac-kompakt-satir {
  margin-bottom: 6px;
}

.bpn2-hero .deneme-sayac-rozet {
  background: rgba(167, 243, 208, 0.18);
  color: #d1fae5;
}

.bpn2-hero .deneme-sayac-sure {
  color: #ecfdf5;
}

.bpn2-hero .deneme-sayac-bitis {
  color: rgba(255, 255, 255, 0.62);
}

.bpn2-hero .deneme-sayac-bar {
  background: rgba(255, 255, 255, 0.14);
}

.bpn2-hero .deneme-sayac-bar-ic {
  background: linear-gradient(90deg, #6ee7b7, #34d399);
}

.bpn2-hero .deneme-sayac-kompakt.deneme-sayac-bitti {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.32);
}

.bpn2-hero .deneme-sayac-bitti .deneme-sayac-rozet {
  background: rgba(253, 230, 138, 0.2);
  color: #fde68a;
}

.bpn2-hero .deneme-sayac-kompakt-not {
  color: rgba(255, 255, 255, 0.78);
}

.bpn2-hero .deneme-sayac-kompakt-not a {
  color: #fde68a;
}

.deneme-sayac-ust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 10px;
}

.deneme-sayac-ust-kart {
  align-items: flex-start;
}

.deneme-sayac-ikon {
  font-size: 1.6rem;
  line-height: 1;
}

.deneme-sayac-etiket {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: #047857;
}

.deneme-sayac-ust strong {
  display: block;
  font-size: 0.95rem;
  color: #065f46;
  margin-bottom: 4px;
}

.deneme-sayac-ust p {
  margin: 0;
  font-size: 0.85rem;
  color: #047857;
  line-height: 1.5;
}

.deneme-sayac-ust b {
  color: #059669;
  font-weight: 700;
}

.deneme-sayac-bar {
  height: 7px;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 999px;
  overflow: hidden;
}

.deneme-sayac-bar-ic {
  height: 100%;
  background: linear-gradient(90deg, #34d399, #059669);
  border-radius: 999px;
  transition: width 1s linear;
}

.deneme-sayac-meta,
.deneme-sayac-alt {
  margin: 10px 0 0;
  font-size: 0.8rem;
  color: #047857;
  line-height: 1.5;
}

.deneme-sayac-meta a {
  color: #059669;
  font-weight: 600;
}

.deneme-sayac-bitti {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: rgba(245, 158, 11, 0.45);
}

.deneme-sayac-bitti .deneme-sayac-etiket,
.deneme-sayac-bitti .deneme-sayac-meta,
.deneme-sayac-bitti .deneme-sayac-alt {
  color: #92400e;
}

/* Profil Hızlı Menü */
.prf-menu-bolum {
  padding: 20px 0;
  border-bottom: 1px solid var(--sinir);
}

.prf-menu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.prf-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 14px;
  text-decoration: none;
  transition: all var(--gecis);
}

.prf-menu-item:hover {
  border-color: var(--birincil);
  transform: translateY(-2px);
  box-shadow: var(--golge-kucuk);
}

.prf-menu-item span { font-size: 1.3rem; }

.prf-menu-item strong {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--metin);
}

.prf-menu-item em {
  font-style: normal;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 600;
  margin-left: auto;
  background: var(--parsmen);
  color: var(--metin-ikincil);
  padding: 2px 8px;
  border-radius: 10px;
}

.prf-menu-yeni {
  background: #dc2626 !important;
  color: #fff !important;
}

.prf-menu-bayi {
  border-color: var(--aksan);
  background: color-mix(in srgb, var(--aksan) 5%, var(--beyaz));
}

/* ============================================================
   PUANLAMA, STOK BAR, YORUMLAR, MESAJLAŞMA
   ============================================================ */

/* Ürün kartı puan */
.duk-urun-puan {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.duk-yildizlar {
  color: #f59e0b;
  font-size: 0.82rem;
  letter-spacing: -1px;
}

.duk-yildizlar.bos { color: #d1d5db; }

.duk-puan-sayi {
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--metin);
}

.duk-yorum-sayi {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: var(--metin-ikincil);
}

.duk-magaza-puan {
  font-family: var(--font-ui);
  font-size: 0.7rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  padding: 2px 6px;
  border-radius: 6px;
  margin-left: 4px;
}

/* Stok bar */
.duk-stok-bar {
  height: 4px;
  background: var(--sinir);
  border-radius: 4px;
  margin-bottom: 4px;
  overflow: hidden;
}

.duk-stok-bar-ic {
  height: 100%;
  background: var(--birincil);
  border-radius: 4px;
  transition: width 0.4s;
}

.duk-stok-metin {
  font-family: var(--font-ui);
  font-size: 0.68rem;
  color: var(--metin-ikincil);
  margin-bottom: 6px;
  display: block;
}

.duk-stok-az {
  background: rgba(220,38,38,0.9) !important;
  animation: pulse-stok 1.5s infinite;
}

@keyframes pulse-stok {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Ürün detay puanlama */
.urn-puan-ozet {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.urn-yildizlar {
  color: #f59e0b;
  font-size: 1rem;
  letter-spacing: -1px;
}

.urn-puan-sayi {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 700;
}

.urn-puan-yorum {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  color: var(--metin-ikincil);
}

/* Mesaj kutusu (ürün detay) */
.urn-mesaj-kutu {
  margin-bottom: 16px;
}

.urn-mesaj-form { }

.urn-mesaj-ic {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--krem);
  border: 1px solid var(--sinir);
  border-radius: 12px;
  padding: 8px 12px;
}

.urn-mesaj-ic span { font-size: 1.2rem; flex-shrink: 0; }

.urn-mesaj-ic .form-girdi {
  flex: 1;
  border: none;
  background: transparent;
  padding: 8px;
}

.urn-mesaj-ic .form-girdi:focus { box-shadow: none; }

/* Yorumlar bölümü */
.urn-yorumlar {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--sinir);
}

.urn-yorumlar h2 {
  font-family: var(--font-baslik);
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.urn-yorumlar h2 span {
  font-weight: 400;
  color: var(--metin-ikincil);
  font-size: 0.9rem;
}

.urn-puan-box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--krem);
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.urn-puan-buyuk { display: flex; align-items: baseline; }

.urn-puan-rakam {
  font-family: var(--font-baslik);
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--birincil);
}

.urn-puan-max {
  font-family: var(--font-ui);
  font-size: 1rem;
  color: var(--metin-ikincil);
}

.urn-puan-yildiz-buyuk {
  color: #f59e0b;
  font-size: 1.4rem;
  letter-spacing: -1px;
}

.urn-puan-toplam {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
}

/* Yorum formu */
.urn-yorum-form-kutu {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
}

.urn-yorum-form-kutu h3 {
  font-family: var(--font-baslik);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 14px;
}

.urn-yorum-puan-sec {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.urn-yorum-puan-sec label {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 600;
}

.urn-yildiz-sec {
  display: flex;
  flex-direction: row-reverse;
  gap: 2px;
}

.urn-yildiz-sec input { display: none; }

.urn-yildiz-sec label {
  font-size: 1.5rem;
  color: #d1d5db;
  cursor: pointer;
  transition: color 0.15s;
}

.urn-yildiz-sec input:checked ~ label,
.urn-yildiz-sec label:hover,
.urn-yildiz-sec label:hover ~ label {
  color: #f59e0b;
}

.urn-yorum-form textarea { margin-bottom: 12px; }

.urn-yorum-giris {
  background: var(--krem);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.urn-yorum-giris p {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
}

/* Yorum listesi */
.urn-yorum-liste {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.urn-yorum-item {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: 14px;
  padding: 18px;
}

.urn-yorum-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.urn-yorum-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--birincil-soluk);
  color: var(--birincil);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.urn-yorum-meta strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
}

.urn-yorum-meta span {
  font-family: var(--font-ui);
  font-size: 0.72rem;
  color: var(--metin-ikincil);
}

.urn-yorum-puan-goster {
  margin-left: auto;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  display: flex;
  align-items: center;
  gap: 4px;
}

.urn-yorum-puan-goster .urn-yildizlar { font-size: 0.85rem; }

.urn-yorum-metin {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin);
  line-height: 1.6;
}

.urn-yorum-bos {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  padding: 24px 0;
}

/* ============================================================
   MESAJLAŞMA SAYFASI
   ============================================================ */
.msj-sayfa { padding: 28px 0 56px; }

.msj-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
  margin-top: 20px;
  min-height: 500px;
}

.msj-liste {
  border: 1px solid var(--sinir);
  border-radius: 16px;
  background: var(--beyaz);
  overflow: hidden;
}

.msj-bos {
  padding: 24px;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin-ikincil);
  text-align: center;
}

.msj-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  text-decoration: none;
  border-bottom: 1px solid var(--sinir);
  transition: background var(--gecis);
}

.msj-item:last-child { border-bottom: none; }
.msj-item:hover { background: var(--krem); }
.msj-item.aktif { background: var(--birincil-soluk); }

.msj-item-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--birincil);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}

.msj-item-bilgi {
  flex: 1;
  min-width: 0;
}

.msj-item-bilgi strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: var(--metin);
}

.msj-item-bilgi span {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  color: var(--metin-ikincil);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.msj-okunmamis {
  background: #dc2626;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.msj-icerik {
  border: 1px solid var(--sinir);
  border-radius: 16px;
  background: var(--beyaz);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.msj-baslik-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--sinir);
  background: var(--krem);
}

.msj-baslik-bar strong {
  font-family: var(--font-ui);
  font-size: 0.92rem;
}

.msj-mesajlar {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.msj-balon {
  max-width: 75%;
  padding: 12px 16px;
  border-radius: 16px;
  font-family: var(--font-ui);
  font-size: 0.88rem;
  line-height: 1.5;
}

.msj-ben {
  align-self: flex-end;
  background: var(--birincil);
  color: #fff;
  border-bottom-right-radius: 4px;
}

.msj-karsi {
  align-self: flex-start;
  background: var(--krem);
  color: var(--metin);
  border-bottom-left-radius: 4px;
}

.msj-balon p { margin: 0; }

.msj-saat {
  display: block;
  font-size: 0.68rem;
  margin-top: 4px;
  opacity: 0.7;
}

.msj-urun-ref {
  display: block;
  font-size: 0.75rem;
  opacity: 0.8;
  margin-bottom: 4px;
  text-decoration: none;
  color: inherit;
}

.msj-ben .msj-urun-ref { color: rgba(255,255,255,0.8); }

.msj-gonder-form {
  display: flex;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--sinir);
  background: var(--krem);
}

.msj-gonder-form .form-girdi {
  flex: 1;
  border-radius: 20px;
  padding: 10px 18px;
}

.msj-sec-uyari {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 12px;
  padding: 40px;
  text-align: center;
}

.msj-sec-uyari span { font-size: 3rem; }

.msj-sec-uyari p {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  color: var(--metin-ikincil);
  max-width: 300px;
}

@media (max-width: 820px) {
  .msj-layout { grid-template-columns: 1fr; }
  .msj-mesajlar { max-height: 300px; }
}

@media (max-width: 480px) {
  .duk-kat-grid { gap: 6px; }
  .duk-kat-chip { padding: 5px 10px; font-size: 0.74rem; }
}

/* ============================================================
   ŞİFALI YER DETAY (harita/yer.php)
   ============================================================ */
.yd-sayfa { padding-bottom: 64px; }

.yd-hero {
  background: linear-gradient(135deg, var(--hero-bas) 0%, var(--hero-son) 100%);
  padding: 28px 0 36px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.yd-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 50%);
  pointer-events: none;
}

.yd-hero .konteyner { position: relative; z-index: 1; }

.yd-hero .urn-breadcrumb { margin-bottom: 16px; }
.yd-hero .urn-breadcrumb a { color: rgba(255,255,255,0.85); }
.yd-hero .urn-breadcrumb a:hover { color: #fff; }
.yd-hero .urn-breadcrumb span { color: rgba(255,255,255,0.5); }
.yd-hero .urn-breadcrumb-aktif { color: #fff; }

.yd-hero-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.yd-hero-baslik h1 {
  font-family: var(--font-baslik);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: #fff;
  margin: 0 0 10px;
  letter-spacing: -0.03em;
}

.yd-kat-pil {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 20px;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: var(--gecis);
}

.yd-kat-pil:hover {
  background: rgba(255,255,255,0.25);
  color: #fff;
}

.yd-puan-kutu {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 14px;
  backdrop-filter: blur(8px);
}

.yd-puan-buyuk {
  font-family: var(--font-baslik);
  font-size: 1.75rem;
  font-weight: 800;
  color: #fde68a;
  line-height: 1;
}

.yd-puan-yildiz { color: #fde68a; font-size: 0.9rem; letter-spacing: 2px; }
.yd-puan-adet { font-size: 0.75rem; color: rgba(255,255,255,0.7); display: block; margin-top: 2px; }

.yd-govde { padding: 32px 0 0; }

.yd-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 28px;
  align-items: start;
}

.yd-sol { display: flex; flex-direction: column; gap: 20px; }

.yd-aciklama-kart {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve);
  padding: 24px;
  box-shadow: var(--golge-kucuk);
}

.yd-aciklama-kart p {
  font-family: var(--font-metin);
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--metin);
  margin: 0;
}

.yd-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.yd-meta-kart {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--yari-cerceve);
  box-shadow: var(--golge-kucuk);
  transition: var(--gecis);
}

.yd-meta-kart:hover {
  border-color: var(--birincil-acik);
  box-shadow: var(--golge);
}

.yd-meta-ikon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.yd-meta-etiket {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--metin-ikincil);
  margin-bottom: 2px;
}

.yd-meta-deger {
  font-family: var(--font-ui);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--metin);
}

.yd-meta-deger a {
  color: var(--birincil);
  text-decoration: none;
}

.yd-meta-deger a:hover { text-decoration: underline; }

.yd-aksiyonlar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.yd-aksiyonlar .btn-ana {
  background: var(--birincil);
  color: #fff !important;
  border: none;
  padding: 12px 20px;
  font-weight: 600;
  border-radius: var(--yari-cerceve);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--birincil) 30%, transparent);
}

.yd-aksiyonlar .btn-ana:hover {
  background: var(--birincil-koyu);
  color: #fff !important;
}

.yd-aksiyonlar .btn-ikincil {
  background: var(--beyaz);
  color: var(--metin) !important;
  border: 1px solid var(--sinir-guclu);
  padding: 12px 20px;
  font-weight: 600;
  border-radius: var(--yari-cerceve);
}

.yd-aksiyonlar .btn-ikincil:hover {
  border-color: var(--birincil);
  color: var(--birincil) !important;
}

/* Harita kutusu */
.yd-sag { position: sticky; top: calc(var(--nav-yukseklik) + 16px); }

.yd-harita-kutu {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve);
  overflow: hidden;
  box-shadow: var(--golge);
}

.yd-harita-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--parsmen);
  border-bottom: 1px solid var(--sinir);
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--metin);
}

.yd-harita-wrap {
  position: relative;
  width: 100%;
  height: 380px;
  min-height: 380px;
}

.yd-harita {
  width: 100%;
  height: 100%;
  min-height: 380px;
  z-index: 1;
}

.yd-harita-wrap .leaflet-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 380px;
  font-family: var(--font-ui);
  background: #e8edf2;
}

.yd-pin { background: none !important; border: none !important; }

.yd-koordinat {
  padding: 10px 16px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
  background: var(--parsmen);
  border-top: 1px solid var(--sinir);
}

/* Yakın yerler */
.yd-yakinlar {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--sinir);
}

.yd-yakinlar h2 {
  font-size: 1.15rem;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.yd-yakin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

.yd-yakin-kart {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--yari-cerceve);
  text-decoration: none;
  transition: var(--gecis);
  box-shadow: var(--golge-kucuk);
}

.yd-yakin-kart:hover {
  border-color: var(--birincil);
  box-shadow: var(--golge);
  transform: translateY(-2px);
}

.yd-yakin-ikon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.yd-yakin-kart strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin);
  margin-bottom: 2px;
}

.yd-yakin-kart span {
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

/* Yorumlar */
.yd-yorumlar {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--sinir);
}

.yd-yorumlar-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.yd-yorumlar-baslik h2 {
  font-size: 1.2rem;
  margin: 0;
}

.yd-yorum-rozet {
  background: var(--birincil);
  color: #fff;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
}

.yd-yorum-form {
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--cerceve);
  padding: 22px;
  margin-bottom: 24px;
  box-shadow: var(--golge-kucuk);
}

.yd-yorum-form-baslik {
  font-family: var(--font-ui);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--metin);
  margin-bottom: 14px;
}

.yd-puan-sec {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.yd-puan-sec label {
  font-family: var(--font-ui);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--metin-ikincil);
}

.yd-yildiz-sec { display: flex; gap: 4px; }

.yd-yildiz-btn {
  font-size: 1.6rem;
  cursor: pointer;
  color: #d1d5db;
  transition: color 0.15s, transform 0.15s;
  user-select: none;
  line-height: 1;
}

.yd-yildiz-btn.aktif { color: #f59e0b; }
.yd-yildiz-btn:hover { color: #fbbf24; transform: scale(1.1); }

.yd-yorum-textarea {
  resize: vertical;
  min-height: 80px;
  margin-bottom: 14px;
  border-radius: var(--yari-cerceve);
}

.yd-yorum-giris {
  text-align: center;
  padding: 24px;
  background: var(--parsmen);
  border-radius: var(--cerceve);
  border: 1px dashed var(--sinir-guclu);
  margin-bottom: 24px;
  font-family: var(--font-ui);
  color: var(--metin-ikincil);
}

.yd-yorum-giris a { font-weight: 700; }

.yd-yorum-liste { display: flex; flex-direction: column; gap: 14px; }

.yd-yorum-kart {
  padding: 18px 20px;
  background: var(--beyaz);
  border: 1px solid var(--sinir);
  border-radius: var(--yari-cerceve);
  box-shadow: var(--golge-kucuk);
}

.yd-yorum-ust {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.yd-yorum-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--birincil-soluk);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--birincil);
}

.yd-yorum-avatar img { width: 100%; height: 100%; object-fit: cover; }

.yd-yorum-meta strong {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--metin);
}

.yd-yorum-yildiz { color: #f59e0b; font-size: 0.82rem; letter-spacing: 1px; }

.yd-yorum-tarih {
  margin-left: auto;
  font-family: var(--font-ui);
  font-size: 0.78rem;
  color: var(--metin-ikincil);
}

.yd-yorum-metin {
  font-family: var(--font-metin);
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--metin-ikincil);
  margin: 0;
}

.yd-yorum-bos {
  text-align: center;
  padding: 32px;
  color: var(--metin-ikincil);
  font-family: var(--font-ui);
  background: var(--parsmen);
  border-radius: var(--cerceve);
  border: 1px dashed var(--sinir);
}

@media (max-width: 900px) {
  .yd-grid { grid-template-columns: 1fr; }
  .yd-sag { position: static; order: -1; }
  .yd-harita-wrap { height: 280px; min-height: 280px; }
  .yd-harita-wrap .leaflet-container { min-height: 280px; }
}

@media (max-width: 560px) {
  .yd-meta-grid { grid-template-columns: 1fr; }
  .yd-aksiyonlar .btn { flex: 1; justify-content: center; text-align: center; }
}

/* Sağlık Uyarı Kutusu */
.saglik-uyari { background: linear-gradient(135deg, #fef3c7, #fffbeb); border: 1px solid #fde68a; border-radius: 12px; padding: 18px 22px; margin-top: 32px; font-size: .88rem; color: #92400e; box-shadow: 0 2px 8px rgba(245,158,11,.08); }
.saglik-uyari strong { display: block; margin-bottom: 6px; font-size: .92rem; }
.saglik-uyari p { margin: 0; line-height: 1.7; }

/* ============================================================
   HİKAYE İÇİ ÜRÜN ÖNERİLERİ (Native Shop Widgets)
   ============================================================ */
.huo-kutu {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(145deg, #ffffff 0%, #f8faf9 100%);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 4px 24px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
  transition: transform .25s ease, box-shadow .25s ease;
}

.huo-kutu:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
}

.huo-etiket {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(90deg, var(--birincil-soluk, #e8f5ee), transparent);
  border-bottom: 1px solid rgba(0,0,0,.05);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: var(--birincil-koyu, #1a5e38);
}

.huo-etiket-ikon { font-size: .85rem; }

.huo-link {
  display: flex;
  text-decoration: none;
  color: inherit;
}

.huo-gorsel {
  flex-shrink: 0;
  width: 110px;
  height: 110px;
  background: var(--parsmen, #f5efe0);
  overflow: hidden;
}

.huo-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.huo-kutu:hover .huo-gorsel img { transform: scale(1.06); }

.huo-gorsel-yer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  background: linear-gradient(135deg, var(--birincil-soluk), var(--parsmen));
}

.huo-bilgi {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.huo-kat {
  font-size: .7rem;
  font-weight: 600;
  color: var(--metin-ikincil, #6b6759);
  text-transform: uppercase;
  letter-spacing: .3px;
}

.huo-baslik {
  font-family: var(--font-baslik);
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--metin, #1a1a2e);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.huo-puan {
  font-size: .75rem;
  color: #d97706;
  font-weight: 600;
}

.huo-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 6px;
}

.huo-fiyat {
  font-size: 1rem;
  font-weight: 800;
  color: var(--birincil-koyu, #1a5e38);
}

.huo-cta {
  font-size: .78rem;
  font-weight: 700;
  color: var(--birincil, #2e8b57);
  padding: 4px 10px;
  background: var(--birincil-soluk, #e8f5ee);
  border-radius: 20px;
  transition: background .2s;
}

.huo-kutu:hover .huo-cta {
  background: var(--birincil, #2e8b57);
  color: #fff;
}

.huo-satici {
  font-size: .7rem;
  color: var(--metin-ikincil);
  margin-top: 2px;
}

.huo-karsilastir {
  display: block;
  margin-top: 6px;
  font-size: .72rem;
  font-weight: 600;
  color: var(--birincil, #2e8b57);
  text-decoration: none;
}

.huo-karsilastir:hover {
  text-decoration: underline;
}

/* Inline — hikaye metni içinde sağda */
.huo-inline {
  float: right;
  width: min(100%, 300px);
  margin: 0 0 20px 24px;
  clear: right;
}

.hikaye-govde::after {
  content: '';
  display: table;
  clear: both;
}

/* Sidebar — kenar çubuğu */
.huo-sidebar .huo-link { flex-direction: column; }
.huo-sidebar .huo-gorsel { width: 100%; height: 120px; }
.huo-sidebar { margin-bottom: 12px; }

.huo-kenar-kart h3 { margin-bottom: 6px; }
.huo-kenar-aciklama {
  font-size: .78rem;
  color: var(--metin-ikincil);
  margin: 0 0 14px;
}
.huo-kenar-liste { display: flex; flex-direction: column; gap: 10px; }
.huo-kenar-btn { margin-top: 12px; }

/* Banner — içerik ortasında yatay şerit */
.huo-banner {
  margin: 32px 0;
  padding: 20px 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #fafafa 0%, #f0fdf4 50%, #fafafa 100%);
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 20px rgba(0,0,0,.05);
  clear: both;
}

.huo-banner-baslik {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.huo-banner-ikon {
  font-size: 1.8rem;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--beyaz);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.huo-banner-baslik strong {
  display: block;
  font-family: var(--font-baslik);
  font-size: 1rem;
  color: var(--metin);
}

.huo-banner-baslik small {
  font-size: .78rem;
  color: var(--metin-ikincil);
}

.huo-banner-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.huo-banner-kart {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: var(--beyaz);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .2s, box-shadow .2s;
}

.huo-banner-kart:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
}

.huo-banner-gorsel {
  aspect-ratio: 4/3;
  background: var(--parsmen);
  overflow: hidden;
}

.huo-banner-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.huo-banner-gorsel span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.huo-banner-bilgi {
  padding: 10px 12px;
}

.huo-banner-bilgi strong {
  display: block;
  font-size: .82rem;
  line-height: 1.35;
  margin-bottom: 4px;
  color: var(--metin);
}

.huo-banner-bilgi span {
  font-size: .88rem;
  font-weight: 800;
  color: var(--birincil-koyu);
}

.huo-banner-tum {
  display: block;
  text-align: center;
  margin-top: 14px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--birincil);
  text-decoration: none;
}

.huo-banner-tum:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .huo-inline {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
  .huo-banner-grid {
    grid-template-columns: 1fr;
  }
  .huo-banner { padding: 16px; margin: 24px 0; }
}

@media (max-width: 600px) {
  .huo-gorsel { width: 90px; height: 90px; }
  .huo-baslik { font-size: .85rem; }
  .huo-fiyat { font-size: .92rem; }
}

/* ŞİFA KÜTÜPHANESİ */
.kut-hero{background:linear-gradient(135deg,var(--hero-bas,var(--birincil-koyu)) 0%,var(--birincil) 100%);color:#fff;padding:48px 0 56px}
.kut-hero-ic{max-width:720px}
.kut-etiket{display:inline-block;background:rgba(255,255,255,.15);padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:12px}
.kut-h1{font-family:var(--font-baslik);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:12px}
.kut-hero-aciklama{font-size:1rem;opacity:.9;line-height:1.6;margin-bottom:24px}
.kut-istat{display:flex;gap:28px;flex-wrap:wrap}
.kut-istat strong{display:block;font-size:1.6rem;font-weight:800}
.kut-istat span{font-size:.78rem;opacity:.8}
.kut-govde{padding:32px 0 64px}
.kut-arama{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;background:var(--kart,#fff);padding:16px;border-radius:12px;border:1px solid var(--sinir);box-shadow:var(--golge)}
.kut-arama-girdi{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--sinir);border-radius:8px;font-size:.9rem}
.kut-arama-select{padding:10px 12px;border:1px solid var(--sinir);border-radius:8px;font-size:.85rem;background:#fff}
.kut-kat-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px}
.kut-kat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:.82rem;font-weight:600;white-space:nowrap;background:var(--kart,#fff);border:1px solid var(--sinir);color:var(--metin);text-decoration:none;transition:.15s}
.kut-kat-chip small{opacity:.6;font-weight:400}
.kut-kat-chip:hover,.kut-kat-chip.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}
.kut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.kut-grid-kucuk{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.kut-kart{background:var(--kart,#fff);border:1px solid var(--sinir);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.kut-kart:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.kut-kart-link{display:block;text-decoration:none;color:inherit;height:100%}
.kut-kapak{position:relative;aspect-ratio:3/4;background:var(--birincil-soluk,#ecfdf5);overflow:hidden}
.kut-kapak-kucuk{aspect-ratio:4/3}
.kut-kapak img{width:100%;height:100%;object-fit:cover}
.kut-kapak-yer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.5}
.kut-yil{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}
.kut-kart-govde{padding:14px 16px 16px}
.kut-kat-etiket{font-size:.72rem;font-weight:600;color:var(--birincil);text-transform:uppercase;letter-spacing:.3px}
.kut-kart-baslik{font-family:var(--font-baslik);font-size:.95rem;font-weight:700;line-height:1.35;margin:6px 0 4px;color:var(--metin)}
.kut-yazar{font-size:.8rem;color:var(--metin-ikincil);margin-bottom:6px}
.kut-ozet{font-size:.78rem;color:var(--metin-ikincil);line-height:1.5}
.kut-kart-alt{display:flex;gap:10px;margin-top:10px;font-size:.72rem;color:var(--metin-ikincil)}
.kut-kaynak{background:var(--birincil-soluk);color:var(--birincil);padding:2px 8px;border-radius:4px;font-weight:600}
.kut-bos{text-align:center;padding:60px 20px;color:var(--metin-ikincil)}
.kut-bos-ikon{font-size:3rem;display:block;margin-bottom:12px;opacity:.5}
.kut-sayfalama{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}
.kut-yazar-bolum{margin-top:48px;padding-top:32px;border-top:1px solid var(--sinir)}
.kut-yazar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}
.kut-yazar-kart{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;background:var(--kart);border:1px solid var(--sinir);border-radius:10px;text-decoration:none;color:var(--metin);transition:.15s}
.kut-yazar-kart:hover{border-color:var(--birincil);background:var(--birincil-soluk)}
.kut-yazar-ikon{font-size:1.8rem;margin-bottom:6px}
.kut-uyari{margin-top:40px;padding:14px 18px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:.85rem;color:#92400e}
.kut-detay-hero{background:var(--kart);border-bottom:1px solid var(--sinir);padding:32px 0}
.kut-detay-hero-ic{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}
.kut-detay-kapak{border-radius:10px;overflow:hidden;box-shadow:var(--golge);aspect-ratio:3/4;background:var(--birincil-soluk)}
.kut-detay-kapak img{width:100%;height:100%;object-fit:cover}
.kut-detay-kapak-yer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.4}
.kut-detay-baslik{font-family:var(--font-baslik);font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.25;margin:10px 0}
.kut-detay-yazar{font-size:1rem;color:var(--metin-ikincil);margin-bottom:12px}
.kut-detay-etiketler{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:.82rem;color:var(--metin-ikincil)}
.kut-detay-etiketler span{background:var(--birincil-soluk);padding:4px 10px;border-radius:6px}
.kut-detay-aksiyon{display:flex;gap:10px;flex-wrap:wrap}
.kut-detay-govde{padding:32px 0 64px}
.kut-detay-layout{display:grid;grid-template-columns:1fr 280px;gap:32px}
.kut-bolum{margin-bottom:28px}
.kut-bolum h2{font-family:var(--font-baslik);font-size:1.1rem;font-weight:700;margin-bottom:12px}
.kut-metin{font-size:.95rem;line-height:1.75}
.kut-bilgi-kutu{background:var(--birincil-soluk);border:1px solid var(--birincil-acik,#bbf7d0);border-radius:10px;padding:20px}
.kut-bilgi-liste{list-style:none;margin:0;padding:0}
.kut-bilgi-liste li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--sinir);font-size:.88rem}
.kut-bilgi-liste li:last-child{border-bottom:none}
.kut-bilgi-liste li span{color:var(--metin-ikincil)}
.kut-modern{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:20px}
.kut-kenar-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:10px;padding:18px;margin-bottom:16px}
.kut-kenar-kart h3{font-size:.88rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;color:var(--metin-ikincil)}
.kut-benzer{margin-top:48px;padding-top:32px;border-top:1px solid var(--sinir)}
@media(max-width:768px){.kut-detay-hero-ic{grid-template-columns:120px 1fr;gap:16px}.kut-detay-layout{grid-template-columns:1fr}.kut-grid{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:480px){.kut-grid{grid-template-columns:1fr}.kut-detay-hero-ic{grid-template-columns:1fr}.kut-detay-kapak{max-width:160px;margin:0 auto}}

/* Kütüphane v3 — modern layout */
.kut-hero-premium{background:linear-gradient(160deg,var(--hero-bas) 0%,var(--hero-son) 55%,var(--birincil-koyu) 100%);color:#fff;padding:64px 0 48px;position:relative;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.kut-hero-premium h1,.kut-hero-premium h2,.kut-hero-premium h3,.kut-hero-premium p,.kut-hero-premium span{color:inherit}
.kut-hero-premium::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 110% at 12% 100%,color-mix(in srgb,var(--birincil) 32%,transparent) 0%,transparent 58%),radial-gradient(ellipse 55% 85% at 88% 8%,color-mix(in srgb,var(--aksan) 14%,transparent) 0%,transparent 52%),linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}
.kut-hero-premium::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:color-mix(in srgb,var(--aksan) 9%,transparent);bottom:-190px;right:-70px;pointer-events:none}
.kut-hero-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.kut-hero-metin{max-width:640px}
.kut-etiket-premium{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 16px;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:18px;color:#fff}
.kut-h1-premium{font-family:var(--font-baslik);font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em;color:#fff}
.kut-aciklama-premium{font-size:1.02rem;opacity:.92;line-height:1.7;max-width:560px;color:rgba(255,255,255,.92)}
.kut-istat-premium{display:flex;gap:12px;flex-wrap:wrap}
.kut-istat-kutu{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px 22px;text-align:center;min-width:90px}
.kut-istat-kutu strong{display:block;font-size:1.75rem;font-weight:800;line-height:1;color:#fff}
.kut-istat-kutu span{font-size:.68rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block;color:rgba(255,255,255,.85)}
.kut-arama-premium{background:#fff;border:1px solid var(--sinir);border-radius:18px;padding:8px 8px 8px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-32px auto 28px;max-width:960px;position:relative;z-index:10;box-shadow:0 12px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04)}
.kut-arama-premium input[type=search]{flex:1;min-width:180px;border:none;outline:none;font-size:.92rem;padding:12px 0;background:transparent;font-family:var(--font-ui)}
.kut-arama-premium select{border:1px solid var(--sinir);border-radius:10px;padding:9px 12px;font-size:.82rem;background:var(--krem);cursor:pointer;font-family:var(--font-ui)}
.kut-arama-premium button{background:var(--birincil);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;font-size:.88rem;cursor:pointer;transition:var(--gecis);font-family:var(--font-ui)}
.kut-arama-premium button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px rgba(46,139,87,.3)}
.kut-kat-mozaik{display:none}
/* Kategori Vitrin — Ana sayfa */
.kut-kat-vitrin{margin-bottom:36px}
.kut-kat-vitrin-baslik{text-align:center;margin-bottom:24px}
.kut-kat-vitrin-baslik h2{font-family:var(--font-baslik);font-size:1.4rem;font-weight:800;color:var(--metin);margin:0 0 6px}
.kut-kat-vitrin-baslik p{font-size:.88rem;color:var(--metin-ikincil);margin:0}
.kut-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.kut-kat-kart{position:relative;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;min-height:130px;display:flex;align-items:flex-end;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s}
.kut-kat-kart:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.kut-kat-kart-bg{position:absolute;inset:0;background:linear-gradient(145deg,var(--kat-bas) 0%,var(--kat-son) 100%);z-index:0;transition:filter .3s}
.kut-kat-kart:hover .kut-kat-kart-bg{filter:brightness(1.1)}
.kut-kat-kart-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.35) 100%)}
.kut-kat-kart-bg::before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(255,255,255,.08);border-radius:50%}
.kut-kat-kart-ic{position:relative;z-index:1;padding:18px 16px;display:flex;flex-direction:column;width:100%}
.kut-kat-kart-ikon{font-size:2.2rem;margin-bottom:10px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2));line-height:1}
.kut-kat-kart-ic h3{font-family:var(--font-baslik);font-size:.82rem;font-weight:800;margin:0 0 6px;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.kut-kat-kart-sayi{font-size:.68rem;font-weight:700;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;display:inline-block;width:fit-content}
@media(max-width:768px){
  .kut-kat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
  .kut-kat-kart{min-height:110px}
  .kut-kat-kart-ikon{font-size:1.8rem;margin-bottom:6px}
  .kut-kat-kart-ic h3{font-size:.75rem}
}
.kut-layout{display:grid;grid-template-columns:268px 1fr;gap:32px;align-items:start;padding-bottom:64px}
.kut-sidebar-premium{position:sticky;top:76px}
.kut-sidebar-kart{background:#fff;border:1px solid var(--sinir);border-radius:18px;padding:0;margin-bottom:16px;box-shadow:var(--golge-kucuk);overflow:hidden}
.kut-sidebar-kart:not(.kut-kat-panel){padding:20px}
.kut-sidebar-kart h3{font-family:var(--font-baslik);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--metin-ikincil);margin-bottom:14px}
/* Kategori paneli — sidebar */
.kut-kat-panel{border:none;background:linear-gradient(180deg,#fff 0%,#faf9f6 100%);box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04)}
.kut-kat-panel-ust{padding:18px 18px 14px;background:linear-gradient(135deg,var(--birincil-koyu) 0%,#134e4a 100%);color:#fff}
.kut-kat-panel-baslik{display:flex;align-items:center;gap:12px}
.kut-kat-panel-ikon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:12px;font-size:1.3rem;backdrop-filter:blur(8px);flex-shrink:0}
.kut-kat-panel-baslik h3{font-family:var(--font-baslik);font-size:.95rem;font-weight:800;color:#fff;margin:0 0 2px;text-transform:none;letter-spacing:0}
.kut-kat-panel-baslik p{font-size:.72rem;opacity:.8;margin:0;color:rgba(255,255,255,.9)}
.kut-kat-nav{display:flex;flex-direction:column;padding:10px;max-height:calc(100vh - 220px);overflow-y:auto;gap:4px;scrollbar-width:thin;scrollbar-color:var(--birincil-acik) transparent}
.kut-kat-nav::-webkit-scrollbar{width:5px}
.kut-kat-nav::-webkit-scrollbar-thumb{background:var(--birincil-acik);border-radius:999px}
.kut-kat-nav::-webkit-scrollbar-track{background:transparent}
.kut-kat-oge{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--metin);transition:background .18s,transform .18s,box-shadow .18s;border:1px solid transparent;position:relative}
.kut-kat-oge:hover{background:#fff;border-color:var(--sinir);box-shadow:var(--golge-kucuk);transform:translateX(3px)}
.kut-kat-oge.aktif{background:#fff;border-color:var(--birincil);box-shadow:0 0 0 3px var(--birincil-soluk),var(--golge-kucuk)}
.kut-kat-oge.aktif::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--birincil);border-radius:0 3px 3px 0}
.kut-kat-oge-ikon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--krem);border-radius:10px;font-size:1.15rem;flex-shrink:0;transition:transform .18s,background .18s}
.kut-kat-oge:hover .kut-kat-oge-ikon,.kut-kat-oge.aktif .kut-kat-oge-ikon{background:var(--birincil-soluk);transform:scale(1.05)}
.kut-kat-ikon-tumu{background:linear-gradient(135deg,var(--birincil-soluk),var(--parsmen))}
.kut-kat-oge-metin{flex:1;min-width:0}
.kut-kat-oge-metin strong{display:block;font-size:.78rem;font-weight:700;line-height:1.3;color:var(--metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kut-kat-oge-metin small{display:block;font-size:.65rem;color:var(--metin-ikincil);margin-top:1px}
.kut-kat-bar{display:block;height:3px;background:var(--krem);border-radius:999px;margin-top:5px;overflow:hidden}
.kut-kat-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--birincil-acik),var(--birincil));border-radius:999px;transition:width .4s ease}
.kut-kat-oge.aktif .kut-kat-bar span{background:linear-gradient(90deg,var(--birincil),var(--birincil-koyu))}
.kut-kat-oge-sayi{font-size:.68rem;font-weight:800;color:var(--metin-ikincil);background:var(--krem);padding:4px 9px;border-radius:999px;flex-shrink:0;min-width:36px;text-align:center}
.kut-kat-oge.aktif .kut-kat-oge-sayi{background:var(--birincil);color:#fff}
.kut-sidebar-liste{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto}
.kut-sidebar-liste li{margin-bottom:1px}
.kut-sidebar-liste a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:.82rem;color:var(--metin);text-decoration:none;transition:var(--gecis)}
.kut-sidebar-liste a:hover{background:var(--krem);color:var(--birincil)}
.kut-sidebar-liste a.aktif{background:var(--birincil-soluk);color:var(--birincil);font-weight:700}
.kut-sidebar-liste .badge{margin-left:auto;font-size:.65rem;background:var(--krem);padding:2px 8px;border-radius:999px;color:var(--metin-ikincil);font-weight:600}
.kut-sidebar-liste a.aktif .badge{background:var(--birincil);color:#fff}
.kut-yazar-satir{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--metin);font-size:.8rem;transition:var(--gecis)}
.kut-yazar-satir:hover{background:var(--krem);color:var(--birincil)}
.kut-yazar-satir.aktif{background:var(--birincil-soluk);color:var(--birincil);font-weight:600}
.kut-yazar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--birincil-soluk),var(--parsmen));display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.kut-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}
.kut-toolbar-sol{font-size:.88rem;color:var(--metin-ikincil)}
.kut-toolbar-sol strong{color:var(--metin);font-size:1rem}
.kut-gorunum-grup{display:flex;gap:4px;background:var(--krem);padding:4px;border-radius:10px;border:1px solid var(--sinir)}
.kut-gorunum-grup a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--metin-ikincil);text-decoration:none;font-size:.95rem;transition:var(--gecis)}
.kut-gorunum-grup a.aktif{background:#fff;color:var(--birincil);box-shadow:var(--golge-kucuk)}
.kut-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.kut-grid-premium.liste{grid-template-columns:1fr}
.kut-kart-premium{background:#fff;border:1px solid var(--sinir);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;height:100%}
.kut-kart-premium:hover{transform:translateY(-5px);box-shadow:var(--golge-hover);border-color:var(--birincil-acik)}
.kut-kart-premium-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.kut-grid-premium.liste .kut-kart-premium-link{flex-direction:row}
.kut-kapak-premium{height:200px;background:linear-gradient(160deg,var(--birincil-soluk),var(--parsmen));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kut-grid-premium.liste .kut-kapak-premium{width:130px;height:auto;min-height:130px;flex-shrink:0}
.kut-kapak-premium img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kut-kart-premium:hover .kut-kapak-premium img{transform:scale(1.04)}
.kut-kapak-premium .yer{font-size:3rem;opacity:.35}
.kut-yil-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.72);color:#fff;font-size:.65rem;font-weight:700;padding:4px 9px;border-radius:8px;backdrop-filter:blur(4px)}
.kut-kart-govde-premium{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.kut-etiket-kat{font-size:.65rem;font-weight:700;color:var(--birincil);background:var(--birincil-soluk);border-radius:6px;padding:4px 9px;display:inline-block;margin-bottom:10px;letter-spacing:.2px}
.kut-baslik-premium{font-family:var(--font-baslik);font-size:.92rem;font-weight:700;line-height:1.35;color:var(--metin);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kut-yazar-premium{font-size:.76rem;color:var(--birincil);font-weight:600;margin-bottom:8px}
.kut-ozet-premium{font-size:.76rem;color:var(--metin-ikincil);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.kut-alt-premium{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--sinir);font-size:.68rem;color:var(--metin-ikincil)}
.kut-alt-premium .kaynak{background:var(--krem);padding:3px 9px;border-radius:6px;font-weight:700;color:var(--metin-ikincil)}
.kut-sayfalama-premium{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:36px;flex-wrap:wrap}
.kut-sayfalama-premium a,.kut-sayfalama-premium span{padding:9px 15px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:var(--gecis)}
.kut-sayfalama-premium a{background:#fff;border:1px solid var(--sinir);color:var(--metin)}
.kut-sayfalama-premium a:hover{background:var(--birincil);color:#fff;border-color:var(--birincil)}
.kut-sayfalama-premium .aktif{background:var(--birincil);color:#fff}
.kut-sayfalama-premium .bilgi{color:var(--metin-ikincil);font-size:.78rem;border:none;background:none}
.kut-uyari-premium{background:linear-gradient(135deg,#fffbeb,#fef9c3);border:1px solid #fde047;border-radius:14px;padding:18px 22px;margin-top:36px;font-size:.84rem;line-height:1.65;color:#854d0e;display:flex;gap:12px;align-items:flex-start}
@media(max-width:960px){
  .kut-hero-wrap{grid-template-columns:1fr}
  .kut-istat-premium{justify-content:flex-start}
  .kut-layout{grid-template-columns:1fr;min-width:0;max-width:100%}
  .kut-layout > *{min-width:0;max-width:100%}
  .kut-sidebar-premium{display:block;position:static;margin-bottom:20px;min-width:0;max-width:100%}
  .kut-kat-panel,.kut-grid-premium,.kut-icerik-premium{min-width:0;max-width:100%}
  .kut-kat-nav{max-height:280px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;gap:8px;scrollbar-width:thin}
  .kut-kat-oge{flex:0 0 auto;min-width:160px;flex-direction:column;text-align:center;padding:14px 16px}
  .kut-kat-oge-metin strong{white-space:normal;font-size:.75rem}
  .kut-kat-bar{display:none}
  .kut-kat-oge.aktif::before{display:none}
  .kut-kat-oge:hover{transform:translateY(-2px)}
  .kut-kat-mozaik{display:none}
  .kut-kat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .kut-grid-premium{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
  .kut-kapak-premium{height:160px}
}

@media(max-width:768px){
  body.kut-sayfa{overflow-x:hidden!important}
  /* Konteyner mobil padding */
  body.kut-sayfa .konteyner{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
  /* ── Hero ── */
  .kut-hero-premium{padding:32px 0 24px!important;overflow:hidden}
  .kut-hero-premium::after{display:none}
  .kut-hero-wrap{grid-template-columns:1fr!important;gap:16px}
  .kut-hero-metin{max-width:100%}
  .kut-h1-premium{font-size:clamp(1.5rem,5.5vw,2rem)!important}
  .kut-aciklama-premium{font-size:.9rem;max-width:100%}
  .kut-istat-premium{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    width:100%;
  }
  .kut-istat-kutu{
    padding:12px 8px!important;
    min-width:0!important;
    border-radius:10px;
  }
  .kut-istat-kutu strong{font-size:1.35rem!important}
  .kut-istat-kutu span{font-size:.6rem!important}

  /* ── Arama formu ── */
  .kut-arama-premium{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:12px!important;
    margin:-20px 0 20px!important;
    border-radius:14px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .kut-arama-premium input[type=search]{
    width:100%!important;
    min-width:0!important;
    padding:12px 14px!important;
    font-size:16px!important;
    border:1px solid var(--sinir)!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  .kut-arama-premium select{
    width:100%!important;
    padding:11px 12px!important;
    box-sizing:border-box!important;
    font-size:.85rem!important;
  }
  .kut-arama-premium button{
    width:100%!important;
    padding:13px!important;
    box-sizing:border-box!important;
    font-size:.9rem!important;
  }

  /* ── Kategori vitrin grid → yatay kaydırmalı şerit ── */
  .kut-kat-vitrin{margin-bottom:24px;min-width:0;max-width:100%}
  .kut-kat-grid{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    padding-bottom:10px!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;
  }
  .kut-kat-grid::-webkit-scrollbar{display:none}
  .kut-kat-kart{
    flex:0 0 44%!important;
    min-width:140px;
    scroll-snap-align:start;
    min-height:100px;
  }
  .kut-kat-kart-ikon{font-size:1.6rem!important;margin-bottom:6px}
  .kut-kat-kart-ic h3{font-size:.72rem!important}
  .kut-kat-kart-sayi{font-size:.62rem;padding:3px 8px}

  /* ── Sidebar kategori nav (yatay scroll chip) ── */
  .kut-sidebar-premium{margin-bottom:16px}
  .kut-kat-panel{border-radius:14px!important}
  .kut-kat-panel-ust{padding:14px 14px 12px!important}
  .kut-kat-nav{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    padding:10px 10px 12px!important;
    gap:6px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .kut-kat-nav::-webkit-scrollbar{display:none}
  .kut-kat-oge{
    flex:0 0 auto!important;
    min-width:120px!important;
    max-width:140px!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    padding:10px 8px!important;
    border-radius:10px!important;
  }
  .kut-kat-oge-ikon{width:32px!important;height:32px!important;font-size:1rem!important;margin-bottom:4px}
  .kut-kat-oge-metin strong{font-size:.65rem!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important}
  .kut-kat-oge-sayi{font-size:.6rem!important;padding:2px 6px!important;min-width:auto!important;margin-top:4px}

  /* ── Yazar sidebar ── */
  .kut-sidebar-kart:not(.kut-kat-panel){display:none}

  /* ── Layout ── */
  .kut-layout{padding-bottom:80px!important}
  .konteyner .kut-kat-vitrin,
  .konteyner .kut-layout{padding-left:0;padding-right:0}

  /* ── Kitap kartları ── */
  .kut-grid-premium{
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }
  .kut-kapak-premium{height:140px!important}
  .kut-kart-govde-premium{padding:10px 12px 12px!important}
  .kut-baslik-premium{font-size:.82rem!important}
  .kut-ozet-premium{display:none}

  /* ── Toolbar ── */
  .kut-toolbar{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}

  /* ── Sayfalama ── */
  .kut-sayfalama-premium{gap:4px;margin-top:24px}
  .kut-sayfalama-premium a,.kut-sayfalama-premium span{padding:7px 10px;font-size:.78rem}
}

/* ============================================================
   YASAL SAYFALAR (Kullanım Koşulları, Gizlilik, KVKK, İletişim)
   ============================================================ */
.yasal-hero{
  background:linear-gradient(135deg,var(--hero-bas),var(--hero-son));
  color:#fff;padding:54px 0 48px;position:relative;overflow:hidden;
}
.yasal-hero::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% -20%,rgba(255,255,255,0.10),transparent 55%);
  pointer-events:none;
}
.yasal-hero .konteyner{position:relative;z-index:1;}
.yasal-rozet{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);
  padding:6px 14px;border-radius:999px;font-size:0.8rem;font-weight:600;
  letter-spacing:0.02em;margin-bottom:16px;backdrop-filter:blur(6px);
}
.yasal-hero h1{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:2.1rem;font-weight:800;
  line-height:1.15;margin:0 0 10px;
}
.yasal-hero p{font-size:1rem;color:rgba(255,255,255,0.82);max-width:640px;margin:0;line-height:1.6;}
.yasal-guncel{margin-top:18px;font-size:0.8rem;color:rgba(255,255,255,0.6);}

.yasal-wrap{max-width:1080px;margin:0 auto;padding:36px 18px 70px;
  display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:start;}

.yasal-toc{position:sticky;top:84px;background:#fff;border:1px solid #eceae4;
  border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(13,43,31,0.05);}
.yasal-toc-bas{font-size:0.78rem;font-weight:700;text-transform:uppercase;
  letter-spacing:0.06em;color:var(--birincil);margin-bottom:12px;}
.yasal-toc a{display:block;font-size:0.86rem;color:#5a5247;padding:7px 10px;
  border-radius:9px;text-decoration:none;transition:0.18s;line-height:1.4;}
.yasal-toc a:hover{background:var(--birincil-soluk);color:var(--birincil-koyu);}

.yasal-icerik{background:#fff;border:1px solid #eceae4;border-radius:18px;
  padding:34px 38px;box-shadow:0 4px 22px rgba(13,43,31,0.05);}
.yasal-bolum{scroll-margin-top:84px;padding:22px 0;border-bottom:1px solid #f1efe9;}
.yasal-bolum:first-child{padding-top:4px;}
.yasal-bolum:last-child{border-bottom:none;padding-bottom:4px;}
.yasal-bolum h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.22rem;
  font-weight:700;color:#15301f;margin:0 0 12px;display:flex;align-items:center;gap:10px;}
.yasal-bolum h2 .no{display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:8px;background:var(--birincil-soluk);
  color:var(--birincil-koyu);font-size:0.85rem;font-weight:800;flex:none;}
.yasal-bolum h3{font-size:0.98rem;font-weight:700;color:#2a3b31;margin:18px 0 8px;}
.yasal-bolum p{font-size:0.92rem;line-height:1.75;color:#4b463e;margin:0 0 12px;}
.yasal-bolum ul{margin:0 0 14px;padding-left:4px;list-style:none;}
.yasal-bolum ul li{font-size:0.92rem;line-height:1.7;color:#4b463e;
  padding-left:24px;position:relative;margin-bottom:8px;}
.yasal-bolum ul li::before{content:"✓";position:absolute;left:0;top:0;
  color:var(--birincil);font-weight:800;}
.yasal-bolum a{color:var(--birincil-koyu);font-weight:600;}

.yasal-uyari-kutu{background:linear-gradient(135deg,#fff8ec,#fdf0d8);
  border:1px solid #f0d399;border-left:4px solid #d99a2b;border-radius:12px;
  padding:16px 18px;margin:14px 0;font-size:0.9rem;line-height:1.7;color:#7a5a1a;}
.yasal-uyari-kutu strong{color:#5e4413;}

.yasal-bilgi-kutu{background:var(--birincil-soluk);border:1px solid var(--birincil-acik);
  border-radius:12px;padding:16px 18px;margin:14px 0;font-size:0.9rem;
  line-height:1.7;color:var(--birincil-koyu);}

.yasal-iletisim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;margin-top:8px;}
.yasal-iletisim-kart{background:#faf9f6;border:1px solid #eceae4;border-radius:14px;
  padding:20px;text-align:center;}
.yasal-iletisim-kart .ikon{font-size:1.8rem;margin-bottom:8px;}
.yasal-iletisim-kart .etiket{font-size:0.78rem;text-transform:uppercase;
  letter-spacing:0.05em;color:#9a9082;font-weight:600;margin-bottom:4px;}
.yasal-iletisim-kart .deger{font-size:0.95rem;font-weight:600;color:#2a3b31;word-break:break-word;}

@media(max-width:860px){
  .yasal-wrap{grid-template-columns:1fr;gap:18px;padding:22px 14px 60px;}
  .yasal-toc{position:static;order:-1;}
  .yasal-icerik{padding:24px 20px;}
  .yasal-hero h1{font-size:1.6rem;}
}

/* ═══ ŞİFA REHBERİ (sifa-rehberi) ═══ */
.sr-hero{
  background:linear-gradient(145deg,var(--hero-bas) 0%,var(--hero-son) 45%,var(--birincil-koyu) 100%);
  padding:56px 0 48px;color:#fff;position:relative;overflow:hidden;
}
.sr-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 100% at 0% 100%,color-mix(in srgb,var(--birincil) 35%,transparent),transparent 55%),
             radial-gradient(ellipse 60% 80% at 100% 0%,color-mix(in srgb,var(--birincil-acik) 25%,transparent),transparent 50%);
  pointer-events:none;
}
.sr-hero::after{
  content:"🌿";position:absolute;right:8%;top:50%;transform:translateY(-50%);
  font-size:clamp(6rem,15vw,11rem);opacity:.07;pointer-events:none;
}
.sr-hero-wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.sr-hero-metin{max-width:680px;color:#fff}
.sr-hero-metin h1,.sr-hero-metin p,.sr-hero-metin span{color:#fff}
.sr-etiket{
  display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  padding:7px 16px;border-radius:999px;font-size:.72rem;font-weight:700;margin-bottom:16px;
  backdrop-filter:blur(8px);color:#ecfdf5;
}
.sr-hero h1{
  font-family:var(--font-baslik);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;
  margin:0 0 14px;line-height:1.12;color:#fff !important;
  text-shadow:0 2px 20px rgba(0,0,0,.25);
}
.sr-hero-metin>p{font-size:.96rem;color:rgba(255,255,255,.92);line-height:1.7;margin:0 0 18px}
.sr-uyari-band{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-left:3px solid #fbbf24;border-radius:10px;padding:11px 16px;
  font-size:.78rem;color:#fef3c7;line-height:1.5;
}
.sr-istat{display:flex;gap:14px}
.sr-istat-k{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  border-radius:16px;padding:18px 24px;text-align:center;min-width:100px;
  backdrop-filter:blur(10px);transition:transform .2s;
}
.sr-istat-k:hover{transform:translateY(-2px)}
.sr-istat-k strong{display:block;font-size:1.75rem;font-weight:800;line-height:1;color:#fff}
.sr-istat-k span{font-size:.68rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;display:block;font-weight:600}
.sr-govde{padding-top:40px;padding-bottom:72px;background:linear-gradient(180deg,#f8fafc 0%,var(--krem) 100%)}
.sr-arama{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;
  background:#fff;border:1px solid var(--sinir);border-radius:18px;padding:14px 16px;
  box-shadow:0 8px 32px rgba(15,23,42,.06);
}
.sr-arama input{flex:1;min-width:220px;border:none;background:transparent;padding:10px 12px;font-size:.92rem;outline:none;color:var(--metin)}
.sr-arama select,.sr-arama button{
  border:1px solid var(--sinir);border-radius:12px;padding:10px 18px;
  font-size:.85rem;font-weight:600;background:var(--krem);cursor:pointer;transition:.15s;
}
.sr-arama button{background:linear-gradient(135deg,var(--birincil),#047857);color:#fff;border:none;box-shadow:0 4px 14px rgba(5,150,105,.3)}
.sr-arama button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(5,150,105,.35)}
.sr-kat-bolum,.sr-one-cikan{margin-bottom:40px}
.sr-kat-bolum h2,.sr-one-cikan h2,.sr-liste-baslik h2{
  font-family:var(--font-baslik);font-size:1.2rem;font-weight:800;margin:0 0 18px;color:var(--metin);
}
.sr-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.sr-kat-kart{
  display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:18px;
  background:#fff;border:1px solid var(--sinir);text-decoration:none;color:var(--metin);
  transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;
  box-shadow:0 2px 12px rgba(15,23,42,.04);
}
.sr-kat-kart::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--sr-renk,var(--birincil))}
.sr-kat-kart::after{
  content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;
  background:color-mix(in srgb,var(--sr-renk) 10%,transparent);pointer-events:none;
}
.sr-kat-kart:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1);border-color:color-mix(in srgb,var(--sr-renk) 35%,var(--sinir))}
.sr-kat-ikon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}
.sr-kat-kart h3{font-size:.9rem;font-weight:800;margin:0;line-height:1.3}
.sr-kat-sayi{font-size:.72rem;color:var(--metin-ikincil);font-weight:700;background:var(--krem);padding:3px 10px;border-radius:20px;width:fit-content}
.sr-liste-baslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.sr-liste-baslik span{font-size:.82rem;color:var(--metin-ikincil);font-weight:600}
.sr-urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.sr-urun-kart{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--sinir);
  border-radius:18px;overflow:hidden;text-decoration:none;color:var(--metin);
  transition:transform .22s,box-shadow .22s;box-shadow:0 2px 12px rgba(15,23,42,.04);
}
.sr-urun-kart:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,23,42,.1)}
.sr-iyi-gelir-snippet{font-size:.75rem;color:#059669;line-height:1.45;margin:6px 0 0;font-style:italic}
.sr-urun-gorsel{
  height:140px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--sr-renk) 18%,#fff),color-mix(in srgb,var(--sr-renk) 8%,#f1f5f9));
  display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
}
.sr-urun-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(255,255,255,.5))}
.sr-urun-gorsel img{width:100%;height:100%;object-fit:cover}
.sr-urun-emoji{font-size:3.2rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));position:relative;z-index:1}
.sr-urun-govde{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;gap:4px}
.sr-urun-kat{font-size:.68rem;font-weight:700;color:var(--sr-renk,var(--birincil));text-transform:uppercase;letter-spacing:.3px}
.sr-urun-govde h3{font-size:.88rem;font-weight:800;margin:0;line-height:1.3}
.sr-latin{font-size:.72rem;color:var(--metin-ikincil);font-style:italic}
.sr-urun-govde p{font-size:.78rem;color:var(--metin-ikincil);margin:4px 0 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-bos{text-align:center;padding:56px 20px;color:var(--metin-ikincil)}
.sr-bos span{font-size:2.5rem;display:block;margin-bottom:10px}
.sr-sayfalama{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.sr-sayfa-link{padding:8px 14px;border-radius:8px;border:1px solid var(--sinir);text-decoration:none;font-size:.82rem;font-weight:600;color:var(--metin-ikincil)}
.sr-sayfa-link.aktif,.sr-sayfa-link:hover{background:var(--birincil);color:#fff;border-color:var(--birincil)}

.srd-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--srd-renk) 85%,#0f172a),var(--hero-son) 60%,var(--birincil-koyu));padding:40px 0 36px;color:#fff}
.srd-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:.78rem;opacity:.9;margin-bottom:20px;color:rgba(255,255,255,.85)}
.srd-breadcrumb a{color:rgba(255,255,255,.92);text-decoration:none}
.srd-breadcrumb a:hover{text-decoration:underline;color:#fff}
.srd-breadcrumb span{color:rgba(255,255,255,.75)}
.srd-hero-grid{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.srd-gorsel-kutu{width:200px;height:200px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.srd-gorsel-kutu img{width:100%;height:100%;object-fit:cover}
.srd-emoji{font-size:5rem;line-height:1}
.srd-kat-pil{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:700;text-decoration:none;color:#fff;margin-bottom:12px}
.srd-baslik-alan h1{font-family:var(--font-baslik);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;margin:0 0 8px;line-height:1.2;color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.srd-latin{font-size:.9rem;color:rgba(255,255,255,.78)!important;font-style:italic;margin:0 0 10px}
.srd-ozet{font-size:.92rem;color:rgba(255,255,255,.92)!important;line-height:1.6;margin:0 0 12px}
.srd-mini-stat{font-size:.78rem;color:rgba(255,255,255,.75)!important}
.srd-govde{padding-top:40px;padding-bottom:64px}
.srd-layout{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}
.srd-uyari-kutu{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:14px;padding:16px 18px;margin-bottom:24px;font-size:.84rem;line-height:1.6;color:#92400e}
.srd-uyari-kutu strong{display:block;margin-bottom:6px}
.srd-uyari-buyuk{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:2px solid #fca5a5;border-radius:16px;padding:20px 22px;margin-bottom:24px;box-shadow:0 4px 20px rgba(239,68,68,.12)}
.srd-uyari-buyuk .srd-uyari-ikon{font-size:2rem;line-height:1;flex-shrink:0}
.srd-uyari-buyuk strong{display:block;font-size:.95rem;color:#991b1b;margin-bottom:8px}
.srd-uyari-buyuk p{font-size:.84rem;color:#7f1d1d;line-height:1.65;margin:0}
.srd-uyari-buyuk em{font-style:normal;color:#b45309;font-weight:600}
.srd-iyi-gelir{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #6ee7b7;border-radius:16px}
.srd-iyi-gelir h2{color:#047857}
.srd-iyi-gelir-not{font-size:.78rem;color:#059669;font-weight:600;margin:-8px 0 14px;font-style:italic}
.srd-iyi-liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.srd-iyi-liste li{padding:12px 16px;background:#fff;border-radius:12px;border-left:4px solid #10b981;font-size:.88rem;line-height:1.55;color:#1e293b;box-shadow:0 2px 8px rgba(16,185,129,.08)}
.srd-iyi-liste li::before{content:"🌿 "}
.srd-fayda-kutu{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#93c5fd}
.srd-uyari-hekim{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:16px;padding:20px 22px;margin-bottom:20px}
.srd-uyari-hekim-baslik{font-size:.92rem;font-weight:800;color:#c2410c;margin-bottom:12px}
.srd-uyari-hekim ul{margin:0;padding-left:20px;font-size:.84rem;color:#7c2d12;line-height:1.7}
.srd-uyari-hekim li{margin-bottom:6px}
.srd-bolum{background:#fff;border:1px solid var(--sinir);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--golge-kucuk)}
.srd-bolum h2{font-family:var(--font-baslik);font-size:1rem;font-weight:800;margin:0 0 14px;color:var(--metin)}
.srd-metin{font-size:.9rem;line-height:1.75;color:var(--metin)}
.srd-faydalar{white-space:pre-line}
.srd-not{font-size:.75rem;color:var(--metin-ikincil);margin-top:10px;font-style:italic}
.srd-dikkat{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #f87171}
.srd-dikkat h2{color:#991b1b}
.srd-hikaye-kart{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}
.srd-hikaye-link{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;padding:4px 0}
.srd-hikaye-link:hover strong{color:var(--birincil)}
.srd-hikaye-ikon{font-size:1.8rem;line-height:1;flex-shrink:0}
.srd-hikaye-link strong{display:block;font-size:.95rem;margin-bottom:6px}
.srd-hikaye-link p{font-size:.84rem;color:var(--metin-ikincil);line-height:1.55;margin:0 0 6px}
.srd-hikaye-link em{font-size:.78rem;font-weight:600;color:var(--birincil);font-style:normal}
.srd-kenar{position:sticky;top:80px}
.srd-kenar-kart{background:#fff;border:1px solid var(--sinir);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:var(--golge-kucuk)}
.srd-kenar-kart h3{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--metin-ikincil);margin:0 0 12px}
.srd-bilgi-liste{list-style:none;padding:0;margin:0}
.srd-bilgi-liste li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--sinir);font-size:.82rem}
.srd-bilgi-liste li:last-child{border-bottom:none}
.srd-bilgi-liste span{color:var(--metin-ikincil)}
.srd-bilgi-liste strong{text-align:right;font-weight:700;max-width:55%}
.srd-benzer{margin-top:40px;padding-top:32px;border-top:1px solid var(--sinir)}
.srd-benzer h2{font-family:var(--font-baslik);font-size:1.1rem;font-weight:800;margin:0 0 18px}

/* ── Şifa Rehberi v2 — tam genişlik modern hub ── */
.sr-hero-v2{padding:56px 0 44px;min-height:380px}
.sr-hero-full{overflow:hidden}
.sr-hero-v2-inner{position:relative;z-index:2}
.sr-constellation{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none;z-index:0}
.sr-hero-center{
  max-width:960px;margin:0 auto;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:0;
}
.sr-hero-center .sr-etiket{margin-bottom:14px}
.sr-hero-center h1{margin-bottom:12px;max-width:720px}
.sr-hero-center .sr-hero-alt{
  max-width:640px;margin:0 auto 28px;
  font-size:1rem;color:rgba(255,255,255,.9)!important;line-height:1.65;
}
.sr-hero-center .sr-search-hub{
  width:100%;max-width:960px;text-align:left;margin-bottom:0;
}
.sr-hero-center .sr-uyari-band{
  width:100%;max-width:960px;margin-top:20px;text-align:left;
}
.sr-hero-alt{font-size:.94rem;color:rgba(255,255,255,.88)!important;line-height:1.65;margin:0 0 22px}
.sr-search-hub{position:relative;margin-bottom:4px;z-index:50;width:100%}
/* MOBİL: pill şekli — tek satır input + buton, sıralama gizli */
.sr-search-mega{
  display:flex;align-items:stretch;
  background:rgba(255,255,255,.14);
  border:1.5px solid rgba(255,255,255,.4);
  border-radius:20px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  position:relative;z-index:2;
  width:100%;box-sizing:border-box;overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.15);
  transition:box-shadow .25s,border-color .25s,transform .25s;
}
.sr-search-mega:focus-within{
  border-color:rgba(255,255,255,.65);
  box-shadow:0 12px 48px rgba(0,0,0,.22),0 0 0 4px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.2);
}
.sr-search-ikon{display:none}
.sr-search-mega input[type=search],
.sr-search-mega input[type=text]{
  flex:1;min-width:0;
  border:none;background:transparent;
  padding:14px 12px 14px 16px;font-size:16px;outline:none;
  color:#fff;
  box-sizing:border-box;
  -webkit-appearance:none;appearance:none;
}
.sr-search-mega input::placeholder{color:rgba(255,255,255,.6)}
.sr-search-mega input[type=search]::-webkit-search-cancel-button{cursor:pointer}
.sr-search-sirala{
  display:none;
}
.sr-search-gonder{
  flex-shrink:0;
  border:none;background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));color:#fff;
  width:auto;padding:0 18px;margin:6px 6px 6px 0;
  border-radius:14px;
  cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;
  display:flex;align-items:center;justify-content:center;
  font-size:.82rem;font-weight:800;line-height:normal;
  box-shadow:0 4px 16px rgba(5,150,105,.35);
}
.sr-search-gonder::before{display:none}
.sr-search-gonder:hover,.sr-search-gonder:active{
  transform:translateY(-1px);
  box-shadow:0 6px 22px rgba(5,150,105,.45);
}

/* DESKTOP: yatay grid layout — tam genişlik premium arama */
@media(min-width:861px){
  .sr-search-mega{
    display:grid;grid-template-columns:auto 1fr auto auto auto;
    background:rgba(255,255,255,.98);
    border:2px solid rgba(255,255,255,.6);border-radius:22px;
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.8);
    min-height:72px;
  }
  .sr-search-mega:focus-within{
    border-color:rgba(5,150,105,.45);
    box-shadow:0 28px 90px rgba(0,0,0,.3),0 0 0 4px rgba(5,150,105,.15),inset 0 1px 0 rgba(255,255,255,.9);
  }
  .sr-search-ikon{display:flex;padding:0 18px 0 22px;font-size:1.45rem;align-items:center;opacity:.85}
  .sr-search-mega input[type=search],
  .sr-search-mega input[type=text]{
    border:none;padding:22px 10px;font-size:1.05rem;width:auto;color:var(--metin);
  }
  .sr-search-mega input::placeholder{color:var(--metin-ikincil)}
  .sr-search-sirala{
    display:block;
    border:none;border-left:1px solid var(--sinir);
    background:transparent;padding:0 14px;font-size:.78rem;font-weight:700;
    color:var(--metin-ikincil);cursor:pointer;outline:none;width:auto;
    -webkit-appearance:none;appearance:none;
  }
  .sr-search-gonder{
    width:auto;margin:10px 10px 10px 0;
    padding:0 28px;border-radius:14px;font-size:.92rem;font-weight:800;
    background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));
    display:flex;align-items:center;justify-content:center;line-height:normal;
    box-shadow:0 6px 20px rgba(5,150,105,.35);
  }
  .sr-search-gonder::before{display:none}
  .sr-search-mod{
    align-self:center;
    margin:10px 12px 10px 6px;
    padding:5px;
    gap:0;
    background:#e2e8f0;
    border:2px solid #cbd5e1;
    border-radius:14px;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.06);
  }
  .sr-mod-btn{
    color:#475569;
    font-size:.84rem;
    font-weight:800;
    padding:11px 18px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    letter-spacing:.02em;
  }
  .sr-mod-btn .sr-mod-ikon{font-size:1rem;line-height:1}
  .sr-mod-btn.aktif{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff!important;
    box-shadow:0 4px 14px rgba(37,99,235,.35);
  }
  .sr-mod-btn.sr-mod-sor.aktif{
    background:linear-gradient(135deg,#059669,#047857);
    box-shadow:0 4px 14px rgba(5,150,105,.35);
  }
  .sr-mod-btn:not(.aktif):hover{background:rgba(255,255,255,.65);color:#0f172a}
}
/* Masaüstü: arama kutusunun hemen altına açılan, kutuyu kapatmayan dropdown.
   Backdrop görünmez ve tıklamayı engellemez; dışarı tıklayınca JS kapatır. */
.sr-live-backdrop{
  position:fixed;inset:0;background:transparent;
  z-index:80;display:none;pointer-events:none;
}
.sr-live-backdrop.acik{display:block}
.sr-live-panel{
  position:fixed; /* konum (top/left/width) input'a göre JS ile ayarlanır */
  width:min(92vw,780px);max-height:min(70vh,540px);
  background:#fff;border:none;border-radius:16px;
  box-shadow:0 24px 60px rgba(15,23,42,.22),0 0 0 1px rgba(0,0,0,.06);
  z-index:100;overflow:hidden;display:none;flex-direction:column;
  animation:srPanelIn .22s cubic-bezier(.22,1,.36,1);
}
.sr-live-panel[hidden],.sr-live-panel:not(.acik){display:none!important;visibility:hidden!important;pointer-events:none!important}
.sr-live-panel.acik{display:flex;visibility:visible;pointer-events:auto}
@keyframes srPanelIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes srFadeIn{from{opacity:0}to{opacity:1}}
.sr-live-panel a{text-decoration:none!important;color:inherit}
.sr-live-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 22px 14px;border-bottom:1px solid #e2e8f0;background:#fafbfc;
  border-radius:22px 22px 0 0;flex-shrink:0;
}
.sr-live-status{
  font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  padding:5px 14px;border-radius:999px;background:#ecfdf5;color:#047857;
}
.sr-live-status-yukleniyor{background:#f1f5f9;color:#64748b;animation:srPulse 1s infinite alternate}
.sr-live-status-bos{background:#fef2f2;color:#b91c1c}
.sr-live-status-hata{background:#fef2f2;color:#b91c1c}
@keyframes srPulse{from{opacity:.6}to{opacity:1}}
.sr-live-kapat{
  width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;
  color:#64748b;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,transform .15s;
}
.sr-live-kapat:hover{background:#fef2f2;color:#b91c1c;transform:scale(1.05)}
.sr-search-mod{
  display:flex;
  gap:0;
  padding:4px;
  background:rgba(15,23,42,.35);
  border:2px solid rgba(255,255,255,.45);
  border-radius:14px;
  flex-shrink:0;
  margin:5px 4px 5px 0;
  box-shadow:0 4px 16px rgba(0,0,0,.15);
}
.sr-mod-btn{
  border:none;
  background:transparent;
  color:rgba(255,255,255,.88);
  font-size:.78rem;
  font-weight:800;
  padding:8px 12px;
  border-radius:10px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s,color .15s,box-shadow .15s,transform .15s;
  display:inline-flex;
  align-items:center;
  gap:5px;
  letter-spacing:.02em;
}
.sr-mod-btn .sr-mod-ikon{font-size:.95rem;line-height:1}
.sr-mod-btn.aktif{
  background:#fff;
  color:#1d4ed8!important;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transform:scale(1.02);
}
.sr-mod-btn.sr-mod-sor.aktif{
  color:#047857!important;
  background:linear-gradient(135deg,#ecfdf5,#fff);
  box-shadow:0 2px 10px rgba(16,185,129,.25);
}
.sr-mod-btn:not(.aktif):hover{background:rgba(255,255,255,.15);color:#fff}
.sr-etiket-sor{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#6ee7b7!important;color:#047857!important}
.sr-live-body{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto}
/* Tek sütun, kompakt seçim listesi (en ilgiliden sıralı) */
.sr-live-body-grid{display:block;min-height:0;overflow:visible}
.sr-live-ai{padding:14px 18px 0;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f0fdf4,#fff);flex-shrink:0}
.sr-live-ai-kutu{
  background:#fff;border:1.5px solid #a7f3d0;border-radius:14px;padding:14px 16px;
  box-shadow:0 8px 24px rgba(16,185,129,.08);
}
.sr-live-ai-acil{border-color:#fecaca;background:#fef2f2}
.sr-live-ai-baslik{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#047857;margin-bottom:8px}
.sr-live-ai-acil .sr-live-ai-baslik{color:#b91c1c}
.sr-live-ai-metin{margin:0 0 10px;font-size:.88rem;line-height:1.65;color:#334155}
.sr-live-ai-oneri{margin:0 0 10px;padding-left:18px;font-size:.82rem;color:#475569;line-height:1.55}
.sr-live-ai-oneri li{margin-bottom:6px}
.sr-live-ai-uyari{margin:0;font-size:.74rem;line-height:1.5;color:#b45309;font-weight:600}
.sr-live-ai-yukleniyor .sr-live-sk-line{height:12px;background:#e2e8f0;border-radius:6px;margin-bottom:8px;animation:srPulse 1s infinite alternate}
.sr-live-body-grid .sr-live-preview-col{display:none}
.sr-live-list-col{display:flex;flex-direction:column;min-height:0;overflow:visible;background:#fff}
.sr-live-list-baslik{
  font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:#94a3b8;padding:16px 18px 10px;margin:0;
}
.sr-live-list{overflow:visible;padding:0 12px 14px;flex:1}
.sr-live-list::-webkit-scrollbar,.sr-live-preview-col::-webkit-scrollbar{width:5px}
.sr-live-list::-webkit-scrollbar-thumb,.sr-live-preview-col::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}
.sr-live-preview-kart{
  display:block;color:var(--metin)!important;padding:0;border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--sr-renk) 6%,#fff),#fff);
  border:1.5px solid color-mix(in srgb,var(--sr-renk) 18%,#e2e8f0);
  transition:transform .2s,box-shadow .2s;overflow:hidden;
}
.sr-live-preview-kart:hover{transform:translateY(-2px);box-shadow:0 12px 32px color-mix(in srgb,var(--sr-renk) 12%,transparent)}
.sr-live-preview-badge{
  font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
  padding:10px 18px;background:color-mix(in srgb,var(--sr-renk) 8%,#fafbfc);color:var(--sr-renk);
  border-bottom:1px solid color-mix(in srgb,var(--sr-renk) 10%,#e2e8f0);
}
.sr-live-preview-ust{display:flex;gap:16px;align-items:flex-start;padding:18px 18px 0}
.sr-live-preview-emoji{font-size:3rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.06))}
.sr-live-preview-baslik{flex:1;min-width:0}
.sr-live-preview-kat{font-size:.68rem;font-weight:800;color:var(--sr-renk);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:4px}
.sr-live-preview-kart h3{font-size:1.2rem;margin:0 0 4px;color:#0f172a!important;line-height:1.3;font-weight:800}
.sr-live-preview-kart small{font-size:.82rem;color:#64748b!important;font-style:italic;display:block}
.sr-live-preview-ozet{font-size:.88rem;line-height:1.7;color:#475569;margin:0;padding:14px 18px 0}
.sr-live-preview-iyi{
  display:flex;gap:10px;align-items:flex-start;margin:14px 18px 0;padding:14px 16px;
  background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-radius:12px;border-left:4px solid #10b981;
}
.sr-live-preview-iyi span{font-size:1.1rem;line-height:1}
.sr-live-preview-iyi p{margin:0;font-size:.84rem;color:#047857;font-style:italic;line-height:1.6}
.sr-live-preview-btn{
  display:block;margin:16px 18px 18px;padding:13px 18px;text-align:center;border-radius:12px;
  font-size:.86rem;font-weight:800;color:#fff!important;
  background:linear-gradient(135deg,var(--sr-renk,#059669),color-mix(in srgb,var(--sr-renk,#059669) 70%,#0f172a));
  box-shadow:0 4px 14px color-mix(in srgb,var(--sr-renk,#059669) 30%,transparent);
  transition:filter .2s,transform .2s;
}
.sr-live-preview-kart:hover .sr-live-preview-btn{filter:brightness(1.06);transform:translateY(-1px)}
.sr-live-preview-bos{text-align:center;padding:48px 24px;color:#94a3b8}
.sr-live-preview-bos span{font-size:2.5rem;display:block;margin-bottom:10px}
.sr-live-preview-bos p{font-size:.9rem;margin:0}
.sr-live-skeleton{padding:24px;display:flex;flex-direction:column;gap:12px}
.sr-live-sk-line{height:16px;border-radius:8px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:srShimmer 1.2s infinite}
.sr-live-sk-line.kisa{width:55%}
@keyframes srShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.sr-live-item{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;
  color:var(--metin)!important;transition:all .15s;border:1px solid transparent;margin-bottom:4px;
}
.sr-live-item:hover,.sr-live-item.aktif{
  background:#fff;
  border-color:color-mix(in srgb,var(--sr-renk) 20%,#e2e8f0);
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.sr-live-item.aktif{border-left:3px solid var(--sr-renk);padding-left:11px}
.sr-live-item-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}
.sr-live-item-metin{flex:1;min-width:0}
.sr-live-item-metin strong{display:block;font-size:.88rem;line-height:1.3;color:#0f172a!important}
.sr-live-item-metin small{font-size:.72rem;color:#94a3b8!important;display:block;margin-top:2px}
.sr-live-item-ozet{display:block;margin-top:5px;font-size:.78rem;line-height:1.5;color:#64748b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sr-live-item-rozet{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--sr-renk,#059669);background:color-mix(in srgb,var(--sr-renk,#059669) 12%,#fff);padding:2px 7px;border-radius:999px;margin-left:6px;font-style:normal;vertical-align:middle}
.sr-live-item-best{align-items:flex-start;background:color-mix(in srgb,var(--sr-renk) 5%,#fff);border-color:color-mix(in srgb,var(--sr-renk) 16%,#e2e8f0)}
.sr-live-item-best .sr-live-item-emoji{font-size:1.8rem}
.sr-live-item-ok{color:#94a3b8;font-size:.9rem;opacity:.4;transition:opacity .15s;align-self:center}
.sr-live-item:hover .sr-live-item-ok{opacity:1}
.sr-live-list-bos{padding:20px 12px;font-size:.82rem;color:#94a3b8;text-align:center;font-style:italic}
.sr-live-similar-wrap{padding:14px 22px 16px;border-top:1px solid #e2e8f0;background:#fafbfc;flex-shrink:0;border-radius:0 0 22px 22px}
.sr-live-sim-baslik{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;margin:0 0 10px;letter-spacing:.4px}
.sr-live-sim-grid{display:flex;flex-wrap:wrap;gap:8px}
.sr-live-sim-chip{
  display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:700;
  color:#334155!important;background:#fff;border:1px solid #e2e8f0;
  transition:all .15s;box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.sr-live-sim-chip:hover{background:color-mix(in srgb,var(--sr-renk) 8%,#fff);border-color:var(--sr-renk);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08)}
.sr-live-panel mark{background:linear-gradient(135deg,#fef08a,#fde68a);color:inherit;border-radius:4px;padding:1px 4px;font-weight:700}
.sr-live-tumu{
  display:block;text-align:center;padding:14px 22px;font-size:.84rem;font-weight:800;
  color:#059669!important;background:#fff;
  border-top:1px solid #e2e8f0;transition:background .15s;flex-shrink:0;
  border-radius:0 0 22px 22px;
}
.sr-live-tumu:hover{background:#ecfdf5!important}
.sr-etiket-yenile{
  flex-shrink:0;width:34px;height:34px;border-radius:999px;border:1px dashed rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);cursor:pointer;font-size:.95rem;
  display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;
}
.sr-etiket-yenile:hover{transform:rotate(90deg);background:rgba(255,255,255,.18)}
@media(min-width:861px){
  .sr-etiket-yenile{border-color:#cbd5e1;background:#f8fafc;color:#64748b}
  .sr-etiket-yenile:hover{background:#ecfdf5;color:#047857}
}
.sr-etiketler{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin-top:14px;position:relative;z-index:1;
  justify-content:flex-start;
}
.sr-hero-center .sr-etiketler{justify-content:center}
.sr-etiketler>span{font-size:.72rem;color:rgba(255,255,255,.7);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.sr-etiket-chip{
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#ecfdf5;
  padding:7px 16px;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;
  backdrop-filter:blur(8px);transition:background .2s,transform .2s,border-color .2s,box-shadow .2s;
}
.sr-etiket-chip:hover{
  background:rgba(255,255,255,.24);transform:translateY(-2px);
  border-color:rgba(255,255,255,.45);box-shadow:0 4px 16px rgba(0,0,0,.12);
}

/* Kategori vitrini — profesyonel glassmorphism widget */
.sr-kat-vitrin{
  width:100%;max-width:400px;margin:0 auto;
  background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  padding:20px 18px 16px;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 24px 64px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}
.sr-kat-vitrin::before{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(5,150,105,.06) 90deg,transparent 180deg,rgba(124,58,237,.04) 270deg,transparent 360deg);
  animation:srVitrinGlow 12s linear infinite;pointer-events:none;
}
@keyframes srVitrinGlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.sr-vitrin-header{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);
  position:relative;z-index:1;
}
.sr-vitrin-badge{
  font-size:.68rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;
  background:rgba(5,150,105,.3);border:1px solid rgba(5,150,105,.5);
  color:#6ee7b7;
}
.sr-vitrin-stat{
  font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:-.5px;
  display:flex;align-items:baseline;gap:5px;
}
.sr-vitrin-stat span{font-size:.65rem;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:0}
.sr-kat-vitrin-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  min-height:0;position:relative;z-index:1;
  transition:opacity .32s ease,transform .32s ease;
}
.sr-kat-vitrin-grid.sr-kat-vitrin-grid-cikis{opacity:0;transform:translateY(6px) scale(.98)}
.sr-kat-vitrin-kart{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-radius:14px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  transition:all .25s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
  animation:srVitrinKartIn .4s cubic-bezier(.22,1,.36,1) both;
  animation-delay:var(--delay,0s);
}
.sr-kat-vitrin-kart::after{
  content:'';position:absolute;inset:0;border-radius:14px;opacity:0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--sr-renk) 15%,transparent),transparent 60%);
  transition:opacity .25s;
}
.sr-kat-vitrin-kart:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.1);
  border-color:color-mix(in srgb,var(--sr-renk) 40%,rgba(255,255,255,.25));
  box-shadow:0 4px 20px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--sr-renk) 20%,transparent);
}
.sr-kat-vitrin-kart:hover::after{opacity:1}
@keyframes srVitrinKartIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.sr-kat-vitrin-ikon{
  width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;line-height:1;border-radius:10px;
  background:color-mix(in srgb,var(--sr-renk) 18%,rgba(255,255,255,.08));
  border:1px solid color-mix(in srgb,var(--sr-renk) 25%,rgba(255,255,255,.12));
  position:relative;z-index:1;
}
.sr-kat-vitrin-ad{
  font-size:.72rem;font-weight:600;line-height:1.3;
  flex:1;min-width:0;position:relative;z-index:1;
  color:rgba(255,255,255,.92);
}
.sr-kat-vitrin-sayi{
  font-size:.6rem;font-weight:700;color:rgba(255,255,255,.4);
  position:relative;z-index:1;flex-shrink:0;
}
.sr-vitrin-footer{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);
  position:relative;z-index:1;
}
.sr-vitrin-footer span:last-child{
  font-size:.64rem;font-weight:600;color:rgba(255,255,255,.4);
  letter-spacing:.3px;
}
.sr-vitrin-pulse{
  width:6px;height:6px;border-radius:50%;background:#34d399;
  animation:srPulseGlow 2s ease-in-out infinite;
}
@keyframes srPulseGlow{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(52,211,153,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(52,211,153,0)}}

.sr-ag-wrap{position:relative;aspect-ratio:1;max-width:340px;margin:0 auto}
.sr-ag-svg{width:100%;height:100%;opacity:.9}
.sr-ag-nodes{position:absolute;inset:0}
.sr-ag-dugum{
  position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:8px 10px;
  cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s,background .2s;min-width:52px;
  color:#fff;font:inherit;
}
.sr-ag-dugum:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.22)}
.sr-ag-dugum span{font-size:1.4rem;line-height:1}
.sr-ag-dugum small{font-size:.58rem;font-weight:700;text-align:center;line-height:1.2;max-width:64px;opacity:.9}
.sr-ag-merkez{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;
  font-size:1.6rem;pointer-events:none;
}
.sr-ag-merkez small{display:block;font-size:.62rem;font-weight:800;color:rgba(255,255,255,.8);margin-top:2px}
.sr-istat-v2{justify-content:center;margin-top:22px;width:100%}
.sr-istat-inline{
  display:flex;flex-wrap:wrap;gap:12px;
  max-width:960px;
}
.sr-istat-inline .sr-istat-k{
  flex:1;min-width:120px;padding:16px 20px;border-radius:18px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.sr-istat-inline .sr-istat-k strong{font-size:1.5rem}
.sr-istat-ai strong{font-size:1.35rem!important}
.sr-govde-v2{padding-top:32px}
.sr-bolum-baslik{margin-bottom:20px}
.sr-bolum-baslik h2{margin:0 0 4px}
.sr-bolum-baslik p{margin:0;font-size:.84rem;color:var(--metin-ikincil)}
.sr-kat-grid-v2{grid-template-columns:repeat(4,1fr);gap:14px}
.sr-kat-kart-v2{position:relative;padding:20px 18px 18px;min-height:130px;display:flex;flex-direction:column;gap:6px}
.sr-kat-kart-v2.sr-kat-buyuk{grid-column:span 2;grid-row:span 2;min-height:280px;padding:28px}
.sr-kat-kart-v2.sr-kat-buyuk .sr-kat-ikon{font-size:3.5rem}
.sr-kat-kart-v2.sr-kat-buyuk h3{font-size:1.15rem}
.sr-kat-ok{margin-top:auto;font-size:.72rem;font-weight:800;color:var(--sr-renk);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.sr-kat-kart-v2:hover .sr-kat-ok{opacity:1;transform:none}
.sr-urun-grid-v2{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.sr-urun-kart-v2{border-radius:20px;border-width:1px;transition:transform .25s,box-shadow .25s,border-color .25s}
.sr-urun-kart-v2:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(15,23,42,.12);border-color:color-mix(in srgb,var(--sr-renk) 40%,var(--sinir))}
.sr-urun-kart-v2 .sr-urun-gorsel{height:150px;position:relative}
.sr-urun-kat-badge{
  position:absolute;bottom:8px;left:8px;z-index:2;font-size:.62rem;font-weight:800;
  background:rgba(255,255,255,.92);color:var(--sr-renk);padding:3px 10px;border-radius:999px;
  backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.2px;
}
.sr-urun-kart-v2 .sr-urun-govde{padding:16px 18px 18px;gap:6px}
.sr-urun-kart-v2 h3{font-size:.92rem}
.sr-urun-link{margin-top:auto;font-size:.72rem;font-weight:800;color:var(--sr-renk);padding-top:8px}
.sr-arama-onizleme{
  background:linear-gradient(135deg,color-mix(in srgb,var(--sr-renk) 12%,#fff),#fff);
  border:2px solid color-mix(in srgb,var(--sr-renk) 30%,var(--sinir));border-radius:20px;padding:24px 28px;margin-bottom:32px;
  box-shadow:0 12px 40px rgba(15,23,42,.06);
}
.sr-arama-oniz-ust{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.sr-arama-oniz-emoji{font-size:3rem;line-height:1}
.sr-arama-oniz-etiket{font-size:.72rem;font-weight:800;color:var(--sr-renk);text-transform:uppercase;letter-spacing:.3px}
.sr-arama-onizleme h2{margin:6px 0 4px;font-size:1.35rem}
.sr-arama-oniz-ozet{font-size:.9rem;line-height:1.65;color:var(--metin-ikincil);margin:0 0 8px}
.sr-arama-oniz-iyi{font-size:.84rem;color:#059669;font-style:italic;margin:0;line-height:1.55}
.sr-results-wrap{display:block}
.sr-results-wrap.sr-results-arama{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}
.sr-liste-alt{font-size:.82rem;color:var(--metin-ikincil);margin:4px 0 0}
.sr-sonuc-badge{background:var(--birincil);color:#fff;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:800}
.sr-similar-rail{
  position:sticky;top:88px;background:#fff;border:1px solid var(--sinir);border-radius:18px;
  padding:20px;box-shadow:var(--golge-kucuk);
}
.sr-similar-rail h3{margin:0 0 4px;font-size:.95rem}
.sr-similar-rail>p{font-size:.78rem;color:var(--metin-ikincil);margin:0 0 16px;line-height:1.5}
.sr-similar-list{display:flex;flex-direction:column;gap:10px}
.sr-similar-kart{
  display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:var(--metin);
  padding:12px;border-radius:14px;border:1px solid var(--sinir);transition:background .2s,border-color .2s;
}
.sr-similar-kart:hover{background:color-mix(in srgb,var(--sr-renk) 6%,#fff);border-color:color-mix(in srgb,var(--sr-renk) 30%,var(--sinir))}
.sr-similar-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}
.sr-similar-kart strong{display:block;font-size:.84rem;line-height:1.3}
.sr-similar-kart small{font-size:.7rem;color:var(--metin-ikincil)}
.sr-similar-kart em{display:block;font-size:.72rem;color:#059669;font-style:italic;margin-top:4px;line-height:1.4}
.sr-bos-v2{padding:64px 24px}
.sr-bos-v2 h3{margin:8px 0 6px}
.sr-sayfa-ok{padding:8px 16px}
.sr-sayfa-gap{border:none;background:transparent;cursor:default}

@media(max-width:960px){
  .sr-ag-wrap{max-width:280px;margin:24px auto 0}
  .sr-kat-grid-v2{grid-template-columns:repeat(2,1fr)}
  .sr-kat-kart-v2.sr-kat-buyuk{grid-column:span 2;grid-row:span 1;min-height:160px}
  .sr-results-wrap.sr-results-arama{grid-template-columns:1fr}
  .sr-similar-rail{position:static}
  .sr-live-panel{width:min(96vw,680px);max-height:85vh}
  .sr-live-body{min-height:auto}
  .sr-live-body-grid{grid-template-columns:1fr;min-height:auto}
  .sr-live-preview-col{border-right:none;border-bottom:1px solid #e2e8f0;max-height:280px;padding:16px}
  .sr-live-list{max-height:220px}
}

@media(max-width:860px){
  .sr-hero-wrap{flex-direction:column;align-items:flex-start}
  .sr-kat-grid-v2{grid-template-columns:1fr!important}
  .sr-kat-kart-v2.sr-kat-buyuk{grid-column:span 1!important;grid-row:span 1!important;min-height:140px}
  .sr-urun-grid,.sr-urun-grid-v2{grid-template-columns:1fr!important;gap:14px}
  .srd-hero-grid{grid-template-columns:1fr;text-align:center}
  .srd-gorsel-kutu{margin:0 auto}
  .srd-layout{grid-template-columns:1fr}
  .srd-kenar{position:static}
}

@media(max-width:768px){
  body.sayfa-sr{overflow-x:hidden}
  body.sr-arama-acik{overflow:hidden;position:fixed;width:100%;height:100%}
  .sr-hero,.sr-hero-v2{
    padding:28px 0 24px;
    min-height:auto;
    overflow:hidden;
  }
  .sr-hero::before,.sr-hero::after{display:none}
  .sr-constellation{display:none}
  .sr-hero-v2-inner{
    padding-left:16px;padding-right:16px;
    box-sizing:border-box;
    max-width:100vw;
    overflow:hidden;
  }
  .sr-hero-center .sr-hero-alt{margin-bottom:18px;font-size:.88rem}
  .sr-hero-center .sr-etiketler{justify-content:flex-start}
  .sr-hero h1{font-size:clamp(1.4rem,5.5vw,1.9rem)}
  .sr-hero-alt{font-size:.86rem;margin-bottom:14px;max-width:100%}
  /* Arama formu */
  .sr-search-hub{margin-bottom:2px;width:100%;max-width:100%;overflow:hidden}
  .sr-search-mega{
    max-width:100%;
    flex-wrap:wrap;
    border-radius:18px;
    padding:8px 8px 8px 12px;
    gap:8px;
  }
  .sr-search-mod{
    order:-1;
    width:100%;
    margin:0 0 4px;
    padding:5px;
    justify-content:stretch;
    background:rgba(15,23,42,.45);
    border-color:rgba(255,255,255,.5);
  }
  .sr-mod-btn{
    flex:1;
    justify-content:center;
    padding:11px 14px;
    font-size:.84rem;
  }
  .sr-search-mega input[type=text],
  .sr-search-mega input[type=search]{
    min-width:0;width:100%;max-width:100%;
    flex:1 1 calc(100% - 52px);
    padding:10px 8px 10px 4px;
  }
  .sr-search-gonder{
    margin:0;
    width:auto;
    min-width:48px;
    height:44px;
    padding:0 14px;
    font-size:.78rem;
  }
  .sr-istat-inline{margin-top:16px;gap:8px}
  .sr-istat-inline .sr-istat-k{min-width:calc(33% - 6px);padding:12px 8px}
  .sr-istat-inline .sr-istat-k strong{font-size:1.15rem}
  .sr-istat-inline .sr-istat-k span{font-size:.6rem}
  /* Uyarı bandı */
  .sr-uyari-band{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    word-wrap:break-word;
  }
  /* Quick tags: yatay kaydırma */
  .sr-etiketler{
    flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding-bottom:2px;gap:6px;margin-top:4px;
    max-width:100%;
  }
  .sr-etiketler::-webkit-scrollbar{display:none}
  .sr-etiketler>span{flex-shrink:0}
  .sr-etiket-chip{flex-shrink:0;white-space:nowrap;padding:5px 11px;font-size:.7rem}
  .sr-ag-wrap{display:none!important}
  .sr-kat-vitrin-ikon{width:32px;height:32px;font-size:1.1rem;border-radius:8px}
  .sr-kat-vitrin-ad{font-size:.68rem}
  .sr-kat-vitrin-sayi{font-size:.58rem}
  /* Stats */
  .sr-istat-v2{flex-wrap:wrap!important;gap:8px!important;width:100%}
  .sr-istat-k{min-width:0!important;flex:1 1 auto!important;padding:12px 10px}
  .sr-istat-k strong{font-size:1.3rem}
  /* Govde */
  .sr-govde,.sr-govde-v2{padding-top:24px!important;padding-bottom:80px!important}
  .sr-kat-bolum,.sr-one-cikan{margin-bottom:28px}
  .sr-bolum-baslik h2{font-size:1.05rem}
  .sr-bolum-baslik p{font-size:.78rem}
  /* Liste */
  .sr-liste-baslik{flex-direction:column;align-items:flex-start;gap:6px}
  .sr-sonuc-badge{font-size:.72rem;padding:5px 12px}
  .sr-urun-kart-v2 .sr-urun-gorsel{height:120px}
  /* Arama önizleme */
  .sr-arama-onizleme{padding:16px;margin-bottom:20px;border-radius:14px}
  .sr-arama-oniz-ust{flex-direction:column;align-items:flex-start}
  .sr-arama-oniz-ust .btn{width:100%;text-align:center;margin-top:8px}
  .sr-arama-oniz-emoji{font-size:2.2rem}
  .sr-arama-onizleme h2{font-size:1.1rem}
  /* Sayfalama */
  .sr-sayfalama{gap:4px;margin-top:20px;flex-wrap:wrap}
  .sr-sayfa-link{padding:7px 10px;font-size:.76rem}
  /* Benzer arama sidebar */
  .sr-results-wrap.sr-results-arama{grid-template-columns:1fr!important;gap:20px}
  .sr-similar-rail{position:static;margin-top:8px}
  /* Arama modal — bottom sheet */
  .sr-live-backdrop{z-index:9998!important;background:rgba(15,23,42,.6)!important;pointer-events:auto!important;backdrop-filter:blur(4px)}
  .sr-live-panel{
    position:fixed!important;
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;max-width:100%!important;max-height:min(92dvh,92vh)!important;
    transform:translateY(100%)!important;
    border-radius:20px 20px 0 0!important;
    z-index:9999!important;
    animation:none!important;
    box-shadow:0 -8px 40px rgba(15,23,42,.22)!important;
  }
  .sr-live-panel.acik{
    display:flex!important;
    transform:translateY(0)!important;
    animation:srPanelMobIn .3s cubic-bezier(.22,1,.36,1)!important;
  }
  @keyframes srPanelMobIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .sr-live-head{padding:14px 16px 12px;border-radius:20px 20px 0 0}
  .sr-live-body{
    display:block!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;flex:1 1 auto;
  }
  .sr-live-preview-col{border-right:none;border-bottom:1px solid #e2e8f0;max-height:none;padding:14px 16px}
  .sr-live-list-col{max-height:none}
  .sr-live-list{max-height:none;padding:0 10px 10px}
  .sr-live-similar-wrap{padding:12px 16px 14px}
  .sr-live-tumu{padding:12px 16px;border-radius:0}
  .sr-live-status{font-size:.65rem;padding:4px 10px}
  .sr-live-preview-ust{gap:12px}
  .sr-live-preview-emoji{font-size:2.2rem}
  .sr-live-preview-kart h3{font-size:1rem}
  .sr-live-preview-ozet{font-size:.82rem;padding:10px 16px 0}
  .sr-live-preview-btn{margin:12px 16px 14px;padding:11px 14px;font-size:.8rem}
  .sr-live-item{padding:10px 12px}
}

/* === Şifa Rehberi Dükkan Önerileri (Google Maps Reklam Stili) === */
.srd-dukkan-inline{
  margin:24px 0;padding:0;border-radius:16px;overflow:hidden;
  border:1px solid #e2e8f0;background:#fff;
  box-shadow:0 2px 12px rgba(15,23,42,.06);
  transition:box-shadow .2s,transform .2s;
}
.srd-dukkan-inline:hover{box-shadow:0 8px 24px rgba(15,23,42,.1);transform:translateY(-1px)}
.srd-dukkan-etiket{
  display:flex;align-items:center;gap:8px;padding:8px 16px;
  background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;
}
.srd-dukkan-reklam{
  font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  padding:3px 8px;border-radius:4px;background:#fef3c7;color:#92400e;
}
.srd-dukkan-kaynak{font-size:.7rem;color:#94a3b8;font-weight:600}
.srd-dukkan-kart{
  display:flex;align-items:center;gap:16px;padding:14px 16px;
  text-decoration:none!important;color:inherit;transition:background .15s;
}
.srd-dukkan-kart:hover{background:#f8fafc}
.srd-dukkan-gorsel{
  width:72px;height:72px;border-radius:12px;overflow:hidden;flex-shrink:0;
  background:#f1f5f9;display:flex;align-items:center;justify-content:center;
  border:1px solid #e2e8f0;
}
.srd-dukkan-gorsel img{width:100%;height:100%;object-fit:cover}
.srd-dukkan-emoji{font-size:2rem}
.srd-dukkan-bilgi{flex:1;min-width:0}
.srd-dukkan-kat{font-size:.68rem;font-weight:700;color:#64748b;display:block;margin-bottom:2px}
.srd-dukkan-baslik{font-size:.95rem;font-weight:700;color:#0f172a;display:block;line-height:1.3}
.srd-dukkan-meta{display:flex;align-items:center;gap:10px;margin-top:4px}
.srd-dukkan-puan{font-size:.75rem;color:#f59e0b;font-weight:700}
.srd-dukkan-fiyat{font-size:.85rem;font-weight:800;color:#059669}
.srd-dukkan-satici{font-size:.68rem;color:#94a3b8;display:block;margin-top:2px}
.srd-dukkan-git{
  font-size:1.2rem;color:#94a3b8;flex-shrink:0;transition:color .15s,transform .15s;
}
.srd-dukkan-kart:hover .srd-dukkan-git{color:#059669;transform:translateX(3px)}

/* Banner (çoklu ürün) */
.srd-dukkan-banner{
  margin:28px 0;border-radius:16px;overflow:hidden;
  border:1px solid #e2e8f0;background:#fff;
  box-shadow:0 2px 12px rgba(15,23,42,.06);
}
.srd-dukkan-banner-head{
  display:flex;align-items:center;gap:10px;padding:14px 18px;
  background:linear-gradient(135deg,#f8fafc,#fefce8);border-bottom:1px solid #f1f5f9;
}
.srd-dukkan-banner-head strong{font-size:.88rem;color:#0f172a}
.srd-dukkan-banner-head small{font-size:.72rem;color:#64748b;font-style:italic}
.srd-dukkan-banner-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;
  background:#f1f5f9;
}
.srd-dukkan-banner-item{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:#fff;text-decoration:none!important;color:inherit;transition:background .15s;
}
.srd-dukkan-banner-item:hover{background:#f0fdf4}
.srd-dukkan-banner-img{
  width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;
  background:#f1f5f9;display:flex;align-items:center;justify-content:center;
  border:1px solid #e2e8f0;
}
.srd-dukkan-banner-img img{width:100%;height:100%;object-fit:cover}
.srd-dukkan-banner-img span{font-size:1.5rem}
.srd-dukkan-banner-bilgi{min-width:0}
.srd-dukkan-banner-bilgi strong{font-size:.82rem;display:block;color:#0f172a;line-height:1.3}
.srd-dukkan-banner-bilgi span{font-size:.78rem;font-weight:700;color:#059669}
.srd-dukkan-banner-tum{
  display:block;text-align:center;padding:12px;font-size:.78rem;font-weight:700;
  color:#059669!important;text-decoration:none!important;border-top:1px solid #f1f5f9;
  transition:background .15s;
}
.srd-dukkan-banner-tum:hover{background:#ecfdf5}

/* Sidebar widget */
.srd-dukkan-sidebar{padding:0!important;overflow:hidden}
.srd-dukkan-sidebar-head{
  display:flex;align-items:center;gap:8px;padding:14px 16px 10px;
}
.srd-dukkan-sidebar-head h3{margin:0;font-size:.95rem}
.srd-dukkan-sb-item{
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  text-decoration:none!important;color:inherit;border-top:1px solid #f1f5f9;
  transition:background .15s;
}
.srd-dukkan-sb-item:hover{background:#f0fdf4}
.srd-dukkan-sb-img{
  width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;
  background:#f1f5f9;display:flex;align-items:center;justify-content:center;
  border:1px solid #e2e8f0;
}
.srd-dukkan-sb-img img{width:100%;height:100%;object-fit:cover}
.srd-dukkan-sb-img span{font-size:1.2rem}
.srd-dukkan-sb-item div{min-width:0}
.srd-dukkan-sb-item strong{font-size:.78rem;display:block;color:#0f172a;line-height:1.3}
.srd-dukkan-sb-item span{font-size:.72rem;font-weight:700;color:#059669}

.srd-dukkan-rozet{color:var(--rozet-renk,#059669);font-size:.6rem;margin-right:2px}
.srd-dukkan-banner-satici{font-size:.68rem;color:#64748b;display:block;margin-top:2px}
.srd-dukkan-banner-satici span{font-size:.55rem;margin-right:2px}
.srd-dukkan-sb-satici{font-size:.65rem;color:#94a3b8;display:block;margin-top:1px}

@media(max-width:640px){
  .srd-dukkan-banner-grid{grid-template-columns:1fr}
  .srd-dukkan-gorsel{width:56px;height:56px}
}

/* ===== Hizmet Ver / Wellness Sağlayıcı — Premium ===== */
.hzv-sayfa{background:var(--parsmen);overflow-x:hidden}

/* Hero */
.hzv-hero{
  position:relative;
  background:linear-gradient(145deg,var(--hero-bas) 0%,var(--hero-son) 45%,color-mix(in srgb,var(--birincil) 35%,var(--hero-son)) 100%);
  color:#fff;padding:72px 0 64px;overflow:hidden;
}
.hzv-hero-dekor{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hzv-orb{
  position:absolute;border-radius:50%;filter:blur(60px);opacity:0.35;
}
.hzv-orb-1{width:320px;height:320px;background:var(--birincil-acik);top:-80px;right:10%}
.hzv-orb-2{width:240px;height:240px;background:var(--aksan);bottom:-60px;left:5%;opacity:0.2}
.hzv-orb-3{width:180px;height:180px;background:#fff;top:40%;right:35%;opacity:0.06}

.hzv-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center;
}
.hzv-etiket{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);
  padding:8px 16px;border-radius:999px;font-size:0.82rem;font-weight:600;
  margin-bottom:20px;backdrop-filter:blur(8px);
}
.hzv-etiket-nokta{width:8px;height:8px;border-radius:50%;background:var(--aksan);animation:hzvPulse 2s ease infinite}
@keyframes hzvPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.85)}}

.hzv-hero h1{
  font-family:var(--font-baslik);font-size:clamp(2.1rem,4.5vw,3.2rem);
  font-weight:800;line-height:1.12;margin-bottom:18px;letter-spacing:-0.02em;
  color:#fff;
}
.hzv-hero h1 em{font-style:normal;color:var(--aksan);display:inline}
.hzv-hero-alt{
  font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,0.88);
  margin-bottom:24px;max-width:540px;
}
.hzv-hero-rozetler{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.hzv-rozet{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);
  padding:8px 14px;border-radius:999px;font-size:0.84rem;font-weight:500;
}
.hzv-rozet-vurgu{
  background:linear-gradient(135deg,rgba(16,185,129,0.25),rgba(5,150,105,0.15));
  border-color:rgba(52,211,153,0.4);color:#a7f3d0;font-weight:600;
}
.hzv-hero-btn{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.hzv-btn-glow{box-shadow:0 8px 28px color-mix(in srgb,var(--aksan) 40%,transparent)}
.hzv-btn-outline{
  border:1.5px solid rgba(255,255,255,0.35)!important;
  color:#fff!important;background:rgba(255,255,255,0.08)!important;
}
.hzv-btn-outline:hover{background:rgba(255,255,255,0.15)!important}

.hzv-hero-istat{
  display:flex;gap:28px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.12);
}
.hzv-hero-istat div{display:flex;flex-direction:column;gap:2px}
.hzv-hero-istat strong{font-family:var(--font-baslik);font-size:1.35rem;font-weight:800;color:#fff}
.hzv-hero-istat span{font-size:0.78rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.04em}

/* Vitrin kartı */
.hzv-vitrin{
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);
  border-radius:24px;padding:24px;backdrop-filter:blur(16px);
  box-shadow:0 24px 64px rgba(0,0,0,0.25);
}
.hzv-vitrin-ust{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.1)}
.hzv-vitrin-ust > span{font-size:2.2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:14px}
.hzv-vitrin-ust strong{display:block;font-size:0.95rem;font-weight:700}
.hzv-vitrin-ust em{font-size:0.78rem;color:rgba(255,255,255,0.65);font-style:normal}
.hzv-vitrin-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.hzv-vk{
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);
  border-radius:14px;padding:14px 8px;text-align:center;transition:transform .2s,background .2s;
}
.hzv-vk:hover{transform:translateY(-2px);background:rgba(255,255,255,0.12)}
.hzv-vk span{font-size:1.6rem;display:block;margin-bottom:4px}
.hzv-vk small{font-size:0.68rem;color:rgba(255,255,255,0.7);font-weight:500}
.hzv-vitrin-alt{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}
.hzv-vitrin-rozet{
  background:linear-gradient(135deg,var(--aksan),color-mix(in srgb,var(--aksan) 70%,#fff));
  color:#fff;padding:6px 14px;border-radius:999px;font-size:0.78rem;font-weight:700;
}
.hzv-vitrin-alt > span:last-child{font-size:0.75rem;color:rgba(255,255,255,0.55)}

/* Uyarı */
.hzv-uyari-genel{
  display:flex;gap:16px;align-items:flex-start;
  background:linear-gradient(135deg,#fffbeb,#fef3c7);
  border:1px solid #fcd34d;border-radius:18px;
  padding:20px 24px;margin:32px 0;box-shadow:0 4px 16px rgba(251,191,36,0.12);
}
.hzv-uyari-ikon{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:#fef08a;border-radius:12px;font-size:1.3rem;flex-shrink:0;
}
.hzv-uyari-metin strong{display:block;margin-bottom:6px;font-size:0.95rem;color:#92400e}
.hzv-uyari-metin p{font-size:0.86rem;color:#78350f;line-height:1.65;margin:0}

/* Bölümler */
.hzv-bolum{padding:64px 0}
.hzv-bolum-acik{background:var(--beyaz)}
.hzv-bolum-baslik{text-align:center;margin-bottom:40px}
.hzv-bolum-etiket{
  display:inline-block;font-size:0.75rem;font-weight:700;text-transform:uppercase;
  letter-spacing:0.08em;color:var(--birincil);background:var(--birincil-soluk);
  padding:5px 14px;border-radius:999px;margin-bottom:12px;
}
.hzv-bolum-baslik h2{font-family:var(--font-baslik);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:10px;letter-spacing:-0.02em}
.hzv-bolum-baslik p{color:var(--metin-ikincil);font-size:0.95rem;max-width:560px;margin:0 auto}

/* Filtre bar */
.hzv-filtre-bar{
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;
  margin-bottom:28px;padding:16px 20px;background:var(--beyaz);
  border:1.5px solid var(--sinir);border-radius:18px;box-shadow:var(--golge);
}
.hzv-filtre-tablar{display:flex;flex-wrap:wrap;gap:8px}
.hzv-filtre-tab{
  display:inline-flex;align-items:center;gap:6px;padding:9px 16px;
  border:1.5px solid var(--sinir);border-radius:999px;background:var(--parsmen);
  font-family:var(--font-ui);font-size:0.84rem;font-weight:600;color:var(--metin);
  cursor:pointer;transition:all var(--gecis);
}
.hzv-filtre-tab em{font-style:normal;font-size:0.72rem;background:rgba(0,0,0,0.06);padding:2px 7px;border-radius:999px}
.hzv-filtre-tab:hover{border-color:var(--birincil);color:var(--birincil)}
.hzv-filtre-tab.aktif{background:var(--birincil);border-color:var(--birincil);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--birincil) 30%,transparent)}
.hzv-filtre-tab.aktif em{background:rgba(255,255,255,0.2);color:#fff}
.hzv-arama-wrap{
  display:flex;align-items:center;gap:10px;flex:1;min-width:200px;max-width:340px;
  background:var(--parsmen);border:1.5px solid var(--sinir);border-radius:999px;padding:0 16px;
}
.hzv-arama-wrap span{font-size:0.9rem;opacity:0.5}
.hzv-arama{
  flex:1;border:none;background:transparent;padding:11px 0;
  font-family:var(--font-ui);font-size:0.88rem;outline:none;
}

/* Kategori kartları */
.hzv-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.hzv-kat-kart{
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:20px;
  padding:22px;display:flex;flex-direction:column;gap:0;
  transition:all .25s ease;position:relative;overflow:hidden;
}
.hzv-kat-kart::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--birincil),var(--aksan));
  opacity:0;transition:opacity .25s;
}
.hzv-kat-kart:hover{
  border-color:color-mix(in srgb,var(--birincil) 40%,var(--sinir));
  box-shadow:0 12px 36px color-mix(in srgb,var(--birincil) 12%,transparent);
  transform:translateY(-3px);
}
.hzv-kat-kart:hover::before{opacity:1}
.hzv-kat-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hzv-kat-ikon{
  font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;
  background:var(--birincil-soluk);border-radius:14px;
}
.hzv-kat-tip{font-size:0.72rem;font-weight:600;background:var(--parsmen);padding:4px 10px;border-radius:999px;color:var(--metin-ikincil)}
.hzv-kat-kart h3{font-family:var(--font-baslik);font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.35}
.hzv-kat-kart p{font-size:0.84rem;color:var(--metin-ikincil);line-height:1.55;margin-bottom:12px;flex:1}
.hzv-kat-uyari-detay{margin-bottom:14px;font-size:0.8rem}
.hzv-kat-uyari-detay summary{cursor:pointer;color:var(--birincil);font-weight:600;list-style:none;display:flex;align-items:center;gap:6px}
.hzv-kat-uyari-detay summary::before{content:'⚠️';font-size:0.85rem}
.hzv-kat-uyari-detay p{margin-top:8px;padding:10px 12px;background:#fffbeb;border-radius:10px;color:#78350f;line-height:1.5;font-size:0.78rem}
.hzv-kat-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin-top:auto;padding:11px 16px;border-radius:12px;
  background:var(--birincil);color:#fff!important;font-size:0.84rem;font-weight:600;
  text-decoration:none!important;transition:all var(--gecis);
}
.hzv-kat-btn:hover{background:var(--birincil-koyu);transform:translateY(-1px)}
.hzv-kat-btn-ghost{background:transparent;border:1.5px solid var(--birincil);color:var(--birincil)!important}
.hzv-kat-btn-ghost:hover{background:var(--birincil-soluk)}
.hzv-kat-bos{text-align:center;color:var(--metin-ikincil);padding:40px;font-size:0.95rem}

/* Adımlar */
.hzv-adim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.hzv-adim{
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:20px;
  padding:28px 20px;text-align:center;position:relative;
  transition:box-shadow .25s,transform .25s;
}
.hzv-adim:hover{box-shadow:var(--golge);transform:translateY(-2px)}
.hzv-adim-ikon{font-size:1.8rem;margin-bottom:8px}
.hzv-adim-no{
  display:inline-block;font-family:var(--font-baslik);font-size:0.72rem;font-weight:800;
  color:var(--birincil);background:var(--birincil-soluk);padding:4px 10px;border-radius:999px;
  margin-bottom:10px;letter-spacing:0.06em;
}
.hzv-adim h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.hzv-adim p{font-size:0.84rem;color:var(--metin-ikincil);line-height:1.55;margin:0}

/* Paketler */
.hzv-paket-bolum{background:color-mix(in srgb,var(--birincil) 4%,var(--parsmen))}
.hzv-paket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:860px;margin:0 auto}
.hzv-paket-kart{
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:22px;
  padding:28px 24px;text-align:center;position:relative;transition:transform .25s,box-shadow .25s;
}
.hzv-paket-kart:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.hzv-paket-one{
  border-color:var(--aksan);
  box-shadow:0 16px 40px color-mix(in srgb,var(--aksan) 18%,transparent);
  transform:scale(1.03);
}
.hzv-paket-pop{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--aksan);color:#fff;font-size:0.72rem;font-weight:700;
  padding:4px 14px;border-radius:999px;white-space:nowrap;
}
.hzv-paket-ikon{font-size:2.8rem;display:block;margin-bottom:10px}
.hzv-paket-kart h3{font-family:var(--font-baslik);font-size:1.15rem;font-weight:700;margin-bottom:8px}
.hzv-paket-fiyat{font-family:var(--font-baslik);font-size:2rem;font-weight:800;color:var(--birincil);margin:12px 0}
.hzv-paket-fiyat small{font-size:0.85rem;font-weight:500;color:var(--metin-ikincil)}
.hzv-paket-liste{list-style:none;padding:0;margin:16px 0 0;text-align:left}
.hzv-paket-liste li{font-size:0.84rem;color:var(--metin-ikincil);padding:6px 0;border-bottom:1px solid var(--sinir)}
.hzv-paket-liste li:last-child{border-bottom:none}
.hzv-paket-cta{text-align:center;margin-top:36px}
.hzv-deneme-banner{
  display:inline-block;background:linear-gradient(135deg,#ecfdf5,#d1fae5);
  border:1.5px solid #6ee7b7;border-radius:14px;padding:14px 24px;
  font-size:0.92rem;color:#065f46;margin-bottom:20px;
}

/* Yasal */
.hzv-yasal-kutu{
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:24px;padding:36px;
  box-shadow:var(--golge);
}
.hzv-yasal-baslik{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hzv-yasal-baslik span{font-size:1.8rem}
.hzv-yasal-baslik h3{font-family:var(--font-baslik);font-size:1.25rem;font-weight:700;margin:0}
.hzv-yasal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}
.hzv-yasal-madde{
  display:flex;gap:14px;align-items:flex-start;padding:16px;
  background:var(--parsmen);border-radius:14px;
}
.hzv-yasal-madde > span{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  background:var(--birincil);color:#fff;border-radius:8px;font-size:0.78rem;font-weight:700;flex-shrink:0;
}
.hzv-yasal-madde p{font-size:0.86rem;color:var(--metin-ikincil);line-height:1.55;margin:0}
.hzv-yasal-link{display:flex;flex-wrap:wrap;gap:16px;font-size:0.88rem}
.hzv-yasal-link a{color:var(--birincil);font-weight:600;text-decoration:none}
.hzv-yasal-link a:hover{text-decoration:underline}

.hzv-kat-grid-kucuk{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.hzv-kat-kart-link{text-decoration:none!important;color:inherit;display:block}

@media(max-width:960px){
  .hzv-hero-grid{grid-template-columns:1fr;gap:36px}
  .hzv-hero-sag{max-width:400px;margin:0 auto}
  .hzv-adim-grid{grid-template-columns:repeat(2,1fr)}
  .hzv-paket-grid{grid-template-columns:1fr;max-width:360px}
  .hzv-paket-one{transform:none}
  .hzv-yasal-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  /* Hero */
  .hzv-hero{padding:34px 0 30px}
  .hzv-hero h1{font-size:clamp(1.7rem,7.5vw,2.2rem);line-height:1.15;margin-bottom:14px}
  .hzv-hero-alt{font-size:.94rem;line-height:1.65;margin-bottom:20px}
  .hzv-etiket{font-size:.74rem;padding:7px 13px;margin-bottom:16px}
  .hzv-orb{display:none}
  /* Butonlar tam genişlik — kolay dokunma */
  .hzv-hero-btn{flex-direction:column;gap:10px;margin-bottom:26px}
  .hzv-hero-btn .btn{width:100%;justify-content:center}
  /* İstatistikler 3 sütun, taşmasız */
  .hzv-hero-istat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .hzv-hero-istat strong{font-size:1.1rem}
  .hzv-hero-istat span{font-size:.62rem;letter-spacing:0}
  /* Vitrin kartı */
  .hzv-vitrin{padding:18px;border-radius:20px}
  .hzv-vitrin-kartlar{grid-template-columns:repeat(3,1fr);gap:8px}
  .hzv-vk{padding:11px 6px}
  .hzv-vk span{font-size:1.4rem}
  /* Uyarı */
  .hzv-uyari-genel{padding:15px 16px;gap:12px;margin:22px 0;border-radius:14px}
  .hzv-uyari-ikon{width:38px;height:38px;font-size:1.15rem}
  /* Bölümler */
  .hzv-bolum{padding:40px 0}
  .hzv-bolum-baslik{margin-bottom:24px}
  /* Filtre çubuğu — sekmeler yatay kaydırmalı */
  .hzv-filtre-bar{flex-direction:column;align-items:stretch;padding:12px;gap:12px}
  .hzv-filtre-tablar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .hzv-filtre-tablar::-webkit-scrollbar{display:none}
  .hzv-filtre-tab{flex:0 0 auto}
  .hzv-arama-wrap{max-width:none}
  /* Kartlar & adımlar tek sütun */
  .hzv-kat-grid{grid-template-columns:1fr}
  .hzv-adim-grid{grid-template-columns:1fr}
}
@media(max-width:380px){
  .hzv-hero-istat{gap:6px}
  .hzv-hero-istat strong{font-size:1rem}
  .hzv-vitrin-kartlar{grid-template-columns:repeat(2,1fr)}
}

/* Dükkan hizmet kategorileri */
.duk-hizmet-bolum{padding:32px 0;background:color-mix(in srgb,var(--birincil) 4%,var(--parsmen))}
.duk-hizmet-baslik{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.duk-hizmet-baslik h2{font-family:var(--font-baslik);font-size:1.25rem;font-weight:700;margin:0}
.duk-hizmet-baslik p{flex:1;font-size:0.85rem;color:var(--metin-ikincil);margin:0;min-width:200px}
.duk-hizmet-grid{display:flex;flex-wrap:wrap;gap:10px}
.duk-hizmet-chip{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:999px;
  font-size:0.82rem;font-weight:500;text-decoration:none!important;color:var(--metin)!important;
  transition:all var(--gecis);
}
.duk-hizmet-chip:hover{border-color:var(--birincil);background:color-mix(in srgb,var(--birincil) 6%,var(--beyaz))}

/* Bayi başvuru genişletmeleri */
.byk-abn-hizmet-kat{
  font-size:0.85rem;color:var(--metin-ikincil);margin:8px 0 12px;
  padding:8px 12px;background:var(--parsmen);border-radius:10px;
}
.byk-abn-kat-sec{margin-bottom:16px}
.byk-abn-label{display:block;font-weight:600;font-size:0.88rem;margin-bottom:8px}
.byk-abn-kat-select{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--sinir)}
.byk-abn-kat-uyari{font-size:0.82rem}
.byk-abn-yasal-onay{margin:20px 0;padding:16px;background:var(--parsmen);border-radius:12px;border:1px solid transparent;transition:border-color .2s,background .2s}
.byk-abn-yasal-onay-hata{background:#fef2f2;border-color:#fca5a5}
.byk-abn-yasal-hata{margin:10px 0 0;font-size:0.82rem;font-weight:600;color:#dc2626}
.byk-abn-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:0.85rem;line-height:1.5;cursor:pointer}
.byk-abn-checkbox input{margin-top:3px;flex-shrink:0}
.byk-abn-deneme-kutu{
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #6ee7b7;
  border-radius:16px;padding:24px;margin:20px 0;text-align:center;
}
.byk-abn-deneme-kutu h3{font-size:1.1rem;margin-bottom:8px;color:#065f46}
.byk-abn-deneme-kutu p{font-size:0.85rem;color:#047857;margin-bottom:16px;line-height:1.5}
.byk-abn-deneme-rozet{
  display:inline-block;background:#ecfdf5;color:#065f46;padding:6px 12px;
  border-radius:999px;font-size:0.82rem;font-weight:600;margin-top:12px;
}
.byk-abn-veya{text-align:center;margin:20px 0;position:relative}
.byk-abn-veya::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--sinir)}
.byk-abn-veya span{background:var(--beyaz);padding:0 16px;position:relative;color:var(--metin-ikincil);font-size:0.85rem}
.prf-bekleyen-btn:hover {
  background: var(--birincil-koyu);
  transform: translateY(-1px);
}

.prf-bekleyen-odeme .prf-bekleyen-btn-ghost {
  background: transparent;
  border: 1.5px solid var(--birincil);
  color: var(--birincil);
}
.prf-bekleyen-odeme .prf-bekleyen-btn-ghost:hover {
  background: var(--birincil-soluk);
}

.prf-mgz-basvuru-tarih {
  margin-top: 10px;
  font-size: 0.8rem;
  color: var(--metin-ikincil);
}

@media (max-width: 640px) {
  .prf-bekleyen-odeme {
    flex-wrap: wrap;
  }
  .prf-bekleyen-aksiyonlar {
    width: 100%;
    flex-direction: column;
  }
  .prf-bekleyen-btn { width: 100%; justify-content: center; }
}

/* ===== Profil Mağaza & Hizmet Paneli ===== */
.prf-mgz-sayfa{background:var(--parsmen);min-height:60vh;padding-bottom:56px}
.prf-mgz-hero{
  background:linear-gradient(145deg,var(--hero-bas),var(--hero-son));
  color:#fff;padding:40px 0 48px;
}
.prf-mgz-breadcrumb{
  display:flex;align-items:center;gap:8px;font-size:0.82rem;margin-bottom:24px;
}
.prf-mgz-breadcrumb a{color:rgba(255,255,255,0.75);text-decoration:none}
.prf-mgz-breadcrumb a:hover{color:#fff}
.prf-mgz-breadcrumb span{color:rgba(255,255,255,0.45)}
.prf-mgz-breadcrumb span:last-child{color:rgba(255,255,255,0.9);font-weight:600}
.prf-mgz-hero-ic{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.prf-mgz-etiket{
  display:inline-block;font-size:0.78rem;font-weight:600;
  background:rgba(255,255,255,0.12);padding:6px 14px;border-radius:999px;margin-bottom:14px;
}
.prf-mgz-hero h1{
  font-family:var(--font-baslik);font-size:clamp(1.6rem,3.5vw,2.2rem);
  font-weight:800;margin-bottom:10px;color:#fff;line-height:1.2;
}
.prf-mgz-hero h1 em{font-style:normal;color:var(--aksan)}
.prf-mgz-hero p{color:rgba(255,255,255,0.85);font-size:0.95rem;line-height:1.6;max-width:520px;margin:0}
.prf-mgz-rozet{
  display:inline-block;margin-top:14px;background:rgba(16,185,129,0.2);
  border:1px solid rgba(52,211,153,0.4);color:#a7f3d0;padding:8px 14px;
  border-radius:999px;font-size:0.84rem;font-weight:600;
}
.prf-mgz-hero-kart{
  display:flex;gap:20px;background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);border-radius:18px;padding:20px 28px;
}
.prf-mgz-stat{text-align:center}
.prf-mgz-stat strong{display:block;font-size:1.4rem;font-weight:800;color:#fff}
.prf-mgz-stat span{font-size:0.72rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.04em}
.prf-mgz-icerik{padding-top:32px}

/* Durum kartları */
.prf-mgz-durum{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:20px;
  padding:24px 28px;margin-bottom:28px;box-shadow:var(--golge);
}
.prf-mgz-durum-aktif{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}
.prf-mgz-durum-onay{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}
.prf-mgz-durum-bekleme{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fff)}
.prf-mgz-durum-ikon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--parsmen);border-radius:16px;flex-shrink:0}
.prf-mgz-durum-metin{flex:1;min-width:200px}
.prf-mgz-durum-metin h2{font-family:var(--font-baslik);font-size:1.15rem;font-weight:700;margin-bottom:6px}
.prf-mgz-durum-metin p{font-size:0.88rem;color:var(--metin-ikincil);line-height:1.55;margin:0 0 4px}
.prf-mgz-kat-etiket{font-size:0.84rem!important;color:var(--birincil)!important;font-weight:500}

/* Aksiyon grid */
.prf-mgz-aksiyon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.prf-mgz-aksiyon{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  padding:24px 16px;background:var(--beyaz);border:1.5px solid var(--sinir);
  border-radius:18px;text-decoration:none!important;color:inherit!important;transition:all .25s;
}
.prf-mgz-aksiyon:hover{border-color:var(--birincil);box-shadow:var(--golge);transform:translateY(-2px)}
.prf-mgz-aksiyon-ana{background:var(--birincil-soluk);border-color:var(--birincil)}
.prf-mgz-aksiyon span{font-size:2rem}
.prf-mgz-aksiyon strong{font-size:0.95rem;font-weight:700}
.prf-mgz-aksiyon em{font-size:0.78rem;color:var(--metin-ikincil);font-style:normal}

/* Seçili kategori */
.prf-mgz-secili-kat{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #6ee7b7;
  border-radius:16px;padding:18px 22px;margin-bottom:28px;
}
.prf-mgz-secili-kat > span{font-size:2rem}
.prf-mgz-secili-kat div{flex:1;min-width:160px}
.prf-mgz-secili-kat strong{display:block;font-size:0.82rem;color:#065f46;margin-bottom:2px}
.prf-mgz-secili-kat p{margin:0;font-weight:700;color:#047857}

/* Adımlar */
.prf-mgz-adimlar{
  display:flex;align-items:center;justify-content:center;gap:0;
  margin:28px 0 36px;padding:20px;background:var(--beyaz);
  border-radius:16px;border:1.5px solid var(--sinir);
}
.prf-mgz-adim{text-align:center;flex:1;padding:0 12px}
.prf-mgz-adim span{
  display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;
  background:var(--birincil);color:#fff;border-radius:50%;font-weight:700;font-size:0.9rem;margin-bottom:8px;
}
.prf-mgz-adim p{font-size:0.82rem;color:var(--metin-ikincil);margin:0;line-height:1.4}
.prf-mgz-adim-cizgi{width:40px;height:2px;background:var(--sinir);flex-shrink:0}

/* Bölüm başlık */
.prf-mgz-bolum-baslik{text-align:center;margin-bottom:24px}
.prf-mgz-bolum-baslik h2{font-family:var(--font-baslik);font-size:1.35rem;font-weight:800;margin-bottom:6px}
.prf-mgz-bolum-baslik p{font-size:0.88rem;color:var(--metin-ikincil)}

/* Kategori grid */
.prf-mgz-kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:36px}
.prf-mgz-kat-kart{
  display:flex;flex-direction:column;background:var(--beyaz);border:1.5px solid var(--sinir);
  border-radius:18px;padding:20px;text-decoration:none!important;color:inherit!important;
  transition:all .25s;position:relative;overflow:hidden;
}
.prf-mgz-kat-kart::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--birincil),var(--aksan));opacity:0;transition:opacity .25s;
}
.prf-mgz-kat-kart:hover{border-color:var(--birincil);box-shadow:0 10px 28px color-mix(in srgb,var(--birincil) 12%,transparent);transform:translateY(-2px)}
.prf-mgz-kat-kart:hover::before{opacity:1}
.prf-mgz-kat-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.prf-mgz-kat-ikon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--birincil-soluk);border-radius:12px}
.prf-mgz-kat-tip{font-size:0.7rem;font-weight:600;background:var(--parsmen);padding:3px 8px;border-radius:999px;color:var(--metin-ikincil)}
.prf-mgz-kat-kart h3{font-family:var(--font-baslik);font-size:0.95rem;font-weight:700;margin-bottom:6px;line-height:1.35}
.prf-mgz-kat-kart p{font-size:0.82rem;color:var(--metin-ikincil);line-height:1.5;margin:0 0 12px;flex:1}
.prf-mgz-kat-btn{font-size:0.82rem;font-weight:600;color:var(--birincil)}

/* Paketler */
.prf-mgz-paket-bolum{
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:20px;
  padding:28px;text-align:center;margin-bottom:28px;
}
.prf-mgz-paket-satir{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:20px 0 16px}
.prf-mgz-paket-mini{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:16px 24px;border:1.5px solid var(--sinir);border-radius:14px;min-width:120px;
}
.prf-mgz-paket-mini.one{border-color:var(--aksan);background:color-mix(in srgb,var(--aksan) 8%,var(--beyaz))}
.prf-mgz-paket-mini span{font-size:1.8rem}
.prf-mgz-paket-mini strong{font-size:0.88rem}
.prf-mgz-paket-mini em{font-size:0.82rem;color:var(--birincil);font-weight:700;font-style:normal}

.prf-mgz-alt-link{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding-top:16px}
.prf-mgz-alt-link a{font-size:0.88rem;color:var(--metin-ikincil);text-decoration:none}
.prf-mgz-alt-link a:hover{color:var(--birincil)}

/* Profil widget (ana sayfa) */
.prf-mgz-widget-bolum{padding:0 0 8px}
.prf-mgz-widget{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--hero-bas),color-mix(in srgb,var(--birincil) 40%,var(--hero-son)));
  border-radius:20px;padding:28px 32px;color:#fff;
  box-shadow:0 12px 36px color-mix(in srgb,var(--birincil) 20%,transparent);
}
.prf-mgz-widget-etiket{font-size:0.78rem;font-weight:600;opacity:0.85;display:block;margin-bottom:8px}
.prf-mgz-widget h2{font-family:var(--font-baslik);font-size:1.25rem;font-weight:800;margin-bottom:8px;color:#fff}
.prf-mgz-widget p{font-size:0.88rem;opacity:0.88;line-height:1.55;margin:0;max-width:480px}
.prf-mgz-widget-rozet{
  display:inline-block;margin-top:12px;background:rgba(255,255,255,0.15);
  padding:6px 12px;border-radius:999px;font-size:0.8rem;font-weight:600;
}
.prf-mgz-widget-kat{margin-top:10px!important;font-size:0.85rem!important;opacity:0.95!important}
.prf-mgz-widget-sag{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.prf-mgz-widget-sag .btn-hayalet{border-color:rgba(255,255,255,0.4)!important;color:#fff!important;background:rgba(255,255,255,0.1)!important}

/* Başvuru sayfası wrapper */
.prf-mgz-basvuru-sayfa{padding:32px 0 56px;background:var(--parsmen);min-height:60vh}
.prf-mgz-basvuru-sayfa .prf-mgz-breadcrumb a{color:var(--metin-ikincil)}
.prf-mgz-basvuru-sayfa .prf-mgz-breadcrumb a:hover{color:var(--birincil)}
.prf-mgz-basvuru-sayfa .prf-mgz-breadcrumb span{color:var(--metin-ikincil)}
.prf-mgz-basvuru-sayfa .prf-mgz-breadcrumb span:last-child{color:var(--metin);font-weight:600}
.prf-mgz-basvuru-sayfa .btn-hayalet{
  background:#fff;color:var(--metin);border:2px solid var(--sinir);
}
.prf-mgz-basvuru-sayfa .btn-hayalet:hover{
  background:var(--parsmen);color:var(--birincil);border-color:var(--birincil);
}
.byk-abn-btn-pasif{
  background:#f1f5f9!important;color:#64748b!important;border:2px solid #cbd5e1!important;
  opacity:1!important;cursor:not-allowed!important;
}

.bbs-platform-uyari{margin-top:16px;margin-bottom:8px}

/* Bekleyen başvuru — modern durum ekranı */
.bbs-bekleyen{display:flex;flex-direction:column;gap:24px}
.bbs-bekleyen-banner{
  background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 45%,#fff 100%);
  border:1px solid rgba(245,158,11,.35);border-radius:20px;padding:24px 28px;
  box-shadow:0 4px 24px rgba(245,158,11,.12);
}
.bbs-bekleyen-banner-ic{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.bbs-bekleyen-ikon-wrap{
  width:56px;height:56px;border-radius:16px;background:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.75rem;
  box-shadow:0 2px 12px rgba(245,158,11,.2);flex-shrink:0;
  animation:bbsPulse 2s ease-in-out infinite;
}
@keyframes bbsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.bbs-bekleyen-etiket{
  display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:#b45309;background:rgba(255,255,255,.7);
  padding:4px 10px;border-radius:99px;margin-bottom:8px;
}
.bbs-bekleyen-banner-metin h2{
  font-family:var(--font-baslik);font-size:clamp(1.25rem,2.5vw,1.55rem);
  font-weight:700;color:#92400e;margin:0 0 8px;
}
.bbs-bekleyen-banner-metin p{font-size:0.9rem;color:#78350f;line-height:1.6;margin:0;max-width:560px}
.bbs-bekleyen-adimlar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
@media(max-width:640px){.bbs-bekleyen-adimlar{grid-template-columns:1fr}}
.bbs-adim{
  display:flex;align-items:flex-start;gap:12px;padding:16px 18px;
  background:#fff;border:1px solid var(--sinir);border-radius:14px;
}
.bbs-adim-tamam{border-color:#bbf7d0;background:#f0fdf4}
.bbs-adim-aktif{border-color:#fcd34d;background:#fffbeb;box-shadow:0 0 0 2px rgba(245,158,11,.15)}
.bbs-adim-no{
  width:28px;height:28px;border-radius:50%;background:var(--parsmen);
  display:flex;align-items:center;justify-content:center;
  font-size:0.78rem;font-weight:700;color:var(--metin-ikincil);flex-shrink:0;
}
.bbs-adim-tamam .bbs-adim-no{background:#059669;color:#fff}
.bbs-adim-aktif .bbs-adim-no{background:#f59e0b;color:#fff}
.bbs-adim strong{display:block;font-size:0.85rem;color:var(--metin);margin-bottom:2px}
.bbs-adim em{font-style:normal;font-size:0.75rem;color:var(--metin-ikincil)}
.bbs-bekleyen-grid{align-items:start}
.bbs-bekleyen-kart{text-align:center}
.bbs-ucretsiz{color:#059669!important}
.bbs-durum-rozet{
  display:inline-block;margin-top:16px;padding:8px 16px;border-radius:99px;
  font-size:0.78rem;font-weight:700;background:#fffbeb;color:#b45309;border:1px solid #fcd34d;
}
.bbs-durum-rozet-odeme{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.bbs-durum-rozet-hata{background:#fef2f2;color:#dc2626;border-color:#fca5a5}
.bbs-bekleyen-detay{display:flex;flex-direction:column;gap:16px}
.bbs-bekleyen-kutu{
  display:flex;gap:16px;padding:20px 22px;background:#fff;
  border:1px solid #bbf7d0;border-radius:16px;
  background:linear-gradient(135deg,#f0fdf4,#fff);
}
.bbs-bekleyen-kutu-ikon{font-size:1.5rem;line-height:1;flex-shrink:0}
.bbs-bekleyen-kutu strong{display:block;font-size:0.95rem;color:#065f46;margin-bottom:6px}
.bbs-bekleyen-kutu p{font-size:0.85rem;color:#047857;line-height:1.6;margin:0}
.bbs-bekleyen-yasal{
  display:flex;gap:12px;padding:14px 16px;background:#fffbeb;
  border:1px solid #fde68a;border-radius:12px;font-size:0.82rem;color:#92400e;
}
.bbs-bekleyen-yasal strong{display:block;margin-bottom:4px}
.bbs-bekleyen-yasal p{margin:0;line-height:1.5}
.bbs-bekleyen-alt{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;padding-top:8px;border-top:1px dashed var(--sinir);
}
.bbs-iptal-form{margin:0}
.bbs-iptal-btn{
  background:none;border:none;padding:8px 0;font-size:0.82rem;
  color:#94a3b8;cursor:pointer;text-decoration:underline;text-underline-offset:3px;
}
.bbs-iptal-btn:hover{color:#dc2626}
.bbs-odeme-not{
  margin-top:28px;padding:12px 16px;text-align:center;font-size:0.78rem;
  color:var(--metin-ikincil);background:var(--parsmen);border-radius:10px;
  border:1px dashed var(--sinir);
}
.bbs-alt-nav{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px;
}

/* Bayi başvuru — genişlik & alan özeti */
.prf-mgz-hero-kisa{padding:28px 0 32px}
.bbs-hero-baslik{font-family:var(--font-baslik);font-size:clamp(1.4rem,3vw,1.85rem);font-weight:700;color:#fff;margin:12px 0 6px}
.bbs-hero-alt{font-size:0.9rem;color:rgba(255,255,255,.75);max-width:560px;margin:0}
.bbs-icerik{padding-top:28px;padding-bottom:48px}
.bbs-alan-kart{
  background:linear-gradient(135deg,#f0fdf4,#fff);border:1.5px solid #bbf7d0;
  border-radius:18px;padding:18px 20px;margin-bottom:22px;
}
.bbs-alan-kart-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.bbs-alan-kart-ust h3{font-size:1rem;font-weight:700;color:#065f46;margin:0 0 4px}
.bbs-alan-kart-ust p{font-size:0.78rem;color:#047857;margin:0}
.bbs-alan-liste{display:flex;flex-direction:column;gap:8px}
.bbs-alan-item{
  display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;
  background:#fff;border:1px solid #e5e7eb;
}
.bbs-alan-item-urun{border-color:#bfdbfe;background:#f8fbff}
.bbs-alan-item-hizmet{border-color:#ddd6fe;background:#faf9ff}
.bbs-alan-item-her_ikisi{border-color:#bbf7d0;background:#fafffe}
.bbs-alan-item-ikon{font-size:1.35rem;line-height:1}
.bbs-alan-item-metin{flex:1;min-width:0}
.bbs-alan-item-metin strong{display:block;font-size:0.88rem;color:var(--metin)}
.bbs-alan-item-metin em{font-style:normal;font-size:0.72rem;color:var(--metin-ikincil)}
.bbs-alan-birincil{font-size:0.68rem;font-weight:700;padding:3px 8px;border-radius:20px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}
.bbs-alan-mini-liste{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bbs-alan-chip{font-size:0.72rem;font-weight:600;padding:4px 10px;border-radius:20px;background:#fff;border:1px solid #d1fae5;color:#065f46}
.bbs-alan-chip-urun{border-color:#bfdbfe;color:#1e40af}
.bbs-alan-chip-hizmet{border-color:#ddd6fe;color:#5b21b6}
.bbs-alan-bos{text-align:center;padding:32px 20px;background:var(--beyaz);border:1.5px dashed var(--sinir);border-radius:18px}
.bbs-alan-bos span{font-size:2.5rem;display:block;margin-bottom:12px}
.bbs-alan-bos h3{font-size:1.05rem;margin-bottom:8px}
.bbs-alan-bos p{font-size:0.86rem;color:var(--metin-ikincil);margin-bottom:16px}

/* Mağaza paneli — alan yönetimi */
.prf-mgz-bolum{background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:20px;padding:22px 24px;margin-bottom:28px}
.prf-mgz-alan-gruplar{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.prf-mgz-alan-grup{border:1px solid var(--sinir);border-radius:14px;padding:14px;background:var(--parsmen)}
.prf-mgz-alan-grup-baslik{font-size:0.82rem;font-weight:700;color:var(--metin);margin-bottom:10px}
.prf-mgz-alan-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.prf-mgz-alan-kart{
  position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;
  padding:9px 11px;border-radius:11px;border:1.5px solid var(--sinir);background:#fff;
  transition:border-color .15s,background .15s,transform .12s;
}
.prf-mgz-alan-kart:hover{border-color:#86efac;transform:translateY(-1px)}
.prf-mgz-alan-kart input{position:absolute;opacity:0;pointer-events:none}
.prf-mgz-alan-kart.secili{border-color:#059669;background:#ecfdf5}
.prf-mgz-alan-kart-ikon{font-size:1.15rem}
.prf-mgz-alan-kart-ad{font-size:0.76rem;font-weight:600;line-height:1.25;color:var(--metin)}
.prf-mgz-alan-kart-tik{
  margin-left:auto;width:16px;height:16px;border-radius:50%;font-size:0.65rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;color:#fff;background:#d1d5db;
}
.prf-mgz-alan-kart.secili .prf-mgz-alan-kart-tik{background:#059669}
.prf-mgz-alan-alt{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.prf-mgz-secili-kat-coklu{align-items:flex-start}
.prf-mgz-secili-kat-liste{flex:1}
.prf-mgz-secili-kat-aksiyon{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.prf-mgz-adim.tamam span{background:var(--birincil);color:#fff}

@media(max-width:900px){
  .byk-abn-grid{grid-template-columns:1fr;gap:18px}
  /* Mobilde alan seçimi/işlem sütununu öne al — paket kartının altında gömülü kalmasın */
  .prf-mgz-basvuru-sayfa .byk-abn-grid > .byk-abn-odeme{order:-1}
  .prf-mgz-basvuru-sayfa .byk-abn-grid > .byk-abn-paket-kart{order:0}
}
@media(max-width:768px){
  .prf-mgz-alan-kartlar{grid-template-columns:1fr 1fr}
  .bbs-alan-kart-ust{flex-direction:column}
  .bbs-alan-kart-ust .btn{width:100%}
  .prf-mgz-secili-kat-aksiyon{flex-direction:row;width:100%}
  /* Paket kartı mobilde daha kompakt */
  .byk-abn-paket-kart{padding:22px 18px}
  .byk-abn-paket-ikon{font-size:2.4rem;margin-bottom:6px}
  .byk-abn-paket-kart h2{font-size:1.2rem}
  .byk-abn-paket-fiyat{font-size:1.7rem}
  /* İşlem/ödeme bloğu */
  .byk-abn-odeme{padding:22px 18px}
  .byk-abn-baslik{font-size:1.2rem;margin-bottom:18px}
  .bbs-alan-kart{padding:16px}
  /* Boş durum (alan seçme yönlendirmesi) mobilde tam genişlik buton */
  .bbs-alan-bos .btn{width:100%}
}
@media(max-width:420px){
  .prf-mgz-alan-kartlar{grid-template-columns:1fr}
  .byk-abn-sure-sec{grid-template-columns:1fr}
  .bbs-alan-item{padding:10px 12px}
}

.prf-menu-hizmet{border-color:var(--birincil)!important;background:var(--birincil-soluk)!important}

@media(max-width:768px){
  .prf-mgz-aksiyon-grid{grid-template-columns:1fr}
  .prf-mgz-kat-grid{grid-template-columns:1fr}
  .prf-mgz-adimlar{flex-direction:column;gap:12px}
  .prf-mgz-adim-cizgi{width:2px;height:20px}
  .prf-mgz-widget{flex-direction:column;text-align:center}
  .prf-mgz-widget-sag{align-items:center;width:100%}
  .prf-mgz-durum{flex-direction:column;text-align:center}
}

.byk-abn-alt-baslik{font-size:1rem;font-weight:600;margin-bottom:12px}

/* ===== Bayi Panel v2 (kategori bazlı) ===== */
.bpn2-sayfa{background:var(--parsmen);min-height:60vh;padding-bottom:56px}
.bpn2-hero{
  background:linear-gradient(145deg,var(--hero-bas),var(--hero-son));
  color:#fff;padding:36px 0 44px;
}
.bpn2-hero,
.bpn2-hero h1,
.bpn2-hero-sol h1,
.bpn2-hero-sol p,
.bpn2-hero-sol strong,
.bpn2-hero-sag,
.bpn2-hero-sag strong,
.bpn2-hosgeldin {
  color:#fff !important;
}
.bpn2-hero-sol p,
.bpn2-hosgeldin {
  color:rgba(255,255,255,.78) !important;
}
.bpn2-hero-meta span {
  color:rgba(255,255,255,.75);
}
.bpn2-hero-ic{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;flex-wrap:wrap}
.bpn2-kat-etiket{
  display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;margin-bottom:12px;
}
.bpn2-hero-sol h1{font-family:var(--font-baslik);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;margin-bottom:8px}
.bpn2-hero-sol p{font-size:.88rem;color:rgba(255,255,255,.75);max-width:560px;line-height:1.55;margin:0}
.bpn2-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:.8rem;color:rgba(255,255,255,.7)}
.bpn2-paket{padding:5px 12px;border-radius:8px;font-weight:700;font-size:.78rem}
.bpn2-paket-gold{background:rgba(218,165,32,.25);color:#fde68a}
.bpn2-paket-silver{background:rgba(148,163,184,.25);color:#e2e8f0}
.bpn2-paket-bronz{background:rgba(180,120,60,.25);color:#fde68a}
.bpn2-hero-sag{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.bpn2-hosgeldin{font-size:.82rem;color:rgba(255,255,255,.65)}
.bpn2-hero-sag strong{font-size:1.05rem}
.bpn2-icerik{padding-top:28px}
.bpn2-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.bpn2-stat{
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:16px;padding:18px;text-align:center;
  box-shadow:var(--golge-kucuk);
}
.bpn2-stat span{font-size:1.5rem;display:block;margin-bottom:6px}
.bpn2-stat strong{display:block;font-family:var(--font-baslik);font-size:1.5rem;color:var(--birincil)}
.bpn2-stat em{font-size:.76rem;color:var(--metin-ikincil);font-style:normal}
.bpn2-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.bpn2-nav{
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:18px;padding:20px;
  position:sticky;top:88px;
}
.bpn2-nav h3{font-size:.88rem;font-weight:700;margin-bottom:12px;color:var(--metin-ikincil);text-transform:uppercase;letter-spacing:.04em}
.bpn2-nav nav{display:flex;flex-direction:column;gap:4px}
.bpn2-nav-link{
  display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;
  font-size:.88rem;font-weight:500;color:var(--metin);text-decoration:none!important;transition:all .2s;
}
.bpn2-nav-link:hover,.bpn2-nav-link.aktif{background:var(--birincil-soluk);color:var(--birincil)}
.bpn2-nav-badge{margin-left:auto;background:#dc2626;color:#fff;font-size:.68rem;padding:2px 7px;border-radius:999px}
.bpn2-nav-bolum{
  margin:14px 0 6px;padding:0 4px;font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--metin-ikincil);
}
.bpn2-nav-grup{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--sinir)}
.bpn2-nav-grup:last-of-type{border-bottom:none}
.bpn2-nav-grup-bas{
  display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;font-weight:700;color:var(--metin);
}
.bpn2-nav-grup-bas span:first-child{font-size:1rem}
.bpn2-nav-link-alt{padding:8px 14px 8px 28px;font-size:.82rem;border-radius:10px}
.bpn2-ipucu,.bpn2-uyari{margin-top:16px;padding:14px;border-radius:12px;font-size:.8rem;line-height:1.5}
.bpn2-ipucu{background:var(--parsmen);border:1px solid var(--sinir)}
.bpn2-uyari{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}
.bpn2-bos{
  text-align:center;padding:48px 24px;background:var(--beyaz);border:1px dashed var(--sinir);
  border-radius:20px;margin-bottom:20px;
}
.bpn2-bos span{font-size:3rem;display:block;margin-bottom:12px}
.bpn2-bos h2{font-size:1.15rem;margin-bottom:8px}
.bpn2-bos p{color:var(--metin-ikincil);font-size:.88rem;margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto}
.bpn2-hizli{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.bpn2-hizli-kart{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;
  background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:16px;
  text-decoration:none!important;color:inherit!important;transition:all .2s;text-align:center;
}
.bpn2-hizli-kart:hover{border-color:var(--birincil);transform:translateY(-2px);box-shadow:var(--golge-kucuk)}
.bpn2-hizli-ana{background:var(--birincil-soluk);border-color:var(--birincil)}
.bpn2-hizli-kart span{font-size:1.6rem}
.bpn2-hizli-kart strong{font-size:.88rem}

.bpn2-grid-sayfa { align-items: start; }
.bpn2-ana-sayfa { min-width: 0; }
.bpn2-sayfa-ust {
  display:flex;justify-content:flex-end;margin-bottom:16px;
}
.bpn2-filtre { margin-bottom:20px; }
.bpn2-detay-ust {
  display:flex;justify-content:flex-end;margin-bottom:16px;
}
.bpn2-ana-sayfa .bpn-form-kart,
.bpn2-ana .bpn-form-kart {
  background:var(--beyaz);
  border:1px solid var(--sinir);
  border-radius:16px;
  padding:22px 24px;
  box-shadow:var(--golge-kucuk);
}
.bpn2-ana-sayfa .bpn-tablo-wrap,
.bpn2-ana .bpn-tablo-wrap {
  background:var(--beyaz);
  border:1px solid var(--sinir);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--golge-kucuk);
}
.bpn2-ana-sayfa .uyari,
.bpn2-ana .uyari {
  margin-bottom:16px;
}

/* ===== Mağaza v2 (modern) ===== */
.mgz2-sayfa{background:var(--parsmen);padding-bottom:56px}
.mgz2-kapak{
  position:relative;height:180px;
  background:linear-gradient(135deg,var(--hero-bas) 0%,var(--hero-son) 55%,color-mix(in srgb,var(--birincil) 40%,var(--hero-son)) 100%);
  overflow:hidden;
}
.mgz2-kapak-desen{
  position:absolute;inset:0;
  background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 40%);
}
.mgz2-kapak-ic{position:relative;padding-top:24px}
.mgz2-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.75)}
.mgz2-breadcrumb a{color:#fff;text-decoration:none;font-weight:500}
.mgz2-wrap{margin-top:-56px;position:relative;z-index:2}
.mgz2-profil{
  display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:24px;
  padding:28px 32px;margin-bottom:28px;box-shadow:0 8px 32px rgba(0,0,0,.08);
}
.mgz2-avatar{
  width:96px;height:96px;border-radius:20px;flex-shrink:0;
  background:linear-gradient(135deg,var(--birincil-soluk),var(--birincil));
  display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;font-weight:700;color:#fff;overflow:hidden;
  border:4px solid var(--beyaz);box-shadow:0 4px 16px rgba(0,0,0,.12);margin-top:-48px;
}
.mgz2-avatar img{width:100%;height:100%;object-fit:cover}
.mgz2-profil-orta{flex:1;min-width:240px;padding-top:4px}
.mgz2-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.mgz2-paket,.mgz2-kat,.mgz2-konum{
  font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px;
}
.mgz2-paket-gold{background:#fef3c7;color:#92400e}
.mgz2-paket-silver{background:#f1f5f9;color:#475569}
.mgz2-paket-bronz{background:#ffedd5;color:#9a3412}
.mgz2-kat{background:var(--birincil-soluk);color:var(--birincil)}
.mgz2-konum{background:var(--parsmen);color:var(--metin-ikincil);font-weight:500}
.mgz2-ad{font-family:var(--font-baslik);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:8px}
.mgz2-aciklama{font-size:.9rem;color:var(--metin-ikincil);line-height:1.6;max-width:640px;margin-bottom:16px}
.mgz2-stats{display:flex;gap:28px;flex-wrap:wrap}
.mgz2-stats div{text-align:center}
.mgz2-stats strong{display:block;font-size:1.25rem;font-weight:700;color:var(--birincil)}
.mgz2-stats span{font-size:.78rem;color:var(--metin-ikincil)}
.mgz2-profil-aksiyon{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.mgz2-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:12px 20px;border-radius:12px;font-size:.88rem;font-weight:600;text-decoration:none!important;
  transition:transform .15s;
}
.mgz2-btn:hover{transform:translateY(-1px)}
.mgz2-btn-wa{background:#25d366;color:#fff!important}
.mgz2-btn-tel{background:var(--birincil);color:#fff!important}
.mgz2-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}
.mgz2-kart{
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:18px;padding:20px;margin-bottom:16px;
}
.mgz2-kart h3{font-family:var(--font-baslik);font-size:.95rem;font-weight:700;margin-bottom:14px}
.mgz2-iletisim{display:flex;flex-direction:column;gap:8px}
.mgz2-iletisim a{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;
  font-size:.86rem;color:var(--metin);text-decoration:none!important;background:var(--parsmen);
  transition:background .2s;
}
.mgz2-iletisim a:hover{background:var(--birincil-soluk)}
.mgz2-iletisim .mgz2-wa{color:#25d366;font-weight:600}
.mgz2-satir{display:flex;gap:10px;font-size:.86rem;color:var(--metin-ikincil);line-height:1.5;margin:0 0 10px}
.mgz2-harita{border-radius:12px;overflow:hidden}
.mgz2-harita iframe{width:100%;height:200px;border:0}
.mgz2-guven{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#86efac}
.mgz2-guven span{font-size:1.5rem}
.mgz2-guven strong{display:block;font-size:.88rem;margin-bottom:4px}
.mgz2-guven p{font-size:.8rem;color:#166534;margin:0;line-height:1.45}
.mgz2-bolum{
  background:var(--beyaz);border:1px solid var(--sinir);border-radius:20px;
  padding:24px 28px;margin-bottom:20px;
}
.mgz2-bolum h2,.mgz2-bolum-baslik h2{font-family:var(--font-baslik);font-size:1.1rem;font-weight:700;margin:0}
.mgz2-bolum-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.mgz2-bolum-baslik span{font-size:.82rem;color:var(--metin-ikincil)}
.mgz2-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}
.mgz2-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.mgz2-galeri img{width:100%;height:120px;object-fit:cover;border-radius:12px}
.mgz2-bos{text-align:center;padding:56px 24px}
.mgz2-bos span{font-size:3.5rem;display:block;margin-bottom:12px;opacity:.7}
.mgz2-bos h3{font-size:1.05rem;margin-bottom:6px}
.mgz2-bos p{font-size:.88rem;color:var(--metin-ikincil)}
.mgz2-urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.mgz2-urun{
  display:block;background:var(--beyaz);border:1.5px solid var(--sinir);border-radius:16px;
  overflow:hidden;text-decoration:none!important;color:inherit!important;transition:all .25s;
}
.mgz2-urun:hover{border-color:var(--birincil);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-3px)}
.mgz2-urun-gorsel{position:relative;aspect-ratio:1;background:var(--parsmen);overflow:hidden}
.mgz2-urun-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mgz2-urun:hover .mgz2-urun-gorsel img{transform:scale(1.04)}
.mgz2-urun-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.mgz2-indirim{
  position:absolute;top:10px;left:10px;background:#dc2626;color:#fff;
  font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:8px;
}
.mgz2-tur-rozet{position:absolute;top:10px;right:10px;background:rgba(109,40,217,.92);color:#fff;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px}
.mgz2-online-rozet{position:absolute;bottom:10px;left:10px;background:rgba(29,78,216,.92);color:#fff;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px}
.mgz2-urun-alt{padding:14px 16px 16px}
.mgz2-urun-kat{font-size:.72rem;color:var(--metin-ikincil);display:block;margin-bottom:4px}
.mgz2-urun-alt h3{font-size:.92rem;font-weight:600;line-height:1.35;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mgz2-fiyat{display:flex;align-items:baseline;gap:8px}
.mgz2-fiyat s{font-size:.78rem;color:var(--metin-ikincil)}
.mgz2-fiyat strong{font-size:1.05rem;font-weight:700;color:var(--birincil)}

@media(max-width:960px){
  .bpn2-stat-grid{grid-template-columns:repeat(2,1fr)}
  .bpn2-grid{grid-template-columns:1fr}
  .bpn2-nav{position:static}
  .bpn2-hizli{grid-template-columns:1fr}
  .bpn2-hero-sag{text-align:left;align-items:flex-start}
  .mgz2-grid{grid-template-columns:1fr}
  .mgz2-profil{padding:22px 20px}
  .mgz2-avatar{margin-top:-40px;width:80px;height:80px}
}
@media(max-width:640px){
  .bpn2-stat-grid{grid-template-columns:1fr 1fr}
  .mgz2-profil-aksiyon{flex-direction:row;width:100%}
  .mgz2-btn{flex:1}
  .mgz2-urun-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}

/* Destek sohbet widget — sağ alt, tema ikonunun altında */
.dsw-root{
  position:fixed;bottom:68px;right:16px;left:auto;
  z-index:10001;font-family:var(--font-aile,system-ui,sans-serif);
}
.dsw-root.acik{z-index:10050}
.dsw-toggle{
  display:flex !important;align-items:center;gap:10px;padding:12px 18px;border:none;border-radius:999px;
  background:linear-gradient(135deg,#059669,#047857);color:#fff !important;font-weight:700;
  font-size:.88rem;cursor:pointer;box-shadow:0 8px 28px rgba(5,150,105,.45);transition:transform .15s,box-shadow .15s;
  line-height:1.2;visibility:visible !important;opacity:1 !important;
}
.dsw-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(5,150,105,.4)}
.dsw-toggle-ikon{font-size:1.2rem;line-height:1}
.dsw-panel{
  display:none;
  position:absolute;bottom:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 36px));
  max-height:min(520px,calc(100dvh - 120px));
  background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 20px 50px rgba(15,23,42,.18);
  flex-direction:column;overflow:hidden;
}
.dsw-root.acik .dsw-panel{display:flex}
.dsw-root.acik .dsw-toggle{display:none}
.dsw-baslik{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;flex-shrink:0;
  background:linear-gradient(135deg,var(--birincil,#059669),#047857);color:#fff;
}
.dsw-baslik strong{font-size:.95rem;display:block}
.dsw-online{font-size:.72rem;margin-top:4px;opacity:.9}
.dsw-online.online{color:#bbf7d0}
.dsw-online.offline{color:rgba(255,255,255,.75)}
.dsw-kapat{
  background:rgba(255,255,255,.2);border:none;color:#fff;width:36px;height:36px;border-radius:10px;
  font-size:1.4rem;cursor:pointer;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.dsw-kapat:hover{background:rgba(255,255,255,.3)}
.dsw-govde{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}
.dsw-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;-webkit-overflow-scrolling:touch}
.dsw-alt-bar{
  flex-shrink:0;padding:10px 16px 12px;border-top:1px solid var(--kenar,#e2e8f0);background:#fff;
  display:flex;flex-direction:column;gap:8px;
}
.dsw-alt-bar .dsw-btn{margin-top:0}
.dsw-form-wrap{display:flex;flex-direction:column;flex:1;min-height:0}
.dsw-sohbet-wrap{display:flex;flex-direction:column;flex:1;min-height:0}
.dsw-aciklama{font-size:.82rem;color:var(--metin-ikincil,#64748b);margin-bottom:12px;line-height:1.45}
.dsw-secenekler{display:flex;flex-direction:column;gap:10px}
.dsw-sec{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--kenar,#e2e8f0);
  border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;position:relative;
  -webkit-tap-highlight-color:transparent;
}
.dsw-sec:hover{border-color:var(--birincil,#059669);background:#f0fdf4}
.dsw-sec span{font-size:1.2rem}
.dsw-sec strong{font-size:.88rem;color:var(--metin,#0f172a)}
.dsw-sec small{font-size:.74rem;color:var(--metin-ikincil,#64748b)}
.dsw-badge-on{position:absolute;top:10px;right:10px;font-size:.65rem;font-style:normal;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:20px;font-weight:700}
.dsw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.dsw-chip{padding:7px 12px;border-radius:20px;border:1px solid var(--kenar,#e2e8f0);background:#fff;font-size:.78rem;cursor:pointer;font-weight:600;color:var(--metin-ikincil);-webkit-tap-highlight-color:transparent}
.dsw-chip.aktif{background:var(--birincil,#059669);border-color:var(--birincil,#059669);color:#fff}
.dsw-btn{display:block;width:100%;padding:11px 14px;border-radius:10px;border:none;font-weight:700;font-size:.84rem;cursor:pointer;margin-top:8px;-webkit-tap-highlight-color:transparent}
.dsw-btn-ana{background:var(--birincil,#059669);color:#fff}
.dsw-btn-ghost{background:transparent;color:var(--metin-ikincil);border:1px solid var(--kenar,#e2e8f0)}
.dsw-form label,.dsw-scroll label{display:block;font-size:.78rem;font-weight:600;color:var(--metin-ikincil);margin-bottom:10px}
.dsw-form input,.dsw-form textarea,.dsw-scroll input,.dsw-scroll textarea{
  width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--kenar,#e2e8f0);border-radius:10px;
  font:inherit;font-size:16px;box-sizing:border-box;
}
.dsw-ipucu{font-size:.72rem;color:var(--metin-ikincil);margin:-4px 0 10px}
.dsw-msj-liste{display:flex;flex-direction:column;gap:10px;padding-right:4px}
.dsw-msj-liste.dsw-scroll{padding:14px 16px}
.dsw-msj{max-width:88%}
.dsw-msj.ben{align-self:flex-end}
.dsw-msj.karsi{align-self:flex-start}
.dsw-msj-meta{font-size:.68rem;color:var(--metin-ikincil);margin-bottom:3px}
.dsw-msj-icerik{padding:10px 12px;border-radius:12px;font-size:.84rem;line-height:1.45;word-break:break-word}
.dsw-msj.ben .dsw-msj-icerik{background:var(--birincil,#059669);color:#fff;border-bottom-right-radius:4px}
.dsw-msj.karsi .dsw-msj-icerik{background:#f1f5f9;color:var(--metin,#0f172a);border-bottom-left-radius:4px}
.dsw-sohbet-form{display:flex;gap:8px;align-items:flex-end;flex-direction:row;border-top:1px solid var(--kenar,#e2e8f0);padding:10px 16px 12px;background:#fff;flex-shrink:0}
.dsw-sohbet-form textarea{flex:1;resize:none;padding:10px 12px;border:1px solid var(--kenar,#e2e8f0);border-radius:10px;font:inherit;font-size:16px;min-height:44px;max-height:80px}
.dsw-sohbet-form .dsw-btn{width:auto;margin:0;padding:10px 14px;white-space:nowrap;flex-shrink:0}
@media(min-width:768px){
  .dsw-root{bottom:20px;right:16px}
}
@media(max-width:640px){
  .dsw-root{
    bottom:calc(62px + env(safe-area-inset-bottom,0px) + 6px);
    right:12px;left:auto;
  }
  .dsw-toggle-metin{display:none}
  .dsw-toggle{padding:14px 16px;border-radius:999px}
  .dsw-root.acik{
    bottom:0;right:0;left:0;
    z-index:10050;
    padding:0;
    pointer-events:none;
  }
  .dsw-root.acik .dsw-panel{
    pointer-events:auto;
    position:fixed;
    bottom:calc(62px + env(safe-area-inset-bottom,0px));
    left:8px;right:8px;
    width:auto;
    max-height:calc(100dvh - 62px - env(safe-area-inset-bottom,0px) - 16px);
    border-radius:16px 16px 12px 12px;
    box-shadow:0 -4px 40px rgba(15,23,42,.22);
  }
  .dsw-alt-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .dsw-sohbet-form{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .dsw-sohbet-form .dsw-btn{padding:10px 16px;min-height:44px}
}

/* DÜKKAN v2 */
.dk2-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--hero-bas,#0d2b1f) 0%,var(--hero-son,#1a4a2e) 55%,var(--birincil-koyu,#1a5e38) 100%);padding:56px 0 48px;color:#fff}
.dk2-hero-desen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 82% 18%,color-mix(in srgb,var(--aksan) 22%,transparent),transparent),radial-gradient(ellipse 45% 45% at 8% 85%,color-mix(in srgb,var(--birincil) 20%,transparent),transparent),linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}
.dk2-hero-ic{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.dk2-etiket{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--birincil-acik) 85%,#fff);background:color-mix(in srgb,var(--birincil) 22%,transparent);border:1px solid color-mix(in srgb,var(--birincil-acik) 35%,transparent);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.dk2-hero-metin h1{font-family:var(--font-baslik);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:14px;color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.dk2-hero-metin h1 em{font-style:normal;color:var(--aksan,#d4a574)}
.dk2-hero-metin p{font-size:.95rem;color:rgba(255,255,255,.65);line-height:1.7;max-width:480px;margin-bottom:22px}
.dk2-hero-ara{display:flex;align-items:center;background:#fff;border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 12px 40px rgba(0,0,0,.25);margin-bottom:18px;max-width:520px}
.dk2-ara-ikon{font-size:1rem;opacity:.5;margin-right:8px}
.dk2-hero-ara input{flex:1;border:none;outline:none;font-size:.92rem;padding:10px 0;background:transparent;color:#0f172a}
.dk2-hero-ara button{border:none;background:var(--birincil,#059669);color:#fff;font-weight:700;font-size:.88rem;padding:12px 22px;border-radius:10px;cursor:pointer;white-space:nowrap}
.dk2-hero-aksiyon{display:flex;gap:10px;flex-wrap:wrap}
.dk2-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:12px;font-weight:700;font-size:.88rem;text-decoration:none;cursor:pointer;border:none;transition:.15s}
.dk2-btn-beyaz{background:#fff;color:#1a0f0a}
.dk2-btn-cam{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.dk2-btn-dolu{background:var(--birincil,#059669);color:#fff;width:100%}
.dk2-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dk2-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 16px;text-align:center;backdrop-filter:blur(8px)}
.dk2-stat strong{display:block;font-size:1.6rem;font-weight:800;line-height:1;color:#fff}
.dk2-stat span{font-size:.72rem;color:rgba(255,255,255,.55);margin-top:4px;display:block;font-weight:600}
.dk2-guven{background:#fff;border-bottom:1px solid var(--sinir,#e2e8f0);padding:14px 0}
.dk2-guven-ic{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 32px}
.dk2-guven-ic div{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--metin-ikincil,#64748b)}
.dk2-kat-bar{background:#fff;border-bottom:1px solid var(--sinir,#e2e8f0);position:sticky;top:64px;z-index:40;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.dk2-kat-bar-scroll{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dk2-kat-bar-scroll::-webkit-scrollbar{display:none}
.dk2-kat-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--sinir,#e2e8f0);background:var(--krem,#fafaf9);font-size:.82rem;font-weight:600;color:var(--metin-ikincil,#64748b);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:.15s;scroll-snap-align:start}
.dk2-kat-chip em{font-style:normal;font-size:.68rem;background:rgba(15,23,42,.06);padding:2px 8px;border-radius:20px;font-weight:700;margin-left:2px}
.dk2-kat-chip:hover{border-color:color-mix(in srgb,var(--birincil) 40%,var(--sinir));color:var(--birincil);transform:translateY(-1px)}
.dk2-kat-chip.aktif{background:var(--birincil);border-color:var(--birincil);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--birincil) 35%,transparent)}
.dk2-kat-chip.aktif em{background:rgba(255,255,255,.22);color:#fff}
.dk2-firsat-inline{margin-bottom:28px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--birincil) 5%,#fff),color-mix(in srgb,var(--aksan) 4%,#fff));border:1px solid color-mix(in srgb,var(--birincil) 12%,var(--sinir));border-radius:18px;overflow:hidden;min-width:0}
.dk2-firsat-baslik{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.dk2-firsat-baslik h3{font-size:1.05rem;font-weight:800;margin:4px 0 0}
.dk2-firsat{padding:36px 0;background:linear-gradient(180deg,#faf8f5,var(--krem,#fafaf9))}
.dk2-bolum-baslik{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.dk2-bolum-etiket{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--birincil);display:block;margin-bottom:4px}
.dk2-bolum-baslik h2{font-family:var(--font-baslik);font-size:1.35rem;font-weight:800;margin:0}
.dk2-link{font-size:.85rem;font-weight:700;color:var(--birincil);text-decoration:none}
.dk2-firsat-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0}
.dk2-firsat-scroll .dk2-kart{min-width:0;max-width:none;width:100%;scroll-snap-align:unset}
@media(max-width:960px){
  .dk2-firsat-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:640px){
  .dk2-firsat-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .dk2-firsat-scroll .dk2-kart{min-width:160px;max-width:160px;width:160px;flex-shrink:0;scroll-snap-align:start}
}
.dk2-sayfa{padding:36px 0 48px;background:var(--krem,#fafaf9);overflow-x:clip}
.dk2-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.dk2-ana{min-width:0;max-width:100%}
.dk2-sidebar{position:sticky;top:calc(var(--nav-yukseklik,62px) + 12px);display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - var(--nav-yukseklik,62px) - 24px);overflow-y:auto;scrollbar-width:thin}
.dk2-sidebar-kutu{background:#fff;border:1px solid var(--sinir,#e2e8f0);border-radius:16px;padding:18px;box-shadow:0 2px 12px rgba(15,23,42,.04)}
.dk2-sidebar-kutu h3{font-size:.88rem;font-weight:800;margin:0 0 14px}
.dk2-kat-liste{display:flex;flex-direction:column;gap:2px}
.dk2-kat-liste a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:.82rem;font-weight:500;color:var(--metin-ikincil);text-decoration:none;transition:.12s}
.dk2-kat-liste a em{margin-left:auto;font-style:normal;font-size:.68rem;background:var(--parsmen,#f1f5f9);padding:2px 8px;border-radius:20px;font-weight:700}
.dk2-kat-liste a.aktif{background:color-mix(in srgb,var(--birincil) 12%,#fff);color:var(--birincil);font-weight:700}
.dk2-kat-bar-mobil{display:none}
@media(max-width:960px){
  .dk2-kat-bar-mobil{display:block}
  .dk2-sidebar-kat{display:none!important}
}
@media(min-width:961px){
  .dk2-kat-bar-mobil{display:none!important}
}
.dk2-kat-liste a.bos{opacity:.55}
.dk2-kat-liste a.bos em{background:var(--sinir);color:var(--metin-ikincil)}
.dk2-sidebar-kat .dk2-kat-liste a{padding:10px 12px;font-size:.84rem}
.dk2-sidebar-kat .dk2-kat-liste a em{min-width:26px;text-align:center}
.dk2-label{display:block;font-size:.76rem;font-weight:700;color:var(--metin-ikincil);margin:12px 0 6px}
.dk2-input{width:100%;padding:10px 12px;border:1.5px solid var(--sinir);border-radius:10px;font-size:.86rem;background:var(--krem);box-sizing:border-box}
.dk2-fiyat-cift{display:flex;align-items:center;gap:8px}
.dk2-filtre-form .dk2-btn{margin-top:14px}
.dk2-temizle{display:block;text-align:center;font-size:.78rem;color:var(--metin-ikincil);margin-top:10px}
.dk2-sidebar-ipucu{background:color-mix(in srgb,var(--birincil) 6%,#fff)!important}
.dk2-sidebar-ipucu p{font-size:.76rem;color:var(--metin-ikincil);margin:0;line-height:1.5}
.dk2-mobil-kat{display:none;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:16px}
.dk2-mobil-kat a{white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid var(--sinir);background:#fff;font-size:.78rem;font-weight:600;color:var(--metin-ikincil);text-decoration:none;flex-shrink:0}
.dk2-mobil-kat a.aktif{background:var(--birincil);border-color:var(--birincil);color:#fff}
.dk2-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--sinir)}
.dk2-toolbar-sol h2{font-size:1.15rem;font-weight:800;margin:0 0 4px}
.dk2-toolbar-sol span{font-size:.8rem;color:var(--metin-ikincil)}
.dk2-filtre-ac{border:none;margin:0;padding:0}
.dk2-filtre-ozet{display:none}
@media(min-width:961px){
  .dk2-filtre-ac{display:contents}
  .dk2-filtre-ozet{display:none!important}
}
.dk2-filtre-rozet{font-style:normal;font-size:.68rem;font-weight:700;background:var(--birincil);color:#fff;padding:3px 10px;border-radius:999px}
.dk2-siralama-wrap{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.dk2-siralama-etiket{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--metin-ikincil)}
.dk2-siralama{display:flex;gap:6px;flex-wrap:wrap}
.dk2-siralama a{padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:600;color:var(--metin-ikincil);text-decoration:none;border:1.5px solid transparent;background:var(--parsmen,#f1f5f9);min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.dk2-siralama a.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}
.dk2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px;width:100%;min-width:0}
.dk2-kart{background:#fff;border:1px solid var(--sinir);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0;max-width:100%;box-sizing:border-box}
.dk2-kart:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1)}
.dk2-kart-gorsel{position:relative;aspect-ratio:1/1;background:var(--parsmen);overflow:hidden}
.dk2-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dk2-kart:hover .dk2-kart-gorsel img{transform:scale(1.06)}
.dk2-kart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.dk2-kart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.dk2-kart-overlay span{color:#fff;font-weight:700;font-size:.88rem;padding:10px 18px;border:2px solid #fff;border-radius:999px}
.dk2-kart:hover .dk2-kart-overlay{opacity:1}
.dk2-indirim{position:absolute;top:10px;left:10px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:8px}
.dk2-paket{position:absolute;top:10px;right:10px;font-size:1.1rem}
.dk2-kart-rozetler{position:absolute;left:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:5px;z-index:2}
.dk2-tur-rozet{background:rgba(109,40,217,.92);color:#fff;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px}
.dk2-online-rozet{background:rgba(29,78,216,.92);color:#fff;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px}
.dk2-stok{position:absolute;bottom:10px;right:10px;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:8px}
.dk2-stok-kapali{background:rgba(220,38,38,.9);color:#fff}
.dk2-stok-az{background:rgba(245,158,11,.9);color:#fff}
.dk2-kart-govde{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}
.dk2-kat{font-size:.7rem;font-weight:700;color:var(--metin-ikincil);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk2-kart-govde h3{font-size:.92rem;font-weight:700;line-height:1.35;color:var(--metin);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;word-break:break-word;overflow-wrap:anywhere}
.dk2-satici{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--metin-ikincil);min-width:0;overflow:hidden}
.dk2-satici em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}
.dk2-satici-avatar{width:22px;height:22px;border-radius:50%;background:var(--birincil);color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dk2-puan{display:flex;align-items:center;gap:6px;font-size:.76rem}
.dk2-yildiz{color:#f59e0b}
.dk2-alt{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px;border-top:1px solid var(--sinir);margin-top:4px;gap:6px;min-width:0}
.dk2-fiyat{min-width:0;flex-shrink:0}
.dk2-fiyat strong{font-size:1.1rem;font-weight:800;color:var(--birincil)}
.dk2-fiyat s{font-size:.78rem;color:var(--metin-ikincil);margin-right:6px}
.dk2-gor{font-size:.68rem;color:var(--metin-ikincil)}
.dk2-bos{text-align:center;padding:64px 24px;background:#fff;border-radius:20px;border:2px dashed var(--sinir)}
.dk2-bos-ikon{font-size:3rem;margin-bottom:12px}
.dk2-sayfalama{margin-top:32px}
.dk2-hizmet{padding:40px 0;background:#fff;border-top:1px solid var(--sinir)}
.dk2-hizmet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.dk2-hizmet-kart{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--sinir);border-radius:14px;text-decoration:none;background:var(--krem);transition:.15s}
.dk2-hizmet-kart:hover{border-color:var(--birincil);transform:translateY(-2px)}
.dk2-hizmet-kart span{font-size:1.4rem}
.dk2-hizmet-kart strong{font-size:.8rem;font-weight:700;color:var(--metin);line-height:1.3}
.dk2-uyari{background:#fffbeb;border-top:1px solid #fde68a;padding:12px 0;font-size:.78rem;color:#854d0e;text-align:center}
.dk2-cta{padding:48px 0;background:linear-gradient(160deg,var(--hero-bas,#1a0f0a),var(--hero-son,#2d4a3e) 60%,var(--birincil-koyu));color:#fff}
.dk2-cta-ic{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.dk2-cta h2{font-size:1.5rem;font-weight:800;margin-bottom:10px}
.dk2-cta p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.6;margin-bottom:18px;max-width:400px}
.dk2-paketler{display:flex;gap:12px;justify-content:flex-end}
.dk2-paketler div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px 20px;text-align:center;min-width:100px}
.dk2-paketler div.one{background:rgba(212,165,116,.2);border-color:rgba(212,165,116,.4);transform:scale(1.05)}
.dk2-paketler span{font-size:1.6rem;display:block}
.dk2-paketler b{display:block;font-size:.88rem;margin-top:4px}
.dk2-paketler em{font-size:.72rem;color:rgba(255,255,255,.55);font-style:normal}

/* Dükkan — tablet */
@media(max-width:960px){
  .dk2-hero{padding:40px 0 36px}
  .dk2-hero-ic{grid-template-columns:1fr;gap:24px}
  .dk2-hero-stats{grid-template-columns:repeat(2,1fr)}
  .dk2-stat{padding:14px 12px}
  .dk2-stat strong{font-size:1.35rem}
  .dk2-kat-bar{top:var(--nav-yukseklik,62px)}
  .dk2-kat-bar-scroll{padding:12px 0}
  .dk2-sayfa{padding:20px 0 32px}
  .dk2-layout{display:flex;flex-direction:column;gap:16px}
  .dk2-ana{order:1;min-width:0}
  .dk2-sidebar{order:2;position:static;display:block}
  .dk2-filtre-ac{display:block}
  .dk2-filtre-ozet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#fff;border:1.5px solid var(--sinir);border-radius:14px;font-size:.9rem;font-weight:700;color:var(--metin);cursor:pointer;list-style:none;min-height:48px;-webkit-tap-highlight-color:transparent;user-select:none}
  .dk2-filtre-ozet::-webkit-details-marker{display:none}
  .dk2-filtre-ok{width:10px;height:10px;border-right:2px solid var(--metin-ikincil);border-bottom:2px solid var(--metin-ikincil);transform:rotate(45deg);transition:transform .2s;flex-shrink:0;margin-left:auto}
  .dk2-filtre-ac[open] .dk2-filtre-ozet{border-radius:14px 14px 0 0;border-bottom-color:transparent;margin-bottom:0}
  .dk2-filtre-ac[open] .dk2-filtre-ok{transform:rotate(-135deg)}
  .dk2-filtre-ac .dk2-filtre-form{border-radius:0 0 14px 14px;margin-top:0;border-top:none}
  .dk2-sidebar-ipucu{display:none}
  .dk2-toolbar{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px;padding-bottom:14px}
  .dk2-siralama-wrap{width:100%}
  .dk2-siralama{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,#000 90%,transparent)}
  .dk2-siralama::-webkit-scrollbar{display:none}
  .dk2-siralama a{flex-shrink:0;padding:10px 16px;min-height:44px}
  .dk2-firsat-inline{padding:16px;margin-bottom:20px}
  .dk2-cta-ic{grid-template-columns:1fr;text-align:center}
  .dk2-cta p{margin-left:auto;margin-right:auto}
  .dk2-paketler{justify-content:center;flex-wrap:wrap}
  .dk2-hizmet-grid{grid-template-columns:1fr 1fr}
}

/* Dükkan — mobil */
@media(max-width:640px){
  .dukkan-sayfa{overflow-x:clip}
  .dukkan-sayfa .konteyner{padding-left:14px;padding-right:14px;max-width:100%;box-sizing:border-box}
  .dk2-hero{padding:28px 0 24px}
  .dk2-hero-metin h1{font-size:clamp(1.55rem,6vw,2rem)}
  .dk2-hero-metin p{font-size:.88rem;margin-bottom:16px}
  .dk2-hero-ara{flex-wrap:wrap;padding:10px 10px 10px 14px;max-width:100%;gap:8px}
  .dk2-ara-ikon{margin-right:4px}
  .dk2-hero-ara input{flex:1 1 calc(100% - 28px);min-width:0;font-size:16px;padding:8px 0}
  .dk2-hero-ara button{flex:1 1 100%;width:100%;padding:14px;border-radius:10px;font-size:.9rem;min-height:48px}
  .dk2-hero-aksiyon{flex-direction:column;width:100%}
  .dk2-hero-aksiyon .dk2-btn{width:100%;min-height:48px;justify-content:center}
  .dk2-hero-stats{grid-template-columns:1fr 1fr;gap:8px}
  .dk2-stat{padding:12px 10px;border-radius:12px}
  .dk2-stat strong{font-size:1.2rem}
  .dk2-stat span{font-size:.65rem}
  .dk2-guven{padding:10px 0}
  .dk2-guven-ic{gap:8px 14px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .dk2-guven-ic::-webkit-scrollbar{display:none}
  .dk2-guven-ic div{flex-shrink:0;font-size:.72rem;white-space:nowrap}
  .dk2-kat-chip{padding:8px 14px;font-size:.78rem}
  .dk2-fiyat-cift{gap:6px}
  .dk2-fiyat-cift input{min-width:0;flex:1;font-size:16px}
  .dk2-filtre-form .dk2-btn{min-height:48px;font-size:.92rem;margin-top:12px}
  .dk2-input{font-size:16px;padding:12px}
  .dk2-toolbar-sol h2{font-size:1.05rem}
  .dk2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .dk2-kart{min-width:0;width:100%;border-radius:14px}
  .dk2-kart-gorsel{min-width:0}
  .dk2-kart-govde{padding:10px 12px 12px;gap:4px}
  .dk2-kart-govde h3{font-size:.78rem;-webkit-line-clamp:2}
  .dk2-kat{font-size:.62rem}
  .dk2-satici{font-size:.68rem}
  .dk2-satici-avatar{width:20px;height:20px;font-size:.58rem}
  .dk2-fiyat strong{font-size:.95rem}
  .dk2-gor{display:none}
  .dk2-firsat-inline{padding:14px;border-radius:14px}
  .dk2-firsat-baslik h3{font-size:.95rem}
  .dk2-bos{padding:40px 16px}
  .dk2-sayfalama{margin-top:20px}
  .dk2-sayfalama.sayfalama{gap:6px;margin:24px 0 8px}
  .dk2-sayfalama.sayfalama a,.dk2-sayfalama.sayfalama span{min-width:44px;min-height:44px;width:44px;height:44px;font-size:.85rem}
  .dk2-hizmet-grid{grid-template-columns:1fr}
  .dk2-hizmet-kart{padding:12px 14px}
  .dk2-cta{padding:32px 0}
  .dk2-cta h2{font-size:1.25rem}
  .dk2-paketler{flex-direction:column;align-items:stretch;width:100%;max-width:280px;margin:0 auto}
  .dk2-paketler div{min-width:0;padding:14px}
  .dk2-paketler div.one{transform:none}
}

@media(max-width:380px){
  .dk2-grid{gap:8px}
  .dk2-kart-govde{padding:8px 10px 10px}
  .dk2-siralama a{padding:10px 13px;font-size:.76rem}
}

.yaz-urun-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;margin-bottom:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--birincil) 8%,#fff),color-mix(in srgb,var(--aksan) 6%,#fff));border:1.5px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir));border-radius:14px}
.yaz-urun-ikon{font-size:1.8rem;flex-shrink:0}
.yaz-urun-banner strong{display:block;font-size:.92rem;margin-bottom:4px}
.yaz-urun-banner p{margin:0;font-size:.82rem;color:var(--metin-ikincil);line-height:1.5}
.bpn-hikaye-oneri{background:color-mix(in srgb,var(--birincil) 5%,#fff)!important;border-color:color-mix(in srgb,var(--birincil) 18%,var(--sinir))!important}
.bpn-hikaye-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}
.bpn-hikaye-check input{margin-top:4px;flex-shrink:0;width:18px;height:18px;accent-color:var(--birincil)}
.bpn-hikaye-check strong{display:block;font-size:.9rem;margin-bottom:4px}
.bpn-hikaye-check small{display:block;font-size:.78rem;color:var(--metin-ikincil);line-height:1.45}
.bpn-kat-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:12px;background:color-mix(in srgb,var(--birincil) 8%,#fff);border:1px solid color-mix(in srgb,var(--birincil) 22%,var(--sinir))}
.bpn-kat-banner-ikon{font-size:1.6rem;line-height:1;flex-shrink:0}
.bpn-kat-banner strong{display:block;font-size:.9rem;margin-bottom:3px;color:var(--metin)}
.bpn-kat-banner small{display:block;font-size:.78rem;color:var(--metin-ikincil);line-height:1.45}
.bpn-form-ipucu{display:block;margin-top:6px;font-size:.75rem;color:var(--metin-ikincil)}
.bpn-kat-sabit{padding:11px 14px;border-radius:10px;background:var(--arkaplan-ikincil,#f4f6f8);border:1px solid var(--sinir);font-size:.9rem;font-weight:600;color:var(--metin)}
.bpn-tur-secici{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;border-radius:12px;background:var(--arkaplan-ikincil,#f1f5f9);border:1px solid var(--sinir)}
.bpn-tur-btn{padding:8px 18px;border-radius:9px;font-size:.85rem;font-weight:600;color:var(--metin-ikincil);text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}
.bpn-tur-btn:hover{color:var(--metin)}
.bpn-tur-btn.aktif{background:#fff;color:var(--birincil);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.bpn-urun-tur-rozet{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:20px;vertical-align:middle}
.bpn-urun-tur-rozet.urun{background:#eff6ff;color:#1e40af}
.bpn-urun-tur-rozet.hizmet{background:#f5f3ff;color:#5b21b6}
.bpn-fiyat-ozet{margin-top:18px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--birincil) 5%,#fff);border:1px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir))}
.bpn-fiyat-ozet-baslik{font-size:.88rem;font-weight:700;margin-bottom:12px;color:var(--metin)}
.bpn-fiyat-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:.85rem;color:var(--metin-ikincil);border-bottom:1px dashed color-mix(in srgb,var(--sinir) 80%,transparent)}
.bpn-fiyat-satir:last-of-type{border-bottom:none}
.bpn-fiyat-satir strong{color:var(--metin);font-weight:600;white-space:nowrap}
.bpn-fiyat-indirim strong{color:#047857}
.bpn-fiyat-toplam{margin-top:4px;padding-top:12px;border-bottom:none!important;font-size:.92rem;color:var(--metin)}
.bpn-fiyat-toplam strong{font-size:1.15rem;color:var(--birincil)}
.bpn-fiyat-not{display:block;margin-top:10px;font-size:.72rem;color:var(--metin-ikincil);line-height:1.45}

/* Satıcı profili eksik — kompakt kart */
.bpn-satici-kart{
  margin-bottom:20px;padding:16px 18px;border-radius:16px;
  background:linear-gradient(135deg,#fffbeb 0%,#fff 70%);
  border:1px solid #fde68a;box-shadow:0 4px 18px rgba(245,158,11,.08);
}
.bpn-satici-kart-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.bpn-satici-kart-sol{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:200px}
.bpn-satici-kart-ikon{font-size:1.35rem;line-height:1;flex-shrink:0}
.bpn-satici-kart-sol strong{display:block;font-size:.92rem;color:#92400e;margin-bottom:4px}
.bpn-satici-kart-sol p{margin:0;font-size:.8rem;color:#a16207;line-height:1.45}
.bpn-satici-kart-sol b{color:#92400e}
.bpn-satici-kart-btn{flex-shrink:0;white-space:nowrap}
.bpn-satici-progress{height:5px;border-radius:999px;background:#fef3c7;overflow:hidden;margin-bottom:12px}
.bpn-satici-progress-ic{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px;transition:width .4s ease}
.bpn-satici-eksikler{display:flex;flex-wrap:wrap;gap:8px}
.bpn-satici-chip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;
  background:#fff;border:1px solid #fde68a;font-size:.74rem;font-weight:600;color:#92400e;
  text-decoration:none!important;transition:background .15s,border-color .15s,transform .12s;
}
.bpn-satici-chip:hover{background:#fffbeb;border-color:#fbbf24;transform:translateY(-1px)}
.bpn-satici-chip span{font-size:.85rem}

/* Hizmet alanı seçimi & form */
.bpn-alan-sec{margin-bottom:24px;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--sinir);box-shadow:var(--golge-kucuk)}
.bpn-alan-sec-baslik{font-family:var(--font-baslik);font-size:1.15rem;margin:0 0 8px}
.bpn-alan-sec-alt{margin:0 0 18px;font-size:.86rem;color:var(--metin-ikincil)}
.bpn-alan-sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.bpn-alan-sec-kart{
  padding:16px;border-radius:14px;border:1px solid var(--sinir);background:var(--parsmen);
  display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s;
}
.bpn-alan-sec-kart:hover{border-color:color-mix(in srgb,var(--birincil) 40%,var(--sinir));box-shadow:0 4px 14px rgba(0,0,0,.05)}
.bpn-alan-sec-kart-ust{display:flex;align-items:flex-start;gap:10px}
.bpn-alan-sec-ikon{font-size:1.5rem;line-height:1}
.bpn-alan-sec-kart-ust strong{display:block;font-size:.88rem;color:var(--metin)}
.bpn-alan-sec-kart-ust small{font-size:.72rem;color:var(--metin-ikincil)}
.bpn-alan-sec-aciklama{margin:0;font-size:.78rem;color:var(--metin-ikincil);line-height:1.45;flex:1}
.bpn-alan-sec-aksiyon{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.bpn-alan-etiket{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px;
  padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--sinir);
}
.bpn-alan-etiket>span{font-weight:700;font-size:.88rem;color:var(--metin)}
.bpn-alan-etiket em{font-style:normal;font-size:.78rem;color:var(--metin-ikincil)}
.bpn-alan-degistir{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--birincil);text-decoration:none!important}
.bpn-alan-degistir:hover{text-decoration:underline!important}
.bpn-tur-secici-kucuk{margin:0;padding:3px}
.bpn-alan-uyari{
  display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;
  border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;font-size:.8rem;color:#1e40af;line-height:1.5;
}
.bpn-alan-uyari p{margin:0}
.bpn-form-ipucu-liste{margin:8px 0 0;padding-left:18px;font-size:.75rem;color:var(--metin-ikincil);line-height:1.55}

/* Hizmet şekli (yerinde / online / her ikisi) */
.bpn-sekil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){.bpn-sekil-grid{grid-template-columns:1fr}}
.bpn-sekil-kart{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;
  padding:16px 12px;border-radius:14px;border:1.5px solid var(--sinir);background:#fff;
  text-align:center;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;
}
.bpn-sekil-kart:hover{border-color:color-mix(in srgb,var(--birincil) 45%,var(--sinir));transform:translateY(-1px)}
.bpn-sekil-kart input{position:absolute;opacity:0;pointer-events:none}
.bpn-sekil-kart.secili{border-color:var(--birincil);background:var(--birincil-soluk);box-shadow:0 4px 14px color-mix(in srgb,var(--birincil) 14%,transparent)}
.bpn-sekil-ikon{font-size:1.7rem;line-height:1}
.bpn-sekil-ad{font-size:.82rem;font-weight:600;color:var(--metin);line-height:1.3}
.bpn-sekil-tik{
  position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;
  color:#fff;background:#d1d5db;opacity:0;transition:opacity .15s,background .15s;
}
.bpn-sekil-kart.secili .bpn-sekil-tik{opacity:1;background:var(--birincil)}
.bpn-sekil-not{margin:12px 0 0;font-size:.8rem;color:var(--metin-ikincil);line-height:1.5;min-height:1.2em}
.bpn-sekil-sabit{
  display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#047857;
  background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:9px 14px;
}

.bpn-satici-uyari{margin-bottom:18px;padding:16px 18px;border-radius:14px;background:#fef3c7;border:1px solid #fde68a;color:#78350f}
.bpn-satici-uyari strong{display:block;margin-bottom:8px;font-size:.92rem}
.bpn-satici-uyari p,.bpn-satici-uyari ul{margin:0;font-size:.82rem;line-height:1.5}
.bpn-satici-uyari ul{margin-top:8px;padding-left:18px}
.bpn-odeme-sec{display:grid;gap:10px;margin-top:8px}
.bpn-odeme-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--sinir);border-radius:12px;cursor:pointer;background:#fff}
.bpn-odeme-check input{margin-top:3px;accent-color:var(--birincil)}
.bpn-yasal-kutu{margin-top:14px;padding:12px 14px;border-radius:10px;background:#fef3c7;border:1px solid #fde68a;font-size:.78rem;color:#78350f;line-height:1.5}
.bpn-yasal-kutu small{display:block;margin-top:6px}
.bpn-harita-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--sinir);background:var(--arkaplan-ikincil,#f4f6f8)}
.bpn-harita-arac{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--sinir)}
.bpn-harita-katman-btn{border:1px solid var(--sinir);background:#fff;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer;transition:.15s}
.bpn-harita-katman-btn:hover{border-color:var(--birincil);color:var(--birincil)}
.bpn-harita-katman-btn.aktif{background:var(--birincil);border-color:var(--birincil);color:#fff}
.bpn-harita-koord{margin-left:auto;font-size:.72rem;color:var(--metin-ikincil);font-family:var(--font-ui,monospace)}
.bpn-harita{height:360px;width:100%;min-height:280px;z-index:1}
.bpn-harita .leaflet-container{height:100%;width:100%;font-family:inherit}
.bpn-pin-wrap{background:transparent;border:none}
.bpn-pin{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));cursor:grab}
.bpn-pin:active{cursor:grabbing}
@media(max-width:640px){.bpn-harita{height:300px}.bpn-harita-koord{width:100%;margin-left:0;margin-top:4px}}

/* ── Firma bilgileri (bfp) premium panel ── */
.bfp-flash{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:14px;margin-bottom:18px;font-size:.88rem;line-height:1.5}
.bfp-flash-ikon{font-size:1.2rem;flex-shrink:0;line-height:1}
.bfp-flash-hata{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.bfp-flash-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.bfp-basari-banner{
  display:flex;align-items:flex-start;gap:16px;padding:20px 22px;margin:-8px 0 20px;
  border-radius:18px;border:1px solid #86efac;
  background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);
  box-shadow:0 8px 28px rgba(22,163,74,.12);
  position:relative;
}
.bfp-basari-banner-tam{border-color:#4ade80}
.bfp-basari-ikon{font-size:2rem;line-height:1;flex-shrink:0}
.bfp-basari-metin{flex:1;min-width:0}
.bfp-basari-metin strong{display:block;font-size:1.1rem;color:#14532d;margin-bottom:6px}
.bfp-basari-metin p{margin:0;font-size:.88rem;color:#166534;line-height:1.55}
.bfp-basari-aksiyon{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bfp-basari-kapat{
  position:absolute;top:10px;right:12px;width:32px;height:32px;border:none;border-radius:8px;
  background:rgba(255,255,255,.6);color:#166534;font-size:1.25rem;line-height:1;cursor:pointer;
}
.bfp-basari-kapat:hover{background:#fff}
.bfp-guncelle-bar{
  margin-top:8px;padding:20px 22px;border-radius:16px;
  background:var(--parsmen);border:1px dashed var(--sinir);
  text-align:center;
}
.bfp-guncelle-ipucu{margin:0 0 14px;font-size:.82rem;color:var(--metin-ikincil)}
.bfp-guncelle-btn{min-width:200px}
.bfp-form.bfp-form-hazir .bfp-kaydet-bar{display:none}
.bfp-durum-kart{
  margin-bottom:24px;padding:24px 26px;border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--birincil) 4%,#fff) 100%);
  border:1px solid color-mix(in srgb,var(--birincil) 18%,var(--sinir));
  box-shadow:0 8px 32px rgba(0,0,0,.06);
}
.bfp-durum-hazir{
  background:linear-gradient(135deg,#ecfdf5 0%,#fff 55%);
  border-color:#a7f3d0;
}
.bfp-durum-ust{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.bfp-durum-sol{flex:1;min-width:220px}
.bfp-durum-rozet{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-bottom:10px}
.bfp-durum-rozet-bek{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.bfp-durum-rozet-ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.bfp-durum-baslik{font-family:var(--font-baslik);font-size:1.25rem;font-weight:700;margin:0 0 8px;color:var(--metin)}
.bfp-durum-alt{margin:0;font-size:.86rem;color:var(--metin-ikincil);line-height:1.55;max-width:520px}
.bfp-progress-ring{position:relative;width:108px;height:108px;flex-shrink:0}
.bfp-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.bfp-progress-bg{fill:none;stroke:#e5e7eb;stroke-width:9}
.bfp-progress-fill{
  fill:none;stroke:var(--birincil);stroke-width:9;stroke-linecap:round;
  stroke-dasharray:327;stroke-dashoffset:calc(327 - (327 * var(--bfp-yuzde,0) / 100));
  transition:stroke-dashoffset .6s ease;
}
.bfp-durum-hazir .bfp-progress-fill{stroke:#16a34a}
.bfp-progress-metin{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--font-baslik);
}
.bfp-progress-metin strong{font-size:1.35rem;color:var(--birincil);line-height:1}
.bfp-durum-hazir .bfp-progress-metin strong{color:#16a34a}
.bfp-progress-metin span{font-size:.72rem;color:var(--metin-ikincil);margin-top:2px}
.bfp-grup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.bfp-grup-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bfp-grup-grid{grid-template-columns:1fr}}
.bfp-grup-kart{
  padding:14px 16px;border-radius:14px;border:1px solid var(--sinir);background:#fff;
  transition:border-color .2s,box-shadow .2s;
}
.bfp-grup-kart.eksik{border-color:#fde68a;background:#fffbeb}
.bfp-grup-kart.tamam{border-color:#bbf7d0;background:#f0fdf4}
.bfp-grup-baslik{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.82rem}
.bfp-grup-baslik strong{flex:1;color:var(--metin)}
.bfp-grup-baslik em{font-style:normal;font-size:.72rem;color:var(--metin-ikincil);background:var(--parsmen);padding:2px 8px;border-radius:999px}
.bfp-grup-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bfp-grup-liste li{font-size:.78rem;display:flex;align-items:center;gap:8px}
.bfp-grup-liste li.tamam{color:#166534}
.bfp-grup-liste li.eksik{color:#92400e}
.bfp-grup-liste a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none!important;padding:4px 6px;margin:-4px -6px;border-radius:8px;transition:background .15s}
.bfp-grup-liste a:hover{background:rgba(0,0,0,.04)}
.bfp-item-ikon{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;background:var(--parsmen)}
.bfp-grup-liste li.tamam .bfp-item-ikon{background:#dcfce7;color:#166534;font-weight:700}
.bfp-grup-liste li.eksik .bfp-item-ikon{background:#fef3c7}
.bfp-hazir-ozet{display:flex;flex-wrap:wrap;gap:10px}
.bfp-hazir-item{
  display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;
  background:#fff;border:1px solid #bbf7d0;font-size:.82rem;font-weight:600;color:#166534;
}
.bfp-form{gap:18px}
.bfp-kart{scroll-margin-top:96px;padding:0!important;overflow:hidden}
.bfp-kart-baslik{
  display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px;
  border-bottom:1px solid var(--sinir);
  background:linear-gradient(180deg,color-mix(in srgb,var(--birincil) 3%,#fff) 0%,#fff 100%);
}
.bfp-kart-baslik h3{font-family:var(--font-baslik);font-size:1.05rem;font-weight:700;margin:0 0 4px;padding:0;border:none}
.bfp-kart-baslik p{margin:0;font-size:.78rem;color:var(--metin-ikincil);line-height:1.45}
.bfp-kart-no{
  width:36px;height:36px;border-radius:12px;flex-shrink:0;
  background:var(--birincil);color:#fff;font-weight:700;font-size:.95rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px color-mix(in srgb,var(--birincil) 35%,transparent);
}
.bfp-kart-check{
  margin-left:auto;width:32px;height:32px;border-radius:50%;background:#dcfce7;color:#16a34a;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;
}
.bfp-kart-tamam{border-color:color-mix(in srgb,#16a34a 25%,var(--sinir))!important}
.bfp-kart-tamam .bfp-kart-no{background:#16a34a}
.bfp-kart > .bpn-form-row,
.bfp-kart > .bpn-form-grup{padding-left:24px;padding-right:24px}
.bfp-kart > .bfp-kart-baslik + .bpn-form-row,
.bfp-kart > .bfp-kart-baslik + .bpn-form-grup{margin-top:18px}
.bfp-kart > .bpn-form-row:last-child,
.bfp-kart > .bpn-form-grup:last-child{margin-bottom:22px}
.bfp-kart > .bpn-form-grup + .bpn-form-grup{margin-top:0}
.bfp-kart > .bpn-form-row + .bpn-form-grup{margin-top:14px}
.bfp-kart .bpn-form-row{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;
}
.bfp-kart .bpn-form-row .bpn-form-grup{margin:0!important}
.bfp-kart .bpn-form-row .bpn-form-grup label{min-height:2.6em;line-height:1.35;display:block}
.bfp-girdi-gecerli{
  border-color:#16a34a!important;background:#f0fdf4!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.12)!important;
}
.bfp-girdi-hatali{
  border-color:#dc2626!important;background:#fef2f2!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.1)!important;
}
.bfp-iban-wrap{display:flex;flex-direction:column;gap:6px}
.bfp-iban-durum{font-size:.75rem;line-height:1.4;min-height:1.1em}
.bfp-iban-ok{color:#16a34a;font-weight:600}
.bfp-iban-hata{color:#dc2626;font-weight:500}
.bfp-iban-ipucu{color:var(--metin-ikincil)}
.bfp-kart-yasal .bfp-yasal-check{margin:0 24px 22px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;padding:16px 18px}
.bfp-logo-alan{
  display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;
  border:1px dashed var(--sinir);background:var(--parsmen);
}
.bfp-logo-onizle,.bfp-logo-bos{
  width:72px;height:72px;border-radius:16px;object-fit:cover;flex-shrink:0;
  border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.bfp-logo-bos{display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#fff}
.bfp-logo-yukle{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.bfp-logo-yukle strong{font-size:.88rem}
.bfp-logo-yukle small{font-size:.75rem;color:var(--metin-ikincil)}
.bfp-kaydet-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 22px;border-radius:18px;background:var(--beyaz);
  border:1px solid var(--sinir);box-shadow:0 -4px 24px rgba(0,0,0,.06);
  position:sticky;bottom:12px;z-index:20;
}
.bfp-kaydet-metin{display:flex;flex-direction:column;gap:2px}
.bfp-kaydet-metin strong{font-size:.92rem;color:var(--metin)}
.bfp-kaydet-metin span{font-size:.78rem;color:var(--metin-ikincil)}
.bfp-kaydet-btn{min-width:220px;margin:0}
@media(max-width:640px){
  .bfp-durum-kart{padding:18px 16px}
  .bfp-kaydet-bar{flex-direction:column;align-items:stretch;text-align:center}
  .bfp-kaydet-btn{width:100%}
  .bfp-kart-baslik{padding:16px 18px 14px}
  .bfp-kart > .bpn-form-row,.bfp-kart > .bpn-form-grup{padding-left:18px;padding-right:18px}
  .bfp-kart .bpn-form-row{grid-template-columns:1fr}
}
.urn-odeme-liste{margin:8px 0 0;padding-left:18px;font-size:.85rem}
.urn-odeme-liste li{margin:4px 0}
.urn-odeme-not{margin-top:8px;font-size:.78rem;color:var(--metin-ikincil)}
.urn-yasal-kutu,.sip-yasal-kutu{margin:16px 0;padding:14px 16px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;font-size:.8rem;color:#9a3412;line-height:1.55}
.urn-yasal-kutu strong,.sip-yasal-kutu strong{display:block;margin-bottom:6px}
.urn-yasal-kutu p,.sip-yasal-kutu p{margin:0}
.sip-odeme-sec{display:grid;gap:10px;margin-top:8px}
.sip-odeme-radio{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--sinir);border-radius:12px;cursor:pointer;background:#fff}
.sip-odeme-radio input{margin-top:4px;accent-color:var(--birincil);flex-shrink:0}
.sip-odeme-radio span{display:flex;flex-direction:column;gap:4px}
.sip-odeme-radio strong{font-size:.88rem}
.sip-odeme-radio small{font-size:.75rem;color:var(--metin-ikincil);line-height:1.4}

/* ── Bayi ürün hikayesi yaz ── */
.bph-bos{text-align:center;padding:48px 24px!important}
.bph-bos-ikon{font-size:3rem;margin-bottom:12px}
.bph-bos h3{margin:0 0 8px;font-size:1.15rem}
.bph-bos p{color:var(--metin-ikincil);margin:0 0 20px;max-width:360px;margin-left:auto;margin-right:auto}
.bph-aciklama{color:var(--metin-ikincil);font-size:.88rem;margin:-4px 0 18px}
.bph-urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.bph-urun-kart{display:flex;gap:12px;padding:12px;border:1px solid var(--sinir);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.2s}
.bph-urun-kart:hover{border-color:color-mix(in srgb,var(--birincil) 40%,var(--sinir));box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-1px)}
.bph-urun-gorsel{width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--arkaplan-ikincil,#f4f6f8);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.bph-urun-gorsel img{width:100%;height:100%;object-fit:cover}
.bph-urun-metin{display:flex;flex-direction:column;gap:4px;min-width:0}
.bph-urun-metin strong{font-size:.88rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bph-urun-metin small{font-size:.75rem;color:var(--metin-ikincil)}
.bph-etiket{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;width:fit-content}
.bph-etik-yayin{background:#dcfce7;color:#166534}
.bph-etik-bekle{background:#fef3c7;color:#92400e}
.bph-etik-taslak{background:#f3f4f6;color:#4b5563}
.bph-hikaye-var{color:var(--birincil)!important;font-weight:600}
.bph-alt-aksiyon{margin-top:16px;padding-top:16px;border-top:1px solid var(--sinir)}
.bph-secili-urun{margin-bottom:16px}
.bph-geri{display:inline-block;font-size:.82rem;color:var(--metin-ikincil);text-decoration:none;margin-bottom:10px}
.bph-geri:hover{color:var(--birincil)}
.bph-secili-kart{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--birincil) 6%,#fff);border:1px solid color-mix(in srgb,var(--birincil) 18%,var(--sinir))}
.bph-secili-kart img,.bph-secili-placeholder{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}
.bph-secili-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#fff}
.bph-secili-kart small{display:block;font-size:.72rem;color:var(--metin-ikincil);text-transform:uppercase;letter-spacing:.04em}
.bph-secili-kart strong{display:block;font-size:.95rem;margin:2px 0}
.bph-secili-kart span{font-size:.78rem;color:var(--metin-ikincil)}
.bph-baslik-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.bph-baslik-satir h3{margin:0}
.bph-ipucu{font-size:.8rem;color:var(--metin-ikincil);margin:0 0 12px;line-height:1.45}
.bph-editor{min-height:220px;line-height:1.65;resize:vertical}
.bph-ai-durum{margin-top:10px;padding:10px 14px;border-radius:10px;font-size:.82rem}
.bph-ai-yukleniyor{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.bph-ai-basarili{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.bph-ai-hata{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.bph-dosya-alan{position:relative;border:2px dashed var(--sinir);border-radius:12px;min-height:120px;overflow:hidden;background:var(--arkaplan-ikincil,#fafafa)}
.bph-dosya-alan:hover{border-color:color-mix(in srgb,var(--birincil) 35%,var(--sinir))}
.bph-dosya-girdi{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.bph-dosya-icerik{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;padding:16px;text-align:center;font-size:.85rem;color:var(--metin-ikincil)}
.bph-dosya-icerik span:first-child{font-size:1.6rem}
.bph-dosya-pasif{opacity:.65}
.bph-onizle{width:100%;height:120px;object-fit:cover;display:block}
.bph-onizle[hidden]{display:none!important}
.bph-dosya-icerik[hidden]{display:none!important}
.bph-video-bar-wrap{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:12px 12px 6px}
.bph-video-bar{height:100%;width:0;background:var(--birincil);transition:width .2s}
.bph-video-durum{padding:8px 12px 12px;font-size:.82rem;color:var(--metin-ikincil)}
.bph-video-durum[hidden]{display:none!important}
.bph-video-tamam{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ecfdf5;color:#047857;font-size:.85rem;font-weight:600}
.bph-video-tamam[hidden]{display:none!important}
.bph-video-sil{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7}
@media(max-width:640px){.bph-urun-grid{grid-template-columns:1fr}}

/* ── Bayi panel dashboard (bpd) ── */
.bpd-dash{padding-bottom:8px}
.bpd-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.bpd-baslik{font-family:var(--font-baslik);font-size:1.2rem;font-weight:700;margin:0 0 4px}
.bpd-alt{margin:0;font-size:.82rem;color:var(--metin-ikincil)}
.bpd-hizli{display:flex;flex-wrap:wrap;gap:8px}
.bpd-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.78rem;font-weight:600;text-decoration:none!important;color:var(--metin)!important;background:#fff;border:1px solid var(--sinir);transition:.15s}
.bpd-chip:hover{border-color:var(--birincil);color:var(--birincil)!important;box-shadow:var(--golge-kucuk)}
.bpd-chip-ana{background:var(--birincil-soluk);border-color:color-mix(in srgb,var(--birincil) 35%,var(--sinir));color:var(--birincil)!important}
.bpd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
@media(max-width:1024px){.bpd-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.bpd-stat-grid{grid-template-columns:1fr 1fr;gap:8px}}
.bpd-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--sinir);box-shadow:0 1px 4px rgba(0,0,0,.04);min-width:0}
.bpd-stat-vurgu{border-color:#fca5a5;background:linear-gradient(135deg,#fff 0%,#fef2f2 100%)}
.bpd-stat-ikon{font-size:1.25rem;line-height:1;flex-shrink:0;width:28px;text-align:center}
.bpd-stat-metin{min-width:0}
.bpd-stat-metin strong{display:block;font-family:var(--font-baslik);font-size:1.15rem;line-height:1.15;color:var(--metin)}
.bpd-stat-metin .bpd-stat-alt{font-size:.82rem;color:var(--metin-ikincil);font-weight:600}
.bpd-stat-metin em{display:block;font-size:.7rem;color:var(--metin-ikincil);font-style:normal;margin-top:2px;line-height:1.3}
.bpd-stat-metin em small{opacity:.85}
.bpd-bos-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,var(--birincil-soluk) 0%,#fff 100%);border:1px solid color-mix(in srgb,var(--birincil) 25%,var(--sinir))}
.bpd-bos-banner p{margin:4px 0 0;font-size:.82rem;color:var(--metin-ikincil)}
.bpd-icerik-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
@media(max-width:960px){.bpd-icerik-grid{grid-template-columns:1fr}}
.bpd-kart{background:#fff;border:1px solid var(--sinir);border-radius:16px;padding:16px 18px;margin-bottom:14px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.bpd-kart-vurgu{border-color:#fca5a5}
.bpd-kart-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.bpd-kart-baslik h3,.bpd-kart-ozet h3{font-family:var(--font-baslik);font-size:.92rem;font-weight:700;margin:0}
.bpd-kart-baslik a{font-size:.75rem;font-weight:600;color:var(--birincil);text-decoration:none!important}
.bpd-kart-baslik a:hover{text-decoration:underline!important}
.bpd-bos-metin{margin:0;font-size:.82rem;color:var(--metin-ikincil);padding:8px 0}
.bpd-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bpd-liste-satir{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--parsmen);border:1px solid transparent;transition:.15s}
.bpd-liste-satir:hover{border-color:var(--sinir);background:#fff}
.bpd-sira{width:22px;font-size:.75rem;font-weight:700;color:var(--metin-ikincil);text-align:center;flex-shrink:0}
.bpd-liste-gorsel{width:40px;height:40px;border-radius:10px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.bpd-liste-gorsel img{width:100%;height:100%;object-fit:cover}
.bpd-liste-metin{flex:1;min-width:0}
.bpd-liste-metin a{display:block;font-size:.82rem;font-weight:600;color:var(--metin);text-decoration:none!important;line-height:1.35}
.bpd-liste-metin a:hover{color:var(--birincil)}
.bpd-liste-metin small{display:block;font-size:.7rem;color:var(--metin-ikincil);margin-top:2px}
.bpd-liste-sayi{font-size:.82rem;color:var(--birincil);white-space:nowrap;flex-shrink:0}
.bpd-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.bpd-mini-stats div{text-align:center;padding:10px 8px;border-radius:10px;background:var(--parsmen)}
.bpd-mini-stats strong{display:block;font-size:1rem;color:var(--birincil)}
.bpd-mini-stats span{display:block;font-size:.68rem;color:var(--metin-ikincil);margin-top:2px}
.bpd-tablo-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--sinir)}
.bpd-tablo{width:100%;border-collapse:collapse;font-size:.78rem}
.bpd-tablo th,.bpd-tablo td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--sinir)}
.bpd-tablo th{background:var(--parsmen);font-weight:600;font-size:.72rem;color:var(--metin-ikincil)}
.bpd-tablo tr:last-child td{border-bottom:none}
.bpd-tablo a{color:var(--birincil);font-weight:600;text-decoration:none}
.bpd-ozet-liste{list-style:none;margin:0;padding:0}
.bpd-ozet-liste li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--sinir);font-size:.8rem}
.bpd-ozet-liste li:last-child{border-bottom:none}
.bpd-ozet-liste span{color:var(--metin-ikincil)}
.bpd-uyari{padding:8px 12px;margin-bottom:10px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;font-size:.78rem;color:#991b1b;font-weight:600}
.bpd-mesaj-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bpd-mesaj-liste li{padding:10px 12px;border-radius:12px;background:var(--parsmen);border:1px solid transparent}
.bpd-mesaj-liste li.okunmadi{background:#eff6ff;border-color:#bfdbfe}
.bpd-mesaj-ust{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}
.bpd-mesaj-ust strong{font-size:.8rem}
.bpd-mesaj-ust time{font-size:.68rem;color:var(--metin-ikincil);white-space:nowrap}
.bpd-mesaj-liste p{margin:0;font-size:.78rem;color:var(--metin);line-height:1.45}
.bpd-mesaj-liste small{display:block;margin-top:4px;font-size:.68rem;color:var(--metin-ikincil)}
.bpd-destek-kart{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;text-decoration:none!important;color:inherit!important;transition:.15s}
.bpd-destek-kart:hover{transform:translateY(-1px);box-shadow:var(--golge-kucuk)}
.bpd-destek-kart span{font-size:1.4rem}
.bpd-destek-kart strong{display:block;font-size:.85rem}
.bpd-destek-kart small{font-size:.72rem;color:var(--metin-ikincil)}
.bpd-kart-ipucu{background:var(--parsmen);border-style:dashed}
.bpd-kart-ipucu p{margin:6px 0 0;font-size:.78rem;color:var(--metin-ikincil);line-height:1.5}

/* Ürün durum / onay uyarısı */
.urn-durum-sayfa{padding:48px 0 72px}
.urn-durum-kart{
  max-width:520px;margin:0 auto;text-align:center;padding:40px 32px;border-radius:24px;
  background:#fff;border:1px solid var(--sinir);box-shadow:0 12px 40px rgba(0,0,0,.08);
}
.urn-durum-kart.urn-durum-beklemede{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb 0%,#fff 55%)}
.urn-durum-kart.urn-durum-reddedildi{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2 0%,#fff 55%)}
.urn-durum-kart.urn-durum-pasif{border-color:#e5e7eb;background:linear-gradient(180deg,#f9fafb 0%,#fff 55%)}
.urn-durum-kart.urn-durum-yok{border-color:var(--sinir)}
.urn-durum-ikon{font-size:3rem;display:block;margin-bottom:16px;line-height:1}
.urn-durum-kart h1{font-family:var(--font-baslik);font-size:1.45rem;font-weight:700;margin:0 0 12px;color:var(--metin)}
.urn-durum-kart > p{margin:0 0 10px;font-size:.92rem;color:var(--metin-ikincil);line-height:1.6}
.urn-durum-urun{margin-bottom:16px!important;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.03)}
.urn-durum-urun strong{font-size:.95rem;color:var(--metin)}
.urn-durum-sahip{margin-top:20px;padding-top:20px;border-top:1px dashed var(--sinir)}
.urn-durum-sahip p{font-size:.85rem;color:var(--metin-ikincil);margin:0 0 14px}
.urn-durum-aksiyon{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}

/* ═══ ŞİFACILAR — tema uyumlu niş vitrin ═══ */
body.sayfa-sfc{
  background:linear-gradient(180deg,var(--birincil-soluk) 0%,color-mix(in srgb,var(--birincil-soluk) 85%,#fff) 35%,var(--birincil-soluk) 100%);
  min-height:100vh;
}
.sfc-sayfa{color:var(--metin)}

.sfc-hero{
  background:linear-gradient(145deg,var(--hero-bas) 0%,var(--hero-son) 48%,var(--birincil-koyu) 100%);
  padding:52px 0 44px;color:#fff;position:relative;overflow:hidden;
}
.sfc-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 75% 90% at 0% 100%,color-mix(in srgb,var(--birincil) 40%,transparent),transparent 58%),
             radial-gradient(ellipse 55% 70% at 100% 0%,color-mix(in srgb,var(--birincil-acik) 22%,transparent),transparent 52%);
  pointer-events:none;
}
.sfc-hero::after{
  content:"🤲";position:absolute;right:6%;top:50%;transform:translateY(-50%);
  font-size:clamp(5rem,14vw,10rem);opacity:.08;pointer-events:none;
}
.sfc-hero-inner{
  position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:flex-end;gap:28px;
}
.sfc-hero-metin{max-width:640px}
.sfc-etiket{
  display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  padding:7px 16px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;margin-bottom:14px;color:rgba(255,255,255,.95);backdrop-filter:blur(8px);
}
.sfc-hero h1{
  font-family:var(--font-baslik);font-size:clamp(1.9rem,4.2vw,2.85rem);font-weight:800;
  margin:0 0 12px;line-height:1.12;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.2);
}
.sfc-alt{font-size:.96rem;color:rgba(255,255,255,.9)!important;line-height:1.65;margin:0;max-width:540px}
.sfc-stat{display:flex;gap:14px;flex-wrap:wrap}
.sfc-stat-k{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-radius:16px;padding:16px 22px;text-align:center;min-width:108px;
  backdrop-filter:blur(10px);transition:var(--gecis);
}
.sfc-stat-k:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.sfc-stat-k strong{display:block;font-size:1.55rem;font-weight:800;color:#fff;line-height:1.1}
.sfc-stat-k span{font-size:.74rem;color:rgba(255,255,255,.82);font-weight:600;margin-top:4px;display:block}

.sfc-govde{padding-top:28px;padding-bottom:64px}
.sfc-filtre-kutu{
  background:var(--beyaz);border:1px solid color-mix(in srgb,var(--birincil) 18%,var(--sinir));
  border-radius:20px;padding:20px 22px;margin-bottom:20px;
  box-shadow:0 8px 32px color-mix(in srgb,var(--birincil) 12%,transparent);
}
.sfc-filtre-baslik{font-size:.88rem;font-weight:700;color:var(--metin);margin-bottom:12px}
.sfc-filtre-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:10px;align-items:center}
.sfc-input{border-radius:12px!important;border:1.5px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir))!important}
.sfc-input:focus{border-color:var(--birincil)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--birincil) 25%,transparent)!important}
.sfc-filtre-btn{border-radius:12px!important;padding:0 22px!important;white-space:nowrap;height:100%;min-height:46px}
.sfc-hizli-alan{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--birincil) 15%,var(--sinir))}
.sfc-hizli-alan>span{font-size:.72rem;font-weight:700;color:var(--metin-ikincil);text-transform:uppercase;letter-spacing:.04em}
.sfc-hizli-chip{
  font-size:.76rem;font-weight:600;padding:6px 14px;border-radius:999px;text-decoration:none;
  background:var(--birincil-soluk);color:var(--birincil-koyu);border:1px solid color-mix(in srgb,var(--birincil) 25%,transparent);
  transition:var(--gecis);
}
.sfc-hizli-chip:hover,.sfc-hizli-chip.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}

.sfc-uyari{
  background:color-mix(in srgb,var(--aksan) 12%,#fff);border:1px solid color-mix(in srgb,var(--aksan) 35%,transparent);
  color:color-mix(in srgb,var(--birincil-koyu) 80%,#78350f);padding:12px 16px;border-radius:12px;
  font-size:.84rem;margin-bottom:22px;border-left:4px solid var(--aksan);
}
.sfc-sonuc{font-size:.82rem;color:var(--metin-ikincil);margin-bottom:14px;font-weight:600}

.sfc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.sfc-kart{
  display:flex;flex-direction:column;background:var(--beyaz);
  border:1px solid color-mix(in srgb,var(--birincil) 14%,var(--sinir));border-radius:18px;
  padding:20px;text-decoration:none;color:inherit;transition:var(--gecis);
  box-shadow:0 4px 18px color-mix(in srgb,var(--birincil) 8%,transparent);
  min-height:100%;
}
.sfc-kart:hover{
  border-color:var(--birincil);transform:translateY(-4px);
  box-shadow:0 16px 40px color-mix(in srgb,var(--birincil) 22%,transparent);
}
.sfc-kart-ust{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.sfc-avatar{
  width:52px;height:52px;border-radius:16px;flex-shrink:0;
  background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.15rem;box-shadow:0 4px 14px color-mix(in srgb,var(--birincil) 35%,transparent);
}
.sfc-kart-baslik h3{margin:0 0 6px;font-size:1.02rem;line-height:1.3;color:var(--metin)}
.sfc-paket-rozet{
  display:inline-block;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:999px;
}
.sfc-paket-gold{background:#fef3c7;color:#92400e}
.sfc-paket-silver{background:#f1f5f9;color:#475569}
.sfc-paket-bronz{background:#ffedd5;color:#9a3412}

.sfc-kart-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sfc-etiket-pil{
  font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px;
  background:var(--birincil-soluk);color:var(--birincil-koyu);
  border:1px solid color-mix(in srgb,var(--birincil) 20%,transparent);
}
.sfc-etiket-il{background:color-mix(in srgb,var(--birincil-soluk) 60%,#fff)}

.sfc-ozet{font-size:.84rem;color:var(--metin-ikincil);line-height:1.55;margin:0 0 auto;padding-bottom:14px;flex:1}
.sfc-kart-alt{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--birincil) 12%,var(--sinir));
  font-size:.76rem;font-weight:700;color:var(--birincil);
}
.sfc-kart-alt em{margin-left:auto;font-style:normal;color:var(--metin-ikincil);font-weight:600}

.sfc-bos{
  text-align:center;padding:64px 24px;background:var(--beyaz);border-radius:20px;
  border:1px dashed color-mix(in srgb,var(--birincil) 25%,var(--sinir));color:var(--metin-ikincil);
}
.sfc-bos span{font-size:3.2rem;display:block;margin-bottom:14px}
.sfc-bos h2{margin-bottom:8px;color:var(--metin)}

.sfc-sayfalama{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.sfc-sayfalama a{
  padding:9px 15px;border-radius:11px;border:1px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir));
  text-decoration:none;font-size:.85rem;font-weight:600;background:var(--beyaz);color:var(--metin);
  transition:var(--gecis);
}
.sfc-sayfalama a:hover{border-color:var(--birincil);color:var(--birincil)}
.sfc-sayfalama a.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}

/* Detay */
.sfc-detay-hero{
  background:linear-gradient(145deg,var(--hero-bas) 0%,var(--hero-son) 55%,var(--birincil-koyu) 100%);
  padding:36px 0 32px;color:#fff;position:relative;overflow:hidden;
}
.sfc-detay-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 80% at 100% 0%,color-mix(in srgb,var(--birincil-acik) 20%,transparent),transparent 55%);
  pointer-events:none;
}
.sfc-detay-hero .konteyner{position:relative;z-index:1}
.sfc-breadcrumb{font-size:.82rem;margin-bottom:18px;color:rgba(255,255,255,.75)}
.sfc-breadcrumb a{color:rgba(255,255,255,.95);font-weight:600}
.sfc-breadcrumb a:hover{color:#fff}
.sfc-detay-ust{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.sfc-detay-avatar{
  width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,var(--birincil-acik),var(--birincil));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.sfc-detay-ust h1{font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 8px;color:#fff!important}
.sfc-paket{font-size:.85rem;font-weight:600;color:rgba(255,255,255,.85)}
.sfc-detay-alanlar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.sfc-alan-pil{
  font-size:.74rem;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.15);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);
  backdrop-filter:blur(6px);transition:var(--gecis);
}
.sfc-alan-pil:hover{background:rgba(255,255,255,.25)}
.sfc-detay-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.84rem;color:rgba(255,255,255,.88)}
.sfc-detay-aksiyon{margin-left:auto;display:flex;flex-direction:column;gap:8px}
.sfc-detay-aciklama{margin-top:18px;line-height:1.65;color:rgba(255,255,255,.9);max-width:760px;font-size:.95rem}
.sfc-detay-govde{padding:28px 0 56px}
.sfc-bolum{margin-bottom:32px}
.sfc-bolum h2{font-size:1.12rem;margin-bottom:14px;color:var(--metin)}
.sfc-hizmet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.sfc-hizmet-kart{
  display:block;padding:18px;border:1px solid color-mix(in srgb,var(--birincil) 14%,var(--sinir));
  border-radius:16px;text-decoration:none;color:inherit;background:var(--beyaz);
  box-shadow:0 4px 16px color-mix(in srgb,var(--birincil) 8%,transparent);transition:var(--gecis);
}
.sfc-hizmet-kart:hover{border-color:var(--birincil);transform:translateY(-2px)}
.sfc-hizmet-kart strong{display:block;margin-bottom:6px;color:var(--metin)}
.sfc-hizmet-kart span{font-size:.88rem;color:var(--birincil);font-weight:700}
.sfc-hizmet-kart em{display:block;font-size:.74rem;color:var(--metin-ikincil);margin-top:8px;font-style:normal}
.sfc-hikaye-liste{display:flex;flex-direction:column;gap:10px}
.sfc-hikaye-oge{
  display:flex;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--birincil) 12%,var(--sinir));
  border-radius:14px;text-decoration:none;color:inherit;background:var(--beyaz);transition:var(--gecis);
}
.sfc-hikaye-oge:hover{border-color:var(--birincil);box-shadow:var(--golge-kucuk)}
.sfc-hikaye-oge span{font-size:1.4rem;line-height:1}
.sfc-hikaye-oge p{margin:4px 0 0;font-size:.82rem;color:var(--metin-ikincil)}

@media(max-width:900px){
  .sfc-filtre-grid{grid-template-columns:1fr 1fr}
  .sfc-filtre-btn{grid-column:1/-1;width:100%}
  .sfc-hero-inner{flex-direction:column;align-items:flex-start}
  .sfc-stat{width:100%}
}
@media(max-width:640px){
  .sfc-filtre-grid{grid-template-columns:1fr}
  .sfc-grid{grid-template-columns:1fr}
  .sfc-detay-aksiyon{margin-left:0;width:100%;flex-direction:row;flex-wrap:wrap}
  .sfc-kart-alt em{width:100%;margin-left:0;margin-top:4px}
}

/* Ben de yaşadım */
.hd-yasama{
  margin:28px 0;padding:22px 24px;background:var(--beyaz);
  border:1px solid color-mix(in srgb,var(--birincil) 15%,var(--sinir));border-radius:18px;
  box-shadow:var(--golge-kucuk);
}
.hd-yasama-ust{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.hd-yasama-baslik{margin:0;font-size:1.05rem}
.hd-yasama-sayi{
  font-size:.78rem;font-weight:800;padding:4px 12px;border-radius:999px;
  background:var(--birincil-soluk);color:var(--birincil-koyu);
}
.hd-yasama-aciklama{font-size:.86rem;color:var(--metin-ikincil);margin:0 0 14px;line-height:1.55}
.hd-yasama-eylem{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.hd-yasama-not-wrap{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}
.hd-yasama-liste{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.hd-yasama-liste li{display:flex;gap:12px;padding-top:12px;border-top:1px dashed var(--sinir)}
.hd-yasama-liste p{margin:4px 0 0;font-size:.84rem;color:var(--metin)}
.hd-yasama-bos-not{color:var(--metin-ikincil)!important;font-size:.82rem!important}

/* Programmatic SEO — kategori + il */
.hl-seo-iller{padding:20px 0 8px;background:color-mix(in srgb,var(--birincil-soluk) 50%,#fff)}
.hl-seo-baslik{font-size:.95rem;margin:0 0 12px;color:var(--metin)}
.hl-seo-chips{display:flex;flex-wrap:wrap;gap:8px}
.hl-seo-chip{
  font-size:.76rem;font-weight:600;padding:7px 14px;border-radius:999px;text-decoration:none;
  background:var(--beyaz);border:1px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir));
  color:var(--birincil-koyu);transition:var(--gecis);
}
.hl-seo-chip em{font-style:normal;opacity:.7;margin-left:4px;font-size:.72rem}
.hl-seo-chip:hover{background:var(--birincil);color:#fff;border-color:var(--birincil)}

/* ═══ ŞİFA ROTASI PLANLAYICI — şık + mobil ═══ */
body.sayfa-srt{
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%,color-mix(in srgb,var(--birincil) 14%,transparent),transparent 60%),
    linear-gradient(180deg,var(--birincil-soluk) 0%,color-mix(in srgb,var(--birincil-soluk) 70%,#fff) 45%,var(--birincil-soluk) 100%);
  background-attachment:fixed;
}
.srt-hero{
  background:linear-gradient(145deg,var(--hero-bas) 0%,var(--hero-son) 50%,var(--birincil-koyu) 100%);
  padding:54px 0 46px;color:#fff;position:relative;overflow:hidden;
}
.srt-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 80% at 0% 100%,color-mix(in srgb,var(--birincil) 38%,transparent),transparent 55%),
    radial-gradient(ellipse 50% 60% at 100% 0%,color-mix(in srgb,var(--birincil-acik) 28%,transparent),transparent 52%);
  pointer-events:none;
}
.srt-hero::after{
  content:"🧭";position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(8deg);
  font-size:clamp(6rem,16vw,12rem);opacity:.08;pointer-events:none;
}
.srt-hero-inner{position:relative;z-index:1;max-width:680px}
.srt-etiket{
  display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
  padding:7px 16px;border-radius:999px;font-size:.72rem;font-weight:700;margin-bottom:14px;
  letter-spacing:.04em;backdrop-filter:blur(8px);
}
.srt-hero h1{font-family:var(--font-baslik);font-size:clamp(1.95rem,4.5vw,2.85rem);margin:0 0 12px;color:#fff!important;line-height:1.12;text-shadow:0 2px 18px rgba(0,0,0,.2)}
.srt-alt{margin:0;color:rgba(255,255,255,.92);line-height:1.65;font-size:.98rem;max-width:560px}
.srt-alt strong{color:#fff;font-weight:800}
.srt-hero-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.srt-hero-rozetler span{
  font-size:.76rem;font-weight:600;padding:6px 13px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(6px);
}

.srt-govde{padding-top:0;padding-bottom:64px;position:relative;z-index:2}
.srt-form-kutu{
  background:var(--beyaz);border-radius:22px;padding:22px;
  border:1px solid color-mix(in srgb,var(--birincil) 16%,var(--sinir));
  box-shadow:0 18px 50px color-mix(in srgb,var(--birincil) 16%,transparent);
  margin-top:-32px;margin-bottom:18px;position:relative;
}
.srt-form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.srt-alan label{display:block;font-size:.82rem;font-weight:700;margin-bottom:7px;color:var(--metin)}
.srt-alan .form-girdi{
  border-radius:13px!important;border:1.5px solid color-mix(in srgb,var(--birincil) 20%,var(--sinir))!important;
  min-height:48px;
}
.srt-alan .form-girdi:focus{border-color:var(--birincil)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--birincil) 22%,transparent)!important}
.srt-gonder{min-height:48px;border-radius:13px!important;padding:0 26px!important;white-space:nowrap;font-weight:800}
.srt-uyari{
  font-size:.83rem;padding:12px 16px;border-radius:13px;margin-bottom:24px;
  background:color-mix(in srgb,var(--aksan) 12%,#fff);border-left:4px solid var(--aksan);
  color:var(--metin-ikincil);
}

/* Sonuç banner */
.srt-banner{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--hero-bas),var(--birincil-koyu));
  color:#fff;border-radius:22px;padding:24px 26px;margin-bottom:26px;
  position:relative;overflow:hidden;box-shadow:0 14px 40px color-mix(in srgb,var(--birincil) 25%,transparent);
}
.srt-banner::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 90% at 100% 0%,color-mix(in srgb,var(--birincil-acik) 30%,transparent),transparent 55%);
  pointer-events:none;
}
.srt-banner-ikon{
  font-size:2.6rem;width:72px;height:72px;flex-shrink:0;border-radius:20px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);position:relative;z-index:1;
}
.srt-banner-metin{flex:1;min-width:200px;position:relative;z-index:1}
.srt-banner-etiket{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.srt-banner-metin h2{margin:4px 0 6px;font-size:clamp(1.25rem,3vw,1.7rem);color:#fff!important;line-height:1.15}
.srt-banner-metin p{margin:0;font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.5}
.srt-banner-istat{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.srt-banner-istat div{
  text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:10px 14px;min-width:62px;backdrop-filter:blur(6px);
}
.srt-banner-istat strong{display:block;font-size:1.35rem;font-weight:800;line-height:1}
.srt-banner-istat span{font-size:.66rem;opacity:.85;margin-top:3px;display:block}

/* Günler */
.srt-gunler{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.srt-gun-kart{
  background:var(--beyaz);border-radius:20px;padding:22px;
  border:1px solid color-mix(in srgb,var(--birincil) 12%,var(--sinir));
  box-shadow:0 6px 22px color-mix(in srgb,var(--birincil) 8%,transparent);
  display:flex;flex-direction:column;
}
.srt-gun-bas{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--sinir)}
.srt-gun-no{
  width:44px;height:44px;flex-shrink:0;border-radius:14px;
  background:linear-gradient(135deg,var(--birincil),var(--birincil-koyu));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;
  box-shadow:0 4px 14px color-mix(in srgb,var(--birincil) 35%,transparent);
}
.srt-gun-etiket{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--birincil)}
.srt-gun-bas h3{margin:2px 0 0;font-size:1.05rem;color:var(--metin)}

/* Adımlar — zaman çizelgesi */
.srt-adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;position:relative}
.srt-adimlar::before{
  content:"";position:absolute;left:22px;top:14px;bottom:14px;width:2px;
  background:color-mix(in srgb,var(--birincil) 18%,var(--sinir));z-index:0;
}
.srt-adim{position:relative;z-index:1}
.srt-adim-link{
  display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:15px;text-decoration:none;color:inherit;
  background:var(--birincil-soluk);border:1px solid transparent;
  border-left:4px solid var(--srt-renk,var(--birincil));transition:var(--gecis);
}
.srt-adim-link:hover{
  transform:translateY(-2px);
  border-color:var(--srt-renk,var(--birincil));border-left-color:var(--srt-renk,var(--birincil));
  box-shadow:0 8px 22px color-mix(in srgb,var(--srt-renk,var(--birincil)) 22%,transparent);background:#fff;
}
.srt-adim-ikon{
  font-size:1.25rem;line-height:1;flex-shrink:0;width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--srt-renk,var(--birincil)) 16%,#fff);
  border:1px solid color-mix(in srgb,var(--srt-renk,var(--birincil)) 25%,transparent);
}
.srt-adim-govde{flex:1;min-width:0}
.srt-adim-etiket{
  display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  color:var(--srt-renk,var(--birincil));margin-bottom:3px;
}
.srt-adim-govde strong{display:block;font-size:.9rem;margin-bottom:3px;color:var(--metin);line-height:1.3}
.srt-adim-govde p{margin:0;font-size:.78rem;color:var(--metin-ikincil);line-height:1.45}
.srt-adim-ok{flex-shrink:0;align-self:center;font-size:1.1rem;color:var(--srt-renk,var(--birincil));opacity:.6;transition:var(--gecis)}
.srt-adim-link:hover .srt-adim-ok{opacity:1;transform:translateX(3px)}
/* tip renkleri */
.srt-t-yer{--srt-renk:#0ea5e9}
.srt-t-hikaye{--srt-renk:#8b5cf6}
.srt-t-rehber{--srt-renk:#10b981}
.srt-t-usta{--srt-renk:#f59e0b}
.srt-t-ipucu{--srt-renk:#64748b}

.srt-alt-aksiyon{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.srt-alt-aksiyon .btn{flex:1;min-width:150px;justify-content:center}
.srt-baska{margin-top:30px;padding-top:22px;border-top:1px dashed color-mix(in srgb,var(--birincil) 18%,var(--sinir))}
.srt-baska>span{display:block;font-size:.82rem;font-weight:700;color:var(--metin-ikincil);margin-bottom:12px}

.srt-bos,.srt-baslangic{
  padding:36px 26px;background:var(--beyaz);border-radius:22px;
  border:1px solid color-mix(in srgb,var(--birincil) 12%,var(--sinir));box-shadow:var(--golge-kucuk);
}
.srt-bos{text-align:center;border-style:dashed}
.srt-bos span{font-size:3rem;display:block;margin-bottom:12px}
.srt-baslangic{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;align-items:start}
.srt-ornek h3{font-size:1rem;margin-bottom:14px;color:var(--metin)}
.srt-nasil{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.srt-nasil li{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--metin);line-height:1.5}
.srt-nasil li span{
  flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--birincil);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;
}
.srt-ornek-chips{display:flex;flex-wrap:wrap;gap:8px}
.srt-ornek-chip{
  font-size:.8rem;padding:9px 15px;border-radius:999px;text-decoration:none;
  background:var(--birincil-soluk);color:var(--birincil-koyu);font-weight:600;
  border:1px solid color-mix(in srgb,var(--birincil) 18%,transparent);transition:var(--gecis);
}
.srt-ornek-chip:hover{background:var(--birincil);color:#fff;border-color:var(--birincil);transform:translateY(-1px)}

@media(max-width:768px){
  .srt-form-grid{grid-template-columns:1fr}
  .srt-gonder{width:100%}
  .srt-banner{flex-direction:column;align-items:flex-start;text-align:left}
  .srt-banner-istat{width:100%;justify-content:space-between;gap:8px}
  .srt-banner-istat div{flex:1;min-width:0}
  .srt-alt-aksiyon .btn{flex:1 1 100%}
}
@media(max-width:480px){
  .srt-banner-istat strong{font-size:1.15rem}
  .srt-gun-kart{padding:18px}
}

/* Rehber ekosistem kartı */
.srd-eko{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:1px solid #a7f3d0;border-radius:18px;padding:22px 24px;margin-bottom:24px}
.srd-eko-baslik h2{margin:0 0 4px;font-size:1.15rem}
.srd-eko-baslik p{margin:0 0 18px;font-size:.84rem;color:var(--metin-ikincil)}
.srd-eko-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.srd-eko-kart{display:block;text-align:center;padding:18px 12px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:.18s}
.srd-eko-kart:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.srd-eko-sayi{display:block;font-size:1.6rem;font-weight:800;color:var(--birincil)}
.srd-eko-kart strong{display:block;font-size:.88rem;margin:6px 0 2px}
.srd-eko-kart em{font-size:.72rem;color:var(--metin-ikincil);font-style:normal}
.srd-eko-liste h3{font-size:.9rem;margin-bottom:10px}
.srd-eko-oge{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--sinir);text-decoration:none;color:inherit;font-size:.84rem}
.srd-eko-iller{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.srd-eko-il-pil{font-size:.76rem;padding:5px 12px;border-radius:20px;background:#fff;border:1px solid var(--sinir);text-decoration:none;color:var(--metin)}
.srd-eko-il-pil span{background:var(--birincil);color:#fff;border-radius:10px;padding:1px 6px;margin-left:4px;font-size:.68rem}

/* Randevu */
.rnd-sayfa{padding:32px 0 56px;max-width:880px}
.rnd-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.rnd-ozet{padding:24px;background:#f8fafc;border-radius:16px;border:1px solid var(--sinir)}
.rnd-bayi,.rnd-fiyat{margin:8px 0}
.rnd-uyari{font-size:.82rem;color:#92400e;background:#fef3c7;padding:10px;border-radius:10px;margin-top:12px}
.rnd-form{background:#fff;border:1px solid var(--sinir);border-radius:16px;padding:24px}
.rnd-basari{text-align:center;padding:48px 24px;background:#f0fdf4;border-radius:20px;border:1px solid #bbf7d0}
.rnd-basari-ikon{font-size:3rem;display:block;margin-bottom:12px}
.rnd-profil-kart,.rnd-bos-profil{padding:16px;border:1px solid var(--sinir);border-radius:12px;margin-bottom:12px;background:#fff}
.bpn-rnd-ust{margin-bottom:20px}
.bpn-rnd-filtre{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bpn-rnd-filtre a{padding:6px 14px;border-radius:20px;border:1px solid var(--sinir);font-size:.8rem;text-decoration:none}
.bpn-rnd-filtre a.aktif{background:var(--birincil);color:#fff;border-color:var(--birincil)}
.bpn-rnd-liste{display:flex;flex-direction:column;gap:12px}
.bpn-rnd-kart{padding:16px;border-radius:14px;border:1px solid var(--sinir);background:#fff}
.bpn-rnd-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bpn-rnd-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--metin-ikincil)}
.bpn-rnd-aksiyon{display:flex;gap:8px;margin-top:12px}
.bpn-rnd-turuncu{border-left:4px solid #f59e0b}
.bpn-rnd-yesil{border-left:4px solid #22c55e}
.bpn-rnd-mavi{border-left:4px solid #3b82f6}
.bpn-rnd-gri{border-left:4px solid #94a3b8;opacity:.85}

@media(max-width:768px){
  .sfc-filtre{grid-template-columns:1fr}
  .srd-eko-grid{grid-template-columns:1fr}
  .rnd-grid{grid-template-columns:1fr}
  .sfc-detay-aksiyon{margin-left:0;width:100%;flex-direction:row}
}