/* ============================================================
   Bu dosya elemanyonlendir.com temasının (bundle.min.css) ÜZERİNE
   eklenir. Ana tema hiç değiştirilmedi — sadece:
   1) Gerçek logo görseli yerine text-logo (marka görselleri hariç tutuldu)
   2) Hero görseli yerine emoji placeholder
   içindir. İhtiyaçlar netleştikçe bu dosyaya ekleme yapılacak.
   ============================================================ */

.text-logo{
  font-family: var(--fontFamily2, 'Open Sans', sans-serif);
  font-weight: 800;
  font-size: 22px;
  color: var(--blackColor, #242424);
  letter-spacing: -.02em;
}
.text-logo-dot{ color: var(--mainColor, #ff5722); }
.footer-text-logo{ font-size: 24px; color:#fff; display:inline-block; margin-bottom:14px; }
.footer-text-logo .text-logo-dot{ color: var(--mainColor, #ff5722); }
.tmz-footer-logo-name{ color:#8b5cf6 !important; }

.ey-bnr-icon{
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  display:block;
}

.note-small{ font-size:12.5px; color: var(--secondColor, #6a6a6a); margin-top:14px; }

/* Hero'daki iki buton — mobilde de yan yana kalsın */
.tmz-hero-buttons{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
}
.tmz-hero-buttons .default-button{
  flex:1;
  white-space:nowrap;
}
@media (max-width:480px){
  .tmz-hero-buttons{ gap:6px; }
  .tmz-hero-buttons .default-button{
    padding-left:10px;
    padding-right:10px;
    font-size:12.5px;
  }
}

/* "Neler Dahil" bölümü — açık soft mor zemin */
.ey-bg{
  background: #f5f1fe !important;
}

/* Bölge Temsilcilerimiz — ekte verilen soft peach/pembe zemin */
.tmz-temsilci-bg{
  background: #fdeeec;
}
.tmz-temsilci-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:#fff;
  border-radius:16px;
  padding:14px 8px 14px;
  text-decoration:none;
  color:inherit;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  border:1.5px solid #f4e4e1;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  height:100%;
}
.tmz-temsilci-card:hover{
  transform: translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.09);
  border-color:#e8c9c3;
}
.tmz-temsilci-foto{
  position:relative;
  width:52px; height:52px;
  border-radius:50%;
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:9px;
  border:2px solid #fff;
  box-shadow:0 0 0 1.5px #eee;
  font-size:20px;
}
.tmz-temsilci-foto img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-temsilci-foto.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 1.5px #e0538f; }
.tmz-temsilci-foto.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 1.5px #3b78d8; }
.tmz-temsilci-foto.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 1.5px #b5b5c0; }
.tmz-temsilci-isim{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-weight:700;
  font-size:12.5px;
  color: var(--blackColor, #242424);
  margin-bottom:2px;
  line-height:1.3;
}
.tmz-temsilci-yer{
  font-size:10.5px;
  color:#8b5cf6;
  font-weight:600;
  margin-bottom:7px;
  line-height:1.35;
}
.tmz-temsilci-detay{
  font-size:11px;
  font-weight:700;
  color: var(--mainColor, #ff5722);
}

/* ============================================================
   ÜYE PROFİL SAYFASI (uye.php)
   ============================================================ */
.tmz-uye-profil-wrap{ max-width:620px; margin:0 auto; }

.tmz-uye-ust-kart{
  text-align:center;
  background:#fff;
  border-radius:18px;
  padding:30px 20px;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  margin-bottom:18px;
}
.tmz-uye-foto-wrap{
  position:relative;
  width:96px;
  margin:0 auto;
}
.tmz-uye-profil-foto{
  width:96px; height:96px;
  border-radius:50%;
  margin:0 auto;
  display:flex; align-items:center; justify-content:center;
  font-size:36px;
  overflow:hidden;
  border:3px solid #fff;
  box-shadow:0 0 0 2px #eee;
}
.tmz-uye-profil-foto img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-uye-profil-foto.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 3px #e0538f; }
.tmz-uye-profil-foto.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 3px #3b78d8; }
.tmz-uye-profil-foto.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 3px #b5b5c0; }

.tmz-uye-iletisim-btn{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.tmz-uye-whatsapp-btn{ background-color:#25D366 !important; border-color:#25D366 !important; }
.tmz-uye-whatsapp-btn:hover{ background-color:#1fb959 !important; }

.tmz-uye-bilgi-kart{
  background:#fff;
  border-radius:18px;
  padding:6px 22px;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  margin-bottom:18px;
}
.tmz-uye-satir{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  padding:14px 0;
  border-bottom:1px solid #f1f1f1;
}
.tmz-uye-satir:last-child{ border-bottom:none; }
.tmz-uye-satir.tmz-uye-not{ flex-direction:column; }
.tmz-uye-satir.tmz-uye-not .tmz-uye-etiket{ flex:0 0 auto; }
.tmz-uye-etiket{
  flex:0 0 160px;
  font-size:13px;
  font-weight:700;
  color: var(--secondColor, #6a6a6a);
}
.tmz-uye-deger{
  flex:1;
  min-width:150px;
  font-size:14px;
  color: var(--blackColor, #242424);
  font-weight:600;
  white-space: normal;
}

/* Ekip (uye.php genel profil sayfası) */
.tmz-uye-ekip-satirlar{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:4px;
}
.tmz-uye-ekip-kisi{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:64px;
  text-align:center;
}
.tmz-uye-ekip-avatar{
  width:48px; height:48px;
  border-radius:50%;
  background:#f3f3f8;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  font-size:18px;
  color:#999;
  border:2px solid #fff;
  box-shadow:0 0 0 1.5px #eee;
}
.tmz-uye-ekip-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-uye-ekip-kisi span{ font-size:11px; font-weight:700; color: var(--blackColor,#1c1c26); line-height:1.3; }

.tmz-uye-galeri-baslik{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-weight:700;
  font-size:15px;
  margin-bottom:10px;
  padding-left:4px;
}
.tmz-uye-galeri{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:10px;
  margin-bottom:20px;
}
.tmz-uye-galeri-foto{
  aspect-ratio:1/1;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}
.tmz-uye-galeri-foto img{ width:100%; height:100%; object-fit:cover; }
@media(max-width:500px){
  .tmz-uye-galeri{ grid-template-columns:repeat(2, 1fr); }
  .tmz-uye-etiket{ flex:1 1 100%; }
}

/* Bölgeleri kutusu — üstte çerçeve üzerine binen etiket, renkli chip'ler */
.tmz-uye-bolge-kutu{
  position:relative;
  border:1.5px solid #e5e5e5;
  border-radius:14px;
  padding:24px 16px 14px;
  margin-bottom:20px;
  background:#fff;
}
.tmz-uye-bolge-baslik{
  position:absolute;
  top:-11px;
  left:16px;
  background:#fff;
  padding:2px 10px;
  border-radius:8px;
  font-size:12.5px;
  font-weight:700;
  color: var(--secondColor, #6a6a6a);
}
.tmz-uye-bolge-chipler{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }

/* ============================================================
   ÜYE GİRİŞİ — sade, telefon numarasıyla
   ============================================================ */
.tmz-uyegiris-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, #eef1f6, #e4e9f2);
  padding:20px;
  font-family: var(--fontFamily2, 'Open Sans', sans-serif);
}
.tmz-uyegiris-kart{
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:20px;
  padding:40px 36px;
  box-shadow:0 20px 50px rgba(30,40,60,.12);
  text-align:center;
}
.tmz-uyegiris-kart h1{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:28px;
  font-weight:800;
  color: var(--blackColor, #1c1c26);
  margin-bottom:10px;
}
.tmz-uyegiris-kart > p{
  color: var(--secondColor, #6a6a6a);
  font-size:14.5px;
  line-height:1.5;
  margin-bottom:28px;
}
.tmz-uyegiris-kart form{ text-align:left; }
.tmz-uyegiris-kart label{
  display:block;
  font-size:13px;
  font-weight:700;
  color: var(--blackColor, #1c1c26);
  margin-bottom:8px;
}
.tmz-uyegiris-kart input{
  width:100%;
  padding:14px 16px;
  border-radius:12px;
  border:1.5px solid #e3e3ec;
  font-size:15px;
  margin-bottom:18px;
  background:#fafafe;
}
.tmz-uyegiris-kart input:focus{
  outline:none;
  border-color: var(--mainColor, #ff5722);
  background:#fff;
}
.tmz-uyegiris-kart button{
  width:100%;
  padding:15px;
  border:none;
  border-radius:12px;
  background: linear-gradient(135deg, #e0356b, #ff5722);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  transition: opacity .15s ease;
}
.tmz-uyegiris-kart button:hover{ opacity:.92; }
.tmz-uyegiris-hata{
  background:#fdecea;
  color:#c0392b;
  border-radius:10px;
  padding:12px 14px;
  font-size:13px;
  margin-bottom:20px;
  text-align:left;
}

.tmz-uyegiris-sekmeler{
  display:flex;
  gap:6px;
  background:#f3f3f8;
  border-radius:12px;
  padding:4px;
  margin-bottom:24px;
}
.tmz-uyegiris-sekme{
  flex:1;
  padding:10px;
  border:none;
  border-radius:9px;
  background:transparent;
  color: var(--secondColor,#6a6a6a);
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
}
.tmz-uyegiris-sekme.aktif{
  background:#fff;
  color: var(--blackColor,#1c1c26);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.tmz-uyegiris-alt-btnler{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #eee;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tmz-uyegiris-alt-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px;
  border-radius:12px;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
}
.tmz-uyegiris-whatsapp{ background:#e8f8ee; color:#159a5c; }
.tmz-uyegiris-whatsapp:hover{ background:#d7f2e1; color:#159a5c; }
.tmz-uyegiris-geri{ background:#f3f3f8; color: var(--secondColor,#6a6a6a); }
.tmz-uyegiris-geri:hover{ background:#e8e8f0; color: var(--blackColor,#1c1c26); }

/* ============================================================
   ÜYE PANELİ — kendi profilini düzenleme
   ============================================================ */
.tmz-panel-wrap{
  max-width:720px;
  margin:0 auto;
  padding:32px 20px 60px;
  font-family: var(--fontFamily2, 'Open Sans', sans-serif);
}
.tmz-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:24px;
}
.tmz-panel-header h1{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:22px;
  font-weight:800;
  margin-bottom:4px;
}
.tmz-panel-header p{ color: var(--secondColor,#6a6a6a); font-size:13.5px; }
.tmz-panel-header-actions{ display:flex; gap:10px; }
.tmz-panel-header-actions-tek{
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.tmz-panel-btn-rozetli{ position:relative; }
.tmz-panel-rozet{
  position:absolute;
  top:-7px; right:-7px;
  min-width:18px; height:18px;
  padding:0 4px;
  border-radius:999px;
  background:#e0453f;
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  display:flex; align-items:center; justify-content:center;
  border:2px solid #fff;
}
.tmz-profil-etiket-satir{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.tmz-profil-etiket{
  display:inline-block;
  background:#fff4ec;
  color:#c9670a;
  font-size:11.5px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}
.tmz-profil-online-rozet{
  display:inline-block;
  background:#e8f8ee;
  color:#4caf7d;
  font-size:11.5px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}
.tmz-panel-btn-outline{
  padding:9px 16px;
  border-radius:10px;
  border:1.5px solid #e3e3ec;
  color: var(--blackColor,#1c1c26);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  background:#fff;
}
.tmz-panel-btn-outline:hover{ border-color: var(--mainColor,#ff5722); color: var(--mainColor,#ff5722); }

.tmz-panel-basari{
  background:#e8f8ee;
  color:#159a5c;
  border-radius:10px;
  padding:12px 14px;
  font-size:13px;
  margin-bottom:20px;
}

.tmz-panel-kart{
  background:#fff;
  border-radius:16px;
  padding:22px;
  margin-bottom:18px;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
}
.tmz-panel-kart h3{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:16px;
  font-weight:700;
  margin-bottom:16px;
}
.tmz-panel-alan{ margin-bottom:16px; }
.tmz-panel-alan:last-child{ margin-bottom:0; }
.tmz-panel-alan label{
  display:block;
  font-size:14.5px;
  font-weight:800;
  color: var(--blackColor,#1c1c26);
  margin-bottom:7px;
}
.tmz-panel-alan input[type="text"],
.tmz-panel-alan input[type="email"],
.tmz-panel-alan input[type="number"],
.tmz-panel-alan select,
.tmz-panel-alan textarea{
  width:100%;
  padding:13px 14px;
  border-radius:10px;
  border:1.5px solid #e3e3ec;
  font-size:16px;
  font-weight:600;
  font-family:inherit;
  background:#fafafe;
}
.tmz-panel-alan select{
  padding-right:40px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a6a6a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  line-height:1.4;
  height:auto;
  box-sizing:border-box;
}
.tmz-panel-alan input:focus,
.tmz-panel-alan select:focus,
.tmz-panel-alan textarea:focus{
  outline:none; border-color: var(--mainColor,#ff5722); background:#fff;
}

.tmz-panel-avatar-onizleme{
  width:80px; height:80px; border-radius:50%; object-fit:cover; object-position:center 20%;
  display:block; margin-bottom:12px;
}
.tmz-panel-is-foto-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}
.tmz-panel-is-onizleme{
  width:100%; aspect-ratio:3/2; object-fit:cover;
  border-radius:10px; margin-bottom:8px;
}
.tmz-panel-is-foto-grid input[type="file"]{ font-size:12px; width:100%; }

.tmz-panel-kaydet-btn{
  width:100%;
  padding:15px;
  border:none;
  border-radius:12px;
  background: var(--mainColor, #ff5722);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.tmz-panel-kaydet-btn:hover{ opacity:.92; }

@media(max-width:500px){
  .tmz-panel-is-foto-grid{ grid-template-columns:1fr 1fr; }
}

/* Hoş geldin bandı + bölge seç butonu (üye paneli) */
.tmz-panel-hosgeldin{
  background: linear-gradient(135deg, #fff4ec, #ffe9e0);
  border:1px solid #ffd7c2;
  border-radius:14px;
  padding:16px 18px;
  font-size:14px;
  color:#8a4a1f;
  margin-bottom:18px;
}
.tmz-panel-bolge-sec-btn{
  display:block;
  text-align:center;
  background: var(--mainColor, #ff5722);
  color:#fff;
  font-weight:800;
  font-size:14px;
  padding:14px;
  border-radius:12px;
  text-decoration:none;
  margin-bottom:20px;
}
.tmz-panel-bolge-sec-btn:hover{ opacity:.92; color:#fff; }

/* Tanıtım sayfasındaki adım numaraları */
.tmz-adim-no{
  width:46px; height:46px;
  border-radius:50%;
  background: var(--mainColor, #ff5722);
  color:#fff;
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:20px;
  font-weight:800;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 12px;
}

/* Üye paneli — bölge seçim listesi (admin ile aynı görsel dil) */
.tmz-kirala-liste{ margin-bottom:10px; }
.tmz-kirala-satir{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 6px;
  font-size:15.5px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
  cursor:pointer;
}
.tmz-kirala-satir input{ width:22px; height:22px; flex-shrink:0; }
.tmz-kirala-satir-sol{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.tmz-kirala-ac-kapa-btn{
  flex-shrink:0;
  width:28px; height:28px;
  border-radius:8px;
  border:1.5px solid #e5e5ec;
  background:#fff;
  color: var(--mainColor,#ff5722);
  font-size:18px;
  font-weight:800;
  line-height:1;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
}
.tmz-kirala-ac-kapa-btn:hover{ border-color: var(--mainColor,#ff5722); background:#fff5f0; }
.tmz-kirala-ilce-blok{ border-bottom:1px solid #eee; }
.tmz-kirala-ilce-blok:last-child{ border-bottom:none; }
.tmz-kirala-semt-alan{ padding-left:22px; padding-bottom:6px; }
.tmz-kirala-semt-satir{ font-size:14.5px; font-weight:600; padding:8px 6px; }
.tmz-kirala-dolu-etiket{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#e8f8ee;
  color:#159a5c;
  font-size:10.5px;
  font-weight:700;
  margin-left:6px;
}

/* Bu üyenin zaten sahip olduğu bölgeler — farklı renk, seçilemez */
.tmz-kirala-satir.tmz-kirala-sahip{
  background:#fdf5e9;
  border-radius:8px;
  opacity:.85;
  cursor:default;
}
.tmz-kirala-sahip-etiket{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:#fde9c8;
  color:#9a6a0a;
  font-size:10.5px;
  font-weight:700;
  margin-left:6px;
}

/* ============================================================
   TEMİZLİKÇİ OL — tanıtım + fiyatlandırma sayfası
   ============================================================ */
.tmz-fiyat-ustkart{
  background: linear-gradient(135deg, #1c2440, #2c3660);
  color:#fff;
  border-radius:20px;
  padding:36px 32px;
  margin:20px 0 24px;
}
.tmz-fiyat-ustkart h1{
  font-size:26px;
  font-weight:800;
  margin-bottom:14px;
  color:#fff;
}
.tmz-fiyat-ustkart > p{
  font-size:14.5px;
  line-height:1.7;
  color:#c7cbe0;
  margin-bottom:20px;
  max-width:800px;
}
.tmz-fiyat-liste{ list-style:none; padding:0; margin:0; }
.tmz-fiyat-liste li{
  font-size:13.5px;
  color:#e4e6f2;
  padding:6px 0;
}

.tmz-fiyat-kampanya{
  background: linear-gradient(135deg, #fff4ec, #ffe4d6);
  border:1.5px solid #ffcaa8;
  border-radius:14px;
  padding:14px 20px;
  text-align:center;
  font-size:14px;
  color:#9a4a15;
  margin-bottom:26px;
}

.tmz-fiyat-kartlar{ margin-bottom:10px; }
.tmz-fiyat-kart{
  position:relative;
  background:#fff;
  border:1.5px solid #ececf4;
  border-radius:18px;
  padding:28px 24px;
  height:100%;
  box-shadow:0 4px 18px rgba(20,20,50,.05);
}
.tmz-fiyat-kart-one-cikan{
  border:2px solid var(--mainColor,#ff5722);
  box-shadow:0 10px 30px rgba(255,87,34,.15);
  transform:scale(1.02);
}
.tmz-fiyat-kart-rozet{
  position:absolute;
  top:-13px; left:50%;
  transform:translateX(-50%);
  background: var(--mainColor,#ff5722);
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:5px 14px;
  border-radius:999px;
  white-space:nowrap;
}
.tmz-fiyat-kart-baslik{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:15px;
  font-weight:700;
  color: var(--secondColor,#6a6a6a);
  margin-bottom:8px;
}
.tmz-fiyat-kart-fiyat{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:34px;
  font-weight:800;
  color: var(--blackColor,#1c1c26);
  margin-bottom:4px;
}
.tmz-fiyat-kart-fiyat span{ font-size:15px; font-weight:700; color: var(--secondColor,#6a6a6a); }
.tmz-fiyat-kart-alt{ font-size:12.5px; color: var(--secondColor,#6a6a6a); margin-bottom:18px; }
.tmz-fiyat-kart ul{ list-style:none; padding:0; margin:0; }
.tmz-fiyat-kart ul li{
  font-size:13px;
  color: var(--blackColor,#1c1c26);
  padding:7px 0;
  border-top:1px solid #f2f2f7;
}
.tmz-fiyat-kart ul li:first-child{ border-top:none; }

/* Sepet (uye-panel/kirala.php) */
.tmz-sepet-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid #f1f1f1;
  font-size:13.5px;
}
.tmz-sepet-satir em{ font-style:normal; color:#159a5c; font-size:11.5px; margin-left:4px; }
.tmz-sepet-toplam{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:14px;
  margin-top:6px;
  border-top:2px solid #eee;
  font-size:16px;
}
.tmz-sepet-toplam strong{ color: var(--mainColor,#ff5722); font-size:20px; }

/* Ödeme bekleyen sipariş kartı (uye-panel/index.php) */
.tmz-panel-odeme-kart{
  background: linear-gradient(135deg, #fff8ef, #fff1e0);
  border:1.5px solid #ffd7a8;
  border-radius:16px;
  padding:22px;
  margin-bottom:18px;
}
.tmz-panel-odeme-kart h3{ font-size:15px; margin-bottom:10px; }
.tmz-panel-iban-kutu{
  background:#fff;
  border:1px dashed #e0b98a;
  border-radius:10px;
  padding:12px 14px;
  font-family:monospace;
  font-size:14px;
  font-weight:700;
  margin:10px 0;
  letter-spacing:.5px;
}
.tmz-panel-odeme-btn{
  display:inline-block;
  background:#159a5c;
  color:#fff;
  font-weight:800;
  font-size:13.5px;
  padding:11px 20px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  margin-top:8px;
}
.tmz-panel-odeme-btn:disabled{ opacity:.6; cursor:default; }
.tmz-panel-odeme-bildirildi{ color:#159a5c; font-weight:700; font-size:13px; margin-top:8px; }
.tmz-uye-bolge-chip{
  display:inline-flex;
  align-items:center;
  padding:3px 11px;
  border-radius:6px;
  font-size:11.5px;
  font-weight:700;
  line-height:1.6;
  color:#fff;
}
.tmz-bolge-chip-il{ background:#e0453f; }
.tmz-bolge-chip-alt{ background: var(--mainColor, #ff5722); }
.tmz-bolge-chip-ilgi-il{ background:#1e3a7a; }
.tmz-bolge-chip-ilgi-ilce{ background:#3b6fd6; }
.tmz-bolge-chip-ilgi-semt{ background:#7fabf0; color:#0d2352; }

/* Doğrulanmış Üye rozeti — profil fotoğrafının sol üst köşesi */
.tmz-dogrulanmis-rozet{
  position:absolute;
  top:-2px; left:-2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px; height:26px;
  border-radius:50%;
  background:#2196f3;
  color:#fff;
  font-size:12px;
  border:2.5px solid #fff;
  z-index:2;
}
/* Madalya — profil fotoğrafının sağ üst köşesi */
.tmz-madalya-rozet{
  position:absolute;
  top:-6px; right:-6px;
  font-size:24px;
  line-height:1;
  z-index:2;
}

/* Çevrimiçi rozeti — sağ alt WhatsApp balonuyla aynı parlayıp-sönen nabız */
.tmz-cevrimici-rozet{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  background:transparent !important;
  color:#159a5c !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:600 !important;
  padding:0 !important;
  border-radius:0 !important;
  vertical-align:middle !important;
}
.tmz-cevrimici-nokta{
  display:inline-block;
  width:9px; height:9px;
  border-radius:50%;
  background:#20d080;
  flex-shrink:0;
  align-self:center;
  margin:0;
  animation: tmzBubblePulse 2.6s ease-in-out infinite;
}

/* Temsilci kartı — çevrimiçiyse çerçeve parlayıp söner */
.tmz-temsilci-card.tmz-cevrimici{
  border-color:#20d080 !important;
  animation: tmzTemsilciCevrimiciPulse 2.6s ease-in-out infinite;
}
@keyframes tmzTemsilciCevrimiciPulse{
  0%, 100%{ box-shadow: 0 0 0 0 rgba(32,208,128,.45); }
  50%{ box-shadow: 0 0 0 6px rgba(32,208,128,0); }
}
.tmz-temsilci-cevrimici-nokta{
  position:absolute;
  bottom:0; right:0;
  width:14px; height:14px;
  border-radius:50%;
  background:#20d080;
  border:2px solid #fff;
}

/* Değerlendirmeler */
.tmz-uye-degerlendirme-kart{
  position:relative;
  background:#fff;
  border-radius:18px;
  padding:24px 22px 20px;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
  margin-bottom:18px;
}
.tmz-deg-baslik{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-weight:700;
  font-size:16px;
}
.tmz-deg-form{ margin-top:14px; padding-bottom:14px; border-bottom:1px solid #f1f1f1; margin-bottom:14px; }
.tmz-deg-yorum-etiket{
  display:block;
  margin-top:14px;
  margin-bottom:6px;
  font-size:13px;
  font-weight:700;
  color: var(--blackColor, #242424);
}
.tmz-deg-yildizlar{ font-size:30px; color:#f5a623; cursor:pointer; letter-spacing:4px; }
.tmz-deg-yildiz{ display:inline-block; transition: transform .1s ease; }
.tmz-deg-yildiz:hover{ transform: scale(1.15); }
.tmz-deg-tesekkur{ color:#159a5c; font-weight:600; font-size:14px; margin-top:10px; }

/* Yorum kutusu — belirgin, çok satırlı, farklı zemin rengi */
.tmz-deg-yorum-input{
  display:block;
  width:100%;
  min-height:110px;
  margin-top:12px;
  padding:14px 16px;
  border-radius:12px;
  border:1.5px solid #ffd7a8;
  background:#fff8ef;
  font-family:inherit;
  font-size:14px;
  line-height:1.5;
  color: var(--blackColor, #242424);
  resize:vertical;
}
.tmz-deg-yorum-input:focus{
  outline:none;
  border-color: var(--mainColor, #ff5722);
  background:#fff;
}
.tmz-deg-yorum-input::placeholder{ color:#b8927a; }

.tmz-deg-yorum-liste{ display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.tmz-deg-yorum-item{ padding:12px 0; border-bottom:1px solid #f4f4f4; }
.tmz-deg-yorum-item:last-child{ border-bottom:none; }
.tmz-deg-yorum-item p{ font-size:13.5px; color: var(--blackColor,#242424); margin:6px 0 4px; line-height:1.5; }
.tmz-deg-yorum-tarih{ font-size:11px; color: var(--secondColor,#6a6a6a); }

.tmz-deg-bos-uyari{
  background:#fff8ef;
  border:1.5px dashed #ffd7a8;
  border-radius:10px;
  padding:12px 14px;
  font-size:13px;
  font-weight:600;
  color:#a8701f;
  margin-top:14px;
}
@media(max-width:600px){
  .tmz-temsilci-foto{ width:42px; height:42px; font-size:16px; }
  .tmz-temsilci-isim{ font-size:11px; }
  .tmz-temsilci-yer{ font-size:9.5px; }
}

/* Hero (üst banner) — aynı soft mor zemin */
.ey-banner{
  background: #f5f1fe !important;
}
.tmz-bolge-btn-sm{
  padding:8px 14px !important;
  font-size:12.5px !important;
}

/* Bölge/şehir başlığındaki il/ilçe vurgusu — kalın turuncu */
.tmz-bolge-baslik-vurgu{
  color: var(--mainColor, #ff5722);
  font-weight:800;
}

/* Semt butonları — ilçelerden ayrışsın diye mor */
.tmz-semt-btn-mor{
  border-color:#8b5cf6 !important;
  color:#8b5cf6 !important;
}
.tmz-semt-btn-mor:hover{
  background-color:#8b5cf6 !important;
  color:#fff !important;
}
.tmz-semt-btn-mor::before,
.tmz-semt-btn-mor::after{
  background-color:#8b5cf6 !important;
}

/* Bulunduğun semt — dolu turuncu zemin, beyaz yazı */
.tmz-semt-btn-aktif{
  background-color: var(--mainColor, #ff5722) !important;
  border-color: var(--mainColor, #ff5722) !important;
  color:#fff !important;
}
.tmz-semt-btn-aktif span{ color:#fff !important; }

/* Blog yazı içeriği — admin panelde Quill editörle üretilen HTML'i düzgün gösterir */
.tmz-blog-icerik{
  font-size:16px;
  line-height:1.8;
  color: var(--blackColor, #242424);
}
.tmz-blog-icerik h1{ font-size:30px; font-weight:800; margin:32px 0 16px; font-family: var(--fontFamily, Quicksand, sans-serif); }
.tmz-blog-icerik h2{ font-size:24px; font-weight:800; margin:28px 0 14px; font-family: var(--fontFamily, Quicksand, sans-serif); }
.tmz-blog-icerik h3{ font-size:19px; font-weight:700; margin:22px 0 10px; font-family: var(--fontFamily, Quicksand, sans-serif); }
.tmz-blog-icerik p{ margin-bottom:18px; }
.tmz-blog-icerik a{ color: var(--mainColor, #ff5722); text-decoration:underline; font-weight:600; }
.tmz-blog-icerik img{ max-width:100%; height:auto; border-radius:10px; margin:20px 0; display:block; }
.tmz-blog-icerik blockquote{
  border-left:4px solid var(--mainColor, #ff5722);
  background:#fff6f3;
  padding:14px 18px;
  margin:20px 0;
  font-style:italic;
  color:#555;
  border-radius:0 8px 8px 0;
}
.tmz-blog-icerik ul, .tmz-blog-icerik ol{ margin:0 0 18px 22px; }
.tmz-blog-icerik li{ margin-bottom:6px; }

/* Blog listeleme — kart ızgarası */
.tmz-blog-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:26px;
  margin-top:10px;
}
@media(max-width:992px){ .tmz-blog-grid{ grid-template-columns:repeat(2, 1fr); } }
@media(max-width:600px){ .tmz-blog-grid{ grid-template-columns:1fr; } }

.tmz-blog-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  box-shadow:0 2px 14px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.tmz-blog-card:hover{
  transform: translateY(-4px);
  box-shadow:0 10px 28px rgba(0,0,0,.1);
}
.tmz-blog-card-img{
  width:100%;
  aspect-ratio:16/9;
  background: var(--transparentColor, #fcebe5);
  overflow:hidden;
}
.tmz-blog-card-img img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .35s ease; }
.tmz-blog-card:hover .tmz-blog-card-img img{ transform:scale(1.06); }
.tmz-blog-card-img-bos{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  font-size:34px; opacity:.4;
}
.tmz-blog-card-body{
  padding:18px 20px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.tmz-blog-card-meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11.5px;
  color: var(--secondColor, #6a6a6a);
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.tmz-blog-card-body h3{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:18px;
  font-weight:700;
  color: var(--blackColor, #242424);
  margin-bottom:8px;
  line-height:1.35;
}
.tmz-blog-card-body p{
  font-size:13.5px;
  color: var(--secondColor, #6a6a6a);
  line-height:1.6;
  margin-bottom:16px;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tmz-blog-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:12px;
  border-top:1px solid #eee;
}
.tmz-blog-card-yazar{ font-size:12px; font-weight:700; color: var(--blackColor, #242424); }
.tmz-blog-card-istatistik{ font-size:11.5px; font-weight:700; color: var(--secondColor,#6a6a6a); }
.tmz-blog-card-link{ font-size:12.5px; font-weight:700; color: var(--mainColor, #ff5722); white-space:nowrap; }
.tmz-blog-card-link i{ margin-left:4px; font-size:10px; transition: transform .2s ease; }
.tmz-blog-card:hover .tmz-blog-card-link i{ transform: translateX(3px); }

.tmz-semt-altbilgi{
  font-size:12.5px;
  color: var(--secondColor, #6a6a6a);
  margin-top:-8px;
  margin-bottom:8px;
  font-weight:600;
}

/* ============================================================
   "NELER DAHİL" KARTLARI — orijinaldeki sprite ikon (services.png)
   yerine tema uyumlu FontAwesome ikon (görsel varlık kullanılmadı)
   ============================================================ */
.tmz-dahil-card{
  display:block;
  background:#f5f1fe;
  border:1.5px solid #ded4fb;
  border-radius:14px;
  padding:26px 22px;
  height:100%;
  box-shadow: 0 6px 18px rgba(36,36,36,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration:none;
  color:inherit;
}
.tmz-dahil-card:hover{
  transform: translateY(-4px);
  border-color:#8b5cf6;
  box-shadow: 0 16px 34px rgba(36,36,36,.1);
}
.tmz-included-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px; height:60px;
  border-radius:12px;
  background:#fff;
  border:1.5px solid #f0ded8;
  margin:0 auto 12px;
}
.tmz-included-icon img{ width:28px; height:28px; }

/* Gerçek fotoğraf yüklendiğinde: aynı beyaz kutu, sadece büyük ve tam kaplayan görsel
   (Neler Dahil bölümünün kendi renk/çerçeve sistemiyle uyumlu) */
.tmz-included-icon.tmz-included-icon-foto{
  width:100%;
  height:180px;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:16px;
}
.tmz-included-icon-foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Neler Dahil kartları — metin sola hizalı, Hizmetlerimiz kartındaki gibi */
.ey-bg .card .card-body.media{
  text-align:left;
}
.ey-bg .card .card-title,
.ey-bg .card .card-text{
  text-align:left;
}

/* ============================================================
   SIK SORULAN SORULAR — accordion kutuları arasına boşluk
   ============================================================ */
.tmz-accordion-gapped .accordion-item{
  margin-bottom:14px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.125) !important;
}
.tmz-accordion-gapped .accordion-item:last-child{ margin-bottom:0; }

/* SSS bölümü arka zemini — gri */
.tmz-faq-bg{
  background: var(--backgroundColor, #ebebeb);
}

/* ============================================================
   ODA BAZLI TEMİZLİK REHBERİ (sekmeli bölüm) — resim yerine
   tema rengiyle uyumlu ikon kutusu (görsel varlık kullanılmadı)
   ============================================================ */
.tmz-tab-img-placeholder{
  width:100%;
  aspect-ratio: 16/7;
  border-radius:12px;
  background: var(--transparentColor, #fcebe5);
  color: var(--mainColor, #ff5722);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:64px;
  margin-bottom:18px;
}
#tmzCleaningTabContent p{ text-align:left; }

/* ============================================================
   FİYATSIZ HİZMET KARTLARI — kullanıcının gönderdiği referans
   görseldeki kart stili (ikon dairesi + başlık + açıklama + link)
   ============================================================ */
.tmz-service-card{
  display:block;
  background: var(--transparentColor, #ffefeb);
  border:1.5px solid #ffd4c2;
  border-radius:14px;
  padding:26px 22px;
  height:100%;
  box-shadow: 0 6px 18px rgba(36,36,36,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  text-decoration:none;
  color: inherit;
}
.tmz-service-card:hover{
  transform: translateY(-4px);
  border-color: var(--mainColor, #ff5722);
  box-shadow: 0 16px 34px rgba(36,36,36,.1);
}
.tmz-service-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px; height:60px;
  border-radius:12px;
  background:#fff;
  border:1.5px solid #f0ded8;
  margin-bottom:16px;
}
.tmz-service-icon img{ width:30px; height:30px; }

/* Gerçek fotoğraf yüklendiğinde: kutuyu boşluksuz tam dolduran, kırpılarak sığan görsel */
.tmz-service-icon-foto{
  width:100%;
  height:180px;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:16px;
  background:#fff;
}
.tmz-service-icon-foto img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.tmz-service-card h3{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:18px;
  font-weight:700;
  color: var(--blackColor, #242424);
  margin-bottom:10px;
}
.tmz-service-card p{
  font-size:14px;
  color: var(--paragraphColor, #3c4444);
  line-height:1.6;
  margin-bottom:16px;
}
.tmz-service-link{
  font-weight:700;
  font-size:14px;
  color: var(--mainColor, #ff5722);
  white-space:nowrap;
}
.tmz-service-link i{ font-size:12px; margin-left:2px; }
.tmz-service-link:hover{ color: var(--mainColor, #ff5722); text-decoration:underline; }

/* ============================================================
   YENİ HEADER — sol logo (bulmaca.org.tr tarzı), sağda sadece
   Üye Ol/Giriş Yap + 3 çizgili hamburger (hizmet listesi açar)
   ============================================================ */
.tmz-header{
  position: sticky;
  top: 0;
  z-index: 200;
  background: #fff;
  box-shadow: 0 2px 10px rgba(36,36,36,.06);
}
.tmz-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 16px;
  max-width: 1140px;
  margin: 0 auto;
}
.tmz-logo{
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
}
.tmz-logo-img{
  height:34px;
  width:auto;
  flex-shrink:0;
}
.tmz-header-right{
  display:flex;
  align-items:center;
  gap:14px;
}
.tmz-login-link{
  font-size:13px;
  font-weight:600;
  color: var(--blackColor, #242424);
  white-space:nowrap;
}
.tmz-login-link:hover{ color: var(--mainColor, #ff5722); }
.tmz-sep{ color:#ccc; margin:0 2px; }

/* 3 çizgili hamburger butonu */
.tmz-hamburger{
  width:38px; height:38px;
  border:1px solid #ececec;
  border-radius:10px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  flex-shrink:0;
}
.tmz-hamburger span{
  display:block;
  width:18px;
  height:2px;
  background: var(--blackColor, #242424);
  border-radius:2px;
}
.tmz-hamburger:hover span{ background: var(--mainColor, #ff5722); }

/* Hamburger paneli (Bootstrap offcanvas üzerine küçük tema düzenlemesi) */
.tmz-offcanvas .offcanvas-title{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-weight:700;
}
.tmz-service-list{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-direction:column;
}
.tmz-service-list li{ border-bottom:1px solid #f0f0f0; }
.tmz-service-list li a{
  display:block;
  padding:14px 4px;
  font-weight:600;
  font-size:15px;
  color: var(--blackColor, #242424);
}
.tmz-service-list li a:hover{ color: var(--mainColor, #ff5722); }

.tmz-offcanvas-divider{
  height:1px;
  background:#f0f0f0;
  margin:14px 0;
}

/* Hamburger menü — üst buton grupları */
.tmz-offcanvas-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
  padding:13px 10px;
  border-radius:12px;
  border:1.5px solid #f0e4e1;
  background:#fdfbfa;
  color: var(--blackColor,#1c1c26);
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  text-align:center;
}
.tmz-offcanvas-btn:hover{ background: var(--transparentColor,#fcebe5); color: var(--blackColor,#1c1c26); }
.tmz-offcanvas-btn-tam{ display:flex; width:100%; margin-bottom:10px; }
.tmz-offcanvas-btn-satir{ display:flex; gap:8px; margin-bottom:10px; }

.tmz-offcanvas-btn-mavi{ background:#e3f0ff; border-color:#b8d8ff; color:#1a5fb4; }
.tmz-offcanvas-btn-mavi:hover{ background:#d2e6ff; color:#1a5fb4; }
.tmz-offcanvas-btn-turuncu{ background:#fff0e4; border-color:#ffd0a3; color:#c9560a; }
.tmz-offcanvas-btn-turuncu:hover{ background:#ffe4cd; color:#c9560a; }
.tmz-offcanvas-btn-mor{ background:#f1e9ff; border-color:#d5bfff; color:#6d3fd6; }
.tmz-offcanvas-btn-mor:hover{ background:#e6d9ff; color:#6d3fd6; }
.tmz-secondary-list li a{
  font-weight:500;
  font-size:14px;
  color: var(--secondColor, #6a6a6a);
}
.tmz-secondary-list li a:hover{ color: var(--mainColor, #ff5722); }

/* ============================================================
   ALT SABİT 4 BUTON — mobil uygulama hissi
   ============================================================ */
.tmz-bottom-nav{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:150;
  display:flex;
  background:#fff;
  border-top:1px solid #ececec;
  box-shadow: 0 -4px 14px rgba(36,36,36,.06);
  padding: 8px 6px calc(8px + env(safe-area-inset-bottom));
}
.tmz-bn-item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  font-size:11px;
  font-weight:600;
  color: var(--secondColor, #6a6a6a);
}
.tmz-bn-item.active{ color: var(--mainColor, #ff5722); }
.tmz-bn-ic{ font-size:19px; }
.tmz-bn-ic-pin{ color:#e0332e; }

/* ============================================================
   HESAP MENÜSÜ — masaüstü (header) + mobil (alt menü)
   ============================================================ */

/* Masaüstünde görünür, mobilde tamamen gizli (mobilde alt "Hesabım" var) */
.tmz-sadece-masaustu{ display:none !important; }
@media(min-width:768px){
  .tmz-sadece-masaustu{ display:inline-flex !important; align-items:center; }
}

/* Mobilde görünür, masaüstünde tamamen gizli */
.tmz-sadece-mobil{ display:block; }
@media(min-width:768px){
  .tmz-sadece-mobil{ display:none; }
}

.tmz-hesap-widget{ position:relative; gap:8px; }
/* Header ikon butonları (Kampanya/Duyuru) — .tmz-hesap-buton ile aynı görünüm ama
   overflow:hidden YOK, çünkü bildirim rozetinin dışa taşması gerekiyor */
.tmz-icon-buton{
  width:34px; height:34px;
  border-radius:50%;
  border:1.5px solid #e5e5ec;
  background:#fff;
  color: var(--secondColor,#6a6a6a);
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
  cursor:pointer;
  padding:0;
  position:relative;
}
.tmz-icon-buton:hover{ border-color: var(--mainColor,#ff5722); }
.tmz-hesap-buton{
  width:34px; height:34px;
  border-radius:50%;
  border:1.5px solid #e5e5ec;
  background:#fff;
  color: var(--secondColor,#6a6a6a);
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
  cursor:pointer;
  overflow:hidden;
  padding:0;
}
.tmz-hesap-buton img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-hesap-buton:hover{ border-color: var(--mainColor,#ff5722); }
.tmz-hesap-isim-ust{
  font-size:13px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tmz-hesap-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  padding:8px;
  min-width:160px;
  display:none;
  flex-direction:column;
  z-index:200;
}
.tmz-hesap-menu.acik{ display:flex; }
.tmz-hesap-menu a{
  padding:10px 12px;
  border-radius:8px;
  font-size:13.5px;
  font-weight:600;
  color: var(--blackColor,#1c1c26);
  text-decoration:none;
}
.tmz-hesap-menu a:hover{ background:#f5f5fa; }

/* Mobil alt menüdeki "Hesabım" (girişli hâli) — profil resmi + isim */
.tmz-bn-hesap-wrap{ position:relative; }
.tmz-bn-hesap-btn{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  background:none;
  border:none;
  font-size:11px;
  font-weight:600;
  color: var(--secondColor,#6a6a6a);
  padding:0;
}
.tmz-bn-avatar{
  width:32px; height:32px;
  border-radius:50%;
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:#f3f3f8;
  font-size:17px;
  color:#999;
  border:1.5px solid #eee;
}
.tmz-bn-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-bn-hesap-isim{ max-width:56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tmz-hesap-menu-mobil{
  top:auto;
  bottom:calc(100% + 10px);
  right:-6px;
  left:auto;
}

/* Alt butonlar mobil içeriğin üstüne binmesin diye boşluk */
body{ padding-bottom:64px; }

@media (min-width: 768px){
  .tmz-bottom-nav{ display:none; }
  body{ padding-bottom:0; }
  .tmz-header-right{ gap:20px; }
}

/* ============================================================
   FOOTER — WhatsApp destek kutusu
   ============================================================ */
.tmz-whatsapp-box{
  display:flex;
  align-items:center;
  gap:14px;
  background:#25D366;
  color:#fff;
  border-radius:12px;
  padding:14px 16px;
  text-decoration:none;
  transition: transform .15s ease, box-shadow .25s ease;
  box-shadow: 0 8px 20px rgba(37,211,102,.25);
}
.tmz-whatsapp-box:hover{ transform: translateY(-2px); color:#fff; }
.tmz-whatsapp-ic{
  width:42px; height:42px;
  border-radius:50%;
  background: rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
  flex-shrink:0;
}
.tmz-whatsapp-text{ display:flex; flex-direction:column; }
.tmz-whatsapp-title{ font-size:12.5px; opacity:.9; }
.tmz-whatsapp-number{ font-size:17px; font-weight:800; }

/* ============================================================
   "BU SAYFAYI KİRALA" — ilgi çekici, tek parça banner
   ============================================================ */
.tmz-rent-banner{
  padding: 32px 16px;
  background: linear-gradient(135deg, #e3fbf8 0%, #d3f6f1 100%);
}
.tmz-rent-card{
  position: relative;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 1px solid #bdeee6;
  border-radius: 20px;
  padding: 36px 28px 30px;
  box-shadow: 0 12px 30px rgba(0, 191, 165, .12);
  overflow: hidden;
}
.tmz-rent-card::before{
  content: "";
  position: absolute;
  top: -60px; right: -60px;
  width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(0,191,165,.15), transparent 70%);
  border-radius: 50%;
}
.tmz-rent-badge{
  display: inline-block;
  background: #00bfa5;
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .03em;
  padding: 5px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.tmz-rent-icon{
  font-size: 40px;
  margin-bottom: 8px;
}
.tmz-rent-card h3{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size: 21px;
  font-weight: 800;
  color: var(--blackColor, #242424);
  margin-bottom: 10px;
}
.tmz-rent-card p{
  font-size: 14.5px;
  color: var(--secondColor, #6a6a6a);
  max-width: 420px;
  margin: 0 auto 22px;
  line-height: 1.6;
}
.tmz-rent-whatsapp{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25D366;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 26px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(37,211,102,.3);
  transition: transform .15s ease;
}
.tmz-rent-whatsapp:hover{ transform: translateY(-2px); color:#fff; }
.tmz-rent-whatsapp i{ font-size: 19px; }

/* ============================================================
   SAĞ ALT İLETİŞİM WIDGET'I — örnek sitedeki Tawk.to balonunun
   görünümü birebir, tıklayınca Ara / WhatsApp seçenekleri açılır
   ============================================================ */
.tmz-contact-widget{
  position: fixed;
  right: 18px;
  bottom: 92px;
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.tmz-contact-bubble{
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #ff8a3d, #ff5722);
  color: #fff;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(255,87,34,.35);
  animation: tmzBubblePulse 2.6s ease-in-out infinite;
}
.tmz-contact-badge{
  position: absolute;
  top: -3px; right: -3px;
  width: 21px; height: 21px;
  border-radius: 50%;
  background: #e0231f;
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}
@keyframes tmzBubblePulse{
  0%, 100%{ box-shadow: 0 10px 24px rgba(255,87,34,.35), 0 0 0 0 rgba(255,87,34,.35); }
  50%{ box-shadow: 0 10px 24px rgba(255,87,34,.35), 0 0 0 9px rgba(255,87,34,0); }
}

.tmz-contact-options{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  opacity: 0;
  transform: translateY(10px) scale(.95);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.tmz-contact-widget.open .tmz-contact-options{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.tmz-contact-etiket{
  background:#1c1c26;
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:6px 12px;
  border-radius:999px;
  align-self:flex-end;
}
.tmz-contact-widget.open .tmz-contact-bubble{ animation: none; }

.tmz-contact-option{
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: var(--blackColor, #242424);
  font-size: 13.5px;
  font-weight: 700;
  padding: 10px 16px 10px 12px;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(36,36,36,.14);
  white-space: nowrap;
}
.tmz-contact-option:hover{ color: var(--blackColor, #242424); transform: translateX(-2px); }
.tmz-contact-option i{
  width: 30px; height: 30px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  font-size: 15px;
  flex-shrink: 0;
}
.tmz-option-whatsapp i{ background: #25D366; }
.tmz-option-call i{ background: var(--mainColor, #ff5722); }

@media (min-width: 768px){
  .tmz-contact-widget{ bottom: 26px; }
}

/* ============================================================
   SCROLL-REVEAL — sayfa hızlı açılsın, alt bölümler kaydırdıkça
   yumuşakça belirsin (performans + algılanan hız için)
   ============================================================ */
.tmz-reveal{
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .55s ease, transform .55s ease;
  will-change: opacity, transform;
}
.tmz-reveal-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .tmz-reveal{ opacity:1; transform:none; transition:none; }
}

/* ============================================================
   YENİ ÜYE PANELİ — sekmeli, geniş, sol profil kartı
   ============================================================ */
.tmz-panel-wrap-genis{ max-width:1100px; }

/* Mobilde yatay taşma olmasın diye güvenlik ağı */
body{ overflow-x:hidden; }
.tmz-panel-wrap, .tmz-panel-wrap *{ box-sizing:border-box; }
.tmz-ekip-form{ flex-wrap:wrap; }
.tmz-ekip-form input[type="text"]{ min-width:0; }
.tmz-referans-kod-kutu{ flex-wrap:wrap; gap:10px; }
.tmz-panel-header{ flex-wrap:wrap; }
.tmz-panel-header-actions{ flex-wrap:wrap; }

.tmz-profil-grid{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:20px;
  align-items:start;
}
@media(max-width:820px){
  .tmz-profil-grid{ grid-template-columns:1fr; }
}

.tmz-profil-foto-kutu{
  background:#fff;
  border-radius:16px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
  margin-bottom:16px;
}
.tmz-profil-foto-wrap{
  position:relative;
  width:100px; height:100px;
  margin:0 auto 14px;
}
.tmz-profil-foto-wrap img{
  width:100%; height:100%;
  border-radius:50%;
  object-fit:cover;
  object-position:center 20%;
  border:3px solid #fff;
  box-shadow:0 0 0 2px #eee;
  background:#f3f3f8;
}
.tmz-profil-foto-wrap img.tmz-halka-kadin{ box-shadow:0 0 0 3px #e0538f; }
.tmz-profil-foto-wrap img.tmz-halka-erkek{ box-shadow:0 0 0 3px #3b78d8; }
.tmz-profil-foto-wrap img.tmz-halka-notr{ box-shadow:0 0 0 3px #b5b5c0; }

/* Kiraladığın Bölgeler kutuları (uye-panel — admin.css'deki aynı sınıfların site sürümü) */
.tmz-uye-bolge-box{
  position:relative;
  border:1.5px solid #e5e5ec;
  border-radius:10px;
  padding:14px 14px 12px;
  background:#f8f8fb;
}
.tmz-uye-bolge-adi{ font-size:12.5px; font-weight:700; color: var(--blackColor,#1c1c26); margin-bottom:8px; }
.tmz-uye-bolge-aktif-dot{
  position:absolute;
  top:-7px; left:-7px;
  width:16px; height:16px;
  border-radius:50%;
  cursor:pointer;
  border:2.5px solid #f8f8fb;
}
.tmz-uye-bolge-aktif-dot.on{ background:#20d080; }
.tmz-uye-bolge-aktif-dot.off{ background:#c1c1c8; }
.tmz-semt-del{
  position:absolute;
  top:-7px; right:-7px;
  width:16px; height:16px;
  border-radius:50%;
  background:#fff;
  border:1.5px solid #f04040;
  color:#f04040;
  font-size:11px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-weight:800;
}

/* Süre barı (kalan gün göstergesi) — admin.css'deki aynı sınıfların site sürümü */
.tmz-sure-bar-wrap{ display:flex; flex-direction:column; gap:4px; min-width:140px; }
.tmz-sure-bar-track{
  width:100%; height:8px; border-radius:5px;
  background:#eaeaf0;
  overflow:hidden;
}
.tmz-sure-bar-fill{
  height:100%;
  border-radius:5px;
  transition: width .3s ease;
}
.tmz-sure-bar-label{ font-size:11px; color: var(--secondColor,#6a6a6a); font-weight:700; }

.time-badge{
  display:inline-flex; align-items:center; font-size:11px; font-weight:700;
  padding:4px 9px; border-radius:20px; white-space:nowrap; letter-spacing:.3px;
}
.time-badge.bitti{ background:rgba(240,64,64,.15); color:#f04040; }
.tmz-profil-foto-ikon{
  width:100%; height:100%;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:38px;
  border:3px solid #fff;
  box-shadow:0 0 0 2px #eee;
}
.tmz-profil-foto-ikon.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; }
.tmz-profil-foto-ikon.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; }
.tmz-profil-foto-ikon.tmz-temsilci-notr{ background:#eee; color:#999; }

/* Popup (toast) bildirim */
.tmz-panel-toast{
  position:fixed;
  top:20px; left:50%;
  transform:translateX(-50%) translateY(-30px);
  z-index:9999;
  padding:14px 22px;
  border-radius:12px;
  font-size:13.5px;
  font-weight:700;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  transition: opacity .25s ease, transform .25s ease;
  max-width:90vw;
  text-align:center;
}
.tmz-panel-toast-goster{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.tmz-panel-toast-ok{ background:#159a5c; }
.tmz-panel-toast-hata{ background:#c0392b; }
.tmz-foto-degistir-btn{
  position:absolute;
  bottom:-2px; right:-2px;
  width:32px; height:32px;
  border-radius:50%;
  background: var(--mainColor,#ff5722);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
  cursor:pointer;
  border:2.5px solid #fff;
}
.tmz-profil-foto-kutu h2{ font-size:17px; font-weight:800; margin-bottom:4px; }
.tmz-profil-sehir{ font-size:12.5px; color: var(--secondColor,#6a6a6a); margin-bottom:4px; }
.tmz-profil-instagram{ font-size:12.5px; color:#c13584; font-weight:700; text-decoration:none; }

.tmz-odeme-bekleniyor-btn{
  display:block;
  width:100%;
  background: linear-gradient(135deg, #e0453f, #c0392b);
  color:#fff;
  font-weight:800;
  font-size:12.5px;
  padding:14px 10px;
  border:none;
  border-radius:12px;
  cursor:pointer;
  margin-bottom:16px;
  animation: tmzOdemePulse 1.4s ease-in-out infinite;
}
@keyframes tmzOdemePulse{
  0%, 100% { box-shadow:0 0 0 0 rgba(20,20,25,.55); }
  50% { box-shadow:0 0 0 10px rgba(20,20,25,0); }
}
.tmz-odeme-bekleniyor-nokta{
  display:inline-block;
  width:9px; height:9px;
  border-radius:50%;
  background:#ffc107;
  margin-right:2px;
  animation: tmzOdemeNoktaAtis 1.4s ease-in-out infinite;
}
@keyframes tmzOdemeNoktaAtis{
  0%, 100% { transform:scale(1); opacity:1; }
  50%      { transform:scale(1.5); opacity:.6; }
}

.tmz-panel-puan-ozet{
  background:#fff;
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:16px;
  text-align:center;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
}
.tmz-panel-puan-yildiz{ color:#f5a623; font-size:16px; letter-spacing:1px; }
.tmz-panel-puan-deger{ font-weight:800; font-size:14px; margin-left:6px; color: var(--blackColor,#1c1c26); }
.tmz-panel-puan-adet{ font-size:11px; color: var(--secondColor,#6a6a6a); margin-left:4px; }

.tmz-ekip-satir{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid #f2f2f7;
}
.tmz-ekip-satir:last-child{ border-bottom:none; }
.tmz-ekip-avatar{
  width:32px; height:32px;
  border-radius:50%;
  background:#f3f3f8;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  font-size:14px;
}
.tmz-ekip-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-ekip-isim{ flex:1; font-size:13px; font-weight:600; }
.tmz-ekip-sil{
  width:20px; height:20px;
  border-radius:50%;
  border:none;
  background:#fdecea;
  color:#c0392b;
  font-size:13px;
  cursor:pointer;
  line-height:1;
}
.tmz-ekip-form{
  display:flex;
  gap:6px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #f2f2f7;
}
.tmz-ekip-form input[type="text"]{
  flex:1;
  min-width:0;
  padding:8px 10px;
  border-radius:8px;
  border:1.5px solid #e3e3ec;
  font-size:12.5px;
}
.tmz-ekip-foto-label{
  width:34px; height:34px;
  border-radius:8px;
  border:1.5px solid #e3e3ec;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  flex-shrink:0;
}
.tmz-ekip-form button{
  padding:8px 12px;
  border-radius:8px;
  border:none;
  background: var(--mainColor,#ff5722);
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}

.tmz-tab-nav{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:3px;
  background:#fff;
  border-radius:14px;
  padding:5px;
  margin-bottom:16px;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
}
.tmz-tab-btn{
  white-space:normal;
  word-break:keep-all;
  line-height:1.15;
  padding:8px 2px;
  border:none;
  border-radius:9px;
  background:transparent;
  color: var(--secondColor,#6a6a6a);
  font-size:9.5px;
  font-weight:800;
  cursor:pointer;
}
.tmz-tab-btn.aktif{ background: var(--mainColor,#ff5722); color:#fff; }

.tmz-is-foto-slot{ text-align:center; }
.tmz-is-foto-onizleme-wrap{ margin-bottom:8px; }
.tmz-is-foto-yukle-btn{
  display:block;
  padding:9px;
  border-radius:8px;
  border:1.5px dashed #d8d8e6;
  font-size:12px;
  font-weight:700;
  color: var(--secondColor,#6a6a6a);
  cursor:pointer;
  text-align:center;
}

.tmz-fiyatlar-btn{
  padding:9px 14px;
  border-radius:10px;
  border:1.5px solid #ffd7a8;
  background:#fff8ef;
  color:#9a4a15;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
}
.tmz-fiyatlar-akordiyon{ margin-bottom:16px; }
.tmz-fiyat-kartlar-mini{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}
.tmz-fiyat-kart-mini{
  background:#fdf9f6;
  border:1px solid #f0e4d8;
  border-radius:10px;
  padding:12px;
  text-align:center;
}
.tmz-fiyat-kart-mini strong{ display:block; font-size:12.5px; margin-bottom:4px; }
.tmz-fiyat-kart-mini span{ display:block; font-size:16px; font-weight:800; color: var(--mainColor,#ff5722); margin-bottom:4px; }
.tmz-fiyat-kart-mini small{ font-size:10px; color: var(--secondColor,#6a6a6a); line-height:1.4; }
@media(max-width:600px){ .tmz-fiyat-kartlar-mini{ grid-template-columns:1fr; } }

.tmz-ozet-satir{
  font-size:14.5px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
  padding:9px 0;
  border-bottom:1px solid #f2f2f7;
}

.tmz-yorum-karti{
  background:#fff;
  border-left:4px solid var(--mainColor,#ff5722);
  border-radius:0 12px 12px 0;
  padding:16px 18px;
  margin-bottom:12px;
  box-shadow:0 3px 12px rgba(0,0,0,.04);
}
.tmz-yorum-karti-ust{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.tmz-yorum-puan-rozet{
  background:#fff4e0;
  color:#c9820a;
  font-weight:800;
  font-size:12.5px;
  padding:4px 10px;
  border-radius:999px;
}
.tmz-yorum-tarih{ font-size:11px; color: var(--secondColor,#6a6a6a); }
.tmz-yorum-metin{ font-size:13.5px; line-height:1.5; margin-bottom:8px; }
.tmz-yorum-kimden{ font-size:11.5px; font-weight:700; color: var(--secondColor,#6a6a6a); }

/* Referans (arkadaşını getir) kutusu — Extra sekmesi */
.tmz-referans-kart{
  background: linear-gradient(135deg, #fff4ec, #ffe4d6);
  border:1.5px solid #ffcaa8;
  border-radius:16px;
  padding:24px 22px;
  margin-bottom:18px;
}
.tmz-referans-baslik{ font-family: var(--fontFamily, Quicksand, sans-serif); font-size:17px; font-weight:800; margin-bottom:10px; }
.tmz-referans-aciklama{ font-size:13px; line-height:1.6; color:#7a4a1f; margin-bottom:16px; }
.tmz-referans-kod-kutu{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border:1.5px dashed #e0b98a;
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:16px;
}
.tmz-referans-kod-kutu span{ font-family:monospace; font-size:17px; font-weight:800; letter-spacing:1px; color: var(--blackColor,#1c1c26); }
.tmz-referans-kod-kutu button{
  padding:8px 16px;
  border:none;
  border-radius:8px;
  background: var(--mainColor,#ff5722);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
}
.tmz-referans-istatistik{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:16px;
}
.tmz-referans-istatistik-kutu{
  background:#fff;
  border-radius:10px;
  padding:14px;
  text-align:center;
}
.tmz-referans-istatistik-kutu strong{ display:block; font-size:20px; font-weight:800; color: var(--mainColor,#ff5722); margin-bottom:2px; }
.tmz-referans-istatistik-kutu span{ font-size:11px; color:#8a5a2f; }
.tmz-referans-whatsapp-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#25D366;
  color:#fff;
  font-weight:800;
  font-size:13.5px;
  padding:12px;
  border-radius:10px;
  text-decoration:none;
}
.tmz-referans-whatsapp-btn:hover{ opacity:.92; color:#fff; }

/* ============================================================
   "EN YAKIN TEMİZLİKÇİYİ BUL" — tam ekran arama sihirbazı
   ============================================================ */
.tmz-arama-modal{
  position:fixed;
  inset:0;
  z-index:9998;
  display:none;
  align-items:center;
  justify-content:center;
  background: rgba(28,20,45,.55);
  backdrop-filter: blur(4px);
  padding:16px;
}
.tmz-arama-modal.acik{ display:flex; }

.tmz-arama-modal-ic{
  position:relative;
  width:100%;
  max-width:520px;
  max-height:92vh;
  overflow-y:auto;
  background: linear-gradient(160deg, #fff 0%, #fff7f2 100%);
  border-radius:26px;
  padding:28px 24px 32px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  animation: tmzAramaPop .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tmzAramaPop{
  0%{ transform:scale(.85); opacity:0; }
  100%{ transform:scale(1); opacity:1; }
}
@media(max-width:600px){
  .tmz-arama-modal{ padding:16px; align-items:center; }
  .tmz-arama-modal-ic{
    max-width:100%;
    max-height:88vh;
    height:auto;
    border-radius:24px;
    padding:34px 22px 30px;
  }
  .tmz-arama-buyuk-ikon{ font-size:52px; margin-bottom:16px; }
  .tmz-arama-panel h2{ font-size:23px; margin-bottom:10px; }
  .tmz-arama-panel > p{ font-size:14.5px; margin-bottom:26px; }
  .tmz-arama-input-wrap input{ padding:26px 60px 26px 22px; font-size:19px; min-height:64px; }
  .tmz-arama-mik{ width:48px; height:48px; font-size:20px; right:10px; }
  .tmz-arama-devam-btn, .tmz-arama-buyuk-btn{ padding:19px; font-size:16.5px; }
  .tmz-arama-yazar-kunye, .tmz-arama-yazar-avatar{ margin-bottom:14px; }
}

.tmz-arama-kapat{
  position:absolute;
  top:16px; right:16px;
  width:34px; height:34px;
  border-radius:50%;
  border:none;
  background:#f2f0f5;
  color:#6a6a6a;
  font-size:15px;
  cursor:pointer;
  z-index:2;
}
.tmz-arama-kapat:hover{ background:#e5e2ec; }

.tmz-arama-progress{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.tmz-arama-adim{
  font-size:11px;
  font-weight:700;
  color:#c9c4d6;
  padding:5px 10px;
  border-radius:999px;
  background:#f2f0f5;
  transition: all .25s ease;
}
.tmz-arama-adim.aktif{
  background: linear-gradient(135deg, #ff8a3d, #ff5722);
  color:#fff;
}

.tmz-arama-panel{ display:none; text-align:center; }
.tmz-arama-panel.aktif{ display:block; animation: tmzAramaFadeIn .3s ease; }
@keyframes tmzAramaFadeIn{
  0%{ opacity:0; transform:translateY(8px); }
  100%{ opacity:1; transform:translateY(0); }
}

.tmz-arama-buyuk-ikon{
  font-size:44px;
  margin-bottom:14px;
}
.tmz-arama-panel h2{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:21px;
  font-weight:800;
  color: var(--blackColor,#1c1c26);
  margin-bottom:8px;
}
.tmz-arama-panel > p{
  font-size:13.5px;
  color: var(--secondColor,#6a6a6a);
  margin-bottom:22px;
}

.tmz-arama-input-wrap{
  position:relative;
  margin-bottom:16px;
}
.tmz-arama-input-wrap input{
  width:100%;
  padding:26px 60px 26px 22px;
  border-radius:16px;
  border:2px solid #eee2f5;
  background:#fff;
  font-size:19px;
  font-weight:700;
  text-align:center;
  color: var(--blackColor,#1c1c26);
  min-height:64px;
}
.tmz-arama-input-wrap input:focus{
  outline:none;
  border-color: var(--mainColor,#ff5722);
}
.tmz-arama-mik{
  position:absolute;
  top:50%; right:10px;
  transform:translateY(-50%);
  width:48px; height:48px;
  border-radius:50%;
  border:none;
  background: linear-gradient(135deg, #8b5cf6, #6d3fd6);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.tmz-arama-mik.dinliyor{ animation: tmzBubblePulse 1s ease-in-out infinite; }
.tmz-arama-dinliyor{
  font-size:13px;
  font-weight:700;
  color:#8b5cf6;
  margin:-8px 0 14px;
}

.tmz-arama-devam-btn{
  width:100%;
  padding:16px;
  border:none;
  border-radius:16px;
  background: linear-gradient(135deg, #ff8a3d, #ff5722);
  color:#fff;
  font-size:15.5px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(255,87,34,.3);
}
.tmz-arama-devam-btn:hover{ opacity:.94; }

.tmz-arama-buyuk-btn{
  width:100%;
  padding:18px;
  border:none;
  border-radius:16px;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
  margin-bottom:16px;
}
.tmz-arama-birincil{
  background: linear-gradient(135deg, #20d080, #159a5c);
  color:#fff;
  box-shadow:0 10px 24px rgba(21,154,92,.3);
}
.tmz-arama-birincil:hover{ opacity:.94; }

.tmz-arama-veya{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:700;
  color:#b8b3c4;
  margin-bottom:16px;
}
.tmz-arama-veya::before, .tmz-arama-veya::after{
  content:'';
  flex:1;
  height:1px;
  background:#ece7f2;
}

.tmz-arama-geri-btn{
  width:100%;
  padding:12px;
  border:none;
  background:transparent;
  color: var(--secondColor,#6a6a6a);
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  margin-top:6px;
}

/* Sonuç listesi */
.tmz-arama-sonuc-baslik h2{
  font-family: var(--fontFamily, Quicksand, sans-serif);
  font-size:19px;
  font-weight:800;
  margin-bottom:6px;
}
.tmz-arama-sonuc-baslik p{ font-size:13px; color: var(--secondColor,#6a6a6a); margin-bottom:16px; }
.tmz-arama-yukleniyor{ font-size:36px; text-align:center; padding:30px; animation: tmzAramaSpin 1s linear infinite; }
@keyframes tmzAramaSpin{ 100%{ transform:rotate(360deg); } }

.tmz-arama-sonuc-liste{ display:flex; flex-direction:column; gap:10px; margin-bottom:10px; text-align:left; }
.tmz-arama-sonuc-kart{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1.5px solid #f1eaf8;
  border-radius:16px;
  padding:12px 14px;
  text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.tmz-arama-sonuc-kart:hover{ transform:translateX(3px); box-shadow:0 6px 18px rgba(0,0,0,.08); }
.tmz-arama-sonuc-kart.tmz-cevrimici{ border-color:#20d080; }

.tmz-arama-sonuc-foto{
  position:relative;
  width:50px; height:50px;
  border-radius:50%;
  flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:19px;
  overflow:hidden;
}
.tmz-arama-sonuc-foto img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-arama-dogrulanmis{
  position:absolute; bottom:-2px; right:-2px;
  width:16px; height:16px;
  border-radius:50%;
  background:#2196f3;
  color:#fff;
  font-size:8px;
  display:flex; align-items:center; justify-content:center;
  border:2px solid #fff;
}
.tmz-arama-sonuc-bilgi{ flex:1; min-width:0; }
.tmz-arama-sonuc-isim{
  font-weight:800;
  font-size:14.5px;
  color: var(--blackColor,#1c1c26);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tmz-arama-puan{ font-size:12px; font-weight:700; color:#f5a623; }
.tmz-arama-puan-yok{ color:#b8b3c4; }
.tmz-arama-cevrimici{ font-size:11px; font-weight:700; color:#159a5c; margin-left:8px; }
.tmz-arama-sonuc-ok{ font-size:18px; color:#d8d2e2; flex-shrink:0; }

/* Aktif/Pasif butonu (üye kendi hesabını duraklatabilir) */
.tmz-durum-aktif{ color:#159a5c !important; border-color:#b7e8cc !important; }
.tmz-durum-pasif{ color:#c0392b !important; border-color:#f2c2bc !important; }

/* Destek popup */
.tmz-destek-modal{
  position:fixed;
  inset:0;
  z-index:9997;
  display:none;
  align-items:center;
  justify-content:center;
  background: rgba(28,20,45,.5);
  padding:16px;
}
.tmz-destek-modal.acik{ display:flex; }
.tmz-destek-modal-ic{
  position:relative;
  width:100%;
  max-width:420px;
  background:#fff;
  border-radius:20px;
  padding:26px 22px;
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}
.tmz-destek-modal-ic h3{ font-size:18px; font-weight:800; margin-bottom:6px; }
.tmz-destek-modal-ic > p{ font-size:13px; color:var(--secondColor,#6a6a6a); margin-bottom:16px; }

/* ============================================================
   ÇEVRİMİÇİ ÜYELER ŞERİDİ — header altında ince kayan bant
   ============================================================ */
/* Çevrimiçi üyeler — MOBİL şerit (header altında, tam genişlik, parlak mor) */
.tmz-cevrimici-serit{
  position:relative;
  overflow:hidden;
  background-color:#8b2fd6;
  background-image: linear-gradient(135deg, rgba(255,255,255,.1), transparent 60%);
  padding:4px 0;
  animation: tmzGokyuzuRenk 60s ease-in-out infinite;
}
/* Parçalı, birbirinden bağımsız hareket eden renk lekeleri (gece/gündüz hissi) */
.tmz-cevrimici-serit::after{
  content:'';
  position:absolute; inset:-20%;
  background:
    radial-gradient(circle at 20% 30%, rgba(59,130,246,.55), transparent 55%),
    radial-gradient(circle at 80% 60%, rgba(236,72,153,.5), transparent 55%),
    radial-gradient(circle at 50% 85%, rgba(255,140,50,.35), transparent 55%),
    radial-gradient(circle at 90% 15%, rgba(139,47,214,.5), transparent 55%);
  animation: tmzParcaliRenk 40s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:0;
}
/* Yıldız parlamaları — küçük noktalar, farklı ritimlerde parlayıp sönüyor */
.tmz-cevrimici-serit::before{
  content:'';
  position:absolute; inset:0;
  background-image:
    radial-gradient(1.4px 1.4px at 8% 25%, #fff, transparent),
    radial-gradient(1px 1px at 18% 65%, #fff, transparent),
    radial-gradient(1.8px 1.8px at 28% 15%, #fff, transparent),
    radial-gradient(1px 1px at 38% 75%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 48% 40%, #fff, transparent),
    radial-gradient(1px 1px at 58% 20%, #fff, transparent),
    radial-gradient(1.8px 1.8px at 68% 70%, #fff, transparent),
    radial-gradient(1px 1px at 78% 35%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 88% 60%, #fff, transparent),
    radial-gradient(1px 1px at 95% 20%, #fff, transparent),
    radial-gradient(1.4px 1.4px at 12% 85%, #fff, transparent),
    radial-gradient(1px 1px at 60% 88%, #fff, transparent);
  opacity:.55;
  animation: tmzYildizParlama 4.5s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
.tmz-cevrimici-serit-track{ position:relative; z-index:1; }

@keyframes tmzGokyuzuRenk{
  0%   { background-color:#8b2fd6; }
  18%  { background-color:#5b21b6; }
  36%  { background-color:#3b0f78; }
  50%  { background-color:#0a0a16; }
  64%  { background-color:#3b0f78; }
  82%  { background-color:#5b21b6; }
  100% { background-color:#8b2fd6; }
}
@keyframes tmzParcaliRenk{
  0%   { transform:translate(0,0) scale(1); opacity:.6; }
  25%  { transform:translate(6%,-8%) scale(1.15); opacity:.4; }
  50%  { transform:translate(-8%,5%) scale(.9); opacity:.7; }
  75%  { transform:translate(4%,8%) scale(1.1); opacity:.5; }
  100% { transform:translate(-5%,-4%) scale(1); opacity:.6; }
}
@keyframes tmzYildizParlama{
  0%, 100% { opacity:.25; }
  50%      { opacity:.75; }
}
.tmz-cevrimici-serit-track{
  display:inline-flex;
  flex-shrink:0;
  gap:12px;
  padding:14px 16px;
  width:max-content;
  animation: tmzCevrimiciSeritKaydir 26s linear infinite;
}
.tmz-cevrimici-serit-track.tmz-serit-durduruldu{ animation-play-state:paused; }
.tmz-cevrimici-serit-track.tmz-serit-statik{ animation:none !important; transform:translateX(0) !important; display:flex !important; width:100% !important; justify-content:center; }
@keyframes tmzCevrimiciSeritKaydir{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.tmz-cevrimici-serit-kisi{
  display:block;
  flex-shrink:0;
  line-height:0;
  text-decoration:none;
}
.tmz-cevrimici-serit-avatar{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  align-self:center !important;
  flex-shrink:0;
  box-sizing:border-box !important;
  width:44px !important; height:44px !important;
  min-width:44px; min-height:44px;
  max-width:44px; max-height:44px;
  border-radius:50% !important;
  aspect-ratio:1/1 !important;
  font-size:16px;
  overflow:hidden !important;
  outline:none !important;
  border:2px solid #fff !important;
  box-shadow:0 0 14px 2px rgba(255,255,255,.9) !important;
  background-size:cover !important;
  background-position:center 20% !important;
  background-repeat:no-repeat !important;
}
.tmz-cevrimici-serit-avatar i{ color:inherit; }
.tmz-cevrimici-serit-avatar.tmz-temsilci-kadin{ background-color:#ffe1ec; color:#e0538f; border-color:#ec4899 !important; }
.tmz-cevrimici-serit-avatar.tmz-temsilci-erkek{ background-color:#dceaff; color:#3b78d8; border-color:#2563eb !important; }
.tmz-cevrimici-serit-avatar.tmz-temsilci-notr{ background-color:#eee; color:#999; border-color:#fff !important; }
.tmz-cevrimici-serit-nokta{
  position:absolute;
  bottom:0; right:0;
  width:10px; height:10px;
  border-radius:50%;
  background:#20d080;
  border:2px solid #fff;
}

/* Çevrimiçi üyeler — MASAÜSTÜ şerit (header içinde, logo/site adına yapışık) */
.tmz-header-cevrimici{
  flex-shrink:1;
  min-width:0;
  max-width:260px;
  margin-left:14px;
  overflow:hidden;
}
.tmz-header-cevrimici-track{
  display:inline-flex;
  flex-shrink:0;
  align-items:center;
  gap:8px;
  padding:6px 4px;
  width:max-content;
  animation: tmzHeaderCevrimiciKaydir 22s linear infinite;
}
.tmz-header-cevrimici-track.tmz-serit-durduruldu{ animation-play-state:paused; }
.tmz-header-cevrimici-track.tmz-serit-statik{ animation:none !important; transform:translateX(0) !important; display:flex !important; width:100% !important; justify-content:center; }
@keyframes tmzHeaderCevrimiciKaydir{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.tmz-header-cevrimici-avatar{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  align-self:center !important;
  flex-shrink:0;
  box-sizing:border-box !important;
  width:32px !important; height:32px !important;
  min-width:32px; min-height:32px;
  max-width:32px; max-height:32px;
  border-radius:50% !important;
  aspect-ratio:1/1 !important;
  font-size:12px;
  overflow:hidden !important;
  outline:none !important;
  border:1.5px solid #fff !important;
  background-size:cover !important;
  background-position:center 20% !important;
  background-repeat:no-repeat !important;
}
.tmz-header-cevrimici-avatar:focus,
.tmz-header-cevrimici-avatar:focus-visible{ outline:none !important; }
.tmz-header-cevrimici-avatar i{ color:inherit; }
.tmz-header-cevrimici-avatar.tmz-temsilci-kadin{ background-color:#ffe1ec; color:#e0538f; border-color:#ec4899 !important; box-shadow:0 0 6px 1px rgba(236,72,153,.55) !important; }
.tmz-header-cevrimici-avatar.tmz-temsilci-erkek{ background-color:#dceaff; color:#3b78d8; border-color:#2563eb !important; box-shadow:0 0 6px 1px rgba(37,99,235,.55) !important; }
.tmz-header-cevrimici-avatar.tmz-temsilci-notr{ background-color:#eee; color:#999; border-color:#fff !important; }
.tmz-header-cevrimici-nokta{
  position:absolute;
  bottom:0; right:0;
  width:8px; height:8px;
  border-radius:50%;
  background:#20d080;
  border:1.5px solid #fff;
}
/* Alt minimal yasal/bilgi linkleri satırı — koyu zemin, fıstık yeşili yazı */
.tmz-alt-linkler{
  background:#161616;
  padding:14px 16px;
  text-align:center;
  line-height:2.2;
}
.tmz-alt-linkler a{
  color:#9DC183;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.tmz-alt-linkler a:hover{ color:#c3e6ac; text-decoration:underline; }
.tmz-alt-linkler span{
  color:#4a4a4a;
  margin:0 8px;
  font-size:11px;
}

/* ============================================================
   BLOG — sol içerik / sağ sidebar düzeni, yazar künyesi, yorumlar
   ============================================================ */
.tmz-blog-layout{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:32px;
  align-items:start;
}
@media(max-width:900px){
  .tmz-blog-layout{ grid-template-columns:1fr; }
}
.tmz-blog-ana{ min-width:0; }
.tmz-blog-ana-sutun{ min-width:0; }
.tmz-blog-makale-blok + .tmz-blog-sonraki-yukleniyor{ margin-top:0; }
.tmz-blog-makale-blok{ margin-bottom:12px; }

.tmz-blog-siradaki-ayrac{
  display:flex;
  align-items:center;
  gap:12px;
  margin:36px 0 22px;
  font-size:12.5px;
  font-weight:700;
  color:#c9670a;
}
.tmz-blog-siradaki-ayrac::before, .tmz-blog-siradaki-ayrac::after{
  content:'';
  flex:1;
  height:2px;
  background: linear-gradient(90deg, transparent, #ffcaa8, transparent);
}

.tmz-blog-sonraki-yukleniyor{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:24px;
  font-size:13.5px;
  font-weight:700;
  color: var(--secondColor,#6a6a6a);
}
.tmz-blog-yukleniyor-spin{ font-size:18px; animation: tmzAramaSpin 1s linear infinite; }

.tmz-blog-sonraki-bitti{
  text-align:center;
  padding:24px;
  font-size:13.5px;
  font-weight:700;
  color: var(--secondColor,#6a6a6a);
}


/* Kart üstündeki üye rozeti (blog/index.php listesi) */
.tmz-blog-card-yazar-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}
.tmz-blog-card-uye-rozeti{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#fff4ec;
  color:#c9670a;
  font-size:11.5px;
  font-weight:700;
  padding:4px 12px 4px 4px;
  border-radius:999px;
  min-width:0;
}
.tmz-blog-card-avatar{
  width:24px; height:24px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:11px;
  overflow:hidden;
  flex-shrink:0;
}
.tmz-blog-card-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-blog-card-avatar.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 1.5px #e0538f; }
.tmz-blog-card-avatar.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 1.5px #3b78d8; }
.tmz-blog-card-avatar.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 1.5px #b5b5c0; }
.tmz-blog-card-tarih{ font-size:11px; font-weight:600; color: var(--secondColor,#6a6a6a); white-space:nowrap; flex-shrink:0; }

/* Tekil yazı — yazar künyesi (üst) */
.tmz-blog-yazar-satiri{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.tmz-blog-yazar-kutu{
  background:#fbe3d6;
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:20px;
}
.tmz-blog-yazar-kutu .tmz-blog-yazar-kunye{ margin-bottom:0; }
.tmz-blog-yazi-duzenle-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 14px;
  border-radius:10px;
  border:1.5px solid #ffd0a3;
  background:#fff4ec;
  color:#c9670a;
  font-size:12.5px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  margin-bottom:14px;
}
.tmz-blog-yazi-duzenle-btn:hover{ background:#ffe4cd; color:#c9670a; }
.tmz-blog-yazar-kunye{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  margin-bottom:14px;
  line-height:1.3;
}
.tmz-blog-yazar-avatar{
  width:38px; height:38px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15px;
  overflow:hidden;
  flex-shrink:0;
}
.tmz-blog-yazar-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-blog-yazar-avatar.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 2px #e0538f; }
.tmz-blog-yazar-avatar.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 2px #3b78d8; }
.tmz-blog-yazar-avatar.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 2px #b5b5c0; }
.tmz-blog-yazar-kunye strong{ font-size:13.5px; color: var(--blackColor,#1c1c26); line-height:1.3; }
.tmz-blog-yazar-sehir{ font-size:11.5px; color: var(--secondColor,#6a6a6a); }
.tmz-blog-yazar-sehir-inline{ font-size:13.5px; font-weight:600; color: var(--secondColor,#6a6a6a); }
.tmz-blog-yazar-tarih{ display:block; font-size:11.5px; line-height:1.3; color: var(--secondColor,#6a6a6a); margin-top:1px; }

/* Breadcrumb (tekil yazı sayfası üstü) */
.tmz-blog-breadcrumb{
  font-size:12.5px;
  font-weight:600;
  color: var(--secondColor,#6a6a6a);
  margin-bottom:14px;
}
.tmz-blog-breadcrumb a{ color: var(--secondColor,#6a6a6a); text-decoration:none; }
.tmz-blog-breadcrumb a:hover{ color: var(--mainColor,#ff5722); }
.tmz-blog-breadcrumb span{ margin:0 4px; }
.tmz-blog-breadcrumb-aktif{
  color: var(--blackColor,#1c1c26);
  font-weight:700;
  display:inline-block;
  max-width:280px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:bottom;
}
.tmz-blog-ana h1{ margin-bottom:16px; }

/* Kapak görseli (tekil sayfa) — devasa görünmesin diye üst sınır */
.tmz-blog-ana > img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Makale içeriği — gömülü resimler taşmasın */
.tmz-blog-icerik{ font-size:15.5px; line-height:1.8; color: var(--blackColor,#1c1c26); }
.tmz-blog-icerik img{ max-width:100%; height:auto; border-radius:10px; margin:12px 0; display:block; }
.tmz-blog-icerik h2, .tmz-blog-icerik h3{ margin-top:28px; margin-bottom:12px; font-weight:800; }
.tmz-blog-icerik p{ margin-bottom:16px; }
.tmz-blog-icerik ul, .tmz-blog-icerik ol{ margin-bottom:16px; padding-left:22px; }
.tmz-blog-icerik a{ color: var(--mainColor,#ff5722); }

/* Etiketler */
.tmz-blog-etiketler{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.tmz-blog-etiketler span{
  background:#f5f3fa;
  color:#8b5cf6;
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}

/* Faydalı buldum butonu */
.tmz-blog-begen-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1.5px solid #f1c2c2;
  color:#d0455a;
  font-size:13.5px;
  font-weight:700;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  margin:8px 0 28px;
}
.tmz-blog-begen-btn:hover{ background:#fff3f3; }
.tmz-blog-begen-btn.begenildi{ background:#ffe1e6; border-color:#f2909e; color:#c0392b; cursor:default; }
.tmz-blog-begen-btn:disabled{ opacity:.85; }

/* Yorumlar */
.tmz-blog-yorum-bolum{ border-top:1.5px solid #f1eef7; padding-top:24px; margin-top:10px; }
.tmz-blog-yorum-bolum h3{ font-size:17px; font-weight:800; margin-bottom:16px; }
.tmz-blog-yorum-liste{ display:flex; flex-direction:column; gap:16px; margin-bottom:22px; }
.tmz-blog-yorum-item{
  background:#faf9fc;
  border-radius:12px;
  padding:14px 16px;
  border-bottom:3px solid #f1eef7;
}
.tmz-blog-yorum-ust{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.tmz-blog-yorum-yazan{ display:flex; align-items:center; gap:8px; }
.tmz-blog-yorum-yazan a{ text-decoration:none; }
.tmz-blog-yorum-avatar{
  width:28px; height:28px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  overflow:hidden;
  flex-shrink:0;
}
.tmz-blog-yorum-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-blog-yorum-avatar.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 1.5px #e0538f; }
.tmz-blog-yorum-avatar.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 1.5px #3b78d8; }
.tmz-blog-yorum-avatar.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 1.5px #b5b5c0; }
.tmz-blog-yorum-ust strong{ font-size:13.5px; }
.tmz-blog-yorum-ust span{ font-size:11px; color: var(--secondColor,#6a6a6a); flex-shrink:0; }
.tmz-blog-yorum-item p{ font-size:13.5px; line-height:1.6; margin:0; color: var(--blackColor,#1c1c26); }

.tmz-blog-yorum-form{ position:relative; display:flex; flex-direction:column; gap:10px; }
.tmz-blog-yorum-form input[type="text"],
.tmz-blog-yorum-form textarea{
  width:100%;
  padding:12px 14px;
  border-radius:10px;
  border:1.5px solid #e3e3ec;
  font-size:14px;
  font-family:inherit;
  background:#fafafe;
}
.tmz-blog-yorum-form button{ align-self:flex-start; }

/* Sidebar */
.tmz-blog-sidebar{ display:flex; flex-direction:column; gap:18px; }
.tmz-blog-yan-kart{
  background: linear-gradient(180deg, #fff4ec, #fff 65%);
  border-radius:16px;
  padding:18px;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
}
.tmz-blog-yan-kart h3{
  font-size:14.5px;
  font-weight:800;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:2.5px solid #f1c9a8;
}
.tmz-blog-yan-uye{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  padding:10px 0;
  border-bottom:1px solid #f2f0f6;
}
.tmz-blog-yan-uye:last-child{ border-bottom:none; padding-bottom:0; }
.tmz-blog-yan-uye:first-child{ padding-top:0; }
.tmz-blog-yan-avatar{
  width:36px; height:36px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
  overflow:hidden;
  flex-shrink:0;
}
.tmz-blog-yan-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-blog-yan-avatar.tmz-temsilci-kadin{ background:#ffe1ec; color:#e0538f; box-shadow:0 0 0 2px #e0538f; }
.tmz-blog-yan-avatar.tmz-temsilci-erkek{ background:#dceaff; color:#3b78d8; box-shadow:0 0 0 2px #3b78d8; }
.tmz-blog-yan-avatar.tmz-temsilci-notr{ background:#eee; color:#999; box-shadow:0 0 0 2px #b5b5c0; }
.tmz-blog-yan-uye-bilgi{ display:flex; flex-direction:column; min-width:0; }
.tmz-blog-yan-uye-isim{ font-size:13px; font-weight:700; color: var(--blackColor,#1c1c26); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tmz-blog-yan-uye-etiket{ font-size:11px; color: var(--secondColor,#6a6a6a); }

.tmz-blog-yan-yazi{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:9px 0;
  border-bottom:1px solid #f2f0f6;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
}
.tmz-blog-yan-yazi-resimli{
  flex-direction:row;
  align-items:center;
  gap:10px;
}
.tmz-blog-yan-yazi-resim{
  width:52px; height:52px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
  background: var(--transparentColor, #fcebe5);
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.tmz-blog-yan-yazi-resim img{ width:100%; height:100%; object-fit:cover; }
.tmz-blog-yan-yazi-metin{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.tmz-blog-yan-yazi-baslik{
  font-size:13px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.3;
}
.tmz-blog-yan-yazi-alt{ font-size:10.5px; font-weight:600; color: var(--secondColor,#6a6a6a); }
.tmz-blog-yan-yazi:last-child{ border-bottom:none; }
.tmz-blog-yan-yazi span{ font-size:11px; font-weight:600; color: var(--secondColor,#6a6a6a); }

.tmz-blog-yan-cta{
  background: linear-gradient(135deg, #fff4ec, #ffe4d6);
  border:1.5px solid #ffcaa8;
  text-align:center;
}
.tmz-blog-yan-cta p{ font-size:12.5px; color:#7a4a1f; margin-bottom:14px; }

.tmz-blog-onizleme-uyari{
  background:#fff4d6;
  border:1.5px solid #f5d78a;
  color:#8a6a10;
  font-size:13px;
  border-radius:12px;
  padding:12px 16px;
  margin-bottom:20px;
}

/* Blog kapak görseli önizlemesi — diğer resim yüklemelerle aynı çerçeveli görünüm */
.tmz-blog-kapak-onizleme-wrap{ margin-bottom:8px; }
.tmz-blog-kapak-onizleme{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:10px;
  display:block;
}

/* ============================================================
   FOTOĞRAF KIRPICI — profil resmi yüklerken sürükle/yakınlaştır
   ============================================================ */
.tmz-kirp-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  background: rgba(28,20,45,.6);
  padding:16px;
}
.tmz-kirp-modal.acik{ display:flex; }
.tmz-kirp-modal-ic{
  background:#fff;
  border-radius:20px;
  padding:26px 22px;
  max-width:360px;
  width:100%;
  text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}
.tmz-kirp-modal-ic h3{ font-size:17px; font-weight:800; margin-bottom:4px; }
.tmz-kirp-modal-ic > p{ font-size:12.5px; color: var(--secondColor,#6a6a6a); margin-bottom:18px; }

.tmz-kirp-alan{
  position:relative;
  width:260px; height:260px;
  margin:0 auto 16px;
  border-radius:50%;
  overflow:hidden;
  background:#f3f3f8;
  cursor:grab;
  touch-action:none;
  box-shadow:0 0 0 3px #fff, 0 0 0 5px #ffd7a8;
}
.tmz-kirp-alan:active{ cursor:grabbing; }
.tmz-kirp-alan-dikdortgen{
  width:300px; height:169px;
  border-radius:12px;
}
.tmz-kirp-alan img{
  position:absolute;
  top:0; left:0;
  max-width:none;
  user-select:none;
  pointer-events:none;
}
.tmz-kirp-modal-ic input[type="range"]{
  width:100%;
  margin-bottom:18px;
  accent-color: var(--mainColor,#ff5722);
}
.tmz-kirp-butonlar{ display:flex; gap:10px; }
.tmz-kirp-butonlar button{ flex:1; }

/* Hero — mor "Temizlikçi Ol" butonu */
.default-button.tmz-btn-mor{
  background:#8b5cf6 !important;
  border-color:#8b5cf6 !important;
  color:#fff !important;
}
.default-button.tmz-btn-mor:hover{
  background:#7c3aed !important;
  border-color:#7c3aed !important;
  color:#fff !important;
}

/* Şehirler sayfası — alfabetik harf filtresi */
.tmz-harf-filtre{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin:20px 0 24px;
}
.tmz-harf-btn{
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:9px;
  border:1.5px solid #f0e4e1;
  background:#fff;
  color: var(--blackColor,#1c1c26);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.tmz-harf-btn:hover{ border-color: var(--mainColor,#ff5722); }
.tmz-harf-btn.aktif{
  background: var(--mainColor,#ff5722);
  border-color: var(--mainColor,#ff5722);
  color:#fff;
}

/* Üye panelinde "Yazılarım" durum rozetleri */
.tmz-blog-durum-rozet{
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  background:#f0f0f0;
  color:#666;
  white-space:nowrap;
}
.tmz-blog-durum-bekliyor{ background:#fff4d6; color:#8a6a10; }
.tmz-blog-durum-yayinda{ background:#e8f8ee; color:#159a5c; }
.tmz-blog-durum-red{ background:#fdecea; color:#c0392b; }

/* ============================================================
   BÖLGE ÇİPİ IZGARASI — tekrar kullanılabilir (üye panel + admin)
   Mobil: 2 sütun · Tablet: 3 sütun · Masaüstü: 4 sütun
   Renk: süreye göre yeşilden kırmızıya (inline hsl() ile verilir)
   ============================================================ */
.tmz-bolge-cip-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
}
@media(min-width:600px){
  .tmz-bolge-cip-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media(min-width:900px){
  .tmz-bolge-cip-grid{ grid-template-columns:repeat(4, 1fr); }
}
.tmz-bolge-cip{
  border:1.5px solid;
  border-radius:10px;
  padding:9px 6px;
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:break-word;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .12s ease;
}
.tmz-bolge-cip:active{ transform:scale(.96); }
.tmz-bolge-cip span{ pointer-events:none; }
.tmz-bolge-cip.tmz-bolge-cip-kalan-goster{ font-size:11px; }

/* Üye panelinde "Yazılarım/Yazıların" satırları */
.tmz-yazilarim-satir{ padding:12px 0; border-bottom:1px solid #f1f1f1; }
.tmz-yazilarim-satir:last-child{ border-bottom:none; }
.tmz-yazilarim-ust{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.tmz-yazilarim-baslik{ font-weight:700; font-size:13.5px; }
.tmz-yazilarim-alt{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tmz-yazilarim-istatistik{ font-size:11.5px; font-weight:700; color: var(--secondColor,#6a6a6a); }

.tmz-is-foto-buton-satiri{ display:flex; gap:6px; }
.tmz-is-foto-sil-btn{
  width:34px; height:34px;
  border-radius:8px;
  border:1.5px solid #f2c2bc;
  background:#fdecea;
  color:#c0392b;
  font-size:13px;
  cursor:pointer;
  flex-shrink:0;
}

/* Genel profil sayfası (uye.php) — üyenin yazıları varsa sağ sidebar */
.tmz-uye-profil-layout-yan{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:32px;
  align-items:start;
}
@media(max-width:900px){
  .tmz-uye-profil-layout-yan{ grid-template-columns:1fr; }
}
/* Sidebar aktifken sol panel artık kendi hücresini tam kaplasın,
   eski tek-sütunlu tasarımdan kalan ortalama/daraltma devre dışı */
.tmz-uye-profil-layout-yan .tmz-uye-profil-wrap{
  max-width:none;
  margin:0;
}

/* Üye kişisel blog sayfası — ince/uzun künye satırı */
.tmz-uyeblog-kunye{
  margin:0 0 24px;
  background:#fff;
  border-radius:16px;
  padding:14px 20px;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.tmz-uyeblog-kunye-sol{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.tmz-uyeblog-avatar{
  position:relative;
  width:56px; height:56px;
  border-radius:50%;
  flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:20px;
  overflow:hidden;
}
.tmz-uyeblog-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.tmz-uyeblog-isim-blok{ min-width:0; }
.tmz-uyeblog-isim-blok h1{
  font-size:16.5px;
  font-weight:800;
  margin:0 0 3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tmz-uyeblog-isim-blok p{
  font-size:12.5px;
  color: var(--secondColor,#6a6a6a);
  margin:0;
  white-space:nowrap;
}
.tmz-uyeblog-isim-blok p + p{ margin-top:2px; }
.tmz-uyeblog-kunye-sag{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  flex-shrink:0;
}
.tmz-uyeblog-yildiz{
  font-size:13px;
  font-weight:700;
  color:#f5a623;
  white-space:nowrap;
}
.tmz-uyeblog-yildiz span{ color: var(--blackColor,#1c1c26); margin-left:3px; }
.tmz-uyeblog-profil-btn{ padding:9px 18px !important; font-size:13px !important; white-space:nowrap; }
@media(max-width:480px){
  .tmz-uyeblog-kunye{ justify-content:center; text-align:center; }
  .tmz-uyeblog-kunye-sag{ align-items:center; width:100%; }
}

/* Üye kişisel blog sayfası — sidebar mini galeri + mini yorumlar */
.tmz-uyeblog-mini-galeri{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
}
.tmz-uyeblog-mini-galeri-foto{
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  display:block;
}
.tmz-uyeblog-mini-galeri-foto img{ width:100%; height:100%; object-fit:cover; }
.tmz-uyeblog-mini-yorum{
  padding:10px 0;
  border-bottom:1px solid #f1f0f5;
}
.tmz-uyeblog-mini-yorum:last-child{ border-bottom:none; padding-bottom:0; }
.tmz-uyeblog-mini-yorum-yildiz{ color:#f5a623; font-size:12px; margin-bottom:4px; }
.tmz-uyeblog-mini-yorum p{
  font-size:12.5px;
  color: var(--secondColor,#6a6a6a);
  font-style:italic;
  line-height:1.5;
  margin:0;
}

/* Ana sayfa — "Ekstra" hizmet sekmesi (özet + Devamını Oku) */
.tmz-ekstra-ozet{
  font-size:15px;
  font-weight:600;
  color: var(--blackColor,#1c1c26);
  margin-bottom:12px;
}
.tmz-devamini-oku-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:none;
  border:none;
  padding:0;
  color: var(--mainColor,#ff5722);
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  margin-bottom:14px;
}
.tmz-ekstra-tam-metin{ margin-top:10px; }

/* Hizmet detay sayfası — alt kısım "Diğer Hizmetlerimiz" kart ızgarası */
.tmz-hizmet-alt-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}
@media(max-width:900px){
  .tmz-hizmet-alt-grid{ grid-template-columns:repeat(2, 1fr); gap:14px; }
}
.tmz-hizmet-alt-kart{
  display:block;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(0,0,0,.05);
  text-decoration:none;
  transition: transform .15s ease;
}
.tmz-hizmet-alt-kart:hover{ transform:translateY(-3px); }
.tmz-hizmet-alt-kart-resim{
  aspect-ratio:16/10;
  background: var(--transparentColor,#fcebe5);
  display:flex; align-items:center; justify-content:center;
  font-size:28px;
}
.tmz-hizmet-alt-kart-resim img{ width:100%; height:100%; object-fit:cover; }
.tmz-hizmet-alt-kart-govde{ padding:16px; }
.tmz-hizmet-alt-kart-govde h3{
  font-size:15px;
  font-weight:800;
  color: var(--blackColor,#1c1c26);
  margin-bottom:6px;
}
.tmz-hizmet-alt-kart-govde p{
  font-size:12.5px;
  color: var(--secondColor,#6a6a6a);
  line-height:1.5;
  margin-bottom:10px;
}
.tmz-hizmet-alt-kart-link{ font-size:12.5px; font-weight:700; color: var(--mainColor,#ff5722); }

/* Ana sayfa — "Blogumuzdan Son Yazılar" ızgarası: mobil 2, masaüstü 4 sütun */
.tmz-anasayfa-blog-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}
@media(max-width:900px){
  .tmz-anasayfa-blog-grid{ grid-template-columns:repeat(2, 1fr); gap:14px; }
}

/* Tanıtım/kampanya alanları (site tarafı) */
.tmz-tanitim-alani{ position:relative; overflow:hidden; }
.tmz-tanitim-link{ display:block; width:100%; height:100%; }

/* Mobil için ayrı görsel yüklendiyse: masaüstünde biri, mobilde diğeri gösterilir */
.tmz-tanitim-mobil-goster{ display:none; }
@media(max-width:600px){
  .tmz-tanitim-masaustu-goster{ display:none; }
  .tmz-tanitim-mobil-goster{ display:block; }
}

/* Header — duyuru okunmamış sayısı rozeti */
.tmz-duyuru-rozet{
  position:absolute;
  top:-4px; right:-4px;
  min-width:16px; height:16px;
  padding:0 4px;
  border-radius:999px;
  background:#e0453f;
  color:#fff;
  font-size:9.5px;
  font-weight:800;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid #fff;
}

/* Ana sayfa — Hizmetlerimiz'den itibaren sidebar'lı layout */
.tmz-anasayfa-sidebar-grid{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:32px;
  align-items:start;
}
.tmz-anasayfa-ana-sutun{ min-width:0; }
@media(max-width:900px){
  .tmz-anasayfa-sidebar-grid{ grid-template-columns:1fr; }
}

/* Ana sayfa — "İlginizi Çekebilir" tarzı renkli blog bar kartları */
.tmz-ilgi-baslik{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:14px;
  letter-spacing:.3px;
  text-transform:uppercase;
  color: var(--blackColor,#1c1c26);
  margin-bottom:16px;
}
.tmz-ilgi-baslik-ikon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px; height:20px;
  border-radius:50%;
  background: var(--mainColor,#ff5722);
  color:#fff;
  font-size:9px;
}
.tmz-ilgi-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}
@media(max-width:700px){
  .tmz-ilgi-grid{ grid-template-columns:1fr; }
}
.tmz-ilgi-kart{
  display:flex;
  align-items:center;
  gap:0;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  min-height:100px;
  transition: transform .15s ease, filter .15s ease;
}
.tmz-ilgi-kart:hover{ transform:translateY(-2px); filter:brightness(1.06); }
.tmz-ilgi-kart-resim{
  flex-shrink:0;
  align-self:stretch;
  width:130px;
  background:rgba(255,255,255,.15);
  display:flex; align-items:center; justify-content:center;
}
.tmz-ilgi-kart-resim img{ width:100%; height:100%; object-fit:cover; }
.tmz-ilgi-kart-resim-bos{ font-size:22px; }
.tmz-ilgi-kart-baslik{
  flex:1;
  min-width:0;
  padding:10px 14px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  line-height:1.35;
}
.tmz-ilgi-kart-ok{
  flex-shrink:0;
  width:36px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  font-size:13px;
  opacity:.85;
}

/* Ana sayfa sidebar'ı, "Hizmetlerimiz" başlığı+açıklaması kadar aşağıdan başlasın
   (kartlarla aynı hizada olsun, en tepede tavana yapışık durmasın) */
.tmz-anasayfa-sidebar-hizala{ margin-top:96px; }
@media(max-width:900px){
  .tmz-anasayfa-sidebar-hizala{ margin-top:0; }
}

/* Üye giriş sayfası — sol altta küçük, sabit "Geri Dön" butonu */
.tmz-uyegiris-kucuk-geri{
  position:fixed;
  left:16px; bottom:16px;
  background:#fff;
  border:1.5px solid #e5e5ec;
  color: var(--secondColor,#6a6a6a);
  font-size:12.5px;
  font-weight:700;
  padding:8px 14px;
  border-radius:999px;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  z-index:50;
}
.tmz-uyegiris-kucuk-geri:hover{ border-color: var(--mainColor,#ff5722); color: var(--mainColor,#ff5722); }

/* Hizmetlerimiz / Neler Dahil kart ızgaraları — Bootstrap'ın col-md-4'ü
   VIEWPORT genişliğine göre karar veriyor, sidebar'lı dar konteynerde
   (sidebar alanı düşülünce kalan gerçek genişlik) kartları aşırı sıkıştırıyordu.
   CSS Grid ile GERÇEK konteyner genişliğine göre otomatik sütun sayısı. */
.tmz-service-grid,
#tmzNelerDahilGrid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
  max-width:1000px; /* masaüstünde 4. sütunun asla açılmaması için üst sınır — hep en fazla 3 */
}
.tmz-service-grid > [class*="col-"],
#tmzNelerDahilGrid > [class*="col-"]{
  width:auto !important;
  max-width:none !important;
  flex:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* Temanın kendi CSS'inde .container için birden fazla kırılma noktasında
   (767px, 991px, 1199px gibi) sabit dar genişlikler tanımlı — bu, orta/dar
   ekranlarda gereksiz boşluklara sebep oluyordu (kutu sayısı azalsa bile
   container dar bir genişliğe kilitleniyordu). Artık 1400px'e kadar
   container her zaman tam genişliği kullanıyor (kenar boşluğuyla),
   sadece gerçekten geniş masaüstü ekranlarında (≥1400px) makul bir
   üst sınırla ortalanıyor. */
.container{
  max-width:100% !important;
  padding-left:16px !important;
  padding-right:16px !important;
}
@media(min-width:1400px){
  .container{
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Kirala sayfası — süreli kampanya banner'ı */
.tmz-kampanya-banner{
  display:flex;
  align-items:center;
  gap:14px;
  background: linear-gradient(135deg, #ff5722, #ff8a3d);
  border-radius:14px;
  padding:16px 20px;
  margin-bottom:18px;
  box-shadow:0 8px 24px rgba(255,87,34,.25);
}
.tmz-kampanya-banner-ikon{ font-size:30px; flex-shrink:0; }
.tmz-kampanya-banner-metin{ display:flex; flex-direction:column; gap:2px; }
.tmz-kampanya-banner-metin strong{ color:#fff; font-size:15.5px; font-weight:800; }
.tmz-kampanya-banner-metin span{ color:rgba(255,255,255,.9); font-size:12.5px; font-weight:600; }

/* Kirala sekmesi — kampanya aktifken üstü çizili eski fiyat + indirimli fiyat */
.tmz-fiyat-eski{ color:#999; font-weight:600; text-decoration:line-through; margin-right:4px; }
.tmz-fiyat-indirimli{ color:#ff5722; font-weight:800; }

/* Kampanya aktifken üye panelinde "Kirala" sekmesi dikkat çeksin diye
   kırmızı, kalın ve kalp atışı gibi hafif büyüyüp küçülen animasyon.
   Bu her zaman aktif — kampanya varsa üstüne ek olarak (1) baloncuğu çıkar.
   Seçili DEĞİLKEN yeşil kutu içinde; SEÇİLİYKEN (turuncu zemin) yazı beyaz olur. */
.tmz-tab-kampanya-dikkat{
  color:#e0201f !important;
  font-weight:800 !important;
  animation: tmzKalpAtisi 1.1s ease-in-out infinite;
  background:#e8f8ee !important;
  border-radius:9px;
}
.tmz-tab-kampanya-dikkat.aktif{
  color:#fff !important;
  background: var(--mainColor,#ff5722) !important;
}
@keyframes tmzKalpAtisi{
  0%, 100% { transform:scale(1); }
  50%      { transform:scale(1.08); }
}
.tmz-tab-kampanya-baloncuk{
  position:absolute;
  top:-2px; right:-2px;
  min-width:16px; height:16px;
  padding:0 4px;
  border-radius:999px;
  background:#e0201f;
  color:#fff;
  font-size:10px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1.5px solid #fff;
  animation:none;
}

/* ============================================================
   KİRALAMA POPUP'I — adım adım (Şehir → İlçe/Semt), sağda/altta
   sabit "Hizmet Özeti" paneli. elemanyonlendir.com'daki rezervasyon
   akışıyla aynı mantık.
   ============================================================ */
.tmz-kirala-ac-btn{
  background: linear-gradient(135deg, #ff5722, #ff8a3d);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:14px 28px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(255,87,34,.25);
}

.tmz-kirala-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:2000;
  background:rgba(20,15,10,.55);
  align-items:center;
  justify-content:center;
  padding:16px;
}
.tmz-kirala-modal.acik{ display:flex; }
.tmz-kirala-modal-ic{
  background:#fff;
  border-radius:18px;
  width:100%;
  max-width:920px;
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.tmz-kirala-modal-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  border-bottom:1px solid #eee;
  flex-shrink:0;
}
.tmz-kirala-modal-header h3{ flex:1; text-align:center; margin:0; font-size:16px; }
.tmz-kirala-modal-geri,
.tmz-kirala-modal-kapat{
  width:34px; height:34px;
  border-radius:50%;
  border:1.5px solid #e5e5ec;
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  font-size:16px;
  color:#333;
  flex-shrink:0;
}
.tmz-kirala-modal-geri:hover,
.tmz-kirala-modal-kapat:hover{ border-color: var(--mainColor,#ff5722); color: var(--mainColor,#ff5722); }

.tmz-kirala-modal-govde{
  display:flex;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.tmz-kirala-modal-sol{
  flex:1;
  min-width:0;
  overflow-y:auto;
  padding:20px;
}
.tmz-kirala-modal-sag{
  width:300px;
  flex-shrink:0;
  background:#fafafa;
  border-left:1px solid #eee;
  padding:20px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
}
.tmz-kirala-modal-sag h4{ font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:#888; margin:14px 0 10px; }

.tmz-kirala-kupon{ display:flex; gap:6px; }
.tmz-kirala-kupon input{
  flex:1;
  min-width:0;
  border:1.5px solid #e5e5ec;
  border-radius:8px;
  padding:9px 12px;
  font-size:13px;
}
.tmz-kirala-kupon button{
  background: var(--mainColor,#ff5722);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:0 16px;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}

.tmz-kirala-ozet-satirlar{ flex:1; min-height:0; }
.tmz-kirala-ozet-bos{ font-size:12.5px; color:#999; text-align:center; padding:20px 0; }

.tmz-kirala-devam-btn{
  width:100%;
  margin-top:14px;
  background: var(--mainColor,#ff5722);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:13px;
  font-size:14.5px;
  font-weight:800;
  cursor:pointer;
}

.tmz-kirala-indirim-banner{
  background:#eafaf0;
  border:1.5px solid #a8ecb8;
  border-radius:10px;
  padding:12px 14px;
  font-size:12.5px;
  color:#159a5c;
  font-weight:600;
  margin-bottom:14px;
  line-height:1.5;
}

.tmz-panel-toast-bilgi{ background:#2563eb; }

/* Mobil: alt kısımda sabit "Hizmet Özeti" paneli, seçim alanı ekrana sığar */
@media(max-width:767px){
  .tmz-kirala-modal{ padding:0; align-items:flex-end; }
  .tmz-kirala-modal-ic{
    max-width:100%;
    max-height:100vh;
    height:100vh;
    border-radius:0;
  }
  .tmz-kirala-modal-govde{
    flex-direction:column;
  }
  .tmz-kirala-modal-sol{
    padding:14px;
    padding-bottom:8px;
  }
  .tmz-kirala-modal-sag{
    width:100%;
    border-left:none;
    border-top:1px solid #eee;
    flex-shrink:0;
    max-height:42vh;
    padding:14px;
    box-shadow:0 -6px 16px rgba(0,0,0,.06);
  }
}

/* Kirala popup — "İlçelere Geç" butonundaki ek indirim rozeti */
.tmz-kirala-devam-indirim{
  display:block;
  font-size:11px;
  font-weight:700;
  opacity:.9;
  margin-top:2px;
}

/* "Tüm ilçeleri seç" satırının sağındaki "Semtler" sütun etiketi */
.tmz-kirala-semtler-etiket{
  font-size:10.5px;
  font-weight:800;
  color:#999;
  text-transform:uppercase;
  letter-spacing:.4px;
  flex-shrink:0;
}

/* Tüm Fiyatlar — yeniden tasarlanan detaylı fiyat kartları */
.tmz-fiyat-detay-kart{
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:10px;
  border:1px solid rgba(0,0,0,.05);
}
.tmz-fiyat-detay-sehir{ background: linear-gradient(135deg, #ffe9d6, #ffd9c2); }
.tmz-fiyat-detay-ilce{ background: linear-gradient(135deg, #dceeff, #cfe6ff); }
.tmz-fiyat-detay-semt{ background: linear-gradient(135deg, #e6f9ec, #d7f5e2); }
.tmz-fiyat-detay-baslik{ font-size:12.5px; font-weight:800; color:#333; margin-bottom:6px; }
.tmz-fiyat-detay-satir{ display:flex; align-items:baseline; gap:8px; }
.tmz-fiyat-detay-eski{ color:#aaa; font-weight:600; text-decoration:line-through; font-size:12.5px; }
.tmz-fiyat-detay-normal{ font-weight:800; font-size:15px; color:#1c1c26; }
.tmz-fiyat-detay-parlayan{
  display:inline-block;
  color:#ff5722;
  font-weight:800;
  font-size:13px;
  animation: tmzFiyatParla 1.6s ease-in-out infinite;
}
@keyframes tmzFiyatParla{
  0%, 100% { text-shadow:0 0 0 rgba(255,87,34,0); }
  50%      { text-shadow:0 0 10px rgba(255,87,34,.55); }
}
.tmz-fiyat-detay-kademe{ font-size:12px; color:#666; margin-top:4px; line-height:1.6; }
.tmz-fiyat-detay-kademe strong{ color:#159a5c; }
.tmz-fiyat-detay-not{ display:block; font-size:11px; color:#999; margin-top:6px; }

/* Kirala popup — Semt/mahalle fırsatlarına dikkat çeken ince alt banner */
.tmz-kirala-semt-referans-banner{
  background:#fff4e0;
  border:1px solid #ffd580;
  border-radius:8px;
  padding:8px 12px;
  font-size:11.5px;
  font-weight:700;
  color:#a16207;
  margin-bottom:14px;
}

/* Hizmet Özeti — toplam indirim rozeti */
.tmz-sepet-toplam-satir{ text-align:right; }
.tmz-ozet-indirim-rozeti{
  background:#eafaf0;
  color:#159a5c;
  font-size:11.5px;
  font-weight:800;
  padding:4px 10px;
  border-radius:999px;
  margin-bottom:6px;
}

/* Tüm Fiyatlar — madde madde indirim satırları (Normal → -X TL → TOPLAM) */
.tmz-fiyat-detay-kural-not{
  background:#fff4e0;
  border:1px solid #ffd580;
  border-radius:8px;
  padding:9px 12px;
  font-size:11.5px;
  color:#a16207;
  margin-bottom:12px;
  line-height:1.5;
}
.tmz-fiyat-detay-indirim-satir{
  font-size:12px;
  color:#666;
  padding:3px 0;
}
.tmz-fiyat-detay-indirim-satir span{ color:#d62f2f; font-weight:700; }
.tmz-fiyat-detay-toplam-satir{
  font-size:13.5px;
  font-weight:800;
  color:#1c1c26;
  border-top:1px dashed rgba(0,0,0,.12);
  margin-top:6px;
  padding-top:6px;
}

/* Kirala popup — ilçe/semt satırlarında kutu kutu fiyat gösterimi
   (açık gri üstü çizili normal fiyat → mavi kademe indirimi → mor kampanya → yeşil toplam) */
.tmz-fk-normal{
  color:#b0b0b8;
  font-weight:600;
  text-decoration:line-through;
  font-size:11.5px;
  margin-right:4px;
}
.tmz-fk-kutu{
  display:inline-block;
  font-size:10.5px;
  font-weight:800;
  padding:2px 7px;
  border-radius:6px;
  margin-right:4px;
  white-space:nowrap;
}
.tmz-fk-mavi{ background:#dceeff; color:#1d5fb8; }
.tmz-fk-mor{ background:#f0e0ff; color:#7c1fb8; }
.tmz-fk-yesil{ background:#dcf5e2; color:#159a5c; }

/* Üye panel üstü — parlayan gradyan çerçeveli, koyu lacivert zeminli butonlar */
.tmz-glow-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:#0d0d1f;
  background-image: linear-gradient(#0d0d1f, #0d0d1f), linear-gradient(90deg, #a855f7, #3b82f6, #22d3ee);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border:2px solid transparent;
  border-radius:12px;
  color:#fff !important;
  font-weight:800;
  font-size:13.5px;
  padding:11px 22px;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 0 14px rgba(139,92,246,.35), 0 0 14px rgba(34,211,238,.25);
  transition: transform .15s ease, box-shadow .15s ease;
}
.tmz-glow-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 20px rgba(139,92,246,.5), 0 0 20px rgba(34,211,238,.4);
}
.tmz-glow-btn-kirmizi{
  background-image: linear-gradient(#3a0d0d, #3a0d0d), linear-gradient(90deg, #ef4444, #f97316);
  box-shadow:0 0 14px rgba(239,68,68,.4);
}
.tmz-glow-btn-kirmizi:hover{
  box-shadow:0 0 20px rgba(239,68,68,.55);
}

/* Sipariş onaylandıktan sonra doğrudan gelinen "Bekleyen Siparişin" kartı —
   dikkat çeksin diye kısa süreliğine beyaz parlayan nabız efekti */
.tmz-odeme-dikkat{
  animation: tmzOdemeNabiz 1.3s ease-in-out 4 !important;
}
@keyframes tmzOdemeNabiz{
  0%, 100% { box-shadow:0 0 0 0 rgba(255,255,255,0); }
  50%      { box-shadow:0 0 0 8px rgba(255,255,255,.9), 0 0 26px rgba(255,255,255,.7); }
}

/* Bekleyen sipariş kartı — Düzenle / İptal Et butonları */
.tmz-panel-siparis-duzenle-btn{
  display:inline-block;
  background:#fff;
  color: var(--mainColor,#ff5722);
  border:1.5px solid var(--mainColor,#ff5722);
  font-weight:800;
  font-size:12.5px;
  padding:9px 16px;
  border-radius:10px;
  cursor:pointer;
  margin-top:8px;
  margin-left:8px;
}
.tmz-panel-siparis-iptal-btn{
  display:inline-block;
  background:#fff;
  color:#d62f2f;
  border:1.5px solid #f0c0c0;
  font-weight:800;
  font-size:12.5px;
  padding:9px 16px;
  border-radius:10px;
  cursor:pointer;
  margin-top:8px;
  margin-left:8px;
}
.tmz-panel-siparis-iptal-btn:disabled,
.tmz-panel-siparis-duzenle-btn:disabled{ opacity:.6; cursor:default; }

/* Sepet özeti — satır sonundaki "×" kaldırma butonu */
.tmz-ozet-satir{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:5px 0; font-size:12.5px; }
.tmz-ozet-satir-kaldir{
  flex-shrink:0;
  width:18px; height:18px;
  border-radius:50%;
  background:#fdeaea;
  color:#d62f2f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  line-height:1;
}
.tmz-ozet-satir-kaldir:hover{ background:#f8caca; }

/* Referans kartı — durum bazlı bakiye dökümü + hedef ilerleme çubuğu */
.tmz-referans-bakiye-liste{
  background:#fff;
  border-radius:10px;
  padding:4px 14px;
  margin-bottom:14px;
}
.tmz-referans-bakiye-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 0;
  font-size:12.5px;
  color: var(--secondColor,#6a6a6a);
  border-bottom:1px solid #f0f0f3;
}
.tmz-referans-bakiye-satir:last-child{ border-bottom:none; }
.tmz-referans-bakiye-satir strong{ color: var(--blackColor,#1c1c26); font-size:13.5px; }
.tmz-referans-bakiye-kullanilabilir strong{ color:#159a5c; }

.tmz-referans-hedef{ margin-bottom:16px; }
.tmz-referans-hedef-metin{ font-size:12px; color: var(--secondColor,#6a6a6a); margin-bottom:8px; }
.tmz-referans-hedef-metin strong{ color: var(--blackColor,#1c1c26); }
.tmz-referans-hedef-tamam{ font-size:13px; font-weight:700; color:#159a5c; background:#eafaf0; border-radius:10px; padding:10px 14px; margin-bottom:0; }
.tmz-referans-ilerleme-bar{
  width:100%;
  height:8px;
  background:#e8e8ee;
  border-radius:999px;
  overflow:hidden;
}
.tmz-referans-ilerleme-dolu{
  height:100%;
  background: linear-gradient(90deg, #ff5722, #ff8a3d);
  border-radius:999px;
  transition: width .3s ease;
}

/* Referans kartı — "Getirdiğin Üye" tıklanabilir kutu + detay popup satırları */
.tmz-referans-tiklanabilir{ cursor:pointer; transition: background .15s ease; }
.tmz-referans-tiklanabilir:hover{ background:#fff5f0; }
.tmz-referans-tiklanabilir i{ font-size:10px; color:var(--mainColor,#ff5722); margin-left:2px; }

.tmz-ref-detay-satir{
  border:1px solid #eee;
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:10px;
}
.tmz-ref-detay-ust{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.tmz-ref-detay-rozet{ font-size:10.5px; font-weight:800; padding:2px 8px; border-radius:999px; }
.tmz-ref-detay-rozet-yesil{ background:#eafaf0; color:#159a5c; }
.tmz-ref-detay-rozet-gri{ background:#eee; color:#888; }
.tmz-ref-detay-alt{ display:flex; flex-direction:column; gap:2px; font-size:11.5px; color:var(--secondColor,#6a6a6a); margin-bottom:8px; }
.tmz-ref-detay-kazanc{ font-size:12.5px; color: var(--blackColor,#1c1c26); background:#fafafa; border-radius:8px; padding:8px 10px; }
.tmz-ref-detay-kazanc strong{ color:#159a5c; }
.tmz-ref-detay-kazanc small{ color:var(--secondColor,#6a6a6a); }

/* Kirala popup — kişinin kendi referans bakiyesini kredi olarak kullanma alanı */
.tmz-kirala-referans-bakiye{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff4e0;
  border:1px solid #ffd580;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:10px;
}
.tmz-kirala-referans-bakiye-metin{ font-size:12px; color:#8a5a00; }
.tmz-kirala-referans-bakiye-metin strong{ color:#c77700; }
#tmzRefBakiyeBtn{
  flex-shrink:0;
  background:#ff8a3d;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:8px 12px;
  font-size:11.5px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
#tmzRefBakiyeBtn.tmz-ref-bakiye-aktif{ background:#159a5c; }
#tmzRefBakiyeBtn:disabled{ background:#d8d8dc; cursor:default; }
.tmz-ozet-satir-ref-indirim{ color:#159a5c; font-weight:700; }

/* Referans kartı — "Ödeme Talep Et" butonu */
.tmz-referans-odeme-talep-btn{
  display:inline-block;
  background:#159a5c;
  color:#fff;
  font-weight:800;
  font-size:12.5px;
  padding:9px 18px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  margin-top:8px;
}
.tmz-referans-odeme-talep-btn:disabled{ opacity:.6; cursor:default; }

/* Referans kartı — "Bekleme Süresinde" satırının tıklanabilir açılır dökümü */
.tmz-referans-bakiye-tiklanabilir{ cursor:pointer; }
.tmz-referans-bakiye-tiklanabilir i{ font-size:10px; color:var(--secondColor,#6a6a6a); margin-left:4px; }
.tmz-referans-beklemede-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 8px;
  font-size:11.5px;
  color: var(--secondColor,#6a6a6a);
  background:#fafafa;
  border-radius:8px;
  margin-top:4px;
}
.tmz-referans-beklemede-satir strong{ color: var(--blackColor,#1c1c26); }

/* Referans kartı — her kazancın tek tek, akordiyonsuz doğrudan listelendiği bölüm */
.tmz-referans-tek-tek-liste{
  margin-top:6px;
  margin-bottom:16px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.tmz-referans-tek-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  padding:9px 12px;
}
.tmz-referans-tek-sol{ display:flex; flex-direction:column; gap:1px; }
.tmz-referans-tek-isim{ font-size:11px; color: var(--secondColor,#6a6a6a); }
.tmz-referans-tek-tutar{ font-size:14px; color: var(--blackColor,#1c1c26); }
.tmz-referans-tek-tarih-btn{
  flex-shrink:0;
  border:none;
  border-radius:8px;
  padding:8px 12px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.tmz-referans-tek-pasif{
  background:#eee;
  color:#999;
  cursor:default;
}
.tmz-referans-tek-aktif{
  background:#159a5c;
  color:#fff;
  cursor:pointer;
}
.tmz-referans-tek-aktif:disabled{ opacity:.6; cursor:default; }

/* Üye panel — telefon alanının yanındaki hızlı iletişim göster/gizle butonu */
.tmz-iletisim-toggle-btn{
  flex-shrink:0;
  border:none;
  border-radius:8px;
  padding:0 14px;
  height:42px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.tmz-iletisim-toggle-btn.tmz-iletisim-goster{ background:#eafaf0; color:#159a5c; }
.tmz-iletisim-toggle-btn.tmz-iletisim-gizli{ background:#f7f7fa; color:#888; }
.tmz-iletisim-toggle-btn:disabled{ opacity:.6; cursor:default; }

/* Bölge sayfaları — "Bu bölgedeki diğer temsilciler" küçük kayan şerit
   (bölge kiralanmışsa, ücretsiz işaretleyen diğer üyeler burada görünür) */
.tmz-diger-temsilci-serit-baslik{
  font-size:12.5px;
  font-weight:700;
  color: var(--secondColor,#6a6a6a);
  margin:18px 0 8px;
}
.tmz-diger-temsilci-serit-dis{
  overflow:hidden;
  border-radius:12px;
  background:#fafafa;
  padding:10px 12px;
  margin-bottom:20px;
}
.tmz-diger-temsilci-serit-ic{
  display:inline-flex;
  flex-shrink:0;
  gap:10px;
  width:max-content;
  animation: tmzDigerTemsilciKaydir 20s linear infinite;
}
.tmz-diger-temsilci-avatar{
  flex-shrink:0;
  width:38px; height:38px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.tmz-diger-temsilci-avatar.tmz-temsilci-kadin{ background-color:#ffe1ec; color:#e0538f; box-shadow:0 0 0 2px #e0538f; }
.tmz-diger-temsilci-avatar.tmz-temsilci-erkek{ background-color:#dceaff; color:#3b78d8; box-shadow:0 0 0 2px #3b78d8; }
.tmz-diger-temsilci-avatar.tmz-temsilci-notr{ background-color:#eee; color:#999; box-shadow:0 0 0 2px #b5b5c0; }
@keyframes tmzDigerTemsilciKaydir{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Ücretsiz "Hizmet Verdiğim Bölgeler" çipleri — metin solda, kaldırma butonu
   düzgün şekilde sağa yaslanmış, üst üste binmiyor */
.tmz-ilgi-alani-cip{
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between !important;
  gap:10px;
  text-align:left !important;
  cursor:default !important;
  background:#fff;
  border:1.5px solid #e5e5ea;
  color: var(--blackColor,#1c1c26);
  padding:8px 8px 8px 14px !important;
}
.tmz-ilgi-alani-cip button{
  flex-shrink:0;
  width:20px; height:20px;
  border-radius:50%;
  border:none;
  background:#fdeaea;
  color:#d62f2f;
  font-size:13px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tmz-ilgi-alani-cip button:hover{ background:#f8caca; }

/* Üç kademeli, YUMUŞAK (pastel) renk ayrımı — şehir/ilçe/semt farkı belirgin
   ama göz yormayan tonlarda */
.tmz-ilgi-cip-il{ background:#e8edfb; border-color:#b7c6f2; color:#2b3f7a; }
.tmz-ilgi-cip-ilce{ background:#eef4fb; border-color:#c3dcf2; color:#2c5c8a; }
.tmz-ilgi-cip-semt{ background:#f3f8fc; border-color:#d6e8f5; color:#3c7098; }
.tmz-ilgi-cip-il button, .tmz-ilgi-cip-ilce button, .tmz-ilgi-cip-semt button{ background:rgba(255,255,255,.65); }

/* Bildirim popup'ı — tek satır liste görünümü + tip rozetleri */
.tmz-bildirim-satir{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  text-align:left;
  background:none;
  border:none;
  border-bottom:1px solid #f0f0f0;
  padding:11px 4px;
  cursor:pointer;
  font-family:inherit;
}
.tmz-bildirim-satir:hover{ background:#fafafa; }
.tmz-bildirim-satir-baslik{
  flex:1;
  font-size:13px;
  font-weight:700;
  color: var(--blackColor,#1c1c26);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tmz-bildirim-satir-tarih{
  flex-shrink:0;
  font-size:10.5px;
  color: var(--secondColor,#6a6a6a);
}
.tmz-bildirim-tip-rozet{
  flex-shrink:0;
  display:inline-block;
  font-size:10px;
  font-weight:800;
  padding:3px 8px;
  border-radius:20px;
  white-space:nowrap;
}
.tmz-bildirim-tip-kisisel{ background:#eafaf0; color:#159a5c; }
.tmz-bildirim-tip-genel{ background:#eef0ff; color:#5b4fd6; }

/* ============ BİRLEŞİK BİLDİRİM SİSTEMİ (Destek + Duyuru + Kampanya) ============ */

/* Çan ikonu + dropdown sarmalayıcı (admin panelindeki online ziyaretçi
   dropdown'ıyla aynı konumlandırma deseni) */
.tmz-bildirim-wrap{ position:relative; }
.tmz-bildirim-dropdown{
  display:none;
  position:absolute; top:calc(100% + 10px); right:0;
  width:300px; max-height:380px; overflow-y:auto;
  background:#fff; border-radius:14px;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  z-index:500;
  padding:8px;
}
.tmz-bildirim-dropdown.acik{ display:block; animation: tmzBildirimDropIn .15s ease; }
@keyframes tmzBildirimDropIn{
  from { opacity:0; transform:translateY(-6px); }
  to   { opacity:1; transform:translateY(0); }
}
.tmz-bildirim-dropdown-baslik{ font-size:11.5px; font-weight:800; color:#999; text-transform:uppercase; letter-spacing:.4px; padding:6px 8px 10px; }
.tmz-bildirim-dropdown-item{
  display:flex; align-items:center; gap:8px;
  width:100%; text-align:left;
  background:none; border:none;
  padding:10px 8px; border-radius:9px;
  cursor:pointer; font-family:inherit;
}
.tmz-bildirim-dropdown-item:hover{ background:#f7f7fa; }
.tmz-bildirim-dropdown-tip{ flex-shrink:0; font-size:11.5px; font-weight:800; }
.tmz-bildirim-dropdown-tip.tmz-bildirim-tip-destek{ color:#159a5c; }
.tmz-bildirim-dropdown-tip.tmz-bildirim-tip-duyuru{ color:#5b4fd6; }
.tmz-bildirim-dropdown-tip.tmz-bildirim-tip-kampanya{ color:#e0453f; }
.tmz-bildirim-dropdown-metin{
  flex:1;
  font-size:12.5px; font-weight:600; color:#1c1c26;
  min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tmz-bildirim-okundu-etiket{
  flex-shrink:0;
  font-size:10px; font-weight:700;
  color:#9a9aa8;
  background:#f0f0f4;
  padding:3px 8px;
  border-radius:20px;
}

/* Detay popup — tip rozeti */
.tmz-bildirim-tip-rozet{
  display:inline-block;
  font-size:11px; font-weight:800;
  padding:4px 10px; border-radius:20px;
}
.tmz-bildirim-tip-rozet.tmz-bildirim-tip-destek{ background:#eafaf0; color:#159a5c; }
.tmz-bildirim-tip-rozet.tmz-bildirim-tip-duyuru{ background:#eef0ff; color:#5b4fd6; }
.tmz-bildirim-tip-rozet.tmz-bildirim-tip-kampanya{ background:#fdeaea; color:#e0453f; }

/* Detay popup kutusu — cinsiyete göre zengin, yumuşak gradyan temalar */
.tmz-bildirim-detay-kutu{
  border-radius:18px;
  padding:26px 24px;
}
.tmz-bildirim-tema-kadin{
  background: linear-gradient(160deg, #fff0f5 0%, #ffffff 55%);
  border:1px solid #ffd7e6;
}
.tmz-bildirim-tema-erkek{
  background: linear-gradient(160deg, #eef4ff 0%, #ffffff 55%);
  border:1px solid #cfe0ff;
}
.tmz-bildirim-tema-notr{
  background: linear-gradient(160deg, #f3efff 0%, #ffffff 55%);
  border:1px solid #ddd0ff;
}

/* Bildirime cevap gönderilince: arkadaki kutu puslanır, ortada büyük,
   göz alıcı bir başarı bildirimi belirir */
.tmz-bildirim-detay-kutu.tmz-puslanmis{
  filter: blur(6px);
  pointer-events:none;
  transition: filter .25s ease;
}
.tmz-cevap-basari-overlay{
  display:none;
  position:fixed;
  top:0; left:0; right:0; bottom:0;
  z-index:600;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.15);
}
.tmz-cevap-basari-overlay.acik{ display:flex; animation: tmzCevapBasariFadeIn .2s ease; }
@keyframes tmzCevapBasariFadeIn{
  from { opacity:0; }
  to   { opacity:1; }
}
.tmz-cevap-basari-kart{
  background:#fff;
  border-radius:20px;
  padding:36px 40px;
  text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.25);
  max-width:320px;
  animation: tmzCevapBasariPop .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tmzCevapBasariPop{
  from { transform:scale(.85); opacity:0; }
  to   { transform:scale(1); opacity:1; }
}
.tmz-cevap-basari-ikon{
  font-size:52px;
  margin-bottom:14px;
}
.tmz-cevap-basari-baslik{
  font-size:16px;
  font-weight:800;
  color: var(--blackColor,#1c1c26);
  margin-bottom:6px;
}
.tmz-cevap-basari-metin{
  font-size:13px;
  color: var(--secondColor,#6a6a6a);
  line-height:1.5;
}