/* ═══════════════════════════════════════════════════════════════
   TSB MARKET CSS — Tek kaynak, çakışmasız
   ═══════════════════════════════════════════════════════════════ */

.tsb-market-wrap { max-width:1280px; margin:0 auto; padding:2rem 5%; }

/* ── Sekmeler ──────────────────────────────────────────────── */
.tsb-market-tabs { display:flex; gap:0; border-bottom:1px solid #1e2d45; margin-bottom:2rem; overflow-x:auto; scrollbar-width:none; }
.tsb-market-tabs::-webkit-scrollbar { display:none; }
.tsb-mtab { padding:.7rem 1.5rem; font-size:.82rem; font-weight:700; color:#8898aa; background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; transition:.2s; font-family:'Sora',sans-serif; white-space:nowrap; flex-shrink:0; }
.tsb-mtab:hover { color:#e8edf5; }
.tsb-mtab.on { color:#f0a500; border-bottom-color:#f0a500; }
.tsb-tab-content.hidden { display:none; }

/* ── Grid ──────────────────────────────────────────────────── */
.tsb-market-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.5rem;
  align-items: stretch;
}

/* ── KART — en kritik kısım ────────────────────────────────── */
a.tsb-market-card,
.tsb-market-card {
  background: #141c2b;
  border: 1px solid #1e2d45;
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .25s, transform .25s;
  cursor: pointer;
  text-decoration: none;
  color: #e8edf5;

  /* FLEX COLUMN — kesinlikle override edilemez */
  display: flex !important;
  flex-direction: column !important;
}
div.tsb-market-card {
  /* div için de aynı garantiyi ver */
  display: flex !important;
  flex-direction: column !important;
}
a.tsb-market-card:hover,
div.tsb-market-card:hover,
.tsb-market-card:hover {
  border-color: rgba(240,165,0,.35);
  transform: translateY(-3px);
}
a.tsb-market-card:hover .tsb-market-card-title,
div.tsb-market-card:hover .tsb-market-card-title { color: #f0a500 !important; }

/* ── Görsel — ASLA büyümez ─────────────────────────────────── */
.tsb-market-card-img {
  /* flex: grow shrink basis — hiç büyüme, hiç küçülme, tam 130px */
  flex: 0 0 130px;
  height: 130px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111827;
  overflow: hidden;
}
.tsb-market-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  inset: 0;
}
.tsb-market-card-placeholder { font-size: 2.8rem; line-height:1; position:relative; z-index:1; }

/* ── Body — geri kalan her şeyi kapla ─────────────────────── */
.tsb-market-card-body {
  padding: 1.25rem;
  flex: 1;          /* kalan tüm alanı al */
  display: flex;
  flex-direction: column;
  min-height: 0;    /* flex overflow önle */
}

/* ── İçerik ────────────────────────────────────────────────── */
.tsb-market-author { display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.tsb-market-author-av {
  width:24px; height:24px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:.65rem; font-weight:700; color:#000; flex-shrink:0;
}
.tsb-market-card-title {
  font-size:.92rem !important; font-weight:700 !important;
  margin:0 0 .3rem !important; color:#e8edf5 !important;
  line-height:1.3 !important; transition:color .2s;
}
.tsb-market-card-desc {
  font-size:.78rem !important; color:#8898aa !important;
  line-height:1.5 !important; margin:0 0 .75rem !important;
}

.tsb-market-stats {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:.4rem; margin-bottom:.75rem;
}
.tsb-mstat { text-align:center; background:#111827; border-radius:6px; padding:.35rem .2rem; }
.tsb-mstat-v { font-family:'DM Mono',monospace; font-size:.8rem; }
.tsb-mstat-l { font-size:.62rem; color:#8898aa; margin-top:.1rem; }

/* Footer her zaman altta */
.tsb-market-card-footer {
  display:flex; align-items:center; justify-content:space-between;
  margin-top: auto;
  padding-top: .5rem;
}

/* ── Sembol tag ────────────────────────────────────────────── */
.tsb-sym-tag {
  display:inline-block;
  background:#111827; border:1px solid #1e2d45;
  border-radius:4px; padding:.1rem .45rem;
  font-size:.65rem; font-family:'DM Mono',monospace;
  color:#8898aa; text-decoration:none; transition:.15s;
}
.tsb-sym-tag:hover { border-color:#f0a500; color:#f0a500; }

/* ── Kurs kartı ────────────────────────────────────────────── */
a.tsb-course-card, div.tsb-course-card, .tsb-course-card {
  background:#141c2b; border:1px solid #1e2d45;
  border-radius:14px; overflow:hidden; transition:.25s; cursor:pointer;
  text-decoration:none;
  display:flex !important; flex-direction:column !important;
  color:#e8edf5; height:100%;
}
a.tsb-course-card:hover, div.tsb-course-card:hover { border-color:rgba(240,165,0,.35); transform:translateY(-3px); }

.tsb-course-thumb {
  flex: 0 0 150px;
  height: 150px;
  background:linear-gradient(135deg,#0d1117,#1a2535);
  position:relative; display:flex; align-items:center;
  justify-content:center; font-size:3rem; overflow:hidden;
}
.tsb-course-thumb img { width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; }
.tsb-course-body { padding:1.25rem; display:flex; flex-direction:column; flex:1; }
.tsb-course-author { display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.tsb-course-author-av { width:24px; height:24px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; color:#000; flex-shrink:0; }
.tsb-course-author-name { font-size:.72rem; color:#8898aa; font-family:'DM Mono',monospace; }
.tsb-course-title { font-size:.92rem; font-weight:700; margin-bottom:.35rem; line-height:1.3; }
.tsb-course-meta { display:flex; gap:.75rem; font-size:.72rem; color:#8898aa; margin-bottom:.75rem; flex-wrap:wrap; }
.tsb-course-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
.tsb-course-price { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; color:#f0a500; }
.tsb-free-badge { color:#00e676; font-family:'DM Mono',monospace; font-size:.8rem; font-weight:700; }

/* ── Profil ────────────────────────────────────────────────── */
.tsb-profile-page { font-family:'Sora',sans-serif; color:#e8edf5; }
.tsb-profile-banner { height:180px; background:linear-gradient(135deg,#0d1117,#1a2535,#0d1a1a); position:relative; overflow:hidden; }
.tsb-profile-banner::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 50%,rgba(240,165,0,.15),transparent 60%); }
.tsb-profile-banner-text { position:absolute; right:2rem; top:1rem; font-family:'DM Mono',monospace; font-size:.7rem; color:rgba(240,165,0,.35); letter-spacing:2px; }
.tsb-profile-top { padding:0 5%; background:#0d1117; }
.tsb-profile-av-wrap { display:flex; align-items:flex-end; gap:1.5rem; margin-top:0; margin-bottom:1.25rem; flex-wrap:wrap; }
.tsb-profile-av { width:80px; height:80px; border-radius:14px; border:3px solid #0d1117; display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:2rem; color:#000; flex-shrink:0; z-index:1; }
.tsb-profile-name-row { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; margin-bottom:.25rem; }
.tsb-profile-name { font-size:1.4rem; font-weight:700; }
.tsb-profile-handle { font-family:'DM Mono',monospace; font-size:.78rem; color:#8898aa; }
.tsb-profile-bio { font-size:.85rem; color:#8898aa; line-height:1.6; max-width:600px; margin:.5rem 0 .75rem; }
.tsb-profile-actions { margin-left:auto; display:flex; gap:.6rem; align-self:flex-start; padding-top:.5rem; flex-wrap:wrap; }
.tsb-kpi-strip { display:flex; gap:1.5rem; flex-wrap:wrap; padding:1.25rem 5%; background:#0d1117; border-top:1px solid #1e2d45; border-bottom:1px solid #1e2d45; }
.tsb-kpi-item { text-align:center; min-width:70px; }
.tsb-kpi-strip-val { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; line-height:1; }
.tsb-kpi-strip-label { font-size:.68rem; color:#8898aa; font-family:'DM Mono',monospace; margin-top:.15rem; white-space:nowrap; }
.tsb-profile-body { display:grid; grid-template-columns:2fr 1fr; gap:1.5rem; padding:2rem 5%; max-width:1280px; margin:0 auto; }
.tsb-profile-tabs { display:flex; gap:0; border-bottom:1px solid #1e2d45; margin-bottom:1.5rem; overflow-x:auto; scrollbar-width:none; }
.tsb-ptab { padding:.6rem 1.25rem; font-size:.8rem; font-weight:700; color:#8898aa; background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; transition:.2s; font-family:'Sora',sans-serif; white-space:nowrap; }
.tsb-ptab.on { color:#f0a500; border-bottom-color:#f0a500; }

/* ── Blog ──────────────────────────────────────────────────── */
.tsb-blog-hero { background:linear-gradient(135deg,#0d1117,#111827); border-bottom:1px solid #1e2d45; padding:2.5rem 5%; }
.tsb-blog-hero-search { display:flex; gap:.5rem; margin-top:1.25rem; flex-wrap:wrap; align-items:center; }
.tsb-blog-featured { display:grid; grid-template-columns:1.5fr 1fr; gap:1.5rem; margin-bottom:2rem; align-items:start; }
.tsb-featured-post { background:#141c2b; border:1px solid #1e2d45; border-radius:14px; overflow:hidden; transition:.25s; text-decoration:none; display:block; color:#e8edf5; }
.tsb-featured-post:hover { border-color:rgba(240,165,0,.35); }
.tsb-featured-thumb { height:220px; background:linear-gradient(135deg,#0d1117,#1a2535); display:flex; align-items:center; justify-content:center; font-size:4rem; position:relative; overflow:hidden; }
.tsb-featured-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.tsb-featured-body { padding:1.5rem; }
.tsb-featured-cat { font-family:'DM Mono',monospace; font-size:.68rem; color:#f0a500; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:.5rem; }
.tsb-featured-title { font-size:1.1rem; font-weight:700; line-height:1.3; margin-bottom:.5rem; }
.tsb-featured-excerpt { font-size:.82rem; color:#8898aa; line-height:1.6; }
.tsb-post-meta { display:flex; align-items:center; gap:.75rem; margin-top:.75rem; font-size:.72rem; color:#8898aa; flex-wrap:wrap; }
.tsb-sidebar-posts { display:flex; flex-direction:column; gap:1rem; }
.tsb-sidebar-post { background:#141c2b; border:1px solid #1e2d45; border-radius:10px; padding:1rem; display:flex; gap:.75rem; transition:.2s; text-decoration:none; color:#e8edf5; }
.tsb-sidebar-post:hover { border-color:rgba(240,165,0,.25); }
.tsb-sidebar-thumb { width:60px; height:60px; min-width:60px; border-radius:8px; background:#111827; display:flex; align-items:center; justify-content:center; font-size:1.5rem; overflow:hidden; }
.tsb-sidebar-thumb img { width:100%; height:100%; object-fit:cover; }

/* ── Responsive ────────────────────────────────────────────── */
@media(max-width:1100px) { .tsb-market-grid { grid-template-columns:repeat(2,1fr); } .tsb-profile-body { grid-template-columns:1fr; } }
@media(max-width:680px)  { .tsb-market-grid { grid-template-columns:1fr; } .tsb-blog-featured { grid-template-columns:1fr; } }