/* ============================================================
   PEGADROM CSS v3 — Okunabilir · Geniş · Temiz
   ============================================================ */

/* ── RENK DEĞİŞKENLERİ ────────────────────────────────────── */
:root {
  --brand: #3D2B0E; --brand-mid: #5C4020; --brand-light: #8B6340;
  --gold: #E8A020; --gold-dark: #B87A08; --gold-soft: #FEF9ED;
  --gold-border: #E8A020; --gold-bg: #FFF5E6;
  --bg:  #F5F1E8; --bg2: #E8DFD0; --bg3: #D9CDB5;
  --surface: #FFFFFF; --surface2: #FDFBF8;
  --text:  #1A1208; --text2: #3D2B0E; --text3: #5D3E1A; --text4: #8B6F4A;
  --border: #D5C8B0; --border2: #C2B4A0;
  --green: #16A34A; --green-bg: #F0FDF4; --green-border: #86EFAC;
  --red:   #DC2626; --red-bg:   #FEF2F2; --red-border: #FCA5A5;
  --amber: #C97000; --amber-bg: #FFFBEB; --amber-border: #FCD34D;
  --blue:  #2563EB; --blue-bg:  #EFF6FF; --blue-border: #BFDBFE;
  --shadow-sm: none;
  --shadow: none;
  --shadow-md: none;
  --r: 16px; --r-sm: 8px; --r-lg: 16px;
  --max-w: 1600px;
  --bs-body-bg: #F5F1E8; --bs-body-color: #1A1208;
}

/* ── RESET & BASE ──────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; }
html, body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  transition: background .2s, color .2s;
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ── DUYURU PANOSU ─────────────────────────────────────────── */
/* ── DUYURU BANNER ───────────────────────────────────────── */
@keyframes pgd-at-kos {
  0%   { right: -100px; }
  100% { right: calc(100% + 100px); }
}
@keyframes pgd-ann-shine {
  0%,100% { opacity: 0; }
  50%      { opacity: 1; }
}
@keyframes pgd-ann-bounce {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-2px); }
}

.pgd-announce {
  background: linear-gradient(90deg, #3d2b0e 0%, #7a4f10 40%, #5c3a0a 100%);
  color: #fff;
  padding: 0;
  font-size: 14px;
  position: relative;
  z-index: 1100;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
/* Parlayan ışık efekti */
.pgd-announce::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,215,80,.07) 50%, transparent 100%);
  animation: pgd-ann-shine 3s ease-in-out infinite;
  pointer-events: none;
}

/* Koşan atlar */
.pgd-ann-horse-track {
  position: absolute; inset: 0;
  overflow: hidden; pointer-events: none;
  z-index: 0;
}

/* Her at emoji için ortak stiller */
.pgd-at {
  position: absolute;
  font-size: 28px;
  line-height: 1;
  top: 50%;
  animation: pgd-at-kos var(--sure, 9s) linear infinite,
             pgd-at-zipla 0.35s ease-in-out infinite;
}

/* Zipla = koşma hissi */
@keyframes pgd-at-zipla {
  0%,100% { margin-top: -14px; }
  50%      { margin-top: -20px; }
}

/* At 1 — en hızlı, önde */
.pgd-at-1 {
  --sure: 6s;
  animation-delay: 0s, 0s;
  opacity: .75;
  font-size: 30px;
}
/* At 2 — orta hız */
.pgd-at-2 {
  --sure: 8s;
  animation-delay: -2s, -0.1s;
  opacity: .6;
  font-size: 26px;
}
/* At 3 — yavaş, arkada */
.pgd-at-3 {
  --sure: 11s;
  animation-delay: -4s, -0.2s;
  opacity: .45;
  font-size: 24px;
}
/* At 4 — en yavaş, en arkada */
.pgd-at-4 {
  --sure: 14s;
  animation-delay: -7s, -0.05s;
  opacity: .3;
  font-size: 22px;
}

.pgd-announce-inner {
  max-width: var(--max-w);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 28px;
  position: relative;
  z-index: 1;
}
/* Sol: pulse + badge */
.pgd-ann-left { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.pgd-ann-pulse {
  width: 8px; height: 8px; border-radius: 50%;
  background: #4ade80;
  box-shadow: none;
  animation: pgd-pulse-green 1.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes pgd-pulse-green {
  0%   { box-shadow: none; }
  70%  { box-shadow: none; }
  100% { box-shadow: none; }
}
.pgd-ann-badge {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,215,80,.35);
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 11px; font-weight: 800;
  color: #fde68a;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}
/* Orta */
.pgd-ann-body {
  flex: 1; display: flex; align-items: center;
  gap: 8px; flex-wrap: wrap;
  font-size: 13px; color: rgba(255,255,255,.92);
}
.pgd-ann-title {
  font-weight: 700; color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 15px; letter-spacing: .2px;
}
.pgd-ann-sep { color: rgba(255,255,255,.3); }
.pgd-ann-sub { font-size: 12.5px; color: rgba(255,255,255,.8); }
.pgd-ann-sub strong { color: #fde68a; }
.pgd-ann-link {
  display: inline-flex; align-items: center; gap: 5px;
  background: linear-gradient(135deg, var(--gold) 0%, #e8a020 100%);
  color: #3d2b0e !important;
  font-size: 12px; font-weight: 800;
  padding: 5px 14px; border-radius: 20px;
  text-decoration: none !important;
  white-space: nowrap; flex-shrink: 0;
  box-shadow: none;
  transition: all .15s;
  animation: pgd-ann-bounce 2s ease-in-out infinite;
}
.pgd-ann-link:hover {
  transform: scale(1.05);
  box-shadow: none;
}
.pgd-ann-link i { font-size: 13px; }
/* Kapat */
.pgd-ann-kapat {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.7);
  width: 28px; height: 28px;
  border-radius: 50%;
  font-size: 16px;
  flex-shrink: 0;
  transition: all .15s;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
}
.pgd-ann-kapat:hover { background: rgba(255,255,255,.2); color: #fff; }

/* Gereksiz sınıf düzeltmeleri */
.pgd-announce-badge,.pgd-announce-text,.pgd-announce-link,.pgd-announce-close { display:none; }

@media (max-width:768px) {
  .pgd-ann-sep,.pgd-ann-sub { display:none; }
  .pgd-announce-inner { padding:8px 16px; gap:8px; }
}

/* ── HEADER ────────────────────────────────────────────────── */
.pgd-gazi-topline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 36px;
  padding: 6px 18px;
  background: #3d2b0e;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 2px solid #e8a020;
}

.pgd-gazi-topline:hover { color: #fff !important; }

.pgd-gazi-topline__label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff3d6;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.pgd-gazi-topline__units {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: nowrap;
  border-left: 1px solid rgba(232,160,32,.36);
  border-right: 1px solid rgba(232,160,32,.36);
}

.pgd-gazi-topline__units span {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-height: 22px;
  padding: 0 10px;
  border: 0;
  border-right: 1px solid rgba(232,160,32,.24);
  border-radius: 0;
  background: transparent;
  color: rgba(255,243,214,.82);
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}

.pgd-gazi-topline__units span:last-child { border-right: 0; }

.pgd-gazi-topline__units strong {
  color: #ffc45c;
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

.pgd-gazi-topline__cta {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  background: #e8a020;
  color: #201309;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.pgd-gazi-topline.is-finished .pgd-gazi-topline__label { color: #fff; }

@media (max-width:768px) {
  .pgd-gazi-topline {
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 7px 8px;
    overflow: hidden;
  }
  .pgd-gazi-topline__label {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 150px;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
  }
  .pgd-gazi-topline__units { justify-content: flex-start; flex-shrink: 0; }
  .pgd-gazi-topline__units span {
    min-height: 21px;
    padding: 0 5px;
    font-size: 10px;
  }
  .pgd-gazi-topline__units strong { font-size: 14px; }
  .pgd-gazi-topline__cta { display: none; }
}

#pgd-header {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  position: relative;
  top: auto;
  z-index: 1000;
  transition: background .2s, border-color .2s;
}
@media (min-width: 769px) {
  .pgd-header-sticky-desktop #pgd-header {
    position: sticky;
    top: 0;
  }
}
@media (max-width: 768px) {
  #pgd-header {
    position: sticky;
    top: 0;
  }
}
.pgd-hdr-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center; gap: 20px;
  padding: 12px 28px;
  max-width: var(--max-w); margin: 0 auto;
}
.pgd-logo { display: flex; align-items: center; flex-shrink: 0; }
.pgd-logo img { height: 46px; width: auto; object-fit: contain; }
.pgd-logo-text {
  font-family: 'Barlow', sans-serif;
  font-size: 30px; font-weight: 800;
  color: var(--brand); letter-spacing: -.5px;
}
.pgd-logo-text span { color: var(--gold); }

.pgd-search { width: 100%; max-width: 520px; margin: 0 auto; position: relative; }
.pgd-search input {
  width: 100%;
  background: var(--bg2); border: 1.5px solid var(--border);
  border-radius: 24px; padding: 9px 18px 9px 42px;
  font-size: 15px; color: var(--text); outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.pgd-search input:focus {
  border-color: var(--gold);
  box-shadow: none;
}
.pgd-search input::placeholder { color: var(--text3); }
.pgd-search-icon {
  position: absolute; left: 14px; top: 50%;
  transform: translateY(-50%); color: var(--text3);
  pointer-events: none; display: flex; align-items: center;
}
.pgd-hdr-actions { display: flex; align-items: center; gap: 10px; justify-content: flex-end; }
.pgd-icon-action {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  background: var(--surface);
  color: var(--text2);
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: border-color .15s, color .15s, background .15s;
}
.pgd-icon-action:hover {
  border-color: var(--gold);
  color: var(--gold-dark);
  background: var(--gold-soft);
}
.pgd-mobile-icon-btn i { display: inline-flex; align-items: center; justify-content: center; }
.pgd-btn-label { display: inline-flex; align-items: center; }

/* Butonlar */
.pgd-btn-ghost {
  background: transparent; border: 1.5px solid var(--border2);
  color: var(--text2); padding: 8px 20px; border-radius: 24px;
  font-size: 14px; font-weight: 500; transition: all .15s;
  white-space: nowrap; display: inline-flex; align-items: center; gap: 5px;
}
.pgd-btn-ghost:hover { border-color: var(--gold); color: var(--gold-dark); background: var(--gold-soft); }
.pgd-btn-gold {
  background: var(--gold); border: none; color: var(--brand);
  padding: 8px 22px; border-radius: 24px; font-size: 14px; font-weight: 700;
  transition: background .15s; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 6px;
  box-shadow: none;
}
.pgd-btn-gold:hover { background: var(--gold-dark); color: #fff; }

/* User menu */
.pgd-user-avatar {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--gold); color: var(--brand);
  font-size: 13px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; overflow: hidden;
  border: 1px solid var(--gold-border);
  box-shadow: none;
}
.pgd-user-avatar-img { padding: 0; background: none; }
.pgd-user-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.pgd-user-menu { position: relative; }

/* Bildirim zili */
.pgd-zil-btn {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--bg2);
  border: 1.5px solid var(--border);
  color: var(--text2);
  text-decoration: none;
  font-size: 16px;
  transition: border-color .15s, color .15s, background .15s;
  flex-shrink: 0;
}
.pgd-zil-btn:hover { border-color: var(--gold); color: var(--gold-dark); background: var(--gold-soft); }
.pgd-zil-rozet {
  position: absolute;
  top: -4px; right: -4px;
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  min-width: 17px; height: 17px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 4px;
  border: 2px solid var(--surface);
  line-height: 1;
}
.pgd-user-btn { display: flex; align-items: center; gap: 7px; }
.pgd-dropdown {
  display: none; position: absolute; right: 0; top: calc(100% + 8px);
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); box-shadow: none;
  min-width: 210px; z-index: 2000; overflow: hidden;
}
.pgd-dropdown.open { display: block; }
.pgd-dd-header { padding: 14px 16px; background: var(--bg2); }
.pgd-dd-name { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.pgd-dd-rol { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 20px; }
.pgd-dd-divider { height: 1px; background: var(--border); margin: 4px 0; }
.pgd-dd-section { padding: 6px 16px 2px; font-size: 11px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .5px; }
.pgd-dd-item { display: flex; align-items: center; gap: 8px; padding: 9px 16px; font-size: 14px; color: var(--text2); transition: background .1s, color .1s; }
.pgd-dd-item:hover { background: var(--bg2); color: var(--text); }
.pgd-dd-cikis { color: var(--red); }
.pgd-dd-cikis:hover { background: var(--red-bg); }

/* NAV */
.pgd-nav-bar {
  border-top: 1px solid var(--border);
}
.pgd-nav {
  max-width: var(--max-w); margin: 0 auto;
  padding: 0 28px;
  display: flex; justify-content: center;
  overflow: visible;
  scrollbar-width: none;
}
.pgd-nav::-webkit-scrollbar { display: none; }
.pgd-nav a {
  color: var(--text2); padding: 12px 16px;
  font-size: 14px; font-weight: 500;
  white-space: nowrap; border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
  display: flex; align-items: center; gap: 6px;
}
.pgd-nav a:hover, .pgd-nav a.aktif { color: var(--gold-dark); border-bottom-color: var(--gold); }
.pgd-nav .live-dot {
  width: 7px; height: 7px; background: var(--red);
  border-radius: 50%; animation: pgd-pulse 1.4s infinite; flex-shrink: 0;
}
@keyframes pgd-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.3)} }

/* ── NAV DROPDOWN — JS ile yönetiliyor ─────────────────── */
.pgd-nav-dd {
  position: static;
  display: flex; align-items: stretch;
}
.pgd-nav-dd-link {
  display: flex; align-items: center;
  padding: 12px 10px 12px 16px;
  color: var(--text2);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  font-size: 14px; font-weight: 500;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
}
.pgd-nav-dd-btn {
  background: none; border: none; border-bottom: 2px solid transparent;
  color: var(--text2); padding: 12px 12px 12px 6px;
  font-size: 14px; font-weight: 500; font-family: inherit;
  white-space: nowrap; cursor: pointer;
  display: flex; align-items: center; gap: 6px;
  transition: color .15s, border-color .15s;
}
.pgd-nav-dd-link:hover,
.pgd-nav-dd-link.aktif,
.pgd-nav-dd-btn:hover,
.pgd-nav-dd-btn.aktif,
.pgd-nav-dd.acik .pgd-nav-dd-btn {
  color: var(--gold-dark); border-bottom-color: var(--gold);
}
.pgd-nav-dd.acik .pgd-nav-dd-link {
  color: var(--gold-dark); border-bottom-color: var(--gold);
}
.pgd-nav-dd-chevron {
  font-size: 10px; transition: transform .2s; opacity: .6;
}
.pgd-nav-dd.acik .pgd-nav-dd-chevron { transform: rotate(180deg); }

/* Dropdown menü — position:fixed, JS ile konumlandırılır */
.pgd-nav-dd-menu {
  position: fixed;
  min-width: 210px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  box-shadow: none;
  padding: 6px 0;
  opacity: 0; pointer-events: none; visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .18s, transform .18s, visibility .18s;
  z-index: 9999;
}
.pgd-nav-dd.acik .pgd-nav-dd-menu {
  opacity: 1; pointer-events: auto; visibility: visible;
  transform: translateY(0);
}
.pgd-nav-dd-menu a {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 16px;
  font-size: 13px; font-weight: 500; color: var(--text2);
  text-decoration: none; white-space: nowrap;
  border-bottom: none !important;
  transition: background .1s, color .1s;
}
.pgd-nav-dd-menu a:hover {
  background: var(--bg2); color: var(--gold-dark);
  border-bottom: none !important;
}
.pgd-nav-dd-menu a i { color: var(--text3); font-size: 13px; width: 16px; text-align: center; }
.pgd-nav-dd-menu a:hover i { color: var(--gold); }
.pgd-nav-dd-sep { height: 1px; background: var(--border); margin: 4px 0; }

/* ── LAYOUT ─────────────────────────────────────────────────── */
/* pgd-page-wide alias — ikisi aynı davranır */
.pgd-page,
.pgd-page-wide {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 20px 28px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.pgd-cols { display: grid; grid-template-columns: 1fr 300px; gap: 20px; }
.pgd-cols-wide { display: grid; grid-template-columns: 240px 1fr; gap: 20px; }
@media (max-width: 1024px) {
  .pgd-cols, .pgd-cols-wide { grid-template-columns: 1fr; }
  .pgd-sidebar, .pgd-sidebar-wide, .pgd-sidebar-left { display: none; }
}
@media (max-width: 768px) {
  .pgd-hdr-top { padding: 10px 16px; }
  .pgd-nav { padding: 0 16px; }
  .pgd-page, .pgd-page-wide { padding: 14px 16px; }
  .pgd-toggle-lbl { display: none; }
}

/* ── TARİH BAR ──────────────────────────────────────────────── */
.pgd-date-bar {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 16px; flex-wrap: wrap;
}
.pgd-date-nav-group { display: flex; align-items: center; gap: 6px; }
.pgd-date-nav {
  background: var(--surface); border: 1.5px solid var(--border);
  border-radius: var(--r-sm); padding: 8px 14px;
  color: var(--text2); font-size: 16px; line-height: 1;
  transition: border-color .15s;
}
.pgd-date-nav:hover { border-color: var(--gold); color: var(--gold-dark); }
.pgd-date-btn {
  padding: 8px 20px; border-radius: var(--r);
  border: 1.5px solid var(--border); background: var(--surface);
  color: var(--text2); font-size: 14px; font-weight: 500;
  transition: all .15s;
}
.pgd-date-btn:hover { border-color: var(--gold); color: var(--gold-dark); }
.pgd-date-btn.aktif { background: var(--brand); color: #fff; border-color: var(--brand); }
.pgd-date-input {
  padding: 8px 12px; border: 1.5px solid var(--border);
  border-radius: var(--r-sm); font-size: 14px;
  color: var(--text); background: var(--surface); outline: none;
}
.pgd-date-input:focus { border-color: var(--gold); }
.pgd-date-label { font-size: 14px; color: var(--text3); margin-left: auto; }

/* ── HİPODROM KARTLARI ─────────────────────────────────────── */
.pgd-hip-scroll {
  display: flex; gap: 10px;
  overflow-x: auto; padding-bottom: 6px; margin-bottom: 16px;
  scrollbar-width: thin; scrollbar-color: var(--border2) transparent;
  -webkit-overflow-scrolling: touch;
}
.pgd-hip-scroll::-webkit-scrollbar { height: 4px; }
.pgd-hip-scroll::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }
.pgd-hip-card {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 12px 16px;
  background: var(--surface); border: 2px solid var(--border);
  border-radius: var(--r); cursor: pointer; text-decoration: none;
  color: var(--text); white-space: nowrap; flex-shrink: 0;
  transition: border-color .15s, background .15s, box-shadow .15s;
  min-width: 110px;
}
.pgd-hip-card:hover { border-color: var(--gold); box-shadow: none; }
.pgd-hip-card.aktif {
  border-color: var(--gold);
  background: var(--gold-soft);
  box-shadow: none;
}
.pgd-hip-ico  { font-size: 26px; line-height: 1; }
.pgd-hip-name { font-size: 12px; font-weight: 800; letter-spacing: .5px; color: var(--text); }
.pgd-hip-sub  { font-size: 12px; color: var(--text3); }
.pgd-hip-pist { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; margin-top: 2px; }

/* ── PİST ROZETLERİ ─────────────────────────────────────────── */
.pgd-pist-badge {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 3px 6px;
  border-radius: 4px; white-space: nowrap; flex-shrink: 0;
  cursor: default; position: relative;
  transition: filter .12s, box-shadow .12s;
  line-height: 1;
}
.pgd-pist-badge.pgd-pist-tip-trigger:hover {
  filter: brightness(.93);
  box-shadow: none;
}

/* ── PİST HOVER TOOLTİP ────────────────────────────────────── */
.pgd-pist-tooltip {
  position: fixed;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 9px 14px;
  box-shadow: none;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  display: none;
  animation: pgdTipFade .13s ease;
  min-width: 110px;
}
.pgd-pist-tooltip.pgd-tip-kum { border-left: 3px solid #D4900A; }
.pgd-pist-tooltip.pgd-tip-cim { border-left: 3px solid #1A9E45; }
.pgd-pist-tooltip.pgd-tip-sen { border-left: 3px solid #4F60E0; }
.pgd-pist-tooltip .pgd-tip-type {
  font-size: 10px; font-weight: 700; letter-spacing: .6px;
  text-transform: uppercase; color: var(--text3); margin-bottom: 3px;
}
.pgd-pist-tooltip.pgd-tip-kum .pgd-tip-type { color: #D4900A; }
.pgd-pist-tooltip.pgd-tip-cim .pgd-tip-type { color: #1A9E45; }
.pgd-pist-tooltip.pgd-tip-sen .pgd-tip-type { color: #4F60E0; }
.pgd-pist-tooltip .pgd-tip-durum {
  font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.3;
}
@keyframes pgdTipFade {
  from { opacity:0; transform:translateY(5px) scale(.97); }
  to   { opacity:1; transform:translateY(0)   scale(1);   }
}

/* Kazanan — başlık satırı içi */
.pgd-inline-winner {
  display: flex; align-items: center; gap: 6px;
  flex: 1; min-width: 0; overflow: hidden;
  font-size: 14px; font-weight: 600;
}
.pgd-inline-winner-at {
  color: var(--text); font-weight: 700;
  font-family: 'Barlow', sans-serif;
  font-size: 15px; letter-spacing: .2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color .15s;
}
.pgd-inline-winner-at:hover { color: var(--gold-dark); }
.pgd-inline-winner-jokey {
  font-size: 13px; color: var(--text3);
  white-space: nowrap; flex-shrink: 0;
}
.pgd-inline-winner-ganyan {
  font-size: 14px; font-weight: 700;
  color: var(--gold-dark); font-family: 'Barlow', sans-serif;
  background: var(--gold-soft); border: 1px solid var(--gold-border);
  padding: 1px 7px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
}
.pgd-live-head .pgd-inline-winner-at { color: #fff; }
.pgd-live-head .pgd-inline-winner-jokey { color: rgba(255,255,255,.6); }

/* ── Pist rozet renkleri ── */
.pgd-pist-kum { background: #FFF3CC; color: #7A4F00; border: 1px solid #E8C050; }
.pgd-pist-cim { background: #EAFBF0; color: #145C30; border: 1px solid #6FD898; }
.pgd-pist-sen { background: #EBF2FF; color: #1A37A8; border: 1px solid #93B4F8; }

/* ── REKLAM ─────────────────────────────────────────────────── */
.pgd-ad {
  background: var(--bg2); border: 1.5px dashed var(--border2);
  border-radius: var(--r); text-align: center;
  color: var(--text3); font-size: 14px; padding: 16px; margin-bottom: 16px;
}

/* ── KOŞU KARTI ─────────────────────────────────────────────── */
.pgd-race {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); margin-bottom: 12px;
  overflow: hidden; box-shadow: none;
}
.pgd-race-head {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 18px; cursor: pointer;
  transition: background .12s; user-select: none;
}
.pgd-race-head:hover { background: var(--bg2); }
.pgd-race-num {
  background: var(--bg2); border: 1px solid var(--border);
  color: var(--text); font-size: 13px; font-weight: 700;
  padding: 4px 12px; border-radius: 6px;
  font-family: 'Barlow', sans-serif; flex-shrink: 0;
}
.pgd-race-time {
  font-size: 18px; font-weight: 700; color: var(--text);
  font-family: 'Barlow', sans-serif; flex-shrink: 0;
}
.pgd-race-info {
  font-size: 15px; color: var(--text2); flex: 1;
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pgd-ri-sep { color: var(--text4); margin: 0 2px; }
.pgd-race-name {
  font-size: 13px; font-weight: 600; color: var(--gold-dark);
  background: var(--gold-soft); border: 1px solid var(--gold-border);
  padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
}
.pgd-status {
  padding: 4px 12px; border-radius: 20px;
  font-size: 13px; font-weight: 600; border: 1px solid;
  white-space: nowrap; flex-shrink: 0;
}
.pgd-s-done { background: var(--bg2); color: var(--text3); border-color: var(--border); }
.pgd-s-live { background: var(--green-bg); color: var(--green); border-color: var(--green-border); }
.pgd-s-next { background: var(--amber-bg); color: var(--amber); border-color: var(--amber-border); }
.pgd-caret { color: var(--text3); font-size: 16px; transition: transform .2s; margin-left: 2px; flex-shrink: 0; }
.pgd-caret.open { transform: rotate(180deg); }

/* Canlı koşu yeşil gradient */
.pgd-live-head { background: linear-gradient(135deg, #0C3320, #145C35); }
.pgd-live-head .pgd-race-num { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.15); color: #fff; }
.pgd-live-head .pgd-race-time, .pgd-live-head .pgd-race-info { color: #fff; }
.pgd-live-head .pgd-ri-sep { color: rgba(255,255,255,.4); }
.pgd-live-head:hover { background: linear-gradient(135deg, #0E3D28, #186840); }
.pgd-live-head .pgd-caret { color: rgba(255,255,255,.5); }
.pgd-race-body.hidden { display: none; }

/* ── AT TABLOSU ─────────────────────────────────────────────── */
.pgd-tablo-wrap { overflow-x: auto; }
.pgd-tablo {
  width: 100%; border-collapse: collapse;
  font-size: 15px; /* ana yazı büyüklüğü */
}
.pgd-tablo th {
  background: var(--bg2); color: var(--text3);
  font-size: 12px; font-weight: 700;
  padding: 10px 14px; text-align: left;
  border-bottom: 2px solid var(--border);
  letter-spacing: .5px; text-transform: uppercase;
  white-space: nowrap;
}
.pgd-tablo td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.pgd-tablo tr:last-child td { border-bottom: none; }
.pgd-tablo tr:hover td { background: var(--bg2); }
.pgd-tablo tr.pgd-hl td { background: var(--gold-soft); }

/* At adı */
.pgd-at-adi {
  font-weight: 700; color: var(--text);
  font-size: 16px; /* büyük ve okunur */
  font-family: 'Barlow', sans-serif;
  letter-spacing: .2px; display: inline-block;
}
.pgd-at-adi:hover { color: var(--gold-dark); }

/* Pedigri satırı */
.pgd-pedigri-line { display: flex; align-items: center; gap: 4px; margin-top: 3px; flex-wrap: wrap; }
.pgd-ped-link, .pgd-ped-text { font-size: 13px; }
.pgd-ped-baba { color: var(--blue); }
.pgd-ped-anne { color: var(--text3); }
.pgd-ped-link { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 2px; text-decoration-color: currentColor; }
.pgd-ped-link:hover { opacity: .75; }
.pgd-ped-sep { color: var(--text4); font-size: 12px; }

/* At meta bilgileri */
.pgd-at-meta2 { font-size: 13px; color: var(--text3); margin-top: 3px; }
.pgd-at-notlar { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.pgd-not { font-size: 11px; font-weight: 600; padding: 2px 6px; border-radius: 4px; }
.pgd-not-taki { background: var(--blue-bg); color: var(--blue); border: 1px solid var(--blue-border); }
.pgd-not-kg   { background: var(--red-bg); color: var(--red); border: 1px solid var(--red-border); }

/* KGS */
.pgd-kgs { font-size: 11px; font-weight: 700; padding: 2px 5px; border-radius: 3px; }
.pgd-kgs-high { background: var(--red-bg); color: var(--red); }
.pgd-kgs-mid  { background: var(--amber-bg); color: var(--amber); }
.pgd-kgs-low  { background: var(--green-bg); color: var(--green); }

/* Start no */
.pgd-startno { font-size: 16px; font-weight: 700; color: var(--text); }

/* Jokey */
.pgd-jokey-link {
  font-size: 15px; font-weight: 600; color: var(--text);
  display: inline-block; transition: color .15s;
}
.pgd-jokey-link:hover { color: var(--gold-dark); }
.pgd-sahip   { font-size: 13px; color: var(--text3); margin-top: 2px; }
.pgd-antrenor { font-size: 12px; color: var(--text4); margin-top: 1px; }
.pgd-link-muted { color: inherit; }
.pgd-link-muted:hover { color: var(--gold-dark); text-decoration: underline; }

/* Kilo */
.pgd-kilo { font-size: 15px; font-weight: 600; color: var(--text); font-family: 'Barlow', sans-serif; }

/* Koşmaz */
.pgd-kosmaz td { opacity: .5; }
.pgd-kosmaz-bar { font-size: 12px; color: var(--red); margin-bottom: 3px; }

/* AP rozeti */
.pgd-sup-ap {
  font-size: 10px; font-weight: 700; vertical-align: super;
  background: var(--amber-bg); color: var(--amber);
  border: 1px solid var(--amber-border); border-radius: 3px;
  padding: 0 3px; margin-left: 2px;
}
.pgd-sup-hnd {
  font-size: 10px; font-weight: 700; vertical-align: super;
  background: var(--blue-bg); color: var(--blue);
  border: 1px solid var(--blue-border); border-radius: 3px;
  padding: 0 3px; margin-left: 2px;
}

/* ── AGF ────────────────────────────────────────────────────── */
.pgd-agf2 { display: flex; flex-direction: column; gap: 3px; }
.pgd-agf-val { font-size: 14px; font-weight: 700; color: var(--text2); }
.pgd-agf-hot { color: var(--red); }
.pgd-agf-bar2 { background: var(--border); border-radius: 3px; height: 4px; width: 60px; overflow: hidden; }
.pgd-agf-fill2 { background: var(--gold); height: 4px; border-radius: 3px; transition: width .3s; }
.pgd-agf-fill-hot { background: var(--red); }
.pgd-dash { color: var(--text4); font-size: 15px; }

/* ── SIRA / DERECE ──────────────────────────────────────────── */
.pgd-rn {
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 800; flex-shrink: 0;
}
.pgd-r1 { background: #FEF9C3; color: #92400E; border: 2px solid #F59E0B; }
.pgd-r2 { background: #F1F5F9; color: #475569; border: 2px solid #CBD5E1; }
.pgd-r3 { background: #FEF2F2; color: var(--red); border: 2px solid var(--red-border); }
.pgd-r4 { background: var(--bg2); color: var(--text3); border: 1px solid var(--border); }
.pgd-derece { font-size: 15px; font-weight: 700; color: var(--text); font-family: 'Barlow', sans-serif; }
.pgd-odd    { font-size: 16px; font-weight: 700; color: var(--text); font-family: 'Barlow', sans-serif; }

/* ── FORM KUTULARI ─────────────────────────────────────────── */
.pgd-form10 { display: flex; gap: 3px; flex-wrap: nowrap; }
.pgd-f {
  width: 24px; height: 24px; border-radius: 5px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; cursor: default;
  font-family: 'Barlow', sans-serif;
  transition: transform .1s, box-shadow .1s;
  flex-shrink: 0;
}
.pgd-f-1   { background: #FEF9C3; color: #78350F; border: 1.5px solid #F59E0B; }
.pgd-f-2   { background: var(--blue-bg); color: var(--blue); border: 1.5px solid var(--blue-border); }
.pgd-f-3   { background: #F3E8FF; color: #7C3AED; border: 1.5px solid #C4B5FD; }
.pgd-f-mid { background: var(--bg2); color: var(--text2); border: 1px solid var(--border); }
.pgd-f-out { background: var(--bg3); color: var(--text3); border: 1px solid var(--border); }
.pgd-f-k   { background: var(--bg2); color: var(--text4); border: 1px dashed var(--border2); font-style: italic; }
.pgd-f-c   { background: var(--amber-bg); color: var(--amber); border: 1px dashed var(--amber-border); }
.pgd-f-m   { background: var(--blue-bg); color: var(--blue); border: 1px solid var(--blue-border); font-size: 10px; }
.pgd-f-d   { background: var(--red-bg); color: var(--red); border: 1px solid var(--red-border); }
.pgd-f-0   { background: var(--bg2); color: var(--text4); border: 1px solid var(--border); }
.pgd-form-yok { font-size: 12px; font-weight: 700; color: var(--text3); background: var(--bg2); border: 1px solid var(--border); padding: 3px 7px; border-radius: 4px; }
.pgd-ftip:hover { transform: translateY(-2px) scale(1.15); box-shadow: none; z-index: 10; position: relative; }

/* Form Tooltip — position:fixed, viewport koordinatları */
.pgd-form-tooltip {
  position: fixed; z-index: 9999;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); box-shadow: none;
  padding: 10px 14px; min-width: 180px; max-width: 240px;
  pointer-events: none;
  animation: pgd-tip-in .12s ease;
}
@keyframes pgd-tip-in { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
.pgd-tip-sira { font-size: 14px; font-weight: 700; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--border); }
.tip-s1 { color: #92400E; } .tip-s2 { color: var(--blue); } .tip-s3 { color: #7C3AED; } .tip-sx { color: var(--text2); }
.pgd-tip-row { font-size: 13px; color: var(--text2); display: flex; align-items: center; gap: 7px; margin-top: 4px; }
.pgd-tip-lbl { flex-shrink: 0; }
.pgd-tip-ganyan { color: var(--gold-dark); font-weight: 600; }
.pgd-tip-divider { height: 1px; background: var(--border); margin: 7px 0; }
.pgd-form-tooltip { min-width: 190px; max-width: 260px; }

/* ── SONUÇ BANT ─────────────────────────────────────────────── */
.pgd-sonuc-bant {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 12px 16px; background: var(--bg2);
  border-bottom: 1px solid var(--border);
}
.pgd-sonuc-item {
  display: flex; align-items: center; gap: 8px;
  padding: 6px 12px 6px 8px; background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--r-sm);
  flex-shrink: 0; transition: border-color .15s;
}
.pgd-sonuc-birinci {
  border-color: var(--gold-border);
  background: var(--gold-soft);
}
.pgd-sonuc-at    { line-height: 1.2; }
.pgd-sonuc-jokey { font-size: 12px; color: var(--text3); margin-top: 2px; }
.pgd-ganyan-badge {
  font-size: 14px; font-weight: 700;
  color: var(--gold-dark); font-family: 'Barlow', sans-serif;
  background: var(--gold-soft); border: 1px solid var(--gold-border);
  padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
}
.pgd-sonuc-detay-btn {
  margin-left: auto; background: transparent;
  border: 1px solid var(--border2); border-radius: 20px;
  padding: 5px 16px; font-size: 13px; color: var(--text3);
  cursor: pointer; transition: all .15s; white-space: nowrap; flex-shrink: 0;
}
.pgd-sonuc-detay-btn:hover { border-color: var(--gold); color: var(--gold-dark); }

/* ── SİDEBAR ────────────────────────────────────────────────── */
.pgd-sc {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); margin-bottom: 16px;
  overflow: hidden; box-shadow: none;
}
.pgd-sc-head {
  padding: 14px 16px; border-bottom: 1px solid var(--border);
  display: flex; justify-content: space-between; align-items: center;
}
.pgd-sc-title { font-size: 15px; font-weight: 700; color: var(--text); }
.pgd-sc-link  { font-size: 13px; color: var(--gold-dark); font-weight: 500; }
.pgd-sc-body  { padding: 14px 16px; }
.pgd-res-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 0; border-bottom: 1px solid var(--border);
}
.pgd-res-item:last-child { border-bottom: none; }
.pgd-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pgd-stat-item { background: var(--bg2); border-radius: var(--r-sm); padding: 14px; text-align: center; }
.pgd-stat-n { font-size: 28px; font-weight: 700; color: var(--text); font-family: 'Barlow', sans-serif; }
.pgd-stat-l { font-size: 12px; color: var(--text3); text-transform: uppercase; letter-spacing: .4px; margin-top: 2px; }

/* ── FOOTER ─────────────────────────────────────────────────── */

/* ── GENİŞ LAYOUT ───────────────────────────────────────────── */
.pgd-main-col { min-width: 0; overflow: hidden; }
.pgd-sidebar-wide { min-width: 0; }

/* ── TABLO SÜTUN GENİŞLİKLERİ ─────────────────────────────── */
.pgd-th-no    { width: 56px; }
.pgd-th-at    { min-width: 180px; }
.pgd-th-jokey { min-width: 150px; }
.pgd-th-kg    { width: 60px; text-align: center; }
.pgd-th-form  { min-width: 200px; }
.pgd-th-agf   { width: 90px; }
.pgd-th-ganyan{ width: 80px; text-align: right; }
.pgd-td-no    { vertical-align: middle; }
.pgd-td-kg    { text-align: center; }
.pgd-td-agf   { }
.pgd-td-ganyan{ text-align: right; }

/* ── GENEL YARDIMCILAR ──────────────────────────────────────── */
.pgd-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }
.pgd-bc { background: var(--green-bg); color: var(--green); }
.pgd-bk { background: var(--amber-bg); color: var(--amber); }
.pgd-bs { background: var(--blue-bg); color: var(--blue); }
.pgd-av {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--gold-soft); border: 1.5px solid var(--gold-border);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: var(--gold-dark); flex-shrink: 0;
}
.pgd-dot {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  font-size: 12px; font-weight: 700; margin-right: 2px;
}
.pgd-d1 { background: var(--gold-soft); color: var(--gold-dark); border: 1.5px solid var(--gold-border); }
.pgd-d2 { background: var(--bg2); color: var(--text2); border: 1px solid var(--border2); }
.pgd-d3 { background: var(--red-bg); color: var(--red); border: 1px solid var(--red-border); }
.pgd-dx { background: var(--bg2); color: var(--text3); border: 1px solid var(--border); }

/* User dropdown items */
.pgd-dd-item { text-decoration: none; }

/* ── BODY FLEX — footer her zaman altta ──────────────────────── */
body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}
body > .pgd-announce,
body > #pgd-header { flex-shrink: 0; }
/* Tüm sayfa tipleri footer'ı aşağı iter */
.pgd-page,
.pgd-page-wide,
.sp-outer { flex: 1 0 auto; }
footer.pgd-footer { flex-shrink: 0; margin-top: 0 !important; }

/* ── HESAP / ADMIN PANEL — 2 sütunlu layout ─────────────────── */
.hsp-wrap {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 20px;
  align-items: start;
}
.hsp-wrap > *:nth-child(2) { min-width: 0; overflow: hidden; }
/* Sol menü kartı */
.hsp-menu {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
  box-shadow: none;
  position: sticky;
  top: 76px; /* sticky header yüksekliği */
}
@media (max-width: 980px) {
  .hsp-wrap {
    grid-template-columns: 1fr;
  }
  .hsp-menu {
    position: static;
  }
}

/* ═══════════════════════════════════════════════════════════
   PGD2 — Yeni Koşu Bülteni (index v2)
   ═══════════════════════════════════════════════════════════ */

/* Koşu Kart */
.pgd2-race{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;box-shadow: none;}
.pgd2-race-head{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .12s;user-select:none;flex-wrap:wrap;border-radius:var(--r) var(--r) 0 0;position:relative;z-index:2;}
.pgd2-race-head:hover{background:var(--bg2);}
.pgd2-live{background:linear-gradient(135deg,#1a5c38,#22c55e22)!important;border-color:#22c55e55!important;}
.pgd2-live:hover{background:linear-gradient(135deg,#1e6b41,#22c55e33)!important;}
.pgd2-no{font-size:12px;font-weight:700;padding:3px 10px;border-radius:5px;background:var(--bg2);border:1px solid var(--border);color:var(--text);white-space:nowrap;flex-shrink:0;}
.pgd2-live .pgd2-no{background:rgba(0,0,0,.12);border-color:rgba(0,0,0,.1);color:#0f4a27;}
.pgd2-saat{font-size:17px;font-weight:800;font-family:'Barlow',sans-serif;color:var(--text);flex-shrink:0;min-width:44px;}
.pgd2-live .pgd2-saat{color:#0f4a27;}
.pgd2-race-body{overflow:visible;}
.pgd2-race-body.kapali{display:none;}

/* Pist badge */
.pgd2-pist-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 4px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;}
.pgd2-p-cim{background:transparent;color:#145c30;border:none;}
.pgd2-p-kum{background:transparent;color:#7a4f00;border:none;}
.pgd2-p-sen{background:transparent;color:#1a37a8;border:none;}
.pgd2-pist-ico{width:25px;height:25px;flex-shrink:0;vertical-align:middle;}
.pgd2-pist-durum{font-size:11px;font-weight:500;opacity:.8;}

/* Pist hover tooltip */
.pgd2-pist-tip{position:relative;cursor:default;}
.pgd2-pist-tip::after{
  content: attr(data-pist);
  position:absolute;
  bottom:calc(100% + 7px);
  left:50%;
  transform:translateX(-50%);
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--text);
  font-size:12px;
  font-weight:600;
  padding:4px 10px;
  border-radius:6px;
  white-space:nowrap;
  box-shadow: none;
  pointer-events:none;
  opacity:0;
  transition:opacity .15s;
  z-index:999;
  font-family:inherit;
}
.pgd2-pist-tip::before{
  content:'';
  position:absolute;
  bottom:calc(100% + 2px);
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:var(--border);
  opacity:0;
  transition:opacity .15s;
  pointer-events:none;
  z-index:999;
}
.pgd2-pist-tip:hover::after,
.pgd2-pist-tip:hover::before{opacity:1;}

/* Hipodrom kartı — pist badge */
.pgd-hip-pist{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:3px;}

/* Meta / başlık içi */
.pgd2-meta{flex:1;font-size:13px;color:var(--text2);display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;}
.pgd2-live .pgd2-meta{color:#1a5c38;}
.pgd2-sep{color:var(--text4);}
.pgd2-ozel{font-weight:700;color:var(--gold-dark);}
.pgd2-live .pgd2-ozel{color:#92400e;}
.pgd2-ozel-mob{display:none;font-weight:700;font-size:12px;color:var(--gold-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;}

/* Kazanan satır içi */
.pgd2-kazanan{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto;flex-wrap:wrap;}
.pgd2-kaz-ico{font-size:11px;font-weight:800;color:var(--gold-dark);}
.pgd2-kaz-at{font-weight:700;color:var(--text);text-decoration:none;}
.pgd2-kaz-at:hover{color:var(--gold-dark);}
.pgd2-kaz-jokey{font-size:11px;color:var(--text3);}
.pgd2-live .pgd2-kaz-at{color:#0f4a27;}
.pgd2-live .pgd2-kaz-jokey{color:#2d6a48;}

/* Ganyan badge */
.pgd2-ganyan-b{font-size:12px;font-weight:700;color:var(--gold-dark);background:var(--gold-soft);border:1px solid var(--gold-border);padding:1px 7px;border-radius:4px;white-space:nowrap;}

/* Status */
.pgd2-status{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid;white-space:nowrap;flex-shrink:0;}
.pgd2-s-done{background:var(--bg2);color:var(--text3);border-color:var(--border);}
.pgd2-s-live{background:var(--green-bg);color:var(--green);border-color:var(--green-border);}
.pgd2-s-next{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border);}

/* Caret */
.pgd2-caret{color:var(--text3);font-size:14px;transition:transform .2s;flex-shrink:0;}
.pgd2-caret.open{transform:rotate(180deg);}
.pgd2-live .pgd2-caret{color:#2d6a48;}

/* Sonuç bandı */
.pgd2-sonuc-bant{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--border);flex-wrap:wrap;}
.pgd2-sonuc-baslik{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;flex-shrink:0;}
.pgd2-sonuc-item{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);flex-shrink:0;}
.pgd2-sonuc-item.birinci{border-color:var(--gold-border);background:var(--gold-soft);}
.pgd2-jokey-sm{font-size:11px;color:var(--text3);margin-top:1px;}
.pgd2-derece-sm{font-size:12px;color:var(--text3);margin-left:4px;}
.pgd2-bos{padding:20px;text-align:center;color:var(--text3);font-size:13px;}

/* Tablo */
.pgd2-tablo-wrap{overflow-x:auto;}
.pgd2-tablo{width:100%;border-collapse:collapse;font-size:14px;}
.pgd2-tablo th{background:var(--bg2);color:var(--text3);font-size:11px;font-weight:700;padding:9px 12px;text-align:left;border-bottom:2px solid var(--border);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;}
.pgd2-tablo td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.pgd2-tablo tr:last-child td{border-bottom:none;}
.pgd2-tablo tr:hover td{background:var(--bg2);}
.pgd2-hl td{background:var(--gold-soft)!important;}
.pgd2-kosmaz td{opacity:.45;}
.pgd2-kosmaz-bar{font-size:11px;color:var(--red);margin-bottom:3px;}
.pgd2-th-no{width:60px;}
.pgd2-th-at{min-width:190px;}
.pgd2-th-jokey{min-width:140px;}
.pgd2-th-kg{width:58px;text-align:center!important;}
.pgd2-th-form{min-width:195px;}
.pgd2-th-agf{width:88px;}
.pgd2-th-sag{width:78px;text-align:right!important;}
.pgd2-td-no{vertical-align:middle;}
.pgd2-td-kg{text-align:center!important;}
.pgd2-td-sag{text-align:right!important;}

/* Rank yuvarlakları */
.pgd2-rn{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}
.pgd2-r1{background:#FEF9C3;color:#92400E;border:2px solid #F59E0B;}
.pgd2-r2{background:#F1F5F9;color:#475569;border:2px solid #CBD5E1;}
.pgd2-r3{background:#F3E8FF;color:#7C3AED;border:2px solid #C4B5FD;}
.pgd2-r4{background:var(--bg2);color:var(--text3);border:1px solid var(--border);}
.pgd2-startno{font-size:15px;font-weight:700;color:var(--text);}

/* At adı / nesep */
.pgd2-at-adi{font-weight:700;color:var(--text);font-size:15px;font-family:'Barlow',sans-serif;letter-spacing:.2px;text-decoration:none;display:inline-block;}
.pgd2-at-adi:hover{color:var(--gold-dark);}
.pgd2-ped{display:flex;align-items:center;gap:4px;margin-top:2px;flex-wrap:wrap;}
.pgd2-ped-a{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px;font-size:12px;}
.pgd2-baba{color:var(--blue);font-size:12px;}
.pgd2-anne{color:var(--text3);font-size:12px;}
.pgd2-ped-sep{color:var(--text4);font-size:11px;}
.pgd2-meta2{font-size:12px;color:var(--text3);margin-top:2px;}
.pgd2-irk{font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--bg2);color:var(--text3);border:1px solid var(--border);margin-left:4px;vertical-align:middle;}
.pgd2-notlar{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px;}
.pgd2-not{font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;}
.pgd2-not-taki{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);}
.pgd2-not-kg{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}

/* Jokey */
.pgd2-jokey{font-size:14px;font-weight:600;color:var(--text);text-decoration:none;}
.pgd2-jokey:hover{color:var(--gold-dark);}
.pgd2-sahip{font-size:12px;color:var(--text3);margin-top:2px;}
.pgd2-ant{font-size:11px;color:var(--text4);margin-top:1px;}
.pgd2-link-muted{color:inherit;text-decoration:none;}
.pgd2-link-muted:hover{color:var(--gold-dark);text-decoration:underline;}

/* Kilo / KGS */
.pgd2-kilo{font-size:14px;font-weight:600;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd2-ap-indirim{font-size:10px;color:var(--green);margin-top:1px;}
.pgd2-kgs{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;display:block;margin-top:2px;}
.pgd2-kgs-h{background:var(--red-bg);color:var(--red);}
.pgd2-kgs-m{background:var(--amber-bg);color:var(--amber);}
.pgd2-kgs-l{background:var(--green-bg);color:var(--green);}

/* Form kutucukları */
.pgd2-form10{display:flex;gap:3px;flex-wrap:nowrap;}
.pgd2-f{width:24px;height:24px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:default;font-family:'Barlow',sans-serif;flex-shrink:0;}
/* 1. — pist rengine göre */
.pgd2-f-1{background:#FEF08A;color:#713f12;border:2px solid #F59E0B;}
.pgd2-f-1.pgd2-fp-cim{background:#16a34a;color:#fff;border:2px solid #15803d;}
.pgd2-f-1.pgd2-fp-kum{background:#d97706;color:#fff;border:2px solid #b45309;}
.pgd2-f-1.pgd2-fp-sen{background:#2563eb;color:#fff;border:2px solid #1d4ed8;}
/* 2. — pist rengine göre */
.pgd2-f-2{background:#e2e8f0;color:#334155;border:2px solid #94a3b8;}
.pgd2-f-2.pgd2-fp-cim{background:#bbf7d0;color:#14532d;border:2px solid #4ade80;}
.pgd2-f-2.pgd2-fp-kum{background:#fde68a;color:#78350f;border:2px solid #fbbf24;}
.pgd2-f-2.pgd2-fp-sen{background:#bfdbfe;color:#1e3a8a;border:2px solid #60a5fa;}
/* 3. — pist rengine göre */
.pgd2-f-3{background:#f3e8ff;color:#6b21a8;border:2px solid #c084fc;}
.pgd2-f-3.pgd2-fp-cim{background:#dcfce7;color:#14532d;border:2px solid #86efac;}
.pgd2-f-3.pgd2-fp-kum{background:#fef3c7;color:#78350f;border:2px solid #fcd34d;}
.pgd2-f-3.pgd2-fp-sen{background:#dbeafe;color:#1e3a8a;border:2px solid #93c5fd;}
/* 4-6 arası / dışarıda */
.pgd2-f-mid{background:var(--bg2);color:var(--text2);border:1px solid var(--border);}
.pgd2-f-out{background:var(--bg3);color:var(--text3);border:1px solid var(--border);}
.pgd2-f-k{background:var(--bg2);color:var(--text4);border:1px dashed var(--border2);font-style:italic;}
.pgd2-f-c{background:var(--amber-bg);color:var(--amber);border:1px dashed var(--amber-border);}
.pgd2-f-m{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);font-size:10px;}
.pgd2-f-d{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}
.pgd2-f-0{background:var(--bg2);color:var(--text4);border:1px solid var(--border);}
.pgd2-form-yok{font-size:11px;font-weight:700;color:var(--text3);background:var(--bg2);border:1px solid var(--border);padding:2px 6px;border-radius:4px;}

/* AGF */
.pgd2-agf{display:flex;flex-direction:column;gap:2px;}
.pgd2-agf-val{font-size:13px;font-weight:700;color:var(--text2);}
.pgd2-agf-hot{color:var(--red)!important;}
.pgd2-agf-bar{background:var(--border);border-radius:3px;height:3px;width:60px;overflow:hidden;}
.pgd2-agf-fill{background:var(--gold);height:3px;border-radius:3px;}
.pgd2-agf-fill-hot{background:var(--red)!important;}

/* Ganyan / Derece */
.pgd2-odd{font-size:15px;font-weight:700;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd2-derece{font-size:14px;font-weight:700;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd2-fark{font-size:10px;color:var(--text3);}
.pgd2-dash{color:var(--text4);font-size:14px;}

/* Responsive */
@media (max-width: 900px) {
  .pgd2-th-jokey, .pgd2-td-jokey { display: none; }
  .pgd2-th-agf,   .pgd2-td-agf   { display: none; }
  .pgd2-meta    { display: none; }
  .pgd2-ozel-mob{ display: inline-flex; align-items: center; }
  .pgd2-race-head { gap: 6px; }
}
@media (max-width: 600px) {
  .pgd2-th-form, .pgd2-td-form { display: none; }
  .pgd2-th-kg,   .pgd2-td-kg   { display: none; }
  .pgd2-saat { font-size: 14px; min-width: 36px; }
}

/* ═══════════════════════════════════════════════════════════
   MODÜL SİSTEMİ — YENİ STILLER
   ═══════════════════════════════════════════════════════════ */

/* ── Sol Sidebar: Hipodrom Butonları ────────────────────────── */
.pgd-sb-hipodromlar{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
.pgd-hip-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);text-decoration:none;cursor:pointer;transition:all .15s;flex-wrap:wrap;}
.pgd-hip-btn:hover{background:var(--bg2);border-color:var(--gold-border);}
.pgd-hip-btn.aktif{background:var(--gold-soft);border-color:var(--gold-border);}
.pgd-hip-btn-ico{font-size:18px;flex-shrink:0;}
.pgd-hip-btn-ad{font-size:13px;font-weight:700;color:var(--text);}
.pgd-hip-btn.aktif .pgd-hip-btn-ad{color:var(--gold-dark);}
.pgd-hip-btn-meta{font-size:11px;color:var(--text3);margin-left:auto;}
.pgd-hip-btn-pist{display:flex;gap:3px;margin-left:auto;}
.pgd-pist-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}
.pgd-pd-cim{background:#dcfce7;color:#15803d;border:1px solid #86efac;}
.pgd-pd-kum{background:#fef3c7;color:#b45309;border:1px solid #fcd34d;}
.pgd-pd-sen{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd;}

/* ── Sol Sidebar: Genel Kart ─────────────────────────────────  */
.pgd-sb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:8px;overflow:hidden;}
.pgd-sb-card-head{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg2);}
.pgd-sb-card-body{padding:10px 12px;}

/* ── Sol Sidebar: Hava ───────────────────────────────────────── */
.pgd-hava-body{padding:10px 12px;}
.pgd-hava-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.pgd-hava-ikon{font-size:28px;flex-shrink:0;}
.pgd-hava-durum{font-size:13px;font-weight:600;color:var(--text);}
.pgd-hava-nem{font-size:11px;color:var(--text3);margin-top:2px;}
.pgd-hava-sicak{font-size:28px;font-weight:800;color:var(--gold-dark);font-family:'Barlow',sans-serif;margin-left:auto;}
.pgd-hava-pistler{display:flex;gap:6px;}
.pgd-hava-pist{flex:1;border-radius:var(--r-sm);padding:6px 8px;text-align:center;}
.pgd-hp-cim{background:#dcfce7;border:1px solid #86efac;}
.pgd-hp-kum{background:#fef3c7;border:1px solid #fcd34d;}
.pgd-hp-lbl{display:block;font-size:9px;font-weight:800;margin-bottom:2px;color:var(--text3);}
.pgd-hp-val{font-size:12px;font-weight:700;}
.pgd-hp-cim .pgd-hp-val{color:#15803d;}
.pgd-hp-kum .pgd-hp-val{color:#b45309;}

/* ── Sol Sidebar: Accordion ─────────────────────────────────── */
.pgd-sb-accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:8px;}
.pgd-sb-acc-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text);user-select:none;}
.pgd-sb-acc-head:hover{background:var(--bg2);}
.pgd-sb-acc-caret{font-size:16px;color:var(--text3);line-height:1;}
.pgd-sb-acc-body{padding:8px 12px;border-top:1px solid var(--border);}
.pgd-sb-bos{font-size:12px;color:var(--text3);text-align:center;padding:8px 0;}
.pgd-sb-jokey-item{padding:5px 0;border-bottom:1px solid var(--border);font-size:12px;}
.pgd-sb-jokey-item:last-child{border-bottom:none;}
.pgd-sb-jokey-ad{font-weight:600;color:var(--text);text-decoration:none;}
.pgd-sb-jokey-ad:hover{color:var(--gold-dark);}
.pgd-sb-jokey-detay,.pgd-sb-jokey-meta{display:block;font-size:11px;color:var(--text3);margin-top:2px;}

/* ── Koşu Tab Butonları ──────────────────────────────────────── */
.pgd-kosu-tabs-wrap{display:flex;align-items:center;gap:10px;padding:10px 0;margin-bottom:6px;border-bottom:2px solid var(--border);}
.pgd-kosu-tabs-lbl{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;}
.pgd-kosu-tabs{display:flex;gap:4px;flex-wrap:wrap;}
.pgd-kosu-tab{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text2);text-decoration:none;transition:all .15s;flex-shrink:0;}
.pgd-kosu-tab:hover{border-color:var(--gold-border);background:var(--gold-soft);color:var(--gold-dark);}
.pgd-kosu-tab.aktif{background:var(--gold);border-color:var(--gold-dark);color:#fff;box-shadow: none;}
.pgd-kosu-tab.bitti{background:var(--bg2);border-color:var(--border);color:var(--text3);}
.pgd-kosu-tab.bitti::after{content:'✓';font-size:8px;position:absolute;top:2px;right:3px;}
.pgd-kosu-tab{position:relative;}

/* ── Koşu Başlık Bilgisi ─────────────────────────────────────── */
.pgd-kosu-baslik{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:8px;flex-wrap:wrap;gap:8px;}
.pgd-kosu-baslik-sol{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pgd-kb-no{font-size:13px;font-weight:800;color:var(--text);background:var(--bg2);border:1px solid var(--border);padding:3px 10px;border-radius:5px;white-space:nowrap;}
.pgd-kb-saat{font-size:18px;font-weight:800;font-family:'Barlow',sans-serif;color:var(--text);}
.pgd-kb-meta{font-size:13px;color:var(--text2);}
.pgd-kb-meta b{color:var(--text);}
.pgd-kb-pist-durum{font-size:11px;opacity:.8;}

/* ── Boş Alan ────────────────────────────────────────────────── */
.pgd-race-bos{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:60px 40px;text-align:center;color:var(--text3);}
.pgd-race-bos-ico{font-size:42px;margin-bottom:16px;}
.pgd-race-bos-yazi{font-size:16px;font-weight:700;color:var(--text2);}

/* ── Sol Sidebar Layout ──────────────────────────────────────── */
.pgd-sidebar-left{width:220px;flex-shrink:0;}
@media (max-width: 900px) {
  .pgd-sidebar-left{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;}
  .pgd-sb-hipodromlar{flex-direction:row;flex-wrap:wrap;margin-bottom:0;}
  .pgd-hip-btn{flex-direction:column;align-items:flex-start;padding:6px 10px;min-width:80px;}
  .pgd-hip-btn-meta{margin-left:0;}
  .pgd-hip-btn-pist{margin-left:0;}
}
@media (max-width: 600px) {
  .pgd-kosu-tabs-wrap{overflow-x:auto;}
  .pgd-kosu-tab{width:30px;height:30px;font-size:12px;}
}

/* ═══════════════════════════════════════════════════════════
   YENİ PROGRAM LAYOUT
   ═══════════════════════════════════════════════════════════ */

/* ── Sayfa wrapper ──────────────────────────────────────────── */
.pgd-page-program { max-width:var(--max-w); margin:0 auto; padding:16px 28px; box-sizing:border-box; }

/* ── Üst bant: tarih + hipodromlar ─────────────────────────── */
.pgd-top-bar { margin-bottom:16px; }
.pgd-top-bar .pgd-date-bar { margin-bottom:10px; }

/* ── Yatay hipodrom kartları ────────────────────────────────── */
.pgd-hip-bar { display:flex; gap:6px; flex-wrap:wrap; }
.pgd-hip-card2 { display:flex; align-items:center; gap:8px; padding:8px 12px; background:var(--surface); border:1.5px solid var(--border); border-radius:var(--r-sm); text-decoration:none; cursor:pointer; transition:all .15s; flex-shrink:0; }
.pgd-hip-card2:hover { border-color:var(--gold-border); background:var(--bg2); }
.pgd-hip-card2.aktif { border-color:var(--gold); background:var(--gold-soft); }
.pgd-hip-card2-ico { font-size:20px; line-height:1; }
.pgd-hip-card2-info { display:flex; flex-direction:column; }
.pgd-hip-card2-ad { font-size:12px; font-weight:800; color:var(--text); letter-spacing:.3px; }
.pgd-hip-card2.aktif .pgd-hip-card2-ad { color:var(--gold-dark); }
.pgd-hip-card2-meta { font-size:10px; color:var(--text3); margin-top:1px; }
.pgd-hip-card2-pistler { display:flex; gap:2px; align-items:center; }
.pgd-hip-card2-pistler .pgd2-pist-ico { width:16px; height:16px; }

/* ── Ana içerik layout ──────────────────────────────────────── */
.pgd-program-layout { display:grid; grid-template-columns:1fr 220px; gap:16px; margin-bottom:20px; }
.pgd-program-main { min-width:0; }
.pgd-program-side { display:flex; flex-direction:column; gap:8px; }

/* ── At tablosu satır renkleri ──────────────────────────────── */
.pgd-tablo-tr { transition:background .1s; }
.pgd-tablo-tr:hover td { background:var(--bg2) !important; }
.pgd-tablo-tr + .pgd-tablo-tr td { border-top:1px solid var(--border); }
.pgd-tr-even td { background:var(--bg3); }
.pgd-tr-fav td { background:var(--gold-soft) !important; }
.pgd-tr-birinci td { background:#f0fdf4 !important; }
.pgd-tr-ikinci  td { background:#f8fafc !important; }
.pgd-tr-ucuncu  td { background:#faf5ff !important; }

/* ── Hava kartı inline sıcaklık ─────────────────────────────── */
.pgd-sb-card-head { font-size:12px; font-weight:700; color:var(--text); padding:8px 12px; border-bottom:1px solid var(--border); background:var(--bg2); display:flex; align-items:center; gap:6px; }
.pgd-hava-sicak-inline { font-size:16px; font-weight:800; color:var(--gold-dark); font-family:'Barlow',sans-serif; margin-left:auto; }
.pgd-hava-pistler { display:flex; gap:6px; }
.pgd-hava-pist { flex:1; border-radius:var(--r-sm); padding:6px 8px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:2px; transition:box-shadow .15s; }
.pgd-hava-pist.aktif-pist { box-shadow: none; }
.pgd-hp-cim { background:#dcfce7; border:1px solid #86efac; }
.pgd-hp-kum { background:#fef3c7; border:1px solid #fcd34d; }
.pgd-hp-sen { background:#dbeafe; border:1px solid #93c5fd; }
.pgd-hp-lbl { font-size:9px; font-weight:800; color:var(--text3); }
.pgd-hp-val { font-size:11px; font-weight:700; }
.pgd-hp-cim .pgd-hp-val { color:#15803d; }
.pgd-hp-kum .pgd-hp-val { color:#b45309; }
.pgd-hp-sen .pgd-hp-val { color:#1d4ed8; }

/* ── Alt bant: Son Sonuçlar + Günün Jokeyleri ───────────────── */
.pgd-bottom-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:8px; }
.pgd-bottom-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; }
.pgd-bottom-card-head { display:flex; align-items:center; justify-content:space-between; padding:8px 14px; background:var(--bg2); border-bottom:1px solid var(--border); font-size:12px; font-weight:700; color:var(--text); }
.pgd-bottom-card-body { padding:8px 14px; }

/* Son sonuçlar */
.pgd-ss-kosu-lbl { font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:.3px; padding:6px 0 4px; }
.pgd-ss-item { display:flex; align-items:center; gap:8px; padding:4px 0; }
.pgd-ss-at { flex:1; display:flex; flex-direction:column; gap:1px; }
.pgd-ss-at-ad { font-size:12px; font-weight:600; color:var(--text); }
.pgd-ss-jokey { font-size:10px; color:var(--text3); }
.pgd-ss-ganyan { font-size:12px; font-weight:700; color:var(--gold-dark); background:var(--gold-soft); padding:1px 6px; border-radius:4px; border:1px solid var(--gold-border); white-space:nowrap; }
.pgd-ss-divider { border-top:1px solid var(--border); margin:6px 0; }

/* Günün jokeyleri */
.pgd-gj-header { display:grid; grid-template-columns:1fr 50px 60px 50px; gap:4px; font-size:10px; font-weight:700; color:var(--text3); text-transform:uppercase; padding:4px 0 6px; border-bottom:1px solid var(--border); }
.pgd-gj-row { display:grid; grid-template-columns:1fr 50px 60px 50px; gap:4px; padding:5px 0; border-bottom:1px solid var(--border); font-size:12px; align-items:center; }
.pgd-gj-row:last-child { border-bottom:none; }
.pgd-gj-ad { font-weight:600; color:var(--text); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pgd-gj-ad:hover { color:var(--gold-dark); }
.pgd-gj-sayi { color:var(--text2); text-align:center; }
.pgd-gj-birinci { font-weight:700; color:var(--gold-dark); text-align:center; }
.pgd-gj-oran { font-weight:700; text-align:right; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .pgd-program-layout { grid-template-columns: 1fr; }
  .pgd-program-side { flex-direction:row; flex-wrap:wrap; }
  .pgd-program-side .pgd-sb-card { flex:1; min-width:200px; }
}
@media (max-width: 768px) {
  .pgd-bottom-row { grid-template-columns:1fr; }
  .pgd-hip-bar { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
  .pgd-page-program { padding:10px 12px; }
}

/* ═══════════════════════════════════════════════════════════
   v3 — YENİDEN YAZILAN STILLER
   ═══════════════════════════════════════════════════════════ */

/* ── Hipodrom bar (yeni) ──────────────────────────────────── */
.pgd-hip-card{display:inline-flex;flex-direction:column;gap:5px;padding:10px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);text-decoration:none;transition:all .15s;cursor:pointer;min-width:110px;}
.pgd-hip-card:hover{border-color:var(--gold-border);background:var(--bg2);}
.pgd-hip-card.aktif{border-color:var(--gold);background:var(--gold-soft);}
.pgd-hip-card-top{display:flex;align-items:center;gap:6px;}
.pgd-hip-card-ico{font-size:18px;line-height:1;}
.pgd-hip-card-ad{font-size:12px;font-weight:800;color:var(--text);letter-spacing:.3px;}
.pgd-hip-card.aktif .pgd-hip-card-ad{color:var(--gold-dark);}
.pgd-hip-card-sicak{font-size:11px;color:var(--text3);margin-left:auto;}
.pgd-hip-card-pist{display:flex;gap:4px;flex-wrap:wrap;}
.pgd-pist-tag{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:20px;white-space:nowrap;}
.pgd-pt-cim{background:#dcfce7;color:#15803d;border:1px solid #86efac;}
.pgd-pt-kum{background:#fef3c7;color:#b45309;border:1px solid #fcd34d;}
.pgd-pt-sen{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd;}
.pgd-pist-tag .pgd2-pist-ico{width:12px;height:12px;}

/* ── Koşu tab butonları (yeni) ───────────────────────────── */
.pgd-kt-wrap{overflow-x:auto;margin-bottom:0;}
.pgd-kt-tabs{display:flex;gap:4px;padding:10px 0 8px;border-bottom:2px solid var(--border);}
.pgd-kt-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;padding:6px 4px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);text-decoration:none;transition:all .15s;position:relative;flex-shrink:0;}
.pgd-kt-tab:hover{border-color:var(--gold-border);background:var(--bg2);}
.pgd-kt-tab.aktif{background:var(--gold);border-color:var(--gold-dark);box-shadow: none;}
.pgd-kt-tab.bitti{background:var(--bg2);border-color:var(--border);}
.pgd-kt-no{font-size:15px;font-weight:800;color:var(--text);line-height:1;}
.pgd-kt-tab.aktif .pgd-kt-no{color:#fff;}
.pgd-kt-tab.bitti .pgd-kt-no{color:var(--text3);}
.pgd-kt-saat{font-size:9px;color:var(--text3);margin-top:2px;font-family:'Barlow',sans-serif;}
.pgd-kt-tab.aktif .pgd-kt-saat{color:rgba(255,255,255,.7);}
.pgd-kt-check{position:absolute;top:2px;right:3px;font-size:8px;color:var(--green);}

/* ── Koşu başlık kartı (yeni) ────────────────────────────── */
.pgd-kb{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-top:none;flex-wrap:wrap;}
.pgd-kb-canli{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;}
.pgd-kb-left{display:flex;flex-direction:column;gap:6px;flex:1;}
.pgd-kb-row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pgd-kb-no-badge{font-size:12px;font-weight:800;padding:3px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:5px;color:var(--text);}
.pgd-kb-saat-txt{font-size:18px;font-weight:800;font-family:'Barlow',sans-serif;color:var(--text);}
.pgd-pist-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;}
.pgd-pist-cim{background:#dcfce7;color:#15803d;border:1px solid #86efac;}
.pgd-pist-kum{background:#fef3c7;color:#b45309;border:1px solid #fcd34d;}
.pgd-pist-sen{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd;}
.pgd-kb-pist-durum{font-size:10px;opacity:.8;}
.pgd-st{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid;white-space:nowrap;}
.pgd-st-bitti{background:var(--bg2);color:var(--text3);border-color:var(--border);}
.pgd-st-canli{background:#dcfce7;color:#15803d;border-color:#86efac;}
.pgd-st-bekliyor{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border);}
.pgd-kb-row2{font-size:13px;color:var(--text2);display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.pgd-kb-row2 b{color:var(--text);}
.pgd-kb-dot{color:var(--text4);}
.pgd-kb-ozel-ad{color:var(--gold-dark);font-weight:700;}
.pgd-kb-kazanan{background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:240px;align-self:stretch;justify-content:center;}
.pgd-kb-kaz-lbl{font-size:9px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;}
.pgd-kb-kaz-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pgd-kb-kaz-ad{font-weight:700;color:var(--text);text-decoration:none;font-size:14px;}
.pgd-kb-kaz-ad:hover{color:var(--gold-dark);}
.pgd-kb-kaz-jokey{font-size:12px;color:var(--text3);}
.pgd-kb-kaz-ganyan{background:var(--gold);color:#fff;font-size:14px;font-weight:800;padding:8px 10px;border-radius:8px;line-height:1;}
.pgd-kb-kaz-derece{font-size:19px;color:var(--text);font-family:'Barlow',sans-serif;line-height:1;}
.pgd-media-inline{display:flex;align-items:center;gap:0;padding:0;min-width:auto;justify-content:center;border-left:1px solid var(--border);flex-shrink:0;}
.pgd-media-pill{display:flex;align-items:center;justify-content:center;width:72px;min-width:72px;min-height:76px;padding:0;border:none;border-left:1px solid var(--border);background:transparent;color:var(--gold-dark);text-decoration:none;transition:background .15s,color .15s,transform .15s;}
.pgd-media-inline .pgd-media-pill:first-child{border-left:none;}
.pgd-media-pill i{font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--gold-soft);border:1px solid rgba(232,160,32,.28);box-shadow: none;}
.pgd-media-pill:hover{color:var(--gold-dark);background:rgba(232,160,32,.06);}
.pgd-media-pill:hover i{background:#fff5db;border-color:rgba(232,160,32,.45);transform:scale(1.04);}

/* ── At tablosu (yeni) ───────────────────────────────────── */
.pgd-at-tablo-wrap{overflow-x:auto;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r) var(--r);}
.pgd-at-tablo{width:100%;border-collapse:collapse;font-size:14px;}
.pgd-at-thead tr{background:var(--bg2);border-bottom:2px solid var(--border);}
.pgd-th{padding:8px 10px;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-align:left;}
.pgd-th-no{width:50px;}
.pgd-th-kg{width:56px;}
.pgd-th-form{width:160px;}
.pgd-th-agf{width:80px;}
.pgd-th-sag{width:80px;text-align:right;}
.pgd-td{padding:9px 10px;vertical-align:top;border-bottom:1px solid var(--border);}
.pgd-td-no{white-space:nowrap;}
.pgd-td-sag{text-align:right;}

/* Satır renkleri */
.pgd-tr:hover .pgd-td{background:var(--bg2) !important;}
.pgd-tr-even .pgd-td{background:var(--bg3);}
.pgd-tr-fav .pgd-td{background:#fffbeb !important;}
.pgd-tr-1 .pgd-td{background:#f0fdf4 !important;}
.pgd-tr-2 .pgd-td{background:#f8fafc !important;}
.pgd-tr-3 .pgd-td{background:#faf5ff !important;}
.pgd-tr-kosmaz .pgd-td{opacity:.55;}
.pgd-tr-kosmaz .pgd-td{text-decoration:line-through;}

/* At ismi ve nesep */
.pgd-at-ad{font-weight:700;color:var(--text);text-decoration:none;display:block;font-size:13px;}
.pgd-at-ad:hover{color:var(--gold-dark);}
.pgd-at-ad-line,
.pgd-mobile-race-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pgd-at-ad-line .pgd-at-ad,
.pgd-mobile-race-name-line .pgd-mobile-race-name{display:inline-block;}
.pgd-result-rank{
  display:inline-flex;align-items:center;gap:4px;
  min-height:22px;padding:0 8px;border-radius:999px;
  border:1px solid var(--border);background:var(--bg2);color:var(--text2);
  font-size:11px;font-weight:800;line-height:1;white-space:nowrap;
}
.pgd-result-rank-icon{font-size:13px;line-height:1;}
.pgd-result-rank-text{display:inline-flex;align-items:center;line-height:1;}
.pgd-result-rank-1{background:#f0fdf4;border-color:#86efac;color:#166534;}
.pgd-result-rank-2{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
.pgd-result-rank-3{background:#faf5ff;border-color:#d8b4fe;color:#7c3aed;}
.pgd-result-rank-4{background:var(--bg2);border-color:var(--border2);color:var(--text3);}
.pgd-not-ekuri{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:999px;
  margin-left:4px;
  background:#2563eb;color:#fff;border:none;
  box-shadow: none;
  font-size:11px;font-weight:800;line-height:1;
  vertical-align:middle;
}
.pgd-not-ekuri__icon{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;line-height:1;opacity:1;color:inherit;
}
.pgd-not-ekuri__text{
  display:none;
}
.pgd-not-ekuri.is-group-0{background:#2563eb;}
.pgd-not-ekuri.is-group-1{background:#16a34a;}
.pgd-not-ekuri.is-group-2{background:#7c3aed;}
.pgd-not-ekuri.is-group-3{background:#ea580c;}
.pgd-not-ekuri.is-group-4{background:#db2777;}
.pgd-not-ekuri.is-group-5{background:#0f766e;}
.pgd-ped{font-size:11px;margin-top:2px;display:flex;align-items:center;gap:3px;flex-wrap:wrap;}
.pgd-ped-a{text-decoration:none;color:var(--blue);}
.pgd-ped-a:hover{text-decoration:underline;}
.pgd-ped-baba{color:var(--blue);}
.pgd-ped-anne{color:var(--text3);}
.pgd-ped-x{color:var(--text4);font-size:10px;}
.pgd-at-meta{font-size:11px;color:var(--text3);margin-top:2px;}
.pgd-irk{margin-left:4px;padding:1px 5px;background:var(--bg2);border:1px solid var(--border);border-radius:3px;font-size:10px;}
.pgd-notlar{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px;}
.pgd-not-taki{font-size:10px;padding:1px 5px;background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);border-radius:3px;}
.pgd-not-kg{font-size:10px;padding:1px 5px;background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);border-radius:3px;}
.pgd-kosmaz-bar{font-size:10px;font-weight:700;color:var(--red);background:var(--red-bg);border:1px solid var(--red-border);border-radius:3px;padding:1px 6px;display:inline-block;margin-bottom:3px;}
.pgd-startno{font-size:14px;font-weight:700;color:var(--text2);}
.pgd-kgs{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;display:block;margin-top:2px;}
.pgd-kgs-h{background:var(--red-bg);color:var(--red);}
.pgd-kgs-m{background:var(--amber-bg);color:var(--amber);}
.pgd-kgs-l{background:var(--green-bg);color:var(--green);}
.pgd-sup-ap{font-size:9px;background:var(--blue);color:#fff;padding:0 3px;border-radius:2px;margin-left:2px;}
.pgd-sup-hnd{font-size:9px;background:var(--amber-bg);color:var(--amber);padding:0 3px;border-radius:2px;margin-left:2px;border:1px solid var(--amber-border);}

/* Jokey/sahip */
.pgd-jokey-ad{font-weight:700;color:var(--text);text-decoration:none;display:block;font-size:14px;}
.pgd-jokey-ad:hover{color:var(--gold-dark);}
.pgd-sahip{font-size:11px;color:var(--text3);margin-top:2px;}
.pgd-ant{font-size:11px;color:var(--text3);margin-top:1px;}
.pgd-link-dim{color:var(--text3);text-decoration:none;}
.pgd-link-dim:hover{color:var(--gold-dark);text-decoration:underline;}

/* Kilo */
.pgd-kilo{font-size:14px;font-weight:600;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd-ap-ind{font-size:10px;color:var(--green);margin-top:1px;}

/* Form kutucukları */
.pgd-form10{display:flex;gap:3px;flex-wrap:nowrap;}
.pgd-f{width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:default;font-family:'Barlow',sans-serif;flex-shrink:0;}
.pgd-f-1{background:#fef08a;color:#713f12;border:2px solid #F59E0B;}
.pgd-f-1.pgd-fp-cim{background:#16a34a;color:#fff;border-color:#15803d;}
.pgd-f-1.pgd-fp-kum{background:#d97706;color:#fff;border-color:#b45309;}
.pgd-f-1.pgd-fp-sen{background:#2563eb;color:#fff;border-color:#1d4ed8;}
.pgd-f-2{background:#e2e8f0;color:#334155;border:1.5px solid #94a3b8;}
.pgd-f-2.pgd-fp-cim{background:#bbf7d0;color:#14532d;border:1.5px solid #4ade80;}
.pgd-f-2.pgd-fp-kum{background:#fde68a;color:#78350f;border:1.5px solid #fbbf24;}
.pgd-f-2.pgd-fp-sen{background:#bfdbfe;color:#1e3a8a;border:1.5px solid #60a5fa;}
.pgd-f-3{background:#f3e8ff;color:#6b21a8;border:1.5px solid #c084fc;}
.pgd-f-3.pgd-fp-cim{background:#dcfce7;color:#14532d;border:1.5px solid #86efac;}
.pgd-f-3.pgd-fp-kum{background:#fef3c7;color:#78350f;border:1.5px solid #fcd34d;}
.pgd-f-3.pgd-fp-sen{background:#dbeafe;color:#1e3a8a;border:1.5px solid #93c5fd;}
.pgd-f-mid{background:var(--bg2);color:var(--text2);border:1px solid var(--border);}
.pgd-f-out{background:var(--bg3);color:var(--text3);border:1px solid var(--border);}
.pgd-f-k{background:var(--bg2);color:var(--text4);border:1px dashed var(--border2);}
.pgd-f-c{background:var(--amber-bg);color:var(--amber);border:1px dashed var(--amber-border);}
.pgd-f-m{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);font-size:9px;}
.pgd-f-d{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}
.pgd-f-0{background:var(--bg2);color:var(--text4);border:1px solid var(--border);}
.pgd-form-yok{color:var(--text4);font-size:12px;}

/* AGF */
.pgd-agf{display:flex;flex-direction:column;gap:2px;}
.pgd-agf-val{font-size:12px;font-weight:700;color:var(--text2);}
.pgd-agf-hot{color:var(--red)!important;}
.pgd-agf-bar{background:var(--border);border-radius:3px;height:3px;width:50px;overflow:hidden;}
.pgd-agf-fill{background:var(--gold);height:3px;border-radius:3px;}
.pgd-agf-fill-hot{background:var(--red)!important;}

/* Derece/ganyan */
.pgd-derece{font-size:13px;font-weight:700;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd-fark{font-size:10px;color:var(--text3);}
.pgd-ganyan-sm{font-size:10px;color:var(--gold-dark);font-weight:600;margin-top:2px;}
.pgd-odd{font-size:14px;font-weight:700;color:var(--text);font-family:'Barlow',sans-serif;}
.pgd-dash{color:var(--text4);}

/* Bos durum */
.pgd-at-bos{
  display:flex;
  align-items:center;
  gap:14px;
  margin:14px 0 4px;
  padding:18px 20px;
  background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 100%);
  border:1px solid rgba(214,165,92,.28);
  border-radius:16px;
  color:var(--text2);
}
.pgd-at-bos-ico{
  width:46px;
  height:46px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
  background:#fff;
  border:1px solid rgba(214,165,92,.34);
  color:#c8891d;
  box-shadow: none;
  font-size:18px;
}
.pgd-at-bos-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.pgd-at-bos-copy strong{
  font-family:'Barlow',sans-serif;
  font-size:22px;
  line-height:1.05;
  letter-spacing:.1px;
  color:#2e1d0c;
}
.pgd-at-bos-copy span{
  font-size:13px;
  line-height:1.45;
  color:#7a5c37;
  max-width:560px;
}

/* ── Alt bant 4 blok ─────────────────────────────────────── */
.pgd-bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;}

/* Özet */
.pgd-ozet-grid{display:flex;gap:0;border-top:1px solid var(--border);}
.pgd-ozet-item{flex:1;padding:12px 8px;text-align:center;border-right:1px solid var(--border);}
.pgd-ozet-item:last-child{border-right:none;}
.pgd-ozet-n{display:block;font-size:24px;font-weight:800;color:var(--text);font-family:'Barlow',sans-serif;line-height:1;}
.pgd-ozet-l{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-top:3px;}
.pgd-ozet-green{color:var(--green)!important;}
.pgd-ozet-amber{color:var(--amber)!important;}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width:1200px){.pgd-bottom-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){
  .pgd-program-layout{grid-template-columns:1fr;}
  .pgd-program-side{flex-direction:row;flex-wrap:wrap;}
  .pgd-program-side .pgd-sb-card{flex:1;min-width:180px;}
  .pgd-col-hide-md{display:none!important;}
}
@media (max-width:768px){
  .pgd-bottom-row{grid-template-columns:1fr;}
  .pgd-hip-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;}
  .pgd-col-hide-sm{display:none!important;}
  .pgd-page-program{padding:10px 12px;}
}
@media (max-width:480px){
  .pgd-kt-tab{min-width:40px;}
  .pgd-kt-saat{display:none;}
}

/* ═══════════════════════════════════════════════════════════
   v3.1 — TAM GENİŞLİK + PİST RENKLİ TABLAR + HAVA INLINE
   ═══════════════════════════════════════════════════════════ */

/* Tam genişlik layout */
.pgd-race-area { width:100%; }

/* Koşu tab — pist renklerine göre */
.pgd-kt-tab.pgd-kt-cim { border-color:#86efac; }
.pgd-kt-tab.pgd-kt-cim .pgd-kt-no { color:#15803d; }
.pgd-kt-tab.pgd-kt-cim.aktif { background:#16a34a; border-color:#15803d; }
.pgd-kt-tab.pgd-kt-cim.aktif .pgd-kt-no { color:#fff; }
.pgd-kt-tab.pgd-kt-kum { border-color:#fcd34d; }
.pgd-kt-tab.pgd-kt-kum .pgd-kt-no { color:#b45309; }
.pgd-kt-tab.pgd-kt-kum.aktif { background:#d97706; border-color:#b45309; }
.pgd-kt-tab.pgd-kt-kum.aktif .pgd-kt-no { color:#fff; }
.pgd-kt-tab.pgd-kt-sen { border-color:#93c5fd; }
.pgd-kt-tab.pgd-kt-sen .pgd-kt-no { color:#1d4ed8; }
.pgd-kt-tab.pgd-kt-sen.aktif { background:#2563eb; border-color:#1d4ed8; }
.pgd-kt-tab.pgd-kt-sen.aktif .pgd-kt-no { color:#fff; }
.pgd-kt-tab.bitti .pgd-kt-no { color:var(--text4) !important; }
.pgd-kt-tab.bitti { border-color:var(--border) !important; background:var(--bg2); }

/* Koşu başlık + hava yan yana */
.pgd-kb-outer { display:flex; align-items:stretch; gap:0; border:1px solid var(--border); border-top:none; border-bottom:none; background:var(--surface); }
.pgd-kb { flex:1; padding:12px 16px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; border:none; border-right:1px solid var(--border); }
.pgd-kb-canli { background:linear-gradient(135deg,#f0fdf4,#dcfce7); }

/* Hava inline — sağ köşe */
.pgd-hava-inline { display:flex; flex-direction:row; align-items:center; gap:10px; padding:10px 14px; min-width:180px; flex-shrink:0; justify-content:center; }
.pgd-hava-ico { font-size:22px; line-height:1; flex-shrink:0; width:24px; text-align:center; }
.pgd-hava-detay { display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; }
.pgd-hava-txt { font-size:13px; font-weight:800; color:var(--text); line-height:1.2; }
.pgd-hava-nem { font-size:11px; color:var(--text3); line-height:1.2; }
.pgd-hava-pistler-mini { display:none; }
.pgd-hpist { display:inline-flex; align-items:center; gap:3px; font-size:10px; font-weight:600; padding:2px 7px; border-radius:20px; white-space:nowrap; }
.pgd-hpist .pgd2-pist-ico { width:12px; height:12px; }
.pgd-hpist-cim { background:#dcfce7; color:#15803d; border:1px solid #86efac; }
.pgd-hpist-kum { background:#fef3c7; color:#b45309; border:1px solid #fcd34d; }
.pgd-hpist.aktif { box-shadow: none; font-weight:800; }

/* At tablosu tam genişlik */
.pgd-at-tablo-wrap { border-left:1px solid var(--border); border-right:1px solid var(--border); border-bottom:1px solid var(--border); border-top:none; border-radius:0 0 var(--r) var(--r); overflow-x:auto; }

.pgd-workspace-board .pgd-kb-outer,
.pgd-workspace-board .pgd-at-tablo-wrap,
.pgd-page-program .pgd-kb-outer,
.pgd-page-program .pgd-at-tablo-wrap {
  border-top: 0 !important;
  box-shadow: none;
}

.pgd-workspace-board .pgd-at-thead tr,
.pgd-page-program .pgd-at-thead tr,
.pgd-workspace-board .pgd-at-thead th,
.pgd-page-program .pgd-at-thead th {
  border-top: 0 !important;
  box-shadow: none;
  background-image: none !important;
}

/* Alt bant 4 blok */
.pgd-bottom-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:20px; }

/* Responsive */
@media (max-width:1100px) { .pgd-bottom-row { grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px) {
  .pgd-bottom-row { grid-template-columns:1fr; }
  .pgd-kb-outer { flex-direction:column; }
  .pgd-media-inline { border-top:1px solid var(--border); border-left:none; min-width:unset; width:100%; }
  .pgd-media-pill { flex:1 1 0; min-width:0; min-height:70px; }
  .pgd-media-pill i { font-size:28px; width:38px; height:38px; border-radius:12px; }
  .pgd-hava-inline { border-top:1px solid var(--border); min-width:unset; flex-direction:row; align-items:center; gap:10px; }
  .pgd-hava-pistler-mini { flex-direction:row; }
  .pgd-hip-bar { overflow-x:auto; flex-wrap:nowrap; }
}

/* ═══════════════════════════════════════════════════════════
   PİST RENKLERİ — GÜNCELLEME
   Tab arka planları + Form tüm sıralar için pist rengi
   ═══════════════════════════════════════════════════════════ */

/* Tab butonları — pasif halde de belirgin arka plan */
.pgd-kt-tab.pgd-kt-cim            { background:#f0fdf4; border-color:#86efac; border-width:2px; }
.pgd-kt-tab.pgd-kt-cim .pgd-kt-no { color:#15803d; font-weight:800; }
.pgd-kt-tab.pgd-kt-cim .pgd-kt-saat { color:#15803d; opacity:.7; }
.pgd-kt-tab.pgd-kt-cim:hover      { background:#dcfce7; border-color:#4ade80; }
.pgd-kt-tab.pgd-kt-cim.aktif      { background:#16a34a; border-color:#15803d; box-shadow: none; }
.pgd-kt-tab.pgd-kt-cim.aktif .pgd-kt-no  { color:#fff; }
.pgd-kt-tab.pgd-kt-cim.aktif .pgd-kt-saat{ color:rgba(255,255,255,.75); }

.pgd-kt-tab.pgd-kt-kum            { background:#fffbeb; border-color:#fcd34d; border-width:2px; }
.pgd-kt-tab.pgd-kt-kum .pgd-kt-no { color:#b45309; font-weight:800; }
.pgd-kt-tab.pgd-kt-kum .pgd-kt-saat { color:#b45309; opacity:.7; }
.pgd-kt-tab.pgd-kt-kum:hover      { background:#fef3c7; border-color:#fbbf24; }
.pgd-kt-tab.pgd-kt-kum.aktif      { background:#d97706; border-color:#b45309; box-shadow: none; }
.pgd-kt-tab.pgd-kt-kum.aktif .pgd-kt-no  { color:#fff; }
.pgd-kt-tab.pgd-kt-kum.aktif .pgd-kt-saat{ color:rgba(255,255,255,.75); }

.pgd-kt-tab.pgd-kt-sen            { background:#eff6ff; border-color:#93c5fd; border-width:2px; }
.pgd-kt-tab.pgd-kt-sen .pgd-kt-no { color:#1d4ed8; font-weight:800; }
.pgd-kt-tab.pgd-kt-sen .pgd-kt-saat { color:#1d4ed8; opacity:.7; }
.pgd-kt-tab.pgd-kt-sen:hover      { background:#dbeafe; border-color:#60a5fa; }
.pgd-kt-tab.pgd-kt-sen.aktif      { background:#2563eb; border-color:#1d4ed8; box-shadow: none; }
.pgd-kt-tab.pgd-kt-sen.aktif .pgd-kt-no  { color:#fff; }
.pgd-kt-tab.pgd-kt-sen.aktif .pgd-kt-saat{ color:rgba(255,255,255,.75); }

/* Biten tab — her zaman gri, renk override */
.pgd-kt-tab.bitti { background:var(--bg2) !important; border-color:var(--border) !important; border-width:1.5px !important; }
.pgd-kt-tab.bitti .pgd-kt-no  { color:var(--text3) !important; font-weight:600 !important; }
.pgd-kt-tab.bitti .pgd-kt-saat{ color:var(--text4) !important; opacity:1 !important; }

/* ── Form hücreleri — tüm sıralar için pist rengi ─────────── */
/* 4-6 arası — pist renginde açık ton */
.pgd-f-mid.pgd-fp-cim { background:#dcfce7; color:#166534; border:1px solid #86efac; }
.pgd-f-mid.pgd-fp-kum { background:#fef3c7; color:#854d0e; border:1px solid #fcd34d; }
.pgd-f-mid.pgd-fp-sen { background:#dbeafe; color:#1e3a8a; border:1px solid #93c5fd; }

/* 7+ arası — pist renginde en açık ton */
.pgd-f-out.pgd-fp-cim { background:#f0fdf4; color:#15803d; border:1px solid #bbf7d0; }
.pgd-f-out.pgd-fp-kum { background:#fffbeb; color:#92400e; border:1px solid #fde68a; }
.pgd-f-out.pgd-fp-sen { background:#eff6ff; color:#1e40af; border:1px solid #bfdbfe; }

/* Alt bant 3 kolon (raporlu kaldırıldı) */
.pgd-bottom-row{grid-template-columns:repeat(3,1fr)!important;}
@media(max-width:900px){.pgd-bottom-row{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){.pgd-bottom-row{grid-template-columns:1fr!important;}}

/* Özet grid 4 kutu eşit */
.pgd-ozet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);}
.pgd-ozet-item{padding:14px 8px;text-align:center;border-right:1px solid var(--border);}
.pgd-ozet-item:last-child{border-right:none;}
.pgd-ozet-n{display:block;font-size:28px;font-weight:800;color:var(--text);font-family:'Barlow',sans-serif;line-height:1;}
.pgd-ozet-l{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;}

/* ═══════════════════════════════════════════════════════════
   SATIR RENKLERİ v2 — SOFT + AYIRT EDİLEBİLİR
   ═══════════════════════════════════════════════════════════ */

/* Sıra badge'leri (madalya + sayı) */
.pgd-sira-badge { display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%; font-size:18px; line-height:1; }
.pgd-sira-1 { font-size:20px; }
.pgd-sira-2 { font-size:20px; }
.pgd-sira-3 { font-size:20px; }
.pgd-sira-4 { font-size:12px; font-weight:700; background:var(--bg2);
  color:var(--text3); border:1px solid var(--border); }

/* Satır renkleri — override önceki tanımları */
.pgd-tr.pgd-tr-1 td { background:#f0fdf4 !important; border-bottom-color:#bbf7d0 !important; }
.pgd-tr.pgd-tr-2 td { background:#f0f9ff !important; border-bottom-color:#bae6fd !important; }
.pgd-tr.pgd-tr-3 td { background:#faf5ff !important; border-bottom-color:#e9d5ff !important; }
.pgd-tr.pgd-tr-even td { background:#fafaf8; }
.pgd-tr.pgd-tr-odd  td { background:#ffffff; }
.pgd-tr.pgd-tr-fav  td { background:#fffbeb !important; border-left:3px solid #fbbf24; }
.pgd-tr.pgd-tr-kosmaz td { background:#fafafa; opacity:.6; }
.pgd-tr:hover td { background:#f5f5f0 !important; }

/* 1. satır sol kenarlık vurgusu */
.pgd-tr.pgd-tr-1 .pgd-td:first-child { border-left:3px solid #16a34a; }
.pgd-tr.pgd-tr-2 .pgd-td:first-child { border-left:3px solid #0284c7; }
.pgd-tr.pgd-tr-3 .pgd-td:first-child { border-left:3px solid #9333ea; }

/* ═══════════════════════════════════════════════════════════
   TABLO İYİLEŞTİRMELERİ
   ═══════════════════════════════════════════════════════════ */

/* Cinsiyet */
.pgd-yas{font-size:11px;color:var(--text3);}
.pgd-cins{font-size:11px;color:var(--text2);margin-left:2px;}

/* Nesep ikonları */
.pgd-ped-ico{font-size:10px;opacity:.6;margin-right:2px;}
.pgd-ped-ico-f{color:#e879a0;}

/* Jokey / Sahip / Antrenör ikonlar */
.pgd-icon-jokey{font-size:12px;margin-right:3px;}
.pgd-icon-label{font-size:11px;margin-right:3px;opacity:.6;}

/* Kilo tam + fazla kilo */
.pgd-kilo-fazla{font-size:10px;color:var(--amber);margin-top:1px;}

/* Takı — kısa tooltip */
.pgd-not-taki{font-size:10px;padding:1px 5px;background:var(--blue-bg);color:var(--blue);
  border:1px solid var(--blue-border);border-radius:3px;cursor:help;
  text-decoration:underline dotted var(--blue-border);}

/* Sahip / antrenör satır ayrımı */
.pgd-sahip{font-size:11px;color:var(--text3);margin-top:3px;padding-top:3px;border-top:1px dashed var(--border);}
.pgd-ant{font-size:11px;color:var(--text3);margin-top:1px;}

/* Kilo detay satırı */
.pgd-kilo-detay{display:flex;gap:4px;margin-top:2px;flex-wrap:wrap;}
.pgd-kilo-fazla{font-size:10px;color:var(--red);font-weight:600;cursor:help;}
.pgd-ap-ind{font-size:10px;color:var(--green);font-weight:600;cursor:help;}

/* ═══════════════════════════════════════════════════════════
   KİŞİ İKONLARI + FORMA + NESEP
   ═══════════════════════════════════════════════════════════ */

/* Kişi satırı (jokey/sahip/ant) */
.pgd-pers-row{display:flex;align-items:center;gap:5px;}
.pgd-pers-jokey{margin-bottom:3px;}

/* SVG-style text ikonları — tutarlı, emoji değil */
.pgd-pers-ico{display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:3px;font-size:9px;font-weight:800;
  flex-shrink:0;letter-spacing:0;}
.pgd-ico-jokey{background:#e0f2fe;color:#0284c7;}
.pgd-ico-jokey::before{content:'J';}
.pgd-ico-sahip{background:#fef3c7;color:#b45309;}
.pgd-ico-sahip::before{content:'S';}
.pgd-ico-ant{background:#f0fdf4;color:#15803d;}
.pgd-ico-ant::before{content:'A';}

/* Jokey forması */
.pgd-forma-wrap{margin-top:4px;}
.pgd-forma-img{width:24px;height:24px;object-fit:contain;border-radius:3px;
  border:1px solid var(--border);vertical-align:middle;}

/* Nesep — annebaba */
.pgd-ped-ab{font-size:10px;color:var(--text4);margin-left:4px;display:inline-flex;align-items:center;gap:2px;}
.pgd-ped-ico-ab{font-size:9px;color:var(--text4);font-style:italic;}

/* KGS tooltip badge */
.pgd-td-no .pgd-kgs{cursor:help;}

/* HP (Handikap Puanı) badge */
.pgd-hp-badge{display:block;font-size:10px;font-weight:700;padding:1px 4px;
  background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;border-radius:3px;
  margin-top:2px;text-align:center;cursor:help;}

/* Sahip/ant ayraç kaldır — pers-ico yeterli */
.pgd-sahip{font-size:11px;color:var(--text3);margin-top:4px;padding-top:0;border-top:none;display:flex;align-items:center;gap:4px;}
.pgd-ant{font-size:11px;color:var(--text3);margin-top:2px;display:flex;align-items:center;gap:4px;}

/* Cinsiyet tam yazı */
.pgd-cins{font-size:11px;color:var(--text2);display:inline-flex;align-items:center;gap:2px;}

/* ═══════════════════════════════════════════════════════════
   v5.2 — FORMA + PEDİGRİ + KİŞİ İKONLARI
   ═══════════════════════════════════════════════════════════ */

/* # kolonunda forma + sıra yatayda */
.pgd-td-no { vertical-align:top; text-align:center; }
.pgd-forma-img {
  width:28px; height:36px; object-fit:contain;
  display:block; margin:0 auto 4px;
  border-radius:3px;
}

/* KGS + HP # kolonunda */
.pgd-td-no .pgd-kgs { margin-top:3px; font-size:10px; }
.pgd-hp-badge {
  display:block; margin-top:2px;
  font-size:10px; font-weight:700;
  color:#6b7280; background:#f3f4f6;
  border:1px solid #d1d5db; border-radius:3px;
  padding:0 4px; text-align:center; cursor:help;
}

/* Pedigri — baba MAVİ, anne PEMBE, annebaba GRİ metin */
.pgd-ped { display:flex; align-items:center; gap:4px; flex-wrap:wrap; font-size:11px; margin-top:2px; }
.pgd-ped-cins { font-size:13px; font-weight:700; margin-right:1px; line-height:1; }
.pgd-ped-erkek { color:#2563eb; }   /* ♂ mavi */
.pgd-ped-disi  { color:#db2777; }   /* ♀ pembe */
.pgd-ped-baba  { color:#1e40af; font-size:11px; font-weight:600; }
.pgd-ped-anne  { color:#9d174d; font-size:11px; }
.pgd-ped-a     { text-decoration:none; }
.pgd-ped-a:hover { text-decoration:underline; }
.pgd-ped-x     { color:var(--text4); font-size:10px; }
.pgd-ped-ab    { color:var(--text4); font-size:10px; font-style:italic; }

/* Cinsiyet tam yazı */
.pgd-yas  { font-size:11px; color:var(--text3); margin-right:3px; }
.pgd-cins { font-size:11px; color:var(--text2); }

/* Kişi satırları */
.pgd-pers-row { display:flex; align-items:center; gap:5px; margin-bottom:2px; }
.pgd-pers-sub { opacity:.85; }
.pgd-pers-ico {
  display:inline-flex; align-items:center; justify-content:center;
  width:16px; height:16px; border-radius:3px;
  font-size:9px; font-weight:800; flex-shrink:0;
}
.pgd-ico-jokey { background:#e0f2fe; color:#0284c7; }
.pgd-ico-sahip { background:#fef3c7; color:#b45309; }
.pgd-ico-ant   { background:#f0fdf4; color:#15803d; }

/* Kilo detay */
.pgd-kilo-detay { display:flex; gap:4px; margin-top:2px; flex-wrap:wrap; }
.pgd-kilo-fazla { font-size:10px; color:#dc2626; font-weight:600; cursor:help; }
.pgd-ap-ind     { font-size:10px; color:#16a34a; font-weight:600; cursor:help; }

/* Sahip/antrenör rehber stilleri */
.pgd-sahip, .pgd-ant { all:unset; }

/* ═══════════════════════════════════════════════════════════
   v5.3 — TABLO KOLON DÜZENİ + İKONLAR + PEDİGRİ
   ═══════════════════════════════════════════════════════════ */

/* Kolon genişlikleri */
.pgd-th-forma { width:52px; text-align:center; }
.pgd-th-kgs   { width:64px; text-align:center; }
.pgd-th-kg    { width:56px; text-align:right; }
.pgd-td-forma { text-align:center; vertical-align:middle; padding:6px 4px; }
.pgd-td-kgs   { text-align:center; vertical-align:middle; }

/* Forma görseli */
.pgd-forma-img {
  width:32px; height:40px;
  object-fit:contain; display:block;
  margin:0 auto 3px; cursor:help;
}

/* KGS · HP blokları */
.pgd-kgs-wrap, .pgd-hp-wrap {
  display:flex; align-items:center; justify-content:center;
  gap:4px; margin-bottom:2px; cursor:help;
}
.pgd-kgs-lbl {
  font-size:8px; font-weight:700; color:var(--text4);
  letter-spacing:.3px; text-transform:uppercase;
  width:22px; text-align:right; flex-shrink:0;
}
.pgd-kgs-val {
  font-size:13px; font-weight:800;
  font-family:'Barlow',sans-serif;
  min-width:28px; text-align:left;
}
.pgd-kgs-h { color:#16a34a; }
.pgd-kgs-m { color:#d97706; }
.pgd-kgs-l { color:#9ca3af; }
.pgd-hp-val {
  font-size:13px; font-weight:700;
  color:#6366f1;
  font-family:'Barlow',sans-serif;
  min-width:28px; text-align:left;
}

/* Pedigri - baba mavi / anne pembe / annebaba gri */
.pgd-ped { display:flex; align-items:center; gap:3px; flex-wrap:wrap; font-size:11px; margin-top:2px; line-height:1.4; }
.pgd-ped-erkek { color:#2563eb; font-weight:700; font-size:12px; margin-right:1px; }
.pgd-ped-disi  { color:#db2777; font-weight:700; font-size:12px; margin-right:1px; }
.pgd-ped-baba  { color:#1e40af; font-weight:600; }
.pgd-ped-anne  { color:#9d174d; }
.pgd-ped-a     { text-decoration:none; }
.pgd-ped-a.pgd-ped-baba:hover { text-decoration:underline; color:#1d4ed8; }
.pgd-ped-a.pgd-ped-anne:hover { text-decoration:underline; color:#be185d; }
.pgd-ped-x     { color:var(--text4); font-size:10px; }
.pgd-ped-ab    { color:var(--text4); font-size:10px; font-style:italic; }

/* Bootstrap Icons - kişi satırları */
.pgd-pers-row  { display:flex; align-items:center; gap:5px; margin-bottom:2px; line-height:1.3; }
.pgd-pers-sub  { margin-top:1px; }
.pgd-ico-jokey { color:#0284c7; font-size:12px; flex-shrink:0; }
.pgd-ico-sahip { color:#b45309; font-size:11px; flex-shrink:0; }
.pgd-ico-ant   { color:#15803d; font-size:11px; flex-shrink:0; }
.pgd-ico-yet   { color:#7c3aed; font-size:11px; flex-shrink:0; }

/* Cinsiyet */
.pgd-yas  { font-size:11px; color:var(--text3); margin-right:2px; }
.pgd-cins { font-size:11px; color:var(--text2); cursor:help; }

/* ═══════════════════════════════════════════════════════════
   v5.3 FIX — ESKİ ÇAKIŞAN CSS SIFIRLAMA
   ═══════════════════════════════════════════════════════════ */

/* Eski ::before content'leri sıfırla - Bootstrap Icons kullanıyoruz */
.pgd-ico-jokey::before,
.pgd-ico-sahip::before,
.pgd-ico-ant::before  { content: none !important; }

/* pgd-pers-ico Bootstrap Icons <i> uyumu */
span.pgd-pers-ico { display:none !important; }

/* KGS HP - bg kaldır */
.pgd-kgs-wrap, .pgd-hp-wrap {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Bootstrap Icons boyut ayarı */
.pgd-ico-jokey { font-size:13px !important; color:#0284c7 !important; }
.pgd-ico-sahip { font-size:12px !important; color:#b45309 !important; }
.pgd-ico-ant   { font-size:12px !important; color:#15803d !important; }
.pgd-ico-yet   { font-size:12px !important; color:#7c3aed !important; }

/* ═══════════════════════════════════════════════════════════
   v5.5 — TABLO KOLON + İKON + CİNSİYET
   ═══════════════════════════════════════════════════════════ */

/* Kolon genişlikleri */
.pgd-th-sira  { width:40px; text-align:center; }
.pgd-th-rank  { width:56px; text-align:center; }
.pgd-th-forma { width:36px; text-align:center; }
.pgd-th-kgs   { width:60px; text-align:center; }
.pgd-td-sira  { text-align:center; vertical-align:middle; padding:4px; }
.pgd-td-rank  { text-align:center; vertical-align:middle; padding:4px 2px; }
.pgd-td-forma { text-align:center; vertical-align:middle; padding:4px 2px; }
.pgd-td-kgs   { text-align:center; vertical-align:middle; padding:6px 4px; }

/* At forması */
.pgd-forma-img { width:30px; height:38px; object-fit:contain; display:block; margin:0 auto; }

/* KGS / HP — sadece renk, bg yok */
.pgd-kgs-row, .pgd-hp-row {
  display:flex; align-items:center; justify-content:center;
  gap:3px; margin-bottom:3px;
  background:none !important; border:none !important;
}
.pgd-stat-lbl {
  font-size:8px; font-weight:700; color:var(--text4);
  text-transform:uppercase; letter-spacing:.3px; width:20px;
}
.pgd-stat-val { font-size:14px; font-weight:800; font-family:'Barlow',sans-serif; }
.pgd-kgs-h { color:#16a34a; }
.pgd-kgs-m { color:#d97706; }
.pgd-kgs-l { color:#9ca3af; }
.pgd-hp-v  { color:#6366f1; }

/* Jokey satırı — belirgin */
.pgd-jokey-row { display:flex; align-items:center; gap:5px; margin-bottom:3px; }
.pgd-jky-ico   { font-size:13px; color:#0284c7; flex-shrink:0; }
.pgd-jky-forma { width:30px; height:30px; border-radius:50%; border:2px solid var(--border); object-fit:contain; flex-shrink:0; background:var(--surface); }
.pgd-jokey-row { display:flex; align-items:center; gap:10px; }
.pgd-jky-forma-wrap { flex-shrink:0; }
.pgd-jky-forma-big { width:44px; height:44px; border-radius:50%; border:2px solid var(--border); object-fit:contain; background:var(--surface); display:block; transition:transform .2s; }
.pgd-jky-forma-big:hover { transform:scale(1.08); }
.pgd-jky-forma-empty { width:44px; height:44px; border-radius:50%; border:2px solid var(--border); background:var(--bg2); display:flex; align-items:center; justify-content:center; color:var(--text4); font-size:18px; }

/* Sahip/antrenör/yetiştirici — küçük ama okunur */
.pgd-pers-alt  { display:flex; align-items:center; gap:4px; margin-bottom:2px; }
.pgd-sah-ico   { font-size:11px; color:#b45309; flex-shrink:0; }
.pgd-ant-ico   { font-size:11px; color:#15803d; flex-shrink:0; }
.pgd-yet-ico   { font-size:11px; color:#7c3aed; flex-shrink:0; }
.pgd-pers-link { font-size:11px; color:var(--text3); text-decoration:none; }
.pgd-pers-link:hover { color:var(--text); text-decoration:underline; }
.pgd-jokey-ad  { font-size:13px; font-weight:600; color:var(--text); text-decoration:none; }
.pgd-jokey-ad:hover { text-decoration:underline; }

/* Eski çakışan kuralları tamamen sıfırla */
.pgd-ico-jokey, .pgd-ico-sahip, .pgd-ico-ant, .pgd-ico-yet,
.pgd-pers-ico { display:none !important; }

/* Favori border kaldır */
.pgd-tr.pgd-tr-fav td { border-left: none !important; }
.pgd-tr-fav td { border-left: none !important; }
.pgd-tr-fav .pgd-td { border-left: none !important; }

/* ═══════════════════════════════════════════════════════════
   TABLO DÜZELTMELERİ — hizalama, border, kolon
   ═══════════════════════════════════════════════════════════ */

/* Tüm thead başlıkları dikey ortala */
.pgd-at-thead th {
  vertical-align: middle !important;
  white-space: nowrap;
}

/* KG kolonu sağa hizalı, diğerleri orta */
.pgd-th-kg, .pgd-td-kg   { text-align: right !important; }
.pgd-th-sira, .pgd-td-sira, .pgd-th-rank, .pgd-td-rank { text-align: center !important; }
.pgd-th-forma, .pgd-td-forma { text-align: center !important; }
.pgd-th-kgs, .pgd-td-kgs { text-align: center !important; }
.pgd-th-agf, .pgd-td-agf { text-align: center !important; }
.pgd-th-sag, .pgd-td-sag { text-align: right !important; }

/* Yetiştirici — daha küçük, soluk */
.pgd-ico-yet   { font-size: 10px !important; color: var(--text4) !important; }
.pgd-yet-ico   { font-size: 10px !important; color: var(--text4) !important; }
.pgd-pers-row .pgd-link-dim:last-child,
.pgd-pers-alt:last-child .pgd-pers-link { 
  font-size: 10px !important; 
  color: var(--text4) !important; 
}

/* Jokey adı — en büyük, belirgin */
.pgd-jokey-ad { font-size: 13px !important; font-weight: 600 !important; }

/* Sahip / Antrenör — orta */
.pgd-pers-sub .pgd-link-dim,
.pgd-pers-alt .pgd-pers-link { font-size: 11px !important; }

/* KGS değerleri ortalı */
.pgd-kgs-row, .pgd-hp-row {
  justify-content: center !important;
}
.pgd-stat-lbl { text-align: right !important; }

/* ═══════════════════════════════════════════════════════════
   v5.7 — YENİ NAV BAR + TABLO DÜZELTMELERİ
   ═══════════════════════════════════════════════════════════ */

/* Nav bar wrapper */
.pgd-race-nav-bar {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

/* Tarih satırı */
.pgd-nav-tarih {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border);
  gap: 12px;
  flex-wrap: wrap;
}
.pgd-nav-tarih-left  { display: flex; align-items: center; gap: 2px; }
.pgd-nav-tarih-right { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.pgd-nav-date-trigger{
  display:none; align-items:center; gap:8px;
  min-height:40px; padding:0 14px;
  border:1px solid var(--border); border-radius:12px;
  background:var(--surface); color:var(--text);
  font-size:13px; font-weight:700;
}
.pgd-nav-date-trigger i{font-size:16px;color:var(--gold-dark);}

.pgd-nav-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: var(--r-sm);
  background: var(--bg2); border: 1px solid var(--border);
  color: var(--text3); font-size: 16px; font-weight: 700;
  text-decoration: none; transition: all .15s;
}
.pgd-nav-arrow:hover { background: var(--border); color: var(--text); }

.pgd-nav-gun {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 5px 14px; border-radius: var(--r-sm);
  background: var(--bg2); border: 1px solid var(--border);
  color: var(--text2); font-size: 13px; font-weight: 600;
  text-decoration: none; transition: all .15s; margin: 0 1px;
}
.pgd-nav-gun:hover  { border-color: var(--gold-border); color: var(--text); }
.pgd-nav-gun.aktif  { background: var(--gold); border-color: var(--gold-dark);
  color: #fff; }

.pgd-nav-date-input {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--r-sm); padding: 4px 8px;
  color: var(--text); font-size: 12px; cursor: pointer;
  height: 28px;
}
.pgd-nav-tarih-label {
  font-size: 13px; font-weight: 600; color: var(--text);
  white-space: nowrap;
}

/* Hipodrom satırı */
.pgd-nav-hips {
  display: flex;
  overflow-x: auto;
  gap: 0;
  padding: 0;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pgd-nav-hips::-webkit-scrollbar { display: none; }

.pgd-nav-hip {
  display: flex; flex-direction: column;
  align-items: flex-start; justify-content: center;
  padding: 8px 14px; min-width: 120px;
  border-right: 1px solid var(--border);
  text-decoration: none; transition: background .15s;
  flex-shrink: 0; position: relative;
  scroll-snap-align: start;
}
.pgd-nav-hip:hover { background: var(--bg2); }
.pgd-nav-hip.aktif {
  background: var(--bg2);
  border-bottom: 3px solid var(--gold);
  padding-bottom: 6px;
}
.pgd-nav-hip-top {
  display: flex; align-items: center; gap: 5px;
  margin-bottom: 3px;
}
.pgd-nav-hip-ico   { font-size: 13px; }
.pgd-nav-hip-ad    { font-size: 12px; font-weight: 700; color: var(--text);
  text-transform: uppercase; letter-spacing: .3px; }
.pgd-nav-hip-sicak { font-size: 10px; color: var(--text3); }
.pgd-nav-hip-pist  { display: flex; gap: 4px; flex-wrap: wrap; }
.pgd-nav-hip-kos   { font-size: 10px; color: var(--text4); }

/* Tablo — dikey ortalama */
.pgd-at-tablo th,
.pgd-at-tablo td { vertical-align: middle !important; }

/* Kolon hizalamaları */
.pgd-th-kg,  .pgd-td-kg  { text-align: right  !important; }
.pgd-th-sira,.pgd-td-sira,.pgd-th-rank,.pgd-td-rank { text-align: center !important; }
.pgd-th-kgs, .pgd-td-kgs  { text-align: center !important; }
.pgd-th-agf, .pgd-td-agf  { text-align: center !important; }
.pgd-th-sag, .pgd-td-sag  { text-align: right  !important; }
.pgd-th-form,.pgd-td-form  { text-align: center !important; }

/* Mobil */
@media (max-width: 768px) {
  .pgd-nav-tarih{
    padding:10px 12px;
    gap:10px;
    align-items:stretch;
  }
  .pgd-nav-tarih-left{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    touch-action:pan-x;
  }
  .pgd-nav-tarih-left::-webkit-scrollbar{display:none;}
  .pgd-nav-arrow{
    width:36px; height:36px;
    flex:0 0 36px;
    border-radius:10px;
    font-size:18px;
  }
  .pgd-nav-gun{
    min-height:36px;
    padding:0 14px;
    font-size:13px;
    white-space:nowrap;
    flex:0 0 auto;
    border-radius:10px;
  }
  .pgd-nav-tarih-right{
    width:100%;
    margin-left:0;
    justify-content:space-between;
    position:relative;
  }
  .pgd-nav-date-trigger{
    display:inline-flex;
    flex:1 1 auto;
    justify-content:center;
  }
  .pgd-nav-date-input{
    position:static;
    opacity:1;
    pointer-events:auto;
    width:auto;
    min-width:140px;
    height:40px;
    padding:0 12px;
    border-radius:12px;
    background:var(--bg2);
  }
  .pgd-nav-tarih-label { display: none; }
  .pgd-nav-hips{
    padding:0 0 4px;
    min-height:64px;
  }
  .pgd-nav-hip{
    min-width:132px;
    padding:10px 12px;
  }
  .pgd-nav-hip-top{gap:6px;margin-bottom:4px;}
  .pgd-nav-hip-ad { font-size: 11px; }
  .pgd-nav-hip-pist{
    gap:3px;
    flex-wrap:nowrap;
    overflow:hidden;
  }
  .pgd-nav-hip-pist .pgd-pist-tag{
    font-size:9px;
    padding:2px 5px;
  }
}
@media (max-width: 480px) {
  .pgd-nav-tarih{padding:10px;}
  .pgd-nav-tarih-right { gap: 6px; }
  .pgd-nav-gun { min-height:34px; padding: 0 12px; font-size: 12px; }
  .pgd-nav-date-trigger{min-height:38px;padding:0 12px;font-size:12px;}
  .pgd-nav-date-input{min-width:124px;height:38px;padding:0 10px;font-size:12px;}
  .pgd-nav-hip{min-width:124px;padding:9px 10px;}
}

/* ── AT/NESEP sütunu forma ── */
.pgd-at-forma-row{display:flex;align-items:flex-start;gap:10px;}
.pgd-at-forma-circ{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:var(--bg2);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.pgd-at-forma-circ img{width:44px;height:44px;object-fit:contain;border-radius:50%;}
.pgd-at-forma-ph{font-size:20px;line-height:1;color:var(--text4);}
.pgd-at-forma-info{flex:1;min-width:0;}

/* ── Forma ayrı sütun ── */
.pgd-th-forma { width:64px; text-align:center; }
.pgd-td-forma { width:64px; text-align:center; vertical-align:middle; padding:6px 8px; }
.pgd-forma-circ { width:52px; height:52px; border-radius:50%; overflow:hidden; border:2.5px solid var(--border); background:var(--bg2); display:inline-flex; align-items:center; justify-content:center; }
.pgd-forma-circ img { width:52px; height:52px; object-fit:contain; border-radius:50%; display:block; }
.pgd-forma-ph { width:52px; height:52px; border-radius:50%; background:var(--bg2); display:inline-flex; align-items:center; justify-content:center; color:var(--text4); font-size:22px; }
.pgd-forma-ph::after { content:''; display:block; }
.pgd-forma-circ.is-group-0, .pgd-lineup-silk.is-group-0 { border-color:#60a5fa !important; box-shadow: none; }
.pgd-forma-circ.is-group-1, .pgd-lineup-silk.is-group-1 { border-color:#4ade80 !important; box-shadow: none; }
.pgd-forma-circ.is-group-2, .pgd-lineup-silk.is-group-2 { border-color:#c084fc !important; box-shadow: none; }
.pgd-forma-circ.is-group-3, .pgd-lineup-silk.is-group-3 { border-color:#fb923c !important; box-shadow: none; }
.pgd-forma-circ.is-group-4, .pgd-lineup-silk.is-group-4 { border-color:#f472b6 !important; box-shadow: none; }
.pgd-forma-circ.is-group-5, .pgd-lineup-silk.is-group-5 { border-color:#2dd4bf !important; box-shadow: none; }

/* at detay — tab bar browser kenarına */
.at-page {
  overflow-x: visible !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.at-page > .ath-hero,
.at-page > .pgd-container {
  max-width: var(--max-w);
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
}
.at-tabs-bar {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: var(--surface);
  border-bottom: 2px solid var(--border);
  margin-bottom: 0;
}
.at-tabs-bar > div {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 28px;
}
.at-icerik {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 20px 28px;
  box-sizing: border-box;
}

/* Takı badge tooltip */
.pgd-not-taki { position:relative; cursor:default; }
.pgd-not-taki::after {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--brand);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    z-index: 100;
}
.pgd-not-taki::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 1px);
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--brand);
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
    z-index: 100;
}
.pgd-not-taki:hover::after,
.pgd-not-taki:hover::before { opacity: 1; }

/* ══════════════════════════════════════════════════════════
   GLOBAL — Genişlik & Kart Köşeleri
   container-xl → --max-w ile hizala
   Tüm kart varyantlarına tutarlı border-radius
══════════════════════════════════════════════════════════ */

/* Bootstrap container-xl'i site genişliğiyle eşitle */
.container-xl,
.container-lg,
.container-fluid {
  max-width: var(--max-w) !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}
@media (max-width: 768px) {
  .container-xl,
  .container-lg,
  .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Tüm kart varyantlarına oval köşe */
.pgd-sc,
.pgd-race,
.pgd2-race,
.pgd-race-bos,
.pgd-bottom-card,
.pgd-ad,
.hsp-menu,
.pgd-form-tooltip {
  border-radius: var(--r) !important;
}

/* İç üst köşe (kart içindeki head bileşenleri) */
.pgd2-race-head {
  border-radius: var(--r) var(--r) 0 0 !important;
}

/* İç alt köşe (tablo wrap) */
.pgd-at-tablo-wrap {
  border-radius: 0 0 var(--r) var(--r) !important;
}

/* Admin paneli kartları */
.card,
.pgd-card {
  border-radius: var(--r) !important;
}

/* ==================================================================
   PEGADROM — INLINE CSS TAŞIMA (tüm sayfalar)
   Gruplandırılmış sayfa CSS'leri
   ================================================================== */

/* ============================================================
   ── HEADER & NAV ──
   ============================================================ */

/* ── Canlı Arama Kutusu ── */
  .pgd-search {
    z-index: 3100;
  }
  #pgd-search-box,
  #pgd-mobile-search-box {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0; right: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: none;
    z-index: 3000;
    max-height: min(360px, calc(100vh - 150px));
    overflow-y: auto;
    overscroll-behavior: contain;
    animation: pgdSboxIn .12s ease;
  }
  @keyframes pgdSboxIn {
    from { opacity:0; transform:translateY(4px); }
    to   { opacity:1; transform:translateY(0); }
  }
  .pgd-sa-item {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px;
    text-decoration: none; color: var(--text);
    border-bottom: 1px solid var(--border);
    transition: background .1s;
  }
  .pgd-sa-item:last-child { border-bottom: none; }
  .pgd-sa-item:hover,
  .pgd-sa-item.is-active { background: var(--bg2); }
  .pgd-sa-ico {
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; flex-shrink: 0;
    background: var(--bg2); border: 1px solid var(--border);
  }
  .pgd-sa-text { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
  .pgd-sa-name { font-size: 14px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .pgd-sa-meta { font-size: 11px; color: var(--text3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .pgd-sa-type {
    font-size: 11px; font-weight: 700;
    padding: 2px 8px; border-radius: 20px;
    white-space: nowrap; flex-shrink: 0;
    background: var(--bg2); color: var(--text3); border: 1px solid var(--border);
  }
  .pgd-sa-empty {
    padding: 12px 14px;
    font-size: 13px;
    color: var(--text3);
    text-align: center;
  }
  .pgd-sa-type-At       { background: var(--gold-soft);  color: var(--gold-dark); border-color: var(--gold-border); }
  .pgd-sa-type-Jokey    { background: var(--blue-bg);    color: var(--blue);      border-color: var(--blue-border); }
  .pgd-sa-type-Sahip    { background: var(--gold-soft);  color: var(--gold-dark); border-color: var(--gold-border); }
  .pgd-sa-type-Antrenör,
  .pgd-sa-type-Antrenor { background: var(--green-bg);   color: var(--green);     border-color: var(--green-border); }
  .pgd-sa-type-Ilan     { background: var(--amber-bg);   color: var(--amber);     border-color: var(--amber-border); }
  .pgd-sa-type-İlan     { background: var(--amber-bg);   color: var(--amber);     border-color: var(--amber-border); }
  .pgd-sa-type-at       { background: var(--gold-soft);  color: var(--gold-dark); border-color: var(--gold-border); }
  .pgd-sa-type-jokey    { background: var(--blue-bg);    color: var(--blue);      border-color: var(--blue-border); }
  .pgd-sa-type-sahip    { background: var(--gold-soft);  color: var(--gold-dark); border-color: var(--gold-border); }
  .pgd-sa-type-antrenor { background: var(--green-bg);   color: var(--green);     border-color: var(--green-border); }
  .pgd-sa-type-ilan     { background: var(--amber-bg);   color: var(--amber);     border-color: var(--amber-border); }
  .pgd-sa-footer {
    padding: 8px 14px; font-size: 12px; color: var(--text3);
    background: var(--bg2); border-top: 1px solid var(--border);
    text-align: center;
  }
  .pgd-sa-footer a { color: var(--gold-dark); font-weight: 600; }
  .pgd-mobile-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 4000;
    display: none;
    padding: 16px;
  }
  .pgd-mobile-search-overlay.open { display: block; }
  .pgd-mobile-search-panel {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    position: relative;
  }
  #pgd-mobile-search-box {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-height: calc(100vh - 110px);
    border-radius: 14px;
  }
  .pgd-mobile-search-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
  }
  .pgd-mobile-search-input-wrap {
    position: relative;
    flex: 1;
  }
  .pgd-mobile-search-input-wrap .pgd-search-icon { left: 16px; }
  #pgd-mobile-search-input {
    width: 100%;
    min-height: 52px;
    border-radius: 18px;
    border: 1.5px solid rgba(61,43,14,.16);
    background: rgba(255,255,255,.96);
    padding: 12px 18px 12px 48px;
    font-size: 16px;
    color: #1A1208;
    outline: none;
  }
  #pgd-mobile-search-input:focus {
    border-color: var(--gold);
    box-shadow: none;
  }
  .pgd-mobile-search-close {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(61,43,14,.12);
    background: rgba(255,255,255,.96);
    color: var(--text2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  #pgd-mobile-search-box {
    display: none;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(61,43,14,.12);
    border-radius: 18px;
    box-shadow: none;
    max-height: min(360px, calc(100vh - 150px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

/* ============================================================
   ── FOOTER & COOKIE ──
   ============================================================ */

#pgd-cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#f2a01a;border-top:0;box-shadow: none;padding:0;animation:pgd-slide-up .3s ease;}
@keyframes pgd-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.pgd-cookie-inner{width:100%;max-width:none;margin:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 24px;background:transparent;border:0;box-shadow: none;}
.pgd-cookie-text{flex:1;font-size:13px;color:#3f280d;line-height:1.5;}
.pgd-cookie-link{color:#3f280d;text-decoration:underline;}
.pgd-cookie-actions{display:flex;gap:8px;flex-shrink:0;}
.pgd-cookie-btn{padding:7px 18px;border-radius:var(--r-sm);font-size:13px;font-weight:700;border:0;cursor:pointer;font-family:inherit;transition:all .15s;}
.pgd-cookie-red{background:rgba(255,255,255,.9);color:#3f280d;border-color:transparent;}
.pgd-cookie-red:hover{background:#fff;}
.pgd-cookie-gold{background:#3f280d;color:#fff;border-color:transparent;}
.pgd-cookie-gold:hover{filter:brightness(1.05);}
@media(max-width:600px){
  #pgd-cookie-bar{padding:0;}
  .pgd-cookie-inner{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px;}
  .pgd-cookie-actions{width:100%;justify-content:flex-end;}
}

/* ============================================================
   ── HESAP MENÜ ──
   ============================================================ */

.hsp-user{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--border);background:var(--brand);}
.hsp-avatar-wrap{width:44px;height:44px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.2);overflow:hidden;cursor:pointer;}
.hsp-avatar-img{width:100%;height:100%;object-fit:cover;display:block;}
.hsp-avatar-ini{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:20px;font-weight:800;color:#fff;background:rgba(255,255,255,.15);}
.hsp-uname{font-size:14px;font-weight:700;color:#fff;line-height:1.2;}
.hsp-uplan{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:.05em;margin-top:2px;}
.hsp-nav{display:flex;flex-direction:column;}
.hsp-nav-item{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text2);font-size:14px;font-weight:500;transition:background .12s,color .12s;}
.hsp-nav-item:hover{background:var(--bg2);color:var(--text);}
.hsp-nav-item.aktif{background:var(--gold-soft);color:var(--gold-dark);font-weight:700;border-left:3px solid var(--gold);}
.hsp-nav-item.aktif i{color:var(--gold);}
.hsp-nav-item i{font-size:16px;color:var(--text3);flex-shrink:0;}
.hsp-cikis{color:var(--red)!important;border-bottom:none;}
.hsp-cikis i{color:var(--red)!important;}
.hsp-cikis:hover{background:var(--red-bg)!important;}
.hsp-rozet{margin-left:auto;background:var(--border);color:var(--text3);font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px;}
.hsp-rozet-red{background:var(--red);color:#fff;}
.hsp-rozet-gold{background:var(--gold);color:var(--brand);}
.hsp-rozet-muted{background:var(--bg2);color:var(--text4);border:1px solid var(--border);}
.hsp-nav-baslik{padding:8px 16px 4px;font-size:10px;font-weight:800;color:var(--text4);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px;border-top:1px solid var(--border);margin-top:4px;}
.hsp-nav-grup{padding:4px 16px 2px;font-size:9px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;opacity:.6;}
.hsp-nav-yonetim{color:var(--text3)!important;font-size:13px;}
.hsp-nav-yonetim i{color:var(--amber)!important;}
.hsp-nav-yonetim:hover{background:var(--amber-bg)!important;color:var(--amber)!important;}
/* Kart stilleri */
.hsp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:16px;}
.hsp-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;}
.hsp-card-body{padding:16px;}
.hsp-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
.hsp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 10px;text-align:center;}
.hsp-stat-val{font-size:26px;font-weight:800;color:var(--text);font-family:'Barlow',sans-serif;line-height:1;}
.hsp-stat-lbl{font-size:11px;color:var(--text3);margin-top:4px;}
.hsp-alert-ok{background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--green);margin-bottom:14px;}
.hsp-alert-err{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--red);margin-bottom:14px;}
.hsp-field{margin-bottom:14px;}
.hsp-field label{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;}
.hsp-field input,.hsp-field select{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:9px 12px;font-size:14px;color:var(--text);outline:none;box-sizing:border-box;transition:border-color .15s;}
.hsp-field input:focus{border-color:var(--gold);box-shadow: none;}
.hsp-field input:disabled{opacity:.5;cursor:not-allowed;}
.hsp-field .hsp-hint{font-size:11px;color:var(--text3);margin-top:4px;}
.hsp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hsp-bos{text-align:center;padding:40px 20px;color:var(--text3);}
.hsp-bos i{font-size:36px;opacity:.3;display:block;margin-bottom:10px;}
.hsp-list-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border);font-size:14px;}
.hsp-list-item:last-child{border-bottom:none;}
.hsp-at-link{font-weight:700;color:var(--text);text-decoration:none;border-bottom:1px dashed var(--gold-border);}
.hsp-at-link:hover{color:var(--gold-dark);}
.hsp-takip-btn{background:none;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:5px 10px;cursor:pointer;color:var(--red);font-size:13px;transition:background .12s,border-color .12s;}
.hsp-takip-btn:hover{background:var(--red-bg);border-color:var(--red);}
.hsp-bil-ikon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.hsp-bil-yaris{background:var(--green-bg);color:var(--green);}
.hsp-bil-sonuc{background:var(--gold-soft);color:var(--gold-dark);}
.hsp-bil-sistem{background:var(--bg2);color:var(--text3);}
.hsp-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.hsp-plan-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;}
.hsp-plan-kart.aktif-plan{border-color:var(--gold);box-shadow: none;}
.hsp-plan-head{padding:18px 16px 14px;text-align:center;border-bottom:1px solid var(--border);}
.hsp-plan-ad{font-family:'Barlow',sans-serif;font-size:22px;font-weight:800;color:var(--text);}
.hsp-plan-fiyat{font-family:'Barlow',sans-serif;font-size:34px;font-weight:800;color:var(--brand);line-height:1;margin:8px 0 2px;}
.hsp-plan-body{padding:14px 16px;flex:1;}
.hsp-plan-oz{list-style:none;padding:0;margin:0 0 16px;font-size:13px;}
.hsp-plan-oz li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);}
.hsp-plan-oz li:last-child{border-bottom:none;}
.hsp-plan-oz .evet{color:var(--green);}
.hsp-plan-oz .hayir{color:var(--text4);}
.hsp-plan-btn{display:block;width:100%;text-align:center;padding:10px;border-radius:var(--r-sm);font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;cursor:pointer;border:none;}
.hsp-plan-btn-gold{background:var(--gold);color:var(--brand);}
.hsp-plan-btn-gold:hover{background:var(--gold-dark);color:#fff;}
.hsp-plan-btn-dis{background:var(--bg2);color:var(--text3);cursor:default;}
@media(max-width:980px){
  .hsp-wrap{grid-template-columns:1fr;}
  .hsp-menu{position:static;}
  .hsp-stat-grid{grid-template-columns:repeat(2,1fr);}
  .hsp-plan-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .hsp-plan-grid{grid-template-columns:1fr;}
  .hsp-stat-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============================================================
   ── AUTH (giris/kayit) ──
   ============================================================ */

/* ── Ana wrapper ── */
.sp-outer{background:var(--bg);min-height:calc(100vh - 60px);display:flex;align-items:stretch;justify-content:center;}
.sp-wrap{width:100%;max-width:1440px;margin:0 auto;display:flex;min-height:calc(100vh - 60px);}

/* ── Sol: Form paneli (dar) ── */
.sp-right{width:420px;flex-shrink:0;background:var(--surface);display:flex;flex-direction:column;justify-content:center;padding:52px 48px;border-right:1px solid var(--border);overflow-y:auto;}

/* ── Sağ: Reklam/içerik paneli (geniş) ── */
.sp-left{flex:1;min-width:0;background:var(--brand);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:52px;}
.sp-left::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-55deg,transparent,transparent 40px,rgba(232,160,32,.04) 40px,rgba(232,160,32,.04) 41px),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(232,160,32,.13) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;}
.sp-left-mid{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;}

/* ── Form başlık ── */
.sp-form-title{font-family:'Barlow',sans-serif;font-size:28px;font-weight:800;color:var(--text);margin-bottom:4px;}
.sp-form-sub{font-size:14px;color:var(--text3);margin-bottom:28px;}

/* ── Form elemanları ── */
.auth-field{margin-bottom:16px;}
.auth-field label{display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;}
.auth-field input{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;}
.auth-field input:focus{border-color:var(--gold);box-shadow: none;}
.auth-field input::placeholder{color:var(--text4);}
.auth-input-wrap{position:relative;}.auth-input-wrap input{padding-right:44px;}
.auth-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);padding:4px;cursor:pointer;display:flex;align-items:center;}
.auth-eye:hover{color:var(--text);}
.auth-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.auth-link{font-size:12px;color:var(--text3);text-decoration:none;}
.auth-link:hover{color:var(--gold-dark);}
.auth-btn{width:100%;background:var(--gold);border:none;color:var(--brand);padding:12px;border-radius:var(--r-sm);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;box-shadow: none;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;text-decoration:none;}
.auth-btn:hover{background:var(--gold-dark);color:#fff;}
.auth-divider{border:none;border-top:1px solid var(--border);margin:20px 0;}
.auth-footer-txt{text-align:center;font-size:14px;color:var(--text3);}
.auth-footer-txt a{color:var(--brand);font-weight:700;text-decoration:none;}
.auth-footer-txt a:hover{color:var(--gold-dark);}
.auth-alert{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--red);margin-bottom:16px;line-height:1.5;}
.auth-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.auth-check-lbl{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text2);line-height:1.5;cursor:pointer;}
.auth-check-lbl input[type=checkbox]{width:15px;height:15px;margin-top:2px;accent-color:var(--gold);cursor:pointer;flex-shrink:0;}
.auth-check-lbl a{color:var(--gold-dark);font-weight:600;}
.pgd-sifre-guc{margin-top:4px;font-size:12px;font-weight:600;}
.auth-success{text-align:center;padding:20px 0;}
.auth-success-ico{font-size:52px;margin-bottom:14px;}
.auth-success h3{font-family:'Barlow',sans-serif;font-size:24px;font-weight:800;color:var(--text);margin:0 0 10px;}
.auth-success p{font-size:14px;color:var(--text3);line-height:1.6;margin:0 0 20px;}
.auth-err-box{text-align:center;padding:20px 0;}
.auth-err-ico{font-size:48px;margin-bottom:12px;}
.auth-err-box h3{font-family:'Barlow',sans-serif;font-size:22px;font-weight:800;color:var(--text);margin:0 0 8px;}
.auth-err-box p{font-size:14px;color:var(--text3);margin:0 0 20px;line-height:1.6;}
.auth-desc{font-size:14px;color:var(--text3);margin-bottom:20px;line-height:1.6;}

/* ── DB'den gelen özel panel içeriği ── */
.sp-custom-icerik{color:rgba(255,255,255,.85);font-size:14px;line-height:1.7;}
.sp-custom-icerik h1,.sp-custom-icerik h2,.sp-custom-icerik h3{font-family:'Barlow',sans-serif;color:#fff;font-weight:800;margin:0 0 10px;line-height:1.15;}
.sp-custom-icerik h1{font-size:40px;}.sp-custom-icerik h2{font-size:28px;}.sp-custom-icerik h3{font-size:22px;}
.sp-custom-icerik p{margin:0 0 12px;}
.sp-custom-icerik a{color:var(--gold);text-decoration:none;font-weight:600;}
.sp-custom-icerik a:hover{color:#fff;}
.sp-custom-icerik strong{color:#fff;font-weight:700;}
.sp-custom-icerik ul,.sp-custom-icerik ol{padding-left:18px;margin:0 0 12px;}
.sp-custom-icerik li{margin-bottom:5px;}
.sp-custom-icerik img{max-width:100%;border-radius:var(--r-sm);margin:8px 0;}
.sp-custom-icerik blockquote{border-left:3px solid var(--gold);padding:6px 14px;margin:0 0 12px;color:rgba(255,255,255,.6);}

/* ── Varsayılan brand block ── */
.sp-brand-block{color:rgba(255,255,255,.85);}
.sp-logo-text{font-family:'Barlow',sans-serif;font-size:36px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:12px;}
.sp-logo-text span{color:var(--gold);}
.sp-brand-block .sp-headline{font-family:'Barlow',sans-serif;font-size:15px;font-weight:400;color:rgba(255,255,255,.55);margin:0 0 28px;}
.sp-brand-block .sp-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:10px;}
.sp-brand-block .sp-features li{display:flex;align-items:center;gap:9px;font-size:14px;}
.sp-brand-block .sp-features li i{color:var(--gold);font-size:15px;flex-shrink:0;}
.sp-brand-block .sp-stats{display:flex;gap:28px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:32px;}
.sp-brand-block .sp-stat{display:flex;flex-direction:column;}
.sp-brand-block .sp-stat-val{font-family:'Barlow',sans-serif;font-size:26px;font-weight:800;color:var(--gold);line-height:1;}
.sp-brand-block .sp-stat-lbl{font-size:11px;color:rgba(255,255,255,.35);margin-top:2px;text-transform:uppercase;letter-spacing:.05em;}
.sp-content-shell{height:100%;background:linear-gradient(140deg, rgba(232,160,32,.12), rgba(255,255,255,.92)),radial-gradient(circle at top right, rgba(61,43,14,.08), transparent 34%),var(--surface);border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow: none;}
.sp-brand-block{display:grid;gap:18px;height:100%;color:var(--text2);}
.sp-headline{margin:0;font-family:'Barlow',sans-serif;font-size:34px;font-weight:800;line-height:1;color:var(--text)!important;}
.sp-copy{margin:0;color:var(--text3);font-size:15px;line-height:1.7;max-width:54ch;}
.sp-feature-grid{display:grid;gap:12px;}
.sp-feature-card{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);}
.sp-feature-card i{font-size:18px;color:var(--gold-dark);}
.sp-feature-card strong{font-size:15px;color:var(--text);}
.sp-feature-card span{font-size:13px;color:var(--text3);line-height:1.6;}
.sp-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto!important;padding-top:0!important;border-top:none!important;}
.sp-stat{padding:14px 12px;border-radius:18px;background:var(--surface2)!important;border:1px solid var(--border);display:grid;gap:4px;}
.sp-stat-val{font-family:'Barlow',sans-serif;font-size:22px!important;font-weight:800;color:var(--gold-dark)!important;line-height:1;}
.sp-stat-lbl{font-size:12px!important;color:var(--text3)!important;text-transform:none!important;letter-spacing:0!important;}
.sp-custom-icerik{display:grid;gap:16px;color:var(--text2)!important;font-size:15px;line-height:1.7;}
.sp-custom-icerik h1,.sp-custom-icerik h2,.sp-custom-icerik h3{font-family:'Barlow',sans-serif;color:var(--text)!important;font-weight:800;margin:0 0 8px;line-height:1.15;}
.sp-custom-icerik p{margin:0;}
.sp-custom-icerik a{color:var(--gold-dark)!important;text-decoration:none;font-weight:700;}
.sp-custom-icerik strong{color:var(--text)!important;}
.sp-custom-icerik ul,.sp-custom-icerik ol{padding-left:20px;margin:0;}
.sp-custom-icerik blockquote{border-left:3px solid var(--gold);padding:8px 14px;margin:0;color:var(--text3);}

/* ── Responsive ── */
@media(max-width:900px){
  .sp-wrap{flex-direction:column;}
  .sp-left{display:none;}
  .sp-right{width:100%;padding:40px 24px;min-height:calc(100vh - 60px);border-right:none;justify-content:flex-start;padding-top:48px;}
}
@media(max-width:480px){
  .sp-right{padding:32px 20px;}
  .auth-grid2{grid-template-columns:1fr;}
}

/* ============================================================
   ── CANLI SAYFASI ──
   ============================================================ */

/* ══════════════════════════════════════════════════════
   CANLI SAYFASI
══════════════════════════════════════════════════════ */

/* Hero */
.cnl-hero {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 0 14px; flex-wrap: wrap; gap: 12px;
}
.cnl-hero-left { display: flex; align-items: center; gap: 14px; }
.cnl-hero-ico {
  width: 48px; height: 48px; border-radius: var(--r);
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-mid) 100%);
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; flex-shrink: 0;
  box-shadow: none;
}
.cnl-hero-title {
  font-family: 'Barlow', sans-serif;
  font-size: 32px; font-weight: 900; color: var(--text); line-height: 1; margin: 0;
}
.cnl-hero-sub { font-size: 13px; color: var(--text3); margin-top: 4px; }
.cnl-hero-stats { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cnl-stat {
  display: flex; align-items: center; gap: 5px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-sm); padding: 6px 12px; font-size: 13px;
}
.cnl-stat-sayi { font-family: 'Barlow',sans-serif; font-size: 18px; font-weight: 800; color: var(--text); }
.cnl-stat-lbl  { font-size: 11px; font-weight: 600; color: var(--text3); text-transform: uppercase; letter-spacing: .04em; }
.cnl-stat-canli { border-color: var(--green-border); background: var(--green-bg); }
.cnl-stat-canli .cnl-stat-sayi { color: var(--green); }
.cnl-stat-dim .cnl-stat-sayi { color: var(--text3); }
.cnl-stat-live-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--green);
  animation: cnl-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes cnl-pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .5; transform: scale(1.4); }
}

/* Section başlıkları */
.cnl-section { margin-bottom: 28px; }
.cnl-section-baslik {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Barlow', sans-serif;
  font-size: 18px; font-weight: 800; color: var(--text);
  margin-bottom: 14px; padding-bottom: 10px;
  border-bottom: 2px solid var(--border);
}
.cnl-section-cnt {
  margin-left: auto;
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: 20px; padding: 2px 10px;
  font-size: 13px; font-weight: 700; color: var(--text2);
}
.cnl-section-bitti .cnl-section-baslik { color: var(--text3); }
.cnl-section-bitti .cnl-section-baslik { border-bottom-color: var(--border2); }

/* 4 sütunlu grid */
.cnl-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 1200px) { .cnl-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px)  { .cnl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .cnl-grid { grid-template-columns: 1fr; } }

/* Kart */
.cnl-kart {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg); overflow: hidden;
  display: flex; flex-direction: column;
  transition: box-shadow .15s;
}
.cnl-kart:hover { box-shadow: none; }
.cnl-canli {
  border-color: var(--green-border);
  box-shadow: none;
  background: linear-gradient(to bottom, rgba(22,163,74,.03), var(--surface) 60px);
}
.cnl-canli:hover {
  box-shadow: none;
}
.cnl-bitti {
  opacity: .7;
  border-color: var(--border2, var(--border));
}
.cnl-bitti:hover { opacity: .85; }

/* Kart başlık */
.cnl-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px 8px; border-bottom: 1px solid var(--border);
  gap: 6px;
}
.cnl-head-sol { display: flex; align-items: center; gap: 7px; min-width: 0; }
.cnl-no {
  font-family: 'Barlow', sans-serif;
  font-size: 15px; font-weight: 800; color: var(--text); flex-shrink: 0;
}
.cnl-saat {
  font-family: 'Barlow', sans-serif;
  font-size: 17px; font-weight: 800; color: var(--text2); flex-shrink: 0;
}

/* Durum badge'leri */
.cnl-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 800; letter-spacing: .05em;
  padding: 2px 7px; border-radius: 20px; border: 1px solid; flex-shrink: 0;
}
.cnl-badge-canli {
  background: var(--green-bg); color: var(--green); border-color: var(--green-border);
}
.cnl-badge-bitti {
  background: var(--bg2); color: var(--text3); border-color: var(--border);
}
.cnl-badge-bekle {
  background: var(--gold-bg); color: var(--gold-dark); border-color: var(--gold-border);
}
.cnl-live-dot {
  width: 6px; height: 6px; border-radius: 50%; background: var(--green);
  animation: cnl-pulse 1.4s ease-in-out infinite; flex-shrink: 0;
}

/* Meta (hipodrom + pist) */
.cnl-meta {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 7px 14px 4px; font-size: 12px;
}
.cnl-hip {
  font-weight: 800; font-size: 13px; color: var(--text);
  text-transform: uppercase; letter-spacing: .3px;
}
.cnl-pist-wrap {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 12px; font-weight: 600; color: var(--text2);
}
.cnl-pist-wrap .pgd2-pist-ico { width: 16px; height: 16px; }
.cnl-cins { font-size: 11px; color: var(--text3); }
.cnl-kosu-adi {
  padding: 2px 14px 6px; font-size: 11px; font-weight: 700;
  color: var(--gold-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Kazanan bandı */
.cnl-kazanan {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; text-decoration: none;
  background: linear-gradient(90deg, color-mix(in srgb, var(--gold) 8%, transparent), transparent);
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
  transition: background .12s;
}
.cnl-kazanan:hover { background: var(--gold-bg); }
.cnl-kazanan-ico { font-size: 18px; flex-shrink: 0; }
.cnl-kazanan-info { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.cnl-kazanan-at {
  font-size: 14px; font-weight: 800; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cnl-kazanan-jokey { font-size: 11px; color: var(--text3); }
.cnl-kazanan-ganyan {
  font-family: 'Barlow', sans-serif;
  font-size: 16px; font-weight: 800; color: var(--gold-dark);
  background: var(--gold-bg); border: 1px solid var(--gold-border);
  padding: 1px 8px; border-radius: 20px; flex-shrink: 0;
}

/* Podium 2. 3. */
.cnl-podium-row {
  display: flex; align-items: center; gap: 7px;
  padding: 5px 14px; font-size: 13px;
  border-bottom: 1px solid var(--border);
}
.cnl-podium-at { flex: 1; color: var(--text2); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cnl-podium-ganyan { font-size: 12px; font-weight: 700; color: var(--text2); flex-shrink: 0; }

/* At listesi */
.cnl-at-list { padding: 6px 0; border-top: 1px solid var(--border); flex: 1; }
.cnl-at-row {
  display: flex; align-items: center; gap: 6px;
  padding: 4px 14px; font-size: 12px;
  border-bottom: 1px solid var(--border);
}
.cnl-at-row:last-child { border-bottom: none; }
.cnl-at-row.cnl-at-kosmaz { opacity: .45; }
.cnl-at-no {
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--bg2); border: 1px solid var(--border);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 800; color: var(--text2); flex-shrink: 0;
}
.cnl-at-adi {
  flex: 1; font-weight: 700; color: var(--text);
  text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 12px;
}
.cnl-at-adi:hover { color: var(--gold-dark); }
.cnl-at-form { display: inline-flex; gap: 2px; flex-shrink: 0; }
.cnl-at-form .pgd2-f { width: 18px; height: 18px; font-size: 10px; }
.cnl-at-kg { font-size: 10px; color: var(--text3); flex-shrink: 0; }
.cnl-at-ganyan { font-size: 11px; font-weight: 700; color: var(--gold-dark); background: var(--gold-bg); border: 1px solid var(--gold-border); border-radius: var(--r-sm); padding: 2px 6px; flex-shrink: 0; margin-left: auto; }
.cnl-at-fazla { padding: 4px 14px; font-size: 11px; color: var(--text4); text-align: center; }
.cnl-bos-list { padding: 16px 14px; font-size: 13px; color: var(--text4); text-align: center; }
.cnl-bekleniyor {
  display: flex; align-items: center; gap: 8px;
  padding: 14px; font-size: 13px; color: var(--text3);
  border-top: 1px solid var(--border);
}

/* Kart footer */
.cnl-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px; margin-top: auto;
  border-top: 1px solid var(--border); background: var(--bg2);
}
.cnl-link {
  font-size: 12px; font-weight: 600; color: var(--gold-dark);
  text-decoration: none;
}
.cnl-link:hover { text-decoration: underline; }
.cnl-at-cnt { font-size: 11px; color: var(--text4); }

/* Boş sayfa */
.cnl-bos-sayfa {
  text-align: center; padding: 60px 20px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-lg);
}
.cnl-bos-ico  { font-size: 48px; margin-bottom: 16px; opacity: .6; }
.cnl-bos-ttl  { font-size: 20px; font-weight: 700; color: var(--text2); margin-bottom: 8px; }
.cnl-bos-sub  { font-size: 14px; color: var(--text3); margin-bottom: 20px; }

/* Polling göstergesi */
#cnl-polling-ind {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; color: var(--text4);
}
#cnl-polling-ind.yukleniyor { color: var(--gold-dark); }
#cnl-polling-ind.hata { color: var(--red); }

@media (max-width: 768px) {
  .cnl-hero { padding: 12px 0 10px; }
  .cnl-hero-title { font-size: 26px; }
  .cnl-hero-stats { gap: 6px; }
  .cnl-stat { padding: 5px 9px; }
}

/* ============================================================
   ── SONUÇLAR ──
   ============================================================ */

/* ══════════════════════════════════════════════════════
   SONUÇLAR SAYFASI
══════════════════════════════════════════════════════ */
/* ── Sayfa wrapper ────────────────────────────────────── */
/* pgd-page: diğer sayfalarla aynı — max-w + 28px + width:100% */
.son-page {
  padding: 12px 0 40px;
}

/* ── Hero banner ── */
.son-hero {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 0 12px; flex-wrap: wrap; gap: 12px;
}
.son-hero-left { display:flex; align-items:center; gap:14px; }
.son-hero-ico {
  width: 48px; height: 48px; border-radius: var(--r);
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-mid) 100%);
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; flex-shrink: 0;
  box-shadow: none;
}
.son-hero-title {
  font-family: 'Barlow', sans-serif;
  font-size: 32px; font-weight: 900; color: var(--text);
  line-height: 1; margin: 0;
}
.son-hero-sub { font-size: 13px; color: var(--text3); margin-top: 4px; }
.son-hero-sub strong { color: var(--text2); }
.son-hero-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.son-prog-bar {
  display: flex; align-items: center; gap: 8px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); padding: 8px 14px;
  font-size: 13px; font-weight: 600; color: var(--text2);
}
.son-prog-fill-wrap {
  width: 80px; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden;
}
.son-prog-fill { height: 100%; background: var(--green); border-radius: 3px; transition: width .4s; }

/* ── Nav bar ── */
.son-nav-bar { margin-bottom: 0; border-bottom: none; }

/* ── Sonuç yok ── */
.son-bos {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r); padding: 60px 20px;
  text-align: center; color: var(--text3);
}
.son-bos-ico  { font-size: 48px; margin-bottom: 16px; opacity: .7; }
.son-bos-ttl  { font-size: 18px; font-weight: 700; color: var(--text2); margin-bottom: 8px; }
.son-bos-sub  { font-size: 14px; }

/* ── Koşu kart ── */
.son-kart {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  margin-bottom: 6px;
  box-shadow: none;
  overflow: hidden;
  transition: box-shadow .15s;
}
.son-kart:hover { box-shadow: none; }
.son-kart-bitti { border-left: 3px solid var(--green); }

.son-kart-head {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 14px; cursor: pointer;
  transition: background .1s; user-select: none;
  flex-wrap: wrap;
}
.son-kart-head-compact {
  gap: 8px;
  flex-wrap: nowrap;
}
.son-kart-head:hover { background: var(--bg2); }

/* Meta: koşu no + saat + pist + mesafe + cins */
.son-kart-meta {
  display: flex; align-items: center; gap: 6px;
  flex-shrink: 0; flex-wrap: wrap;
}
.son-kosu-no {
  font-family: 'Barlow', sans-serif;
  font-size: 14px; font-weight: 800;
  background: var(--brand); color: #fff;
  padding: 2px 8px; border-radius: 6px;
  white-space: nowrap;
}
.son-kart-bitti .son-kosu-no { background: var(--green); }
.son-kosu-saat {
  font-size: 14px; font-weight: 700; color: var(--text2);
  white-space: nowrap;
}
.son-mesafe  { font-size: 12px; font-weight: 700; color: var(--text2); }
.son-cins    { font-size: 11px; color: var(--text3); }
.son-kosu-adi {
  font-size: 11px; font-weight: 700;
  color: var(--gold-dark); white-space: nowrap;
}
.son-pist-durum { font-size: 11px; opacity: .75; margin-left: 3px; }

/* Kazanan özet */
.son-kart-winner {
  display: flex; align-items: center; gap: 6px;
  flex: 1; flex-wrap: wrap; min-width: 0;
  padding: 3px 6px;
  background: linear-gradient(90deg, color-mix(in srgb,var(--gold) 8%,transparent), transparent);
  border-radius: var(--r-sm);
}
.son-winner-ico  { font-size: 16px; flex-shrink: 0; }
.son-winner-at {
  font-size: 14px; font-weight: 800; color: var(--text);
  text-decoration: none; transition: color .12s;
}
.son-winner-at:hover { color: var(--gold-dark); }
.son-winner-jokey {
  font-size: 12px; color: var(--text3); white-space: nowrap;
}
.son-winner-ganyan {
  font-size: 13px; font-weight: 800; color: var(--gold-dark);
  font-family: 'Barlow', sans-serif;
  background: var(--gold-bg); border: 1px solid var(--gold-border);
  padding: 1px 7px; border-radius: 20px;
}
.son-winner-derece {
  font-size: 11px; color: var(--text4);
}
.son-kart-bos-lbl { flex: 1; font-size: 13px; color: var(--text4); font-style: italic; }

/* Sağ: durum + caret */
.son-kart-right {
  display: flex; align-items: center; gap: 6px; margin-left: auto; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end;
}
.son-kart-head-compact .son-kart-right {
  margin-left: 8px;
  justify-content: flex-start;
}
.son-st {
  appearance: none;
  -webkit-appearance: none;
  font-size: 10px; font-weight: 700;
  padding: 2px 7px; border-radius: 999px;
  border: 1px solid; white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
.son-st-bitti  { background: var(--green-bg); color: var(--green); border-color: var(--green-border); }
.son-st-foto   { background: color-mix(in srgb,var(--brand) 12%,#fff); color: var(--brand); border-color: color-mix(in srgb,var(--brand) 24%,#fff); }
.son-st-bekle  { background: var(--bg2); color: var(--text3); border-color: var(--border); }
.son-caret {
  color: var(--text3); font-size: 14px;
  transition: transform .2s; flex-shrink: 0;
}
.son-caret.open { transform: rotate(180deg); }

/* Kart gövdesi */
.son-kart-body { border-top: 1px solid var(--border); }
.son-kart-body.kapali { display: none; }
.son-kart-bos {
  padding: 16px 18px; font-size: 13px; color: var(--text3);
}
.son-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(12, 16, 24, .76);
  backdrop-filter: blur(10px);
  z-index: 16000;
}
.son-lightbox.open {
  display: flex;
}
.son-lightbox-dialog {
  width: min(100%, 1040px);
  max-height: calc(100vh - 40px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}
.son-lightbox-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
}
.son-lightbox-title {
  font-size: 18px;
  font-weight: 800;
}
.son-lightbox-close {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.12);
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  cursor: pointer;
}
.son-lightbox-figure {
  margin: 0;
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: none;
}
.son-lightbox-figure img {
  display: block;
  width: 100%;
  max-height: calc(100vh - 180px);
  object-fit: contain;
  background: #f5f7fb;
}
.son-lightbox-cap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  color: var(--text2);
  font-size: 13px;
}
.son-lightbox-source {
  color: var(--text3);
}
.son-lightbox-open {
  color: var(--brand);
  font-weight: 700;
  text-decoration: none;
}

/* ── Sonuç tablosu ── */
.son-tablo-wrap { overflow-x: auto; }
.son-tablo {
  width: 100%; border-collapse: collapse; font-size: 13px;
}
.son-tablo thead th {
  padding: 8px 14px;
  font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em;
  color: var(--text3); background: var(--bg2);
  border-bottom: 1px solid var(--border);
  white-space: nowrap; text-align: left;
}
.son-tablo thead th.c { text-align: center; }
.son-tablo thead th.r { text-align: right; }
.son-tablo td {
  padding: 10px 14px; border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.son-tablo tbody tr:last-child td { border-bottom: none; }
.son-tablo tbody tr:hover td { background: var(--bg2); }

/* Sıra renkleri */
.son-row.son-r1 td { background: color-mix(in srgb,var(--gold) 8%,transparent); }
.son-row.son-r2 td { background: color-mix(in srgb,#9BA3AF 5%,transparent); }
.son-row.son-r3 td { background: color-mix(in srgb,#C07B48 4%,transparent); }

.son-medal { font-size: 20px; line-height: 1; }
.son-sira-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  font-size: 13px; font-weight: 700;
  background: var(--bg2); color: var(--text3); border: 1px solid var(--border);
}
.son-at-cell { display: flex; flex-direction: column; gap: 2px; }
.son-at-ad-line { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.son-at-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid rgba(184, 122, 8, 0.28);
  border-radius: 6px;
  background: #fff3d6;
  color: #8a5a08;
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.son-at-ad {
  font-weight: 700; font-size: 14px; color: var(--text);
  text-decoration: none; transition: color .12s;
}
.son-at-ad:hover { color: var(--gold-dark); }
.son-at-ad-line .pgd-not-ekuri,
.pgd-lineup-horse-top .pgd-not-ekuri { margin-left: 0; }
.son-derece  { font-size: 11px; color: var(--text3); }
.son-time {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: var(--text2);
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.son-jokey   { font-size: 13px; color: var(--text2); }
.son-sahip   { font-size: 12px; color: var(--text3); }
.son-kg      { font-size: 13px; font-weight: 600; color: var(--text2); }
.son-fark    { font-size: 13px; color: var(--text3); }
.son-sure-birinci { font-size: 12px; font-weight: 700; color: var(--green); }
.son-ganyan {
  font-size: 16px; font-weight: 800;
  color: var(--text2);
  font-family: 'Barlow', sans-serif;
}
.son-ganyan-win { color: var(--gold-dark); }
.col-sira { width: 60px; text-align: center !important; }
.col-at   { min-width: 160px; }
.col-time { width: 86px; min-width: 78px; white-space: nowrap; }
.col-jokey{ min-width: 130px; }
.col-sahip{ min-width: 120px; }
.col-kg   { width: 50px; text-align: center !important; }
.col-sure { width: 110px; }
.col-ganyan{ width: 90px; text-align: right !important; }
.dim { color: var(--text4); font-weight: 400; }

@media (max-width: 700px) {
  .son-kart-right {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .son-foto-finish {
    grid-template-columns: 1fr;
    padding: 14px 14px 0;
    gap: 10px;
  }
  .son-foto-finish img {
    max-width: 100%;
  }
  .son-kart-bos {
    padding: 14px;
  }
  .son-lightbox {
    padding: 12px;
  }
  .son-lightbox-dialog {
    width: 100%;
    max-height: calc(100vh - 24px);
  }
  .son-lightbox-title {
    font-size: 15px;
  }
  .son-lightbox-cap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.c   { text-align: center !important; }
.r   { text-align: right !important; }
.hs  { display: table-cell; }
@media(max-width:768px){
  .son-page { padding: 8px 0 28px; }
  .son-hero {
    padding: 10px 0 6px;
    gap: 8px;
  }
  .son-hero-left { gap: 10px; }
  .son-hero-ico {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .son-hero-title { font-size: 22px; }
  .son-hero-sub {
    margin-top: 2px;
    font-size: 11px;
  }
  .son-hero-right { width: 100%; }
  .son-prog-bar {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 12px;
  }
  .son-prog-fill-wrap {
    width: 68px;
    height: 5px;
  }
  .pgd-results-nav {
    gap: 8px;
    margin-bottom: 10px;
  }
  .pgd-demo-datebar .pgd-race-nav-bar-v2 {
    gap: 8px;
  }
  .pgd-demo-datebar .pgd-race-date-panel,
  .pgd-demo-datebar .pgd-race-calendar-strip,
  .pgd-demo-datebar .pgd-race-venue-panel {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .pgd-demo-datebar .pgd-race-date-title,
  .pgd-demo-datebar .pgd-race-venue-title {
    font-size: 13px !important;
    line-height: 1.1;
  }
  .pgd-demo-datebar .pgd-race-date-text,
  .pgd-demo-datebar .pgd-race-venue-count,
  .pgd-demo-datebar .pgd-race-panel-kicker,
  .pgd-demo-datebar .pgd-race-calendar-caption {
    font-size: 10px !important;
  }
  .pgd-race-day-switch {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }
  .pgd-race-day-pill {
    min-height: 48px !important;
  }
  .pgd-race-day-arrow,
  .pgd-race-date-mobile-trigger {
    min-height: 42px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .hs { display: none; }
  .col-sure { display: none; }
}

/* ============================================================
   ── AT DETAY ──
   ============================================================ */

/* ══ AT DETAY ══════════════════════════════════════════════ */
.at-page { padding:0; }
.pgd-container { max-width:var(--max-w); margin:0 auto; padding:0 28px; }

/* Hero */
.at-hero { background:var(--bg);
  border-bottom:none; padding:20px 0 24px; }
.at-hero-inner { max-width:var(--max-w); margin:0 auto; padding:0 28px; }
.at-bc { font-size:12px; color:var(--text3); display:flex; gap:6px;
  align-items:center; margin-bottom:14px; flex-wrap:wrap; }
.at-bc a { color:var(--text3); text-decoration:none; }
.at-bc a:hover { color:var(--gold); }
.at-bc span:not(:last-child) { color:var(--text4); }
.at-hero-body { display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap; }
.at-hero-left { flex:1; min-width:260px; }

/* At fotoğrafı */
.at-foto-wrap { float:right; margin:0 0 12px 16px; }
.at-foto { width:80px; height:80px; object-fit:cover; border-radius:var(--r-sm);
  border:1px solid var(--border); }

/* Ad + meta */
.at-ad { font-family:'Barlow',sans-serif; font-size:30px; font-weight:800;
  color:var(--text); margin:0 0 8px; line-height:1.1; }
.at-hero-meta { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:8px; }
.at-chip { font-size:12px; padding:3px 9px; background:var(--bg2);
  border:1px solid var(--border2); border-radius:20px; color:var(--text);
  display:inline-flex; align-items:center; gap:3px; font-weight:500; }

/* Nesep */
.at-nesep { display:flex; align-items:center; gap:4px; font-size:12px;
  flex-wrap:wrap; margin-bottom:10px; line-height:1.5; }
.at-ped-erkek { color:#2563eb; font-size:13px; font-weight:700; }
.at-ped-disi  { color:#db2777; font-size:13px; font-weight:700; }
.at-ped-baba  { color:#1e40af; font-weight:600; text-decoration:none; }
.at-ped-anne  { color:#9d174d; text-decoration:none; }
.at-ped-baba:hover, .at-ped-anne:hover { text-decoration:underline; }
.at-ped-ab    { color:var(--text4); font-size:11px; font-style:italic; }
.at-ped-x     { color:var(--text4); font-size:10px; }

/* Ekip */
.at-ekip { display:flex; flex-direction:column; gap:4px; margin-top:10px; }
.at-ekip-row { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--text); }
.at-ekip-row a { text-decoration:none; color:var(--text); }
.at-ekip-row a:hover { text-decoration:underline; }
.at-ico-j { color:#0284c7; font-size:12px; }
.at-ico-s { color:#b45309; font-size:11px; }
.at-ico-a { color:#15803d; font-size:11px; }
.at-ico-y { color:#7c3aed; font-size:11px; }
.at-jokey-foto { width:24px; height:24px; border-radius:50%; object-fit:cover;
  border:1px solid var(--border); margin-left:4px; }

/* Kariyer istatistikler */
.at-hero-right { flex-shrink:0; }
.at-kariyer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; min-width:220px; }
.at-kstat { background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-sm); padding:8px 12px; text-align:center; }
.at-kstat-wide { grid-column:span 3; }
.at-kstat-n { display:block; font-size:20px; font-weight:800;
  font-family:'Barlow',sans-serif; line-height:1.1; }
.at-kstat-l { display:block; font-size:9px; color:var(--text3);
  text-transform:uppercase; letter-spacing:.3px; margin-top:2px; }
.at-kstat-gold   { color:var(--gold); }
.at-kstat-silver { color:#9ca3af; }
.at-kstat-bronze { color:#b45309; }
.at-kstat-pct    { color:var(--green); }
.at-kstat-plase  { color:#0284c7; }
.at-kstat-ikr    { color:var(--green); font-size:15px; }
.at-kstat-kgs    { color:#16a34a; }
.at-kstat-hp     { color:#6366f1; }

/* Bugün alert */
.at-bugun-wrap { padding:12px 20px; }
.at-bugun { display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:var(--gold-bg); border:2px solid var(--gold-border);
  border-radius:var(--r); padding:12px 16px; }
.at-bugun-ico { font-size:22px; }
.at-bugun strong { display:block; font-size:13px; }
.at-bugun div { flex:1; font-size:12px; color:var(--text2); min-width:200px; }

/* Sekme barı */
.at-tabs-bar { background:var(--surface); border-bottom:2px solid var(--border); }
.at-tabs { display:flex; gap:0; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; max-width:100%; }
.at-tabs::-webkit-scrollbar { display:none; }
.at-tab { background:none; border:none; border-bottom:3px solid transparent;
  margin-bottom:-1px; padding:16px 28px; font-size:15px; font-weight:600;
  color:var(--text2); cursor:pointer; display:flex; align-items:center;
  gap:7px; transition:color .15s; white-space:nowrap; flex-shrink:0; }
.at-tab:hover { color:var(--text); }
.at-tab.aktif { color:var(--gold-dark); border-bottom-color:var(--gold); font-weight:700; }
.at-tab-locked { opacity:.65; cursor:not-allowed; }
.at-tab-lock { font-size:9px; color:var(--text4); }
.at-tab-sayac { font-size:11px; background:var(--bg2); border:1px solid var(--border);
  border-radius:20px; padding:2px 8px; color:var(--text2); font-weight:600; }

/* İçerik */
.at-icerik { padding:20px; }
.at-pane { display:none; }
.at-pane.aktif { display:block; }

/* Tablo */
.at-tablo-wrap { overflow-x:auto; border:1px solid var(--border);
  border-radius:var(--r-sm); margin-bottom:12px; }
.at-gecmis-tablo th, .at-gecmis-tablo td { padding:7px 10px; white-space:nowrap; }
.at-tr-1 td { background:#f0fdf4; }
.at-tr-2 td { background:#f0f9ff; }
.at-tr-3 td { background:#faf5ff; }
.at-td-nowrap { white-space:nowrap; }
.at-td-grup { max-width:100px; overflow:hidden; text-overflow:ellipsis; }
.at-td-jokey { max-width:140px; overflow:hidden; text-overflow:ellipsis; }
.pgd-th-center { text-align:center; }

/* Pist chip */
.pgd-pist-chip { display:inline-flex; align-items:center; gap:3px; font-size:10px;
  font-weight:600; padding:2px 6px; border-radius:20px; white-space:nowrap; }
.pgd-pist-cim { background:#dcfce7; color:#15803d; border:1px solid #86efac; }
.pgd-pist-kum { background:#fef3c7; color:#b45309; border:1px solid #fcd34d; }
.pgd-pist-sen { background:#dbeafe; color:#1d4ed8; border:1px solid #93c5fd; }
.pgd2-pist-ico { width:12px; height:12px; vertical-align:middle; }

/* Kilit paneli */
.at-kilit-bar { display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:var(--bg2); border:1px dashed var(--border);
  border-radius:var(--r); padding:12px 16px; margin-top:8px; font-size:12px; }
.at-kilit-bar-txt strong { display:block; color:var(--text); }
.at-kilit-bar-txt span { color:var(--text3); }
.at-kilit-panel { text-align:center; padding:48px 20px; }
.at-kilit-ico { font-size:36px; color:var(--text4); display:block; margin-bottom:12px; }
.at-kilit-panel h3 { font-size:18px; color:var(--text); margin:0 0 6px; }
.at-kilit-panel p { color:var(--text3); font-size:13px; margin-bottom:16px; }

/* Pedigri ağacı */
.at-ped-agac-wrap { overflow-x:auto; padding:8px 0; }
.at-ped-legend { display:flex; gap:10px; margin-bottom:12px; }
.at-ped-legend-item { font-size:11px; padding:3px 10px; border-radius:20px; font-weight:600; }
.at-ped-baba-chip { background:#dbeafe; color:#1e40af; border:1px solid #93c5fd; }
.at-ped-anne-chip { background:#fce7f3; color:#9d174d; border:1px solid #f9a8d4; }
.at-ped-agac { display:flex; gap:12px; align-items:stretch; }
.at-ped-col { display:flex; flex-direction:column; gap:6px; justify-content:space-around; }
.at-ped-kutu { background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-sm); padding:8px 12px; min-width:120px; font-size:12px; }
.at-ped-kutu-0 { background:var(--gold-bg); border-color:var(--gold-border);
  min-width:140px; text-align:center; }
.at-ped-kutu-baba { border-left:3px solid #2563eb; }
.at-ped-kutu-anne { border-left:3px solid #db2777; }
.at-ped-kutu-baba-lt { border-left:2px solid #93c5fd; }
.at-ped-kutu-anne-lt { border-left:2px solid #f9a8d4; }
.at-ped-sm { min-width:100px; padding:5px 10px; }
.at-ped-xs { min-width:80px; padding:4px 8px; font-size:11px; }
.at-ped-tip { font-size:9px; color:var(--text4); text-transform:uppercase; margin-bottom:2px; }
.at-ped-ad { font-weight:600; color:var(--text); }
.at-ped-ad a { text-decoration:none; color:var(--text); }
.at-ped-ad a:hover { text-decoration:underline; color:var(--gold); }
.at-ped-meta { font-size:10px; color:var(--text3); margin-top:2px; }
.at-ped-link { text-decoration:none; color:var(--text); }
.at-ped-link:hover { text-decoration:underline; }

/* Analiz */
.at-analiz-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.at-analiz-wide { grid-column:span 2; }
.at-analiz-kart { background:var(--surface); border:1px solid var(--border); border-radius:var(--r-sm); overflow:hidden; }
.at-analiz-head { background:var(--bg2); padding:9px 14px; font-size:12px; font-weight:700;
  color:var(--text); border-bottom:1px solid var(--border); display:flex; align-items:center; gap:6px; }
.at-analiz-bar { height:4px; background:var(--border); border-radius:2px; display:inline-block;
  width:60px; vertical-align:middle; margin-right:4px; }
.at-analiz-fill { height:100%; background:var(--gold); border-radius:2px; }
.at-pct { font-size:11px; color:var(--text3); }

/* Galop */
.at-galop-sure { font-family:'Barlow',sans-serif; font-weight:700; color:var(--text); }
.at-galop-tip { font-size:10px; padding:2px 6px; border-radius:3px; font-weight:600; }
.at-galop-ant  { background:#f0fdf4; color:#15803d; }
.at-galop-galop{ background:#dbeafe; color:#1d4ed8; }

/* Boş */
.at-bos { text-align:center; padding:32px; color:var(--text3); font-size:13px; }
.at-bos-sayfa { text-align:center; padding:80px 20px; }
.at-bos-sayfa h2 { font-size:22px; color:var(--text); margin:12px 0 8px; }
.at-bos-sayfa p { color:var(--text3); margin-bottom:16px; }

/* Responsive */
@media(max-width:900px) {
  .at-hero-body { flex-direction:column; }
  .at-kariyer-grid { grid-template-columns:repeat(3,1fr); }
  .at-analiz-grid { grid-template-columns:1fr; }
  .at-analiz-wide { grid-column:span 1; }
}
@media(max-width:768px) {
  .pgd-container { padding:0 16px; }
  .at-hero-inner { padding:0 16px; }
}
@media(max-width:600px) {
  .at-kariyer-grid { grid-template-columns:repeat(2,1fr); }
  .at-kstat-wide { grid-column:span 2; }
}

/* ============================================================
   ── AT / HERO MODÜLÜ ──
   ============================================================ */

.ath-hero{background:var(--bg);border-bottom:none;padding:22px 0 20px;}
.ath-inner{max-width:var(--max-w);margin:0 auto;padding:0 28px;box-sizing:border-box;}
.ath-bc{font-size:12px;color:var(--text2);display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.ath-bc a{color:var(--text3);text-decoration:none;}.ath-bc a:hover{color:var(--gold);}
.ath-bc>span:last-child{color:var(--text2);font-weight:600;}
.ath-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;}
@media(max-width:920px){.ath-layout{grid-template-columns:1fr;}}
@media(max-width:768px){.ath-inner{padding:0 16px;}}
.ath-left{display:flex;flex-direction:column;gap:10px;}
.ath-top-row{display:flex;align-items:flex-start;gap:16px;}
.ath-forma-img{width:80px;height:80px;border-radius:50%;border:3px solid var(--border);background:var(--surface);object-fit:contain;display:block;box-shadow: none;transition:border-color .15s;}
.ath-forma-img:hover{border-color:var(--gold);}
.ath-forma-ph{width:80px;height:80px;border-radius:50%;border:3px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--text4);font-size:30px;box-shadow: none;flex-shrink:0;}
.ath-info-col{flex:1;min-width:0;}
.ath-ad-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px;}
.ath-ad{font-family:'Barlow',sans-serif;font-size:32px;font-weight:900;color:var(--text);margin:0;line-height:1;}
.ath-takip-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;}
.ath-takip-btn:hover{border-color:var(--gold);color:var(--gold-dark);}
.ath-takip-btn.aktif{background:rgba(232,160,32,.12);border-color:var(--gold);color:var(--gold-dark);}
.ath-takip-btn.aktif .bi{color:var(--gold);}
.ath-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px;}
.ath-chip{font-size:12px;padding:3px 9px;background:var(--surface);border:1px solid var(--border2);border-radius:20px;color:var(--text);font-weight:500;}
.ath-chip-irk{background:rgba(232,160,32,.08);border-color:rgba(232,160,32,.3);color:var(--gold-dark);font-weight:700;}
.ath-nesep{display:flex;align-items:center;gap:5px;font-size:13px;flex-wrap:wrap;}
.ath-ped-e{color:#2563eb;}.ath-ped-d{color:#db2777;}
.ath-ped-baba{color:#1d4ed8;font-weight:700;text-decoration:none;}.ath-ped-baba:hover{text-decoration:underline;}
.ath-ped-anne{color:#be185d;font-weight:700;text-decoration:none;}.ath-ped-anne:hover{text-decoration:underline;}
.ath-x{color:var(--text4);font-size:11px;}.ath-ab{color:var(--text4);font-size:11px;font-style:italic;}
.ath-ekip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:9px 12px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);}
.ath-ekip-item{font-size:13px;color:var(--text);display:flex;align-items:center;gap:4px;}
.ath-ekip-item a{color:var(--text);text-decoration:none;font-weight:500;}.ath-ekip-item a:hover{color:var(--gold-dark);}
.ath-ekip-div{width:1px;height:12px;background:var(--border);flex-shrink:0;}
.ath-ico-j{color:#0284c7;}.ath-ico-a{color:#15803d;}.ath-ico-s{color:#b45309;}.ath-ico-y{color:#7c3aed;}
.ath-jokey-forma-sm{width:20px;height:20px;object-fit:contain;border-radius:50%;border:1px solid var(--border);flex-shrink:0;}
.ath-form{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.ath-form-lbl{font-size:10px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;}
.ath-fk{width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-family:'Barlow',sans-serif;border:1.5px solid;}
.ath-fk.f1{background:#dcfce7;color:#15803d;border-color:#86efac;}
.ath-fk.f2{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;}
.ath-fk.f3{background:#faf5ff;color:#7c3aed;border-color:#d8b4fe;}
.ath-fk.fx{background:var(--bg2);color:var(--text3);border-color:var(--border);}
.ath-fk.f0{background:var(--bg2);color:var(--text4);border-color:var(--border);font-size:9px;}
.ath-form-ok{font-size:11px;color:var(--text4);margin-left:2px;}
/* SAG istatistik */
.ath-right{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow: none;}
.ath-stat-row{display:grid;grid-template-columns:repeat(4,1fr);}
.ath-stat{padding:12px 6px;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
.ath-stat:last-child{border-right:none;}
.ath-sn{display:block;font-family:'Barlow',sans-serif;font-size:22px;font-weight:900;line-height:1.1;color:var(--text);}
.ath-sl{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-weight:600;}
.ath-sg .ath-sn{color:var(--gold-dark);}
.ath-ss .ath-sn{color:#64748b;}
.ath-sb .ath-sn{color:#b45309;}
.ath-pct-box{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px;}
.ath-pct-row{display:flex;align-items:center;gap:8px;}
.ath-pl{font-size:11px;color:var(--text3);min-width:56px;}
.ath-pv{font-family:'Barlow',sans-serif;font-size:15px;font-weight:800;min-width:36px;text-align:right;}
.ath-pb{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden;}
.ath-alt-row{display:grid;grid-template-columns:repeat(4,1fr);}
.ath-alt{padding:10px 6px;text-align:center;border-right:1px solid var(--border);}
.ath-alt:last-child{border-right:none;}
.ath-an{display:block;font-family:'Barlow',sans-serif;font-size:13px;font-weight:800;line-height:1.2;}
.ath-al{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-top:1px;font-weight:600;}

/* ============================================================
   ── AT / GEÇMİŞ MODÜLÜ ──
   ============================================================ */

/* ── GEÇMIS v3 ──────────────────────────────────────────── */
.atg-ozet-bant {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 12px 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 0;
}
.atg-ozet-item { text-align: center; padding: 4px 20px; }
.atg-ozet-n { display: block; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 900; color: var(--text); line-height: 1; }
.atg-ozet-l { display: block; font-size: 11px; color: var(--text2); text-transform: uppercase; letter-spacing: .06em; margin-top: 2px; font-weight:600; }
.atg-ozet-sep { width: 1px; background: var(--border); height: 32px; margin: 0 4px; }

/* Yıl başlığı */
.atg-yil-blok { margin-bottom: 20px; }
.atg-yil-baslik {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 0 4px;
}
.atg-yil-n {
  font-family: 'Barlow', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: var(--text);
}
.atg-yil-meta { display: flex; gap: 8px; font-size: 11px; color: var(--text3); flex-wrap: wrap; }
.atg-yil-win  { color: var(--green); font-weight: 700; }
.atg-yil-ilk3 { color: #0284c7; font-weight: 600; }

/* Tablo */
.atg-tablo-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}
.atg-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.atg-tablo thead th {
  background: var(--brand);
  color: rgba(255,255,255,.65);
  padding: 9px 10px;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.atg-tablo tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .1s;
}
.atg-tablo tbody tr:last-child { border-bottom: none; }
.atg-tablo tbody tr:hover { background: var(--bg); }
.atg-tablo tbody td {
  padding: 8px 10px;
  color: var(--text2);
  white-space: nowrap;
  vertical-align: middle;
}

/* Satır renkleri */
.atg-tr-1 td { background: rgba(22,163,74,.06); }
.atg-tr-2 td { background: rgba(2,132,199,.05); }
.atg-tr-3 td { background: rgba(124,58,237,.04); }
.atg-tr-1:hover td { background: rgba(22,163,74,.1) !important; }
.atg-tr-2:hover td { background: rgba(2,132,199,.09) !important; }
.atg-tr-3:hover td { background: rgba(124,58,237,.08) !important; }

/* Özel cell stilleri */
.atg-td-tarih { color: var(--text3); font-size: 12px; }
.atg-td-hip { font-weight: 600; color: var(--text); display: flex; align-items: center; gap: 6px; }
.atg-hip-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.atg-td-mes { font-weight: 600; }
.atg-td-sira { text-align: center; }
.atg-td-derece { font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 14px; color: var(--text); }
.atg-td-fark { font-size: 12px; color: var(--text3); }
.atg-td-kg { color: var(--text3); font-size: 12px; }
.atg-td-jokey { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
.atg-td-jokey a { color: var(--text); text-decoration: none; font-weight: 500; }
.atg-td-jokey a:hover { color: var(--gold-dark); text-decoration: underline; }
.atg-td-grup { max-width: 110px; overflow: hidden; text-overflow: ellipsis; font-size: 11px; color: var(--text3); }

/* Sıra badge */
.atg-sira {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 5px;
}
.atg-sira-1 { background: rgba(234,179,8,.15); color: #854d0e; }
.atg-sira-2 { background: rgba(148,163,184,.12); color: #475569; }
.atg-sira-3 { background: rgba(180,83,9,.1); color: #9a3412; }
.atg-sira-4,.atg-sira-5 { background: var(--bg2); color: var(--text3); }

.atg-fark { font-size: 11px; color: var(--text4); }
.atg-ganyan { font-weight: 700; color: var(--green); }
.atg-kosmaz { color: var(--text4); }
.atg-sira-pist{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-family:'Barlow',sans-serif;font-size:14px;font-weight:900;border:1.5px solid;}

/* Kilit */
.atg-kilit {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: var(--bg2);
  border: 1.5px dashed var(--border2);
  border-radius: var(--r);
  padding: 14px 18px;
  margin-top: 12px;
  font-size: 13px;
}
.atg-kilit i { color: var(--gold); font-size: 18px; }
.atg-kilit div { flex: 1; }
.atg-kilit strong { display: block; color: var(--text); }
.atg-kilit span { color: var(--text3); font-size: 12px; }

.atg-sira{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:14px;font-weight:900;font-family:'Barlow',sans-serif;border:2px solid;}
.atg-s1{background:rgba(234,179,8,.18);color:#854d0e;border-color:rgba(234,179,8,.5);}
.atg-s2{background:rgba(100,116,139,.12);color:#334155;border-color:rgba(100,116,139,.35);}
.atg-s3{background:rgba(180,83,9,.12);color:#7c2d12;border-color:rgba(180,83,9,.35);}
.atg-sm{background:var(--bg2);color:var(--text2);border-color:var(--border2);}
.atg-sx{background:var(--bg3);color:var(--text3);border-color:var(--border);}

/* ============================================================
   ── AT / TARZ MODÜLÜ ──
   ============================================================ */

.tz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:700px){.tz-grid2{grid-template-columns:1fr;}}
.tz-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;}
.tz-head{background:var(--bg2);padding:10px 16px;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.tz-body{padding:12px 14px;}
.tz-lejant{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap;align-items:center;}
.tz-lejant-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);}
.tz-lejant-item::before{content:'';display:block;width:20px;height:2.5px;background:var(--c,#888);border-radius:2px;}
.tz-lejant-sq{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);}
.tz-lejant-sq::before{content:'';display:inline-block;width:10px;height:10px;background:var(--c,#888);border-radius:2px;}
.tz-pist-ozet{display:flex;margin-top:10px;border-top:1px solid var(--border);padding-top:8px;}
.tz-pist-ozet-item{flex:1;text-align:center;}
.tz-poz-n{display:block;font-family:'Barlow',sans-serif;font-size:18px;font-weight:900;line-height:1;color:var(--text);}
.tz-poz-l{display:block;font-size:9px;color:var(--text4);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;}
.tz-pist-row{display:flex;gap:10px;padding:14px;flex-wrap:wrap;}
.tz-pist-kutu{flex:1;min-width:90px;border:2px solid;border-radius:10px;padding:12px 8px;text-align:center;position:relative;}
.tz-pist-best{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;background:var(--gold);color:var(--brand);padding:2px 8px;border-radius:20px;white-space:nowrap;}
.tz-pist-svg{margin-bottom:4px;display:flex;justify-content:center;}
.tz-pist-svg .pgd2-pist-ico{width:22px;height:22px;}
.tz-pist-lbl{font-size:11px;font-weight:700;margin-bottom:3px;text-transform:uppercase;letter-spacing:.06em;}
.tz-pist-pct{font-family:'Barlow',sans-serif;font-size:24px;font-weight:900;line-height:1;}
.tz-pist-sub{font-size:10px;color:var(--text3);margin-bottom:5px;}
.tz-mini-bar{height:4px;background:var(--border);border-radius:2px;margin:0 4px 5px;overflow:hidden;}
.tz-pist-detay{font-size:10px;color:var(--text3);display:flex;flex-direction:column;gap:1px;}
.tz-mes-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px;}
.tz-mes-blok{padding:9px 11px;border-radius:8px;background:var(--bg2);}
.tz-mes-best{background:rgba(232,160,32,.06);border:1px solid rgba(232,160,32,.2);}
.tz-mes-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.tz-mes-lbl{font-size:13px;font-weight:800;margin-right:4px;}
.tz-mes-sub{font-size:10px;color:var(--text4);}
.tz-mes-stat{text-align:right;}
.tz-mes-pct{font-family:'Barlow',sans-serif;font-size:17px;font-weight:900;display:block;line-height:1;}
.tz-mes-ksay{font-size:10px;color:var(--text3);}
.tz-best-badge{font-size:13px;color:var(--gold);margin-left:5px;}
.tz-mes-bar-bg{height:5px;background:var(--border);border-radius:3px;overflow:hidden;}
.tz-mes-bar-fill{height:100%;border-radius:3px;}

/* ============================================================
   ── AT / ANALİZ MODÜLÜ ──
   ============================================================ */

.anz-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.anz-kart-wide{grid-column:span 2;}
@media(max-width:700px){.anz-grid{grid-template-columns:1fr;}.anz-kart-wide{grid-column:span 1;}}
.anz-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;}
.anz-head{background:var(--bg2);padding:9px 14px;font-size:12px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;}
.anz-tablo{width:100%;border-collapse:collapse;font-size:12px;}
.anz-tablo thead th{background:var(--brand);color:rgba(255,255,255,.6);padding:7px 8px;font-size:10px;font-weight:700;text-align:center;}
.anz-th-lbl{text-align:left!important;padding-left:12px!important;}
.anz-tablo tbody tr{border-bottom:1px solid var(--border);}
.anz-tablo tbody tr:last-child{border-bottom:none;}
.anz-tablo tbody tr:hover{background:var(--bg);}
.anz-td-lbl{padding:8px 8px 8px 12px;font-weight:600;color:var(--text);text-align:left;}
.anz-td-lbl a{text-decoration:none;color:var(--text);}
.anz-td-lbl a:hover{color:var(--gold-dark);text-decoration:underline;}
.anz-td-c{padding:8px;text-align:center;color:var(--text2);}
.anz-td-bar{padding:8px;min-width:80px;}
.anz-win{font-weight:800;color:var(--green);}
.anz-pct{font-size:11px;color:var(--text3);}
.anz-bar{height:5px;background:var(--border);border-radius:3px;display:inline-block;width:60px;vertical-align:middle;overflow:hidden;margin-right:4px;}
.anz-fill{height:100%;border-radius:3px;}

/* ============================================================
   ── AT / GALOP MODÜLÜ ──
   ============================================================ */

.glp-bos{text-align:center;padding:40px 20px;color:var(--text3);font-size:13px;}
.glp-ozet{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 20px;margin-bottom:14px;flex-wrap:wrap;}
.glp-ozet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.glp-ozet-item{text-align:left;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);}
.glp-ozet-n{display:block;font-family:'Barlow',sans-serif;font-size:24px;font-weight:900;color:var(--text);line-height:1;}
.glp-ozet-l{display:block;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;}
.glp-ozet-sep{width:1px;background:var(--border);height:30px;margin:0 4px;}

.glp-liste{display:flex;flex-direction:column;gap:10px;}
.glp-liste-kart{gap:12px;}
.glp-kart{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;}
.glp-kart-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.glp-kart-baslik{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;}
.glp-tarih{font-size:14px;font-weight:800;color:var(--text);margin:0;}
.glp-kart-chipler{display:flex;flex-wrap:wrap;gap:8px;}
.glp-tip{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid;letter-spacing:.02em;}
.glp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);font-size:11px;font-weight:700;color:var(--text2);}
.glp-chip-soft{color:var(--text3);}
.glp-kart-ana-metrik{display:flex;align-items:flex-end;gap:10px;flex-shrink:0;}
.glp-mes{font-size:14px;font-weight:800;color:var(--text);}
.glp-sure{font-family:'Barlow',sans-serif;font-size:28px;font-weight:900;color:var(--green);line-height:1;}
.glp-kosu-bant{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.glp-kosu-bant-item{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);}
.glp-kosu-bant-label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text4);margin-bottom:4px;}
.glp-derece-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.glp-derece-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);font-size:12px;color:var(--text2);}
.glp-detay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.glp-detay-item{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);min-height:66px;}
.glp-detay-label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text4);margin-bottom:6px;}
.glp-detay-deger{display:block;font-size:13px;font-weight:700;color:var(--text);line-height:1.4;word-break:break-word;}
.glp-not{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--gold-soft);}
.glp-not-label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text4);margin-bottom:6px;}
.glp-not p{margin:0;font-size:13px;line-height:1.6;color:var(--text2);}
.glp-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.glp-kart-alt-sol{display:flex;flex-wrap:wrap;gap:8px;}
.glp-mini{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text3);}
.glp-linkler{display:flex;flex-wrap:wrap;gap:8px;}
.glp-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;background:var(--gold-soft);border:1px solid var(--gold-border);font-size:12px;font-weight:800;color:var(--gold-dark);}
.glp-link-btn-soft{background:var(--surface2);border-color:var(--border);color:var(--text2);}

@media(max-width:1100px){
  .glp-ozet-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .glp-detay-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .glp-ozet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .glp-kart-ust{flex-direction:column;align-items:flex-start;}
  .glp-kosu-bant{grid-template-columns:1fr;}
  .glp-detay-grid{grid-template-columns:1fr;}
  .glp-kart-alt{flex-direction:column;align-items:flex-start;}
}

/* ============================================================
   ── AT / AİLE MODÜLÜ ──
   ============================================================ */

.aile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.aile-kart-wide{grid-column:span 2;}
@media(max-width:700px){.aile-grid{grid-template-columns:1fr;}.aile-kart-wide{grid-column:span 1;}}
.aile-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;}
.aile-head{background:var(--bg2);padding:9px 14px;font-size:12px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;}
.aile-sayac{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:1px 7px;font-size:10px;color:var(--text3);font-weight:600;}
.aile-tablo-wrap{overflow-x:auto;max-height:300px;overflow-y:auto;}
.aile-tablo{width:100%;border-collapse:collapse;font-size:13px;}
.aile-tablo thead th{background:var(--brand);color:rgba(255,255,255,.6);padding:7px 10px;font-size:11px;font-weight:700;position:sticky;top:0;}
.aile-tablo tbody tr{border-bottom:1px solid var(--border);}
.aile-tablo tbody tr:last-child{border-bottom:none;}
.aile-tablo tbody tr:hover{background:var(--bg);}
.aile-tablo tbody td{padding:7px 10px;color:var(--text2);}

/* ============================================================
   ── ATLAR LİSTESİ ──
   ============================================================ */

/* ══════════════════════════════════════════════
   ATLAR SAYFASI
══════════════════════════════════════════════ */
.atl-page{width:100%;box-sizing:border-box;}
.atl-hero-wrap{max-width:var(--max-w);margin:0 auto;padding:20px 28px 18px;box-sizing:border-box;width:100%;}

/* Hero */
.atl-hero{padding-bottom:18px;}
.atl-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);margin-bottom:4px;}
.atl-hero-title{font-family:'Barlow',sans-serif;font-size:36px;font-weight:900;color:var(--text);line-height:1;margin:0;display:flex;align-items:center;gap:10px;}
.atl-hero-accent{display:inline-block;width:4px;height:32px;background:var(--tab-accent,var(--gold));border-radius:2px;flex-shrink:0;}
.atl-hero-ico{font-size:28px;line-height:1;}
.atl-hero-sub{font-size:13px;color:var(--text3);margin-top:6px;}

/* Kart */
.atl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow: none;max-width:var(--max-w);margin:0 auto 32px;width:100%;}

/* Ortak liste kabuğu: /atlar, /jokeyler, /istatistik/… (detay değil) */
.atl-card.pgd-entity-list-card{padding:0;}
.pgd-entity-list .pgd-entity-list-toolbar.jkl-filtreler,
.pgd-entity-list .pgd-entity-list-table.jkl-tablo-kart{
  width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;
}
.pgd-entity-list .pgd-entity-list-toolbar.jkl-filtreler{
  border-radius:0;border-left:0;border-right:0;border-top:0;margin-bottom:0;
}
.pgd-entity-list .pgd-entity-list-table.jkl-tablo-kart{border:0;border-radius:0;box-shadow: none;padding:0;}
.pgd-entity-list .pgd-entity-list-empty.jkl-bos{width:auto !important;margin:16px !important;}
.pgd-entity-list-error{margin:0 !important;border-radius:0;}
.pgd-entity-list-tabs{
  display:flex;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--border);background:var(--surface);gap:0;
}
.pgd-entity-list-tab{
  display:inline-flex;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;color:var(--text3);
  text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;
  transition:color .15s,background .15s,border-color .15s;
}
.pgd-entity-list-tab:hover{color:var(--text2);background:var(--bg2);}
.pgd-entity-list-tab.aktif{color:var(--gold-dark);border-bottom-color:var(--gold);background:var(--gold-soft);}

/* Tabs */
.atl-tabs-wrap{border-bottom:1px solid var(--border);background:var(--bg2);}
.atl-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 8px;gap:2px;}
.atl-tabs::-webkit-scrollbar{display:none;}
.atl-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text3);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s;}
.atl-tab:hover{color:var(--text);background:color-mix(in srgb,var(--tc,var(--gold)) 6%,transparent);}
.atl-tab--ak{color:var(--tc,var(--gold));border-bottom-color:var(--tc,var(--gold));}
.atl-tab-ico{font-size:14px;line-height:1;}
.atl-tab-dot{width:5px;height:5px;border-radius:50%;background:var(--tc,var(--gold));margin-left:2px;}
.atl-tab-sep{width:1px;background:var(--border);margin:10px 6px;flex-shrink:0;}

/* Filtreler */
.atl-filters{border-bottom:1px solid var(--border);}
.atl-filters-inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;}
.atl-filter-group{display:flex;align-items:center;gap:6px;}
.atl-filter-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text4);display:flex;align-items:center;gap:4px;white-space:nowrap;}
.atl-select{background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:5px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:500;outline:none;cursor:pointer;font-family:inherit;transition:border-color .15s;}
.atl-select:focus{border-color:var(--gold);}
.atl-filter-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;margin-left:auto;}
.atl-filter-clear{display:inline-flex;align-items:center;gap:5px;background:var(--blue-bg);border:1px solid var(--blue-border);color:var(--blue);font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;text-decoration:none;transition:opacity .12s;}
.atl-filter-clear:hover{opacity:.75;}

/* Stats */
.atl-stats{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;background:var(--bg2);}
.atl-stats::-webkit-scrollbar{display:none;}
.atl-stat-card{display:flex;align-items:center;gap:8px;padding:12px 16px;border-right:1px solid var(--border);flex-shrink:0;}
.atl-stat-card:first-child{padding-left:0;}
.atl-stat-ico{font-size:18px;line-height:1;}
.atl-stat-body{display:flex;flex-direction:column;line-height:1.2;}
.atl-stat-val{font-family:'Barlow',sans-serif;font-size:20px;font-weight:800;line-height:1;}
.atl-stat-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text4);}
.atl-stat-page{margin-left:auto;font-size:12px;color:var(--text4);padding-left:16px;flex-shrink:0;}
.atl-stat-page strong{color:var(--text2);}

/* ── Tooltip sistemi ── */
.tt{position:relative;cursor:default;}
.tt::after{
  content:attr(data-tt);
  position:absolute;
  bottom:calc(100% + 7px);
  left:50%;
  transform:translateX(-50%);
  background:var(--brand);
  color:#fff;
  font-size:11px;
  font-weight:500;
  line-height:1.45;
  padding:5px 9px;
  border-radius:6px;
  white-space:pre;
  pointer-events:none;
  opacity:0;
  transition:opacity .12s;
  z-index:200;
  box-shadow: none;
  text-align:left;
}
.tt::before{
  content:'';
  position:absolute;
  bottom:calc(100% + 2px);
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:var(--brand);
  pointer-events:none;
  opacity:0;
  transition:opacity .12s;
  z-index:200;
}
.tt:hover::after,.tt:hover::before{opacity:1;}
/* Sağa hizalı tooltip (son sütunlar taşmasın) */
.tt-r::after{left:auto;right:0;transform:none;}
.tt-r::before{left:auto;right:12px;transform:none;}

/* Tablo */
.atl-tablo-wrap{width:100%;overflow-x:auto;}
.atl-tablo{width:100%;border-collapse:collapse;font-size:13px;}
.atl-tablo thead th{
  padding:9px 12px;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--text3);background:var(--bg2);
  border-bottom:2px solid var(--border);white-space:nowrap;text-align:left;
}
.atl-tablo thead th.c,.atl-tablo td.c{text-align:center;}
.atl-tablo thead th.r,.atl-tablo td.r{text-align:right;}
.atl-tablo tbody tr{border-bottom:1px solid var(--border);transition:background .1s;}
.atl-tablo tbody tr:last-child{border-bottom:none;}
.atl-tablo tbody tr:hover td{background:var(--bg2);}
.atl-tablo td{padding:8px 12px;vertical-align:middle;}
.atl-tablo tr.rk1 td{background:color-mix(in srgb,var(--gold) 8%,transparent);}
.atl-tablo tr.rk2 td{background:color-mix(in srgb,#9BA3AF 5%,transparent);}
.atl-tablo tr.rk3 td{background:color-mix(in srgb,#C07B48 4%,transparent);}

/* Sütun genişlikleri */
.col-no {width:44px;text-align:center !important;}
.col-at {min-width:200px;}
.col-kos{width:68px;}
.col-b1 {width:68px;}
.col-b2 {width:68px;}
.col-b3 {width:68px;}
.col-kar{width:72px;}
.col-para{width:110px;}
.col-pct{width:130px;}

.medal{font-size:18px;line-height:1;}
.row-no{font-size:12px;font-weight:700;color:var(--text3);}
.sth{display:inline-flex;align-items:center;gap:3px;text-decoration:none;color:inherit;transition:color .12s;}
.sth:hover,.sth-ak{color:var(--gold-dark);}
.sic{font-size:9px;opacity:.35;}
.sth-ak .sic{opacity:1;color:var(--gold);}

/* Sütun açıklama ikonu */
.col-hint{
  display:inline-flex;align-items:center;justify-content:center;
  width:13px;height:13px;border-radius:50%;
  background:var(--border2);color:var(--text3);
  font-size:9px;font-weight:800;line-height:1;
  margin-left:3px;vertical-align:middle;flex-shrink:0;
}

/* At hücresi */
.at-cell{display:flex;align-items:center;gap:10px;}
.at-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:var(--bg2);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text4);}
.at-avatar img{width:100%;height:100%;object-fit:contain;display:block;}
.at-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.at-top{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.at-ad{font-weight:700;font-size:13px;color:var(--text);text-decoration:none;transition:color .12s;}
.at-ad:hover{color:var(--gold-dark);}
.at-meta{font-size:11px;color:var(--text3);}
.at-soy{font-size:11px;color:var(--text4);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;}
.at-soy a.at-soy-link{color:var(--text3);font-style:normal;font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,160,32,.4);text-underline-offset:2px;}
.at-soy a.at-soy-link:hover{color:var(--gold-dark);text-decoration-color:var(--gold);}
.at-soy .at-soy-sep{color:var(--text4);font-style:normal;font-weight:500;opacity:.9;}
.at-soy .at-soy-txt{font-style:italic;}
.at-soy .at-soy-extra{font-size:10px;font-style:normal;color:var(--text4);}
.at-soy .at-soy-extra-lbl{font-weight:700;opacity:.75;margin-right:3px;}

/* Badge */
.cat-badge{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.04em;flex-shrink:0;}
.cb-k{background:#fce7f3;color:#be185d;border:1px solid #fbcfe8;}
.cb-a{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe;}
.cb-i{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe;}
.irk-badge{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;flex-shrink:0;}
.irk-arap{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);}
.irk-ing{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);}

/* Sayı stilleri */
.n-gld{font-weight:800;font-size:14px;color:var(--gold-dark);}
.n-slv{font-weight:700;font-size:13px;color:#64748B;}
.n-brz{font-weight:700;font-size:13px;color:#C07B48;}
.n-blu{font-weight:700;font-size:13px;color:var(--blue);}
.n-dim{font-weight:600;font-size:13px;color:var(--text3);}
.n-val{display:inline-block;cursor:help;}
.para{font-weight:700;font-size:13px;color:var(--text);}
.dim{color:var(--text4);font-weight:400;}

/* Win% hücresi */
.pct-cell{display:flex;align-items:center;gap:8px;justify-content:flex-end;}
.pct-bar-wrap{width:44px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0;}
.pct-bar{height:100%;border-radius:2px;min-width:2px;}
.pct-bar.pct-high{background:var(--green);}
.pct-bar.pct-mid{background:var(--gold);}
.pct-bar.pct-low{background:var(--border2);}
.pct-val{font-size:12px;font-weight:700;min-width:40px;text-align:right;}
.pct-val.pct-high{color:var(--green);}
.pct-val.pct-mid{color:var(--amber);}
.pct-val.pct-low{color:var(--text3);}
.pct-val small{font-size:10px;font-weight:500;opacity:.7;}

/* Sayfalama */
.atl-pgr{display:flex;align-items:center;gap:4px;justify-content:center;padding:16px;flex-wrap:wrap;}
.pgr-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border-radius:var(--r-sm);font-size:13px;font-weight:600;text-decoration:none;color:var(--text2);background:var(--surface);border:1px solid var(--border);transition:border-color .12s,color .12s;}
.pgr-btn:hover{border-color:var(--gold);color:var(--gold-dark);}
.pgr-ak{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--brand)!important;}
.pgr-dis{opacity:.3;pointer-events:none;}
.pgr-dot{color:var(--text3);font-size:13px;padding:0 2px;}

/* Boş / Hata */
.atl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text3);text-align:center;}
.atl-empty-ico{font-size:44px;margin-bottom:12px;opacity:.6;}
.atl-empty-ttl{font-size:16px;font-weight:700;color:var(--text2);margin-bottom:4px;}
.atl-empty-sub{font-size:13px;}
.atl-error{padding:14px 16px;background:var(--red-bg);color:var(--red);font-size:13px;border-bottom:1px solid var(--red-border);display:flex;align-items:center;gap:8px;}

/* Responsive */
.hs,.hm{display:table-cell;}
@media(max-width:1024px){.hm{display:none;}}
@media(max-width:768px){
  .atl-hero-wrap{padding:14px 16px 14px;}
}
@media(max-width:640px){
  .hs,.hm{display:none;}
  .atl-hero-wrap{padding:12px 16px 12px;}
  .atl-hero-title{font-size:28px;}
  .atl-stat-card{padding:10px 12px;}
  .col-pct{width:90px;}
  .pct-bar-wrap{width:28px;}
}

/* ============================================================
   ── JOKEY DETAY ──
   ============================================================ */

/* ══ JOKEY DETAY ══════════════════════════════════════════════ */
.jky-page{overflow-x:visible!important;padding-left:0!important;padding-right:0!important;}
.jky-hero{background:var(--bg);border-bottom:none;}
.jky-hero-inner{max-width:var(--max-w);margin:0 auto;padding:22px 28px 20px;box-sizing:border-box;}
.jky-hero-bc{margin-bottom:14px;}
.jky-hero-main{display:flex;align-items:center;gap:20px;flex-wrap:wrap;width:100%;}
.jky-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface);border:3px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.jky-avatar img{width:100%;height:100%;object-fit:cover;}
.jky-avatar-harf{font-size:28px;font-weight:800;color:var(--gold-dark);font-family:'Barlow',sans-serif;}
.jky-hero-info{flex:1;min-width:0;}
.jky-hero-eyebrow{font-size:11px;color:var(--text4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-weight:700;}
.jky-hero-ad{font-family:'Barlow',sans-serif;font-size:34px;font-weight:900;color:var(--text);margin:0 0 6px;line-height:1;}
.jky-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.jky-bugun-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-bg);border:1px solid var(--green-border);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;color:var(--green);}
.jky-meta-item{font-size:12px;color:var(--text3);}
.jky-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:jky-pulse 1.4s ease-in-out infinite;flex-shrink:0;display:inline-block;}
@keyframes jky-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.jky-hero-sag{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;margin-left:auto;}
.jky-sezon-grup{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.jky-sezon-btn{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:var(--surface);color:var(--text2);border:1px solid var(--border);text-decoration:none;transition:all .15s;}
.jky-sezon-btn:hover{border-color:var(--gold-border);color:var(--gold-dark);}
.jky-sezon-btn.aktif{background:var(--gold-bg);border-color:var(--gold-border);color:var(--gold-dark);}
.jky-sezon-select{padding:5px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:700;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;outline:none;}
.jky-sezon-select option{background:var(--surface);color:var(--text);}
.jky-takip-btn{border-radius:var(--r-sm)!important;background:var(--surface)!important;color:var(--text2)!important;border:1.5px solid var(--border)!important;}
.jky-takip-btn:hover{border-color:var(--gold)!important;color:var(--gold-dark)!important;}
.jky-tabs-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;}
.jky-detail-tabs{flex:1;min-width:0;}
.jky-season-form{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.jky-season-lbl{font-size:11px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.04em;}
.jky-season-select{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;}
.jky-layout--detay{max-width:var(--max-w);margin:0 auto;padding:20px 28px;box-sizing:border-box;width:100%;grid-template-columns:300px 1fr;}
.pf-entity-bc{width:min(var(--max-w),calc(100% - 32px));margin-left:auto;margin-right:auto;}
@media(max-width:768px){.jky-hero-inner,.jky-layout--detay{padding-left:16px;padding-right:16px;}.jky-hero-ad{font-size:26px;}}
/* Layout */
.jky-page{padding:0 0 48px;}
.jky-layout{display:grid;grid-template-columns:300px 1fr 280px;gap:16px;align-items:start;}
@media(max-width:1200px){.jky-layout{grid-template-columns:280px 1fr;}.jky-col-sag{display:none!important;}}
@media(max-width:860px){.jky-layout,.jky-layout--detay{grid-template-columns:1fr;}}
@media(max-width:768px){.jky-page{padding-bottom:32px;}}
.jky-col-sol,.jky-col-orta,.jky-col-sag{display:flex;flex-direction:column;gap:16px;}
/* Kart */
.jky-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.jky-kart-bugun{border-top:3px solid var(--gold);}
.jky-kart-baslik{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-family:'Barlow',sans-serif;font-size:15px;font-weight:800;color:var(--text);background:var(--bg2);}
.jky-kart-baslik .pgd2-pist-ico{width:16px;height:16px;}
.jky-kart-cnt{margin-left:auto;background:var(--border);border-radius:20px;padding:1px 9px;font-size:12px;font-weight:700;color:var(--text2);}
/* Özet */
.jky-ozet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.jky-stat-kart{background:var(--surface);padding:14px 10px;text-align:center;}
.jky-stat-sayi{font-family:'Barlow',sans-serif;font-size:26px;font-weight:900;color:var(--text);line-height:1;}
.jky-stat-lbl{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;}
.jky-stat-bir .jky-stat-sayi{color:var(--gold-dark);}
.jky-stat-trend{font-size:10px;font-weight:700;margin-top:4px;}
.jky-stat-trend.yukari{color:var(--green);}
.jky-stat-trend.asagi{color:#ef4444;}
.jky-win-bar-wrap{padding:14px 16px;border-top:1px solid var(--border);}
.jky-win-bar-row{display:flex;justify-content:space-between;margin-bottom:4px;}
.jky-win-bar-lbl{font-size:11px;color:var(--text3);}
.jky-win-bar-val{font-size:11px;font-weight:700;color:var(--text2);}
.jky-win-bar-bg{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:10px;}
.jky-win-bar-fill{height:100%;background:var(--gold);border-radius:3px;}
.jky-win-bar-plase{background:var(--green);}
/* Pist */
.jky-pist-list{padding:8px 0;}
.jky-pist-satir{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);}
.jky-pist-satir:last-child{border-bottom:none;}
.jky-pist-ikon .pgd2-pist-ico{width:20px;height:20px;margin-top:2px;}
.jky-pist-bilgi{flex:1;min-width:0;}
.jky-pist-ust{display:flex;align-items:center;gap:6px;margin-bottom:5px;}
.jky-pist-ad{font-size:13px;font-weight:700;color:var(--text);}
.jky-pist-sonuc{font-size:12px;color:var(--text3);margin-left:auto;}
.jky-pist-pct{font-size:13px;font-weight:800;min-width:44px;text-align:right;}
.jky-pist-plase{display:flex;gap:8px;margin-top:5px;font-size:11px;color:var(--text3);}
.jky-pist-plase-pct{margin-left:auto;font-weight:700;color:var(--text2);}
/* Bar */
.jky-bar-bg{height:5px;background:var(--border);border-radius:3px;overflow:hidden;}
.jky-bar-fill{height:100%;background:var(--gold);border-radius:3px;}
.jky-bar-hip{background:var(--brand);opacity:.7;}
/* Hipodrom */
.jky-hip-list{padding:8px 0;}
.jky-hip-satir{padding:10px 16px;border-bottom:1px solid var(--border);}
.jky-hip-satir:last-child{border-bottom:none;}
.jky-hip-ust{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;}
.jky-hip-ad{font-size:13px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.3px;}
.jky-hip-sayilar{display:flex;gap:8px;margin-left:auto;font-size:12px;color:var(--text2);flex-wrap:wrap;}
.jky-hip-bir{font-weight:700;color:var(--gold-dark);}
.jky-hip-binis{color:var(--text3);}
.jky-hip-pct{font-weight:800;color:var(--text);min-width:40px;text-align:right;}
/* Trend */
.jky-trend-wrap{padding:14px 16px;min-height:220px;}
/* Tablo */
.jky-tablo-wrap{overflow-x:auto;}
.jky-tablo{width:100%;border-collapse:collapse;font-size:13px;}
.jky-tablo th{padding:8px 12px;font-size:10px;font-weight:700;color:var(--text3);background:var(--bg2);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-align:left;}
.jky-tablo td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.jky-tablo tbody tr:last-child td{border-bottom:none;}
.jky-tablo tbody tr:hover td{background:var(--bg2);}
.jky-tablo .c{text-align:center;} .jky-tablo .r{text-align:right;}
.jky-tablo .jky-bar-col{width:80px;}
.jky-mesafe-lbl{font-weight:600;color:var(--text);white-space:nowrap;}
.jky-td-bir{font-weight:800;color:var(--gold-dark);}
.jky-pct-cell{font-weight:800;}
.jky-guc  td{background:color-mix(in srgb,var(--gold) 6%,transparent)!important;}
.jky-orta td{background:color-mix(in srgb,var(--gold) 3%,transparent)!important;}
.jky-not{padding:8px 16px;font-size:11px;color:var(--text4);border-top:1px solid var(--border);}
.jky-pct-guc{color:var(--green);font-weight:800;}
.jky-pct-orta{color:var(--gold-dark);font-weight:700;}
.jky-pct-zayif{color:var(--text3);}
.jky-at-link{font-weight:700;color:var(--text);text-decoration:none;}
.jky-at-link:hover{color:var(--gold-dark);}
.jky-tablo-binisler .jky-td-tarih{font-size:12px;color:var(--text3);white-space:nowrap;}
.jky-tablo-binisler .jky-td-hip{font-size:12px;font-weight:600;}
.jky-tablo-binisler .jky-td-derece{font-family:'Barlow',sans-serif;font-size:13px;font-weight:700;}
.jky-tr-bir td{background:color-mix(in srgb,var(--gold) 8%,transparent)!important;}
.jky-tr-iki td{background:color-mix(in srgb,#9BA3AF 5%,transparent)!important;}
.jky-tr-uc  td{background:color-mix(in srgb,#C07B48 4%,transparent)!important;}
.jky-sira-bos{color:var(--text4);}
/* Bugün */
.jky-bugun-list{padding:4px 0;}
.jky-bugun-satir{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);}
.jky-bugun-satir:last-child{border-bottom:none;}
.jky-bugun-saat{font-family:'Barlow',sans-serif;font-size:17px;font-weight:800;color:var(--text);flex-shrink:0;min-width:40px;}
.jky-bugun-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.jky-bugun-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.jky-bugun-meta .pgd2-pist-ico{width:12px;height:12px;}
.jky-bugun-sira{font-size:18px;flex-shrink:0;}
.jky-404{text-align:center;padding:60px 20px;}
.jky-404 h2{font-family:'Barlow',sans-serif;font-size:24px;margin:12px 0 8px;}
/* container uyumlu override */
.jky-tablo-wrap .pgd2-pist-ico{width:14px;height:14px;}

/* ============================================================
   ── JOKEYLER LİSTESİ ──
   ============================================================ */

.jkl-hero{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;flex-wrap:wrap;gap:12px;}
.jkl-hero-left{display:flex;align-items:center;gap:14px;}
.jkl-hero-ico{width:48px;height:48px;border-radius:var(--r);background:rgba(232,160,32,.1);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow: none;}
.jkl-hero-title{font-family:'Barlow',sans-serif;font-size:32px;font-weight:900;color:var(--text);line-height:1;margin:0;}
.jkl-hero-sub{font-size:13px;color:var(--text3);margin-top:4px;}
.jkl-filtreler{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);}
.jkl-filtre-grup{display:flex;align-items:center;gap:4px;}
.jkl-filtre-lbl{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}
.jkl-sezon-btn,.jkl-sir-btn,.jkl-hip-select{padding:4px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600;background:var(--bg2);color:var(--text2);border:1px solid var(--border);text-decoration:none;transition:all .15s;cursor:pointer;font-family:inherit;}
.jkl-sezon-btn:hover,.jkl-sir-btn:hover{background:var(--border);color:var(--text);}
.jkl-sezon-btn.aktif,.jkl-sir-btn.aktif{background:var(--gold);color:var(--brand);border-color:var(--gold-dark);font-weight:800;}
.jkl-ara-wrap{display:flex;align-items:center;gap:6px;margin-left:auto;}
.jkl-ara-input{padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:13px;width:180px;}
.jkl-ara-input:focus{outline:none;border-color:var(--gold-border);}
.jkl-tablo-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:4px;}
.jkl-tablo-wrap{overflow-x:auto;}
.jkl-tablo{width:100%;border-collapse:collapse;font-size:13px;}
.jkl-tablo th{padding:9px 14px;font-size:10px;font-weight:700;color:var(--text3);background:var(--bg2);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-align:left;}
.jkl-tablo th.c,.jkl-tablo td.c{text-align:center;}
.jkl-tablo th.r,.jkl-tablo td.r{text-align:right;}
.jkl-tablo td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;background:var(--surface);}
.jkl-tablo tbody tr:last-child td{border-bottom:none;}
.jkl-tablo tbody tr:hover td{background:var(--bg2);}
.jkl-sira{width:40px;color:var(--text4);font-size:12px;font-weight:700;}
.jkl-jokey-link{font-weight:700;color:var(--text);text-decoration:none;font-family:'Barlow',sans-serif;font-size:16px;letter-spacing:.2px;}
.jkl-jokey-link:hover{color:var(--gold-dark);}
.jkl-b1{font-family:'Barlow',sans-serif;font-size:18px;font-weight:900;color:var(--gold-dark);}
.jkl-pct{font-size:12px;font-weight:700;}
.jkl-pct-guc{color:var(--green);}
.jkl-pct-orta{color:var(--gold-dark);}
.jkl-pct-zayif{color:var(--text3);}
.jkl-bar-bg{height:4px;background:var(--border);border-radius:2px;overflow:hidden;width:60px;display:inline-block;}
.jkl-bar-fill{height:100%;background:var(--gold);border-radius:2px;}
.jkl-pager{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0 4px;flex-wrap:wrap;}
.jkl-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text2);text-decoration:none;transition:all .15s;}
.jkl-pager a:hover{background:var(--bg2);color:var(--text);}
.jkl-pager a.aktif{background:var(--gold);color:var(--brand);border-color:var(--gold-dark);font-weight:700;}
.jkl-pager a.dis{opacity:.4;pointer-events:none;}
.jkl-bos{text-align:center;padding:48px;color:var(--text3);}
@media(max-width:768px){
  .jkl-hero{padding:12px 0 10px;}
  .jkl-hero-title{font-size:26px;}
  .jkl-filtreler{flex-direction:column;align-items:flex-start;}
  .jkl-ara-wrap{margin-left:0;width:100%;}
  .jkl-ara-input{width:100%;}
}

/* ============================================================
   ── İSTATİSTİK ──
   ============================================================ */

/* ── İstatistik Tablo ── */
.ist-tablo-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ist-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.ist-tablo thead th {
  padding: 9px 12px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text3);
  background: var(--bg2);
  border-bottom: 2px solid var(--border);
  white-space: nowrap;
}

.ist-tablo thead th.num { text-align: center; }
.ist-tablo thead th.right { text-align: right; }

.ist-tablo tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background .1s;
}
.ist-tablo tbody tr:last-child { border-bottom: none; }
.ist-tablo tbody tr:hover { background: var(--bg2); }

.ist-tablo td {
  padding: 9px 12px;
  vertical-align: middle;
}
.ist-tablo td.num { text-align: center; }
.ist-tablo td.right { text-align: right; }

/* Sıra sütunu */
.ist-sira {
  font-size: 12px;
  font-weight: 700;
  color: var(--text3);
  min-width: 36px;
}
.ist-sira.s1 { color: #D4920A; font-size: 16px; }
.ist-sira.s2 { color: #9BA3AF; font-size: 16px; }
.ist-sira.s3 { color: #C07B48; font-size: 16px; }

/* İsim sütunu */
.ist-isim-cell {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ist-isim {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  text-decoration: none;
  line-height: 1.3;
}
.ist-isim:hover { color: var(--gold-dark); }
.ist-meta {
  font-size: 11px;
  color: var(--text3);
}

/* Sayı rozeti */
.ist-sayi {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.ist-sayi.gold  { color: var(--gold-dark); }
.ist-sayi.silver{ color: #9BA3AF; }
.ist-sayi.bronze{ color: #C07B48; }
.ist-sayi.muted { color: var(--text3); font-weight: 500; }

/* Bar (kazanma %) */
.ist-bar-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 80px;
}
.ist-bar-bg {
  flex: 1;
  height: 5px;
  background: var(--border);
  border-radius: 3px;
  overflow: hidden;
}
.ist-bar-fill {
  height: 100%;
  background: var(--gold);
  border-radius: 3px;
  transition: width .3s;
}
.ist-bar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: var(--text2);
  white-space: nowrap;
  min-width: 34px;
  text-align: right;
}

/* Sayfalama */
.ist-pager {
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 16px;
  flex-wrap: wrap;
}
.ist-pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 30px;
  padding: 0 8px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 13px;
  color: var(--text2);
  text-decoration: none;
  transition: all .15s;
}
.ist-pager a:hover { background: var(--bg2); color: var(--text); }
.ist-pager a.aktif { background: var(--gold); color: var(--brand); border-color: var(--gold); font-weight: 700; }
.ist-pager a.dis { opacity: .4; pointer-events: none; }

@media (max-width: 640px) {
  .ist-tablo thead th.hide-xs,
  .ist-tablo td.hide-xs { display: none; }
  .ist-tablo { font-size: 12px; }
  .ist-tablo td { padding: 8px 8px; }
}

/* ============================================================
   ── ÜYELİK v2 ──
   ============================================================ */

/* Hero */
.uye-hero-v2 {
  background: linear-gradient(135deg, var(--brand) 0%, color-mix(in srgb,var(--brand) 55%,#000) 100%);
  padding: 56px 28px 52px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.uye-hero-v2::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(232,160,32,.15) 0%, transparent 70%);
  pointer-events: none;
}
.uye-hero-v2-inner { max-width: 680px; margin: 0 auto; position: relative; z-index: 1; }
.uye-hero-v2-tag {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px; padding: 5px 14px;
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,.9);
  text-transform: uppercase; letter-spacing: .08em;
  margin-bottom: 20px;
}
.uye-hero-v2-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #4ade80;
  animation: jky-pulse 1.6s ease-in-out infinite;
}
.uye-hero-v2-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: 52px; font-weight: 900;
  color: #fff; line-height: 1.05; margin: 0 0 16px;
}
.uye-hero-v2-altin {
  color: var(--gold);
  text-shadow: none;
}
.uye-hero-v2-alt {
  font-size: 15px; color: rgba(255,255,255,.75);
  line-height: 1.7; margin: 0 0 24px;
}
.uye-hero-v2-guven {
  display: flex; align-items: center; justify-content: center;
  gap: 20px; flex-wrap: wrap;
  font-size: 12px; color: rgba(255,255,255,.6);
}
.uye-hero-v2-guven i { margin-right: 4px; }

/* Sayfa */
.uye-sayfa { padding-top: 32px; padding-bottom: 64px; }

/* Plan grid */
.uye-grid-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 48px;
  align-items: stretch;
}
@media (max-width: 1100px) { .uye-grid-v2 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px)  { .uye-grid-v2 { grid-template-columns: 1fr; } }

/* Plan kartı */
.uye-kart-v2 {
  background: var(--surface);
  border: 1px solid var(--ucb, var(--border));
  border-radius: var(--r-lg);
  display: flex; flex-direction: column;
  position: relative; overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.uye-kart-v2:hover {
  transform: translateY(-3px);
  box-shadow: none;
}
.uye-kart-v2-populer {
  border-color: var(--uck);
  box-shadow: none;
}
.uye-kart-v2-rozet {
  position: absolute; top: 14px; right: -1px;
  background: var(--uck); color: #fff;
  font-size: 10px; font-weight: 800; letter-spacing: .08em;
  padding: 4px 12px 4px 10px;
  border-radius: 4px 0 0 4px;
}
.uye-kart-v2-stripe {
  height: 4px; background: var(--uck); flex-shrink: 0;
}
.uye-kart-v2-ust {
  display: flex; align-items: center; gap: 12px;
  padding: 20px 20px 4px;
}
.uye-kart-v2-ikon { font-size: 28px; line-height: 1; }
.uye-kart-v2-ad {
  font-family: 'Barlow', sans-serif;
  font-size: 22px; font-weight: 900; color: var(--text); line-height: 1;
}
.uye-kart-v2-aciklama { font-size: 11px; color: var(--text3); margin-top: 2px; }

/* Fiyat */
.uye-kart-v2-fiyat-wrap { padding: 16px 20px 8px; }
.uye-kart-v2-fiyat {
  font-family: 'Barlow', sans-serif;
  font-size: 44px; font-weight: 900;
  color: var(--uck); line-height: 1;
  display: flex; align-items: flex-start; gap: 3px;
}
.uye-kart-v2-para { font-size: 20px; margin-top: 8px; font-weight: 700; }
.uye-kart-v2-fiyat-alt { font-size: 11px; color: var(--text4); margin-top: 4px; }

/* Ayırıcı */
.uye-kart-v2-hr { border: none; border-top: 1px solid var(--border); margin: 12px 20px; }

/* Özellik listesi */
.uye-kart-v2-list {
  list-style: none; padding: 0 20px 4px; margin: 0;
  flex: 1; display: flex; flex-direction: column; gap: 9px;
}
.uye-kart-v2-list li {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--text2);
}
.uye-kart-v2-ck {
  width: 18px; height: 18px; border-radius: 50%;
  background: color-mix(in srgb, var(--uck) 12%, transparent);
  color: var(--uck);
  font-size: 11px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* CTA butonlar */
.uye-kart-v2-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin: 16px 20px 20px;
  padding: 11px 16px; border-radius: var(--r-sm);
  font-size: 14px; font-weight: 700;
  text-decoration: none; text-align: center;
  transition: all .15s;
}
.uye-kart-v2-btn-gold {
  background: var(--uck); color: #fff;
  box-shadow: none;
}
.uye-kart-v2-btn-gold:hover { filter: brightness(1.1); transform: translateY(-1px); color: #fff; }
.uye-kart-v2-btn-outline {
  background: transparent; color: var(--uck);
  border: 2px solid var(--uck);
}
.uye-kart-v2-btn-outline:hover { background: var(--ucbg); }
.uye-kart-v2-btn-aktif { background: var(--green-bg); color: var(--green); border: 1px solid var(--green-border); font-size: 13px; }
.uye-kart-v2-btn-dis { background: var(--bg2); color: var(--text4); cursor: default; font-size: 13px; }

/* Blok başlık */
.uye-blok-baslik { text-align: center; margin-bottom: 28px; }
.uye-blok-baslik h2 {
  font-family: 'Barlow', sans-serif;
  font-size: 32px; font-weight: 900; color: var(--text); margin: 0 0 6px;
}
.uye-blok-baslik p { font-size: 14px; color: var(--text3); margin: 0; }

/* Karşılaştırma tablosu */
.uye-compare-v2 { margin-bottom: 48px; }
.uye-compare-v2-wrap {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg); overflow: hidden;
}
.uye-compare-v2-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.uye-cmp-oz-th {
  padding: 14px 20px; background: var(--bg2);
  border-bottom: 2px solid var(--border);
  font-size: 11px; font-weight: 700; color: var(--text3);
  text-transform: uppercase; letter-spacing: .05em;
  text-align: left; width: 35%;
}
.uye-cmp-plan-th {
  padding: 14px 12px; background: var(--bg2);
  border-bottom: 2px solid var(--border);
  font-family: 'Barlow', sans-serif;
  font-size: 16px; font-weight: 900;
  color: var(--uck); text-align: center;
}
.uye-cmp-plan-ikon { display: block; font-size: 18px; line-height: 1.2; }
.uye-cmp-grup-satir td {
  padding: 8px 20px 4px;
  font-size: 10px; font-weight: 800; color: var(--text4);
  text-transform: uppercase; letter-spacing: .08em;
  background: var(--bg);
  border-top: 1px solid var(--border);
}
.uye-cmp-oz {
  padding: 11px 20px; border-bottom: 1px solid var(--border);
  color: var(--text2); font-size: 13px;
}
.uye-cmp-oz i { color: var(--brand); margin-right: 6px; }
.uye-cmp-val {
  padding: 11px 12px; border-bottom: 1px solid var(--border);
  text-align: center;
}
.uye-compare-v2-tablo tbody tr:last-child td { border-bottom: none; }
.uye-compare-v2-tablo tbody tr:hover td { background: var(--bg2); }
.uye-cmp-evet {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--green-bg); color: var(--green);
  font-size: 13px; font-weight: 700;
}
.uye-cmp-hayir {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--bg2); color: var(--text4);
  font-size: 16px;
}
.uye-cmp-text { font-weight: 700; color: var(--text); font-size: 13px; }

/* SSS */
.uye-sss-v2 { margin-bottom: 48px; }
.uye-sss-v2-grid { display: flex; flex-direction: column; gap: 8px; max-width: 760px; margin: 0 auto; }
.uye-sss-v2-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
  transition: border-color .15s;
}
.uye-sss-v2-item.acik { border-color: var(--gold-border); }
.uye-sss-v2-btn {
  width: 100%; display: flex; align-items: center; gap: 12px;
  padding: 15px 20px; background: none; border: none;
  font-family: inherit; font-size: 14px; font-weight: 600;
  color: var(--text); cursor: pointer; text-align: left;
}
.uye-sss-v2-btn:hover { background: var(--bg2); }
.uye-sss-v2-ikon {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--gold-bg); color: var(--gold-dark);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; flex-shrink: 0;
}
.uye-sss-v2-soru { flex: 1; }
.uye-sss-v2-chevron { color: var(--text3); transition: transform .2s; flex-shrink: 0; }
.uye-sss-v2-item.acik .uye-sss-v2-chevron { transform: rotate(180deg); }
.uye-sss-v2-cevap {
  max-height: 0; overflow: hidden;
  transition: max-height .3s ease, padding .3s;
  font-size: 14px; color: var(--text2); line-height: 1.7;
  padding: 0 20px 0 64px;
}
.uye-sss-v2-item.acik .uye-sss-v2-cevap {
  max-height: 200px; padding: 0 20px 16px 64px;
}

/* CTA alt */
.uye-cta-v2 {
  background: linear-gradient(135deg, var(--brand) 0%, color-mix(in srgb,var(--brand) 60%,#000) 100%);
  border-radius: var(--r-lg); overflow: hidden;
  margin-bottom: 8px;
}
.uye-cta-v2-inner { text-align: center; padding: 48px 32px; }
.uye-cta-v2-emoji { font-size: 40px; margin-bottom: 12px; }
.uye-cta-v2-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: 36px; font-weight: 900; color: #fff;
  margin: 0 0 8px;
}
.uye-cta-v2-alt { font-size: 14px; color: rgba(255,255,255,.7); margin: 0 0 24px; }
.uye-cta-v2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--gold); color: var(--brand);
  font-size: 15px; font-weight: 800;
  padding: 13px 36px; border-radius: 40px;
  text-decoration: none; transition: all .2s;
  box-shadow: none;
}
.uye-cta-v2-btn:hover { transform: translateY(-2px); box-shadow: none; color: var(--brand); }

@media (max-width: 768px) {
  .uye-hero-v2 { padding: 40px 20px 36px; }
  .uye-hero-v2-baslik { font-size: 36px; }
  .uye-hero-v2-guven { gap: 12px; }
}

/* ============================================================
   ── KURUMSAL SAYFALAR (sayfa.php)
   ============================================================ */

/* Layout: sidebar + içerik */
.spg-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 28px;
  align-items: start;
  padding-top: 28px;
  padding-bottom: 48px;
}
@media (max-width: 900px) { .spg-layout { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .spg-sidebar { display: none; } }

/* Sidebar */
.spg-sidebar {
  position: sticky;
  top: 76px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.spg-sidebar-baslik {
  display: flex; align-items: center; gap: 8px;
  padding: 14px 16px;
  font-family: 'Barlow', sans-serif;
  font-size: 16px; font-weight: 800; color: var(--text);
  background: var(--brand);
  color: #fff;
  letter-spacing: .3px;
}
.spg-sidebar-baslik-ikon { font-size: 16px; opacity: .9; }
.spg-sidebar-nav { display: flex; flex-direction: column; padding: 6px 0; }
.spg-sidebar-nav a {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 16px;
  font-size: 13px; font-weight: 500; color: var(--text2);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all .12s;
  border-bottom: 1px solid var(--border);
}
.spg-sidebar-nav a:last-child { border-bottom: none; }
.spg-sidebar-nav a:hover { background: var(--bg2); color: var(--text); }
.spg-sidebar-nav a.aktif {
  background: var(--gold-bg);
  color: var(--gold-dark);
  font-weight: 700;
  border-left-color: var(--gold);
}
.spg-sidebar-nav a .spg-nav-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--border2); flex-shrink: 0;
  transition: background .12s;
}
.spg-sidebar-nav a.aktif .spg-nav-dot { background: var(--gold); }
.spg-sidebar-nav a:hover .spg-nav-dot { background: var(--text3); }

/* İçerik kartı */
.spg-icerik-kart {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.spg-hero {
  padding: 28px 32px 22px;
  border-bottom: 1px solid var(--border);
  background: var(--bg2);
}
.spg-breadcrumb {
  font-size: 11px; color: var(--text4);
  margin-bottom: 8px;
  display: flex; align-items: center; gap: 5px;
}
.spg-breadcrumb a { color: var(--text4); text-decoration: none; }
.spg-breadcrumb a:hover { color: var(--gold-dark); }
.spg-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: 36px; font-weight: 900; color: var(--text);
  margin: 0 0 4px; line-height: 1.1;
}
.spg-tarih { font-size: 12px; color: var(--text4); }
.spg-icerik {
  font-size: 15px; line-height: 1.85; color: var(--text2);
  padding: 28px 32px 36px;
}
.spg-icerik h1,.spg-icerik h2,.spg-icerik h3 {
  font-family: 'Barlow', sans-serif;
  font-weight: 800; color: var(--text);
  margin: 1.8em 0 .6em; line-height: 1.2;
}
.spg-icerik h1 { font-size: 30px; padding-bottom: 8px; border-bottom: 2px solid var(--border); }
.spg-icerik h2 { font-size: 24px; }
.spg-icerik h3 { font-size: 19px; color: var(--text2); }
.spg-icerik p  { margin: 0 0 1.1em; }
.spg-icerik ul,.spg-icerik ol { padding-left: 1.6em; margin: 0 0 1em; }
.spg-icerik li { margin-bottom: .5em; }
.spg-icerik a  { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 2px; }
.spg-icerik strong { color: var(--text); font-weight: 700; }
.spg-icerik blockquote {
  border-left: 4px solid var(--gold);
  margin: 1.4em 0; padding: .8em 1.2em;
  background: var(--gold-bg);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  color: var(--text2); font-style: italic;
}
.spg-icerik hr { border: none; border-top: 1px solid var(--border); margin: 1.5em 0; }
.spg-icerik table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 14px; }
.spg-icerik th,.spg-icerik td { padding: 9px 13px; border: 1px solid var(--border); }
.spg-icerik th { background: var(--bg2); font-weight: 700; color: var(--text); }
.spg-icerik code {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: 3px; padding: 1px 6px;
  font-size: 13px; color: var(--text);
}

@media (max-width: 768px) {
  .spg-baslik { font-size: 26px; }
  .spg-hero { padding: 20px; }
  .spg-icerik { padding: 20px; }
}

/* ============================================================
   ── ADMİN / VERİ YÖNETİMİ ──
   ============================================================ */

.vd-stat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
@media(max-width:1200px){.vd-stat-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:700px){.vd-stat-grid{grid-template-columns:repeat(3,1fr);}}
.vd-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px 8px;display:flex;align-items:center;gap:6px;}
.vd-stat-ico{font-size:16px;color:var(--gold-dark);flex-shrink:0;}
.vd-stat-val{font-family:'Barlow',sans-serif;font-size:18px;font-weight:800;color:var(--text);line-height:1;}
.vd-stat-lbl{font-size:10px;color:var(--text3);margin-top:1px;}
.vd-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
@media(max-width:1000px){.vd-main-grid{grid-template-columns:1fr;}}
.vd-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;}
@media(max-width:700px){.vd-tools{grid-template-columns:1fr;}}
/* Panel */
.vd-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow: none;transition:box-shadow .15s,border-color .15s;}
.vd-panel.dragging{box-shadow: none;opacity:.8;border-color:var(--gold);}
.vd-panel.drag-over{border-color:var(--gold);background:var(--gold-soft);}
.vd-panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);transition:background .12s;}
.vd-panel-head:hover{background:var(--bg3);}
.vd-panel-drag{font-size:18px;color:var(--text4);cursor:grab;flex-shrink:0;line-height:1;padding:0 2px;}
.vd-panel-drag:active{cursor:grabbing;}
.vd-panel-caret{color:var(--text3);font-size:14px;transition:transform .2s;flex-shrink:0;cursor:pointer;}
.vd-panel-caret.kapali{transform:rotate(-90deg);}
.vd-panel-body{overflow:hidden;transition:max-height .3s ease,opacity .25s;}
.vd-panel-body.kapali{max-height:0!important;opacity:0;}
/* Araçlar */
.vd-sel{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:4px 8px;font-size:12px;color:var(--text);outline:none;}
.vd-btn-sm{background:var(--bg2);border:1.5px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--text2);cursor:pointer;font-family:inherit;}
.vd-btn-red{border-color:var(--red-border)!important;color:var(--red)!important;}
.vd-btn-green{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--green-bg);border:1.5px solid var(--green-border);color:var(--green);border-radius:var(--r-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;width:100%;}
.vd-btn-green:hover{background:var(--green);color:#fff;}
.vd-btn-green:disabled{opacity:.5;cursor:not-allowed;}
.w-full{width:100%;}
/* Takvim */
.vd-yil-blok{margin-bottom:16px;}
.vd-yil-baslik{font-family:'Barlow',sans-serif;font-size:17px;font-weight:800;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.vd-ay-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;}
.vd-ay-btn{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:7px 4px;text-align:center;cursor:pointer;transition:all .12s;user-select:none;}
.vd-ay-btn.disabled{opacity:.3;cursor:default;}
.vd-ay-btn.var-db{border-color:var(--green-border);background:var(--green-bg);}
.vd-ay-btn.secili{border-color:var(--gold);background:var(--gold-soft);}
.vd-ay-btn.cekiliyor{border-color:#F59E0B;background:var(--amber-bg);animation:pulse .7s infinite alternate;}
.vd-ay-btn.tamam{border-color:var(--green);background:var(--green-bg);}
.vd-ay-btn.hata{border-color:var(--red-border);background:var(--red-bg);}
.vd-ay-ad{font-size:12px;font-weight:700;color:var(--text);}
.vd-ay-btn.var-db .vd-ay-ad,.vd-ay-btn.tamam .vd-ay-ad{color:var(--green);}
.vd-ay-btn.secili .vd-ay-ad{color:var(--gold-dark);}
.vd-ay-btn.hata .vd-ay-ad{color:var(--red);}
.vd-ay-kosu{display:block;font-size:10px;color:var(--text3);margin-top:1px;}
@keyframes pulse{from{opacity:.5}to{opacity:1}}
.vd-sonuc{padding:7px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:500;margin-top:4px;}
.vd-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.vd-err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}
.vd-info{background:var(--bg2);color:var(--text2);border:1px solid var(--border);}
.vd-hip-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg2);border-radius:4px;margin-bottom:3px;font-size:12px;}
.vd-hip-ok{color:var(--green);font-weight:700;}
.vd-hip-err{color:var(--red);font-weight:700;}
.vd-hip-spin{color:var(--amber);animation:spin .8s linear infinite;display:inline-block;}
@keyframes spin{to{transform:rotate(360deg)}}
.vd-log-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:12px;}
.vd-log-row:last-child{border-bottom:none;}
.vd-log-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;}
.vd-badge-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.vd-badge-err{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}

/* ============================================================
   ── ADMİN / PAKET YETKİ ──
   ============================================================ */

.pk-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow: none;}
.pk-baslik{padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);font-weight:700;font-size:14px;color:var(--text);display:flex;align-items:center;gap:8px;}
.pk-tablo{width:100%;border-collapse:collapse;}
.pk-tablo thead tr{background:var(--brand);}
.pk-tablo thead th{padding:11px 12px;font-size:12px;font-weight:700;text-align:center;}
.pk-th-oz{text-align:left!important;padding-left:16px!important;min-width:160px;}
.pk-th-plan{min-width:120px;}
.pk-oz-label{padding:10px 10px 10px 16px!important;text-align:left!important;}
.pk-tablo tbody tr{border-bottom:1px solid var(--border);}
.pk-tablo tbody tr:last-child{border-bottom:none;}
.pk-tablo tbody tr:not(.pk-grup-row):hover{background:var(--bg);}
.pk-tablo tbody td{padding:9px 12px;font-size:13px;color:var(--text2);text-align:center;vertical-align:middle;}
/* Toggle */
.pk-toggle{position:relative;width:46px;height:26px;border-radius:13px;border:none;cursor:pointer;background:var(--border2);transition:background .2s;padding:0;outline:none;flex-shrink:0;}
.pk-toggle.aktif{background:var(--green);}
.pk-toggle-top{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow: none;}
.pk-toggle.aktif .pk-toggle-top{transform:translateX(20px);}
/* Kullanıcı listesi */
.pk-uye{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:4px;cursor:pointer;transition:border-color .15s;}
.pk-uye:hover,.pk-uye.secili{border-color:var(--gold);background:var(--gold-soft);}
/* Override butonlar */
.ov-btn{padding:4px 10px;border-radius:4px;border:1.5px solid;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;background:none;font-family:inherit;}
.ov-ac{border-color:var(--green-border);color:var(--green);}
.ov-ac.ak{background:var(--green);color:#fff;border-color:var(--green);}
.ov-engel{border-color:var(--red-border);color:var(--red);}
.ov-engel.ak{background:var(--red);color:#fff;border-color:var(--red);}
.ov-plan{border-color:var(--border2);color:var(--text3);}
.ov-plan.ak{background:var(--bg2);color:var(--text);border-color:var(--text3);}

/* ============================================================
   ── ADMİN / KULLANICILAR ──
   ============================================================ */

/* Rol rozetleri */
.pgd-rozet { display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent; }
.pgd-rozet-rol-admin   { background:var(--gold-soft);  color:var(--gold-dark);  border-color:var(--gold-border); }
.pgd-rozet-rol-editor  { background:var(--blue-bg);    color:var(--blue);       border-color:var(--blue-border); }
.pgd-rozet-rol-yazar   { background:var(--green-bg);   color:var(--green);      border-color:var(--green-border); }
.pgd-rozet-rol-uye     { background:var(--bg2);        color:var(--text3);      border-color:var(--border); }
/* Plan rozetleri */
.pgd-rozet-plan-altin    { background:var(--gold-soft);  color:var(--gold-dark);  border-color:var(--gold-border); }
.pgd-rozet-plan-gumus    { background:var(--blue-bg);    color:var(--blue);       border-color:var(--blue-border); }
.pgd-rozet-plan-bronz    { background:#FEF3E2;           color:#92400E;           border-color:#FCD9A0; }
.pgd-rozet-plan-ucretsiz { background:var(--bg2);        color:var(--text3);      border-color:var(--border); }

/* ============================================================
   ── ADMİN / SAYFA YÖNETİMİ ──
   ============================================================ */

.spy-baslik{font-family:'Barlow',sans-serif;font-size:28px;font-weight:900;margin:0 0 2px;}
.spy-tablo{width:100%;border-collapse:collapse;font-size:13px;}
.spy-tablo th{padding:9px 14px;font-size:10px;font-weight:700;color:var(--text3);background:var(--bg2);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;}
.spy-tablo td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;}
.spy-tablo tbody tr:hover td{background:var(--bg2);}
.spy-slug{font-family:'Barlow',sans-serif;font-size:14px;color:var(--text3);}
.spy-baslik-link{font-weight:700;color:var(--text);text-decoration:none;}
.spy-baslik-link:hover{color:var(--gold-dark);}
.spy-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid;}
.spy-yayinda{background:var(--green-bg);color:var(--green);border-color:var(--green-border);}
.spy-taslak{background:var(--bg2);color:var(--text3);border-color:var(--border);}
.spy-actions{display:flex;gap:6px;flex-wrap:wrap;}
.spy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600;border:1px solid;text-decoration:none;cursor:pointer;background:none;font-family:inherit;transition:all .15s;}
.spy-btn-edit{color:var(--text2);border-color:var(--border);}
.spy-btn-edit:hover{background:var(--bg2);}
.spy-btn-del{color:#ef4444;border-color:#fca5a5;}
.spy-btn-del:hover{background:#fee2e2;}
.spy-btn-toggle{color:var(--text3);border-color:var(--border);}
.spy-btn-toggle:hover{background:var(--bg2);}

/* ============================================================
   ── ADMİN / SAYFA DÜZENLE ──
   ============================================================ */

.spd-wrap{max-width:900px;}
.spd-baslik{font-family:'Barlow',sans-serif;font-size:28px;font-weight:900;margin:0 0 2px;}
.spd-form{display:flex;flex-direction:column;gap:18px;}
.spd-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:640px){.spd-row{grid-template-columns:1fr;}}
.spd-grup{display:flex;flex-direction:column;gap:5px;}
.spd-lbl{font-size:12px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;}
.spd-input,.spd-select,.spd-textarea{
  padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:14px;font-family:inherit;
  transition:border-color .15s;
}
.spd-input:focus,.spd-select:focus,.spd-textarea:focus{outline:none;border-color:var(--gold-border);}
.spd-textarea{min-height:80px;resize:vertical;}
.spd-hint{font-size:11px;color:var(--text4);margin-top:2px;}
.spd-editor-wrap{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;}
.spd-editor-wrap .ql-toolbar{background:var(--bg2);border:none;border-bottom:1px solid var(--border);}
.spd-editor-wrap .ql-container{border:none;font-family:inherit;font-size:14px;}
.spd-editor-wrap .ql-editor{min-height:400px;color:var(--text);}
.spd-checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;}
.spd-checkbox-row input{width:16px;height:16px;cursor:pointer;}
.spd-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;}
.spd-alert{padding:10px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:600;margin-bottom:6px;}
.spd-alert-hata{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;}
.spd-alert-tamam{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}

/* ============================================================
   ── ADMİN / AT TANI ──
   ============================================================ */

/* at_tani admin-only stilleri sayfa içine taşındı */

/* ============================================================
   ── YAZI DETAY ──
   ============================================================ */

.pgd-makale-icerik { line-height: 1.8; font-size: 1.05rem; color: #1A1A1A; }
.pgd-makale-icerik h1, .pgd-makale-icerik h2, .pgd-makale-icerik h3 { color: var(--pgd-brown); margin-top: 1.5rem; }
.pgd-makale-icerik img { max-width: 100%; border-radius: 6px; margin: 1rem 0; }
.pgd-makale-icerik blockquote { border-left: 4px solid var(--pgd-gold); padding-left: 1rem; color: #555; font-style: italic; }
.pgd-makale-icerik a { color: var(--pgd-gold); }
.pgd-makale-icerik p { margin-bottom: 1rem; }

/* ══════════════════════════════════════════════════════════
   HESAP PANELİ — PLAN BİLGİ & YÜKSELT
══════════════════════════════════════════════════════════ */

/* Mevcut plan bilgi şeridi */
.hsp-plan-blok { margin-bottom: 16px; }
.hsp-plan-mevcut {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 4px solid var(--hpk, var(--gold));
  border-radius: var(--r);
  padding: 14px 16px;
  margin-bottom: 12px;
}
.hsp-plan-mevcut-sol { display: flex; align-items: center; gap: 12px; }
.hsp-plan-mevcut-ikon { font-size: 28px; line-height: 1; flex-shrink: 0; }
.hsp-plan-mevcut-ad {
  font-family: 'Barlow', sans-serif;
  font-size: 18px; font-weight: 900;
  color: var(--hpk, var(--gold));
  line-height: 1; margin-bottom: 4px;
}
.hsp-plan-mevcut-tarih {
  font-size: 12px; color: var(--text3);
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.hsp-plan-mevcut-tarih i { color: var(--text4); }
.hsp-plan-mevcut-tarih strong { color: var(--text2); }
.hsp-plan-kalan {
  padding: 1px 8px; border-radius: 20px;
  font-size: 11px; font-weight: 700;
}
.hsp-plan-kalan-ok    { background: var(--green-bg); color: var(--green); }
.hsp-plan-kalan-yakin { background: var(--gold-bg);  color: var(--gold-dark); }
.hsp-plan-kalan-acil  { background: var(--red-bg);   color: var(--red); }
.hsp-plan-mevcut-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 16px; border-radius: 20px;
  background: var(--hpk, var(--gold)); color: #fff;
  font-size: 12px; font-weight: 700;
  text-decoration: none; white-space: nowrap;
  transition: all .15s; flex-shrink: 0;
  box-shadow: none;
}
.hsp-plan-mevcut-btn:hover { filter: brightness(1.1); color: #fff; }

/* Plan seçim grid */
.hsp-plan-secim {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
}
.hsp-plan-secim-baslik {
  padding: 10px 16px;
  font-size: 11px; font-weight: 800;
  color: var(--text3); text-transform: uppercase; letter-spacing: .07em;
  background: var(--bg2); border-bottom: 1px solid var(--border);
}
.hsp-plan-secim-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 1px; background: var(--border);
}
.hsp-plan-secim-kart {
  background: var(--surface);
  padding: 14px 12px;
  display: flex; flex-direction: column; gap: 8px;
  transition: background .12s;
}
.hsp-plan-secim-kart:hover { background: var(--bg2); }
.hsp-plan-secim-kart.aktif { background: color-mix(in srgb, var(--hpk,var(--gold)) 6%, var(--surface)); }
.hsp-plan-secim-ust { display: flex; align-items: center; gap: 7px; }
.hsp-plan-secim-ikon { font-size: 18px; line-height: 1; }
.hsp-plan-secim-ad {
  font-family: 'Barlow', sans-serif;
  font-size: 16px; font-weight: 900;
  color: var(--hpk, var(--text));
}
.hsp-plan-secim-fiyat {
  font-family: 'Barlow', sans-serif;
  font-size: 24px; font-weight: 900;
  color: var(--text); line-height: 1;
  display: flex; align-items: baseline; gap: 2px;
}
.hsp-plan-secim-tl { font-size: 14px; color: var(--text3); }
.hsp-plan-secim-ay { font-size: 11px; color: var(--text3); font-weight: 500; margin-left: 1px; }
.hsp-plan-secim-btn {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  padding: 7px 10px; border-radius: var(--r-sm);
  font-size: 12px; font-weight: 700;
  text-decoration: none; text-align: center;
  transition: all .15s;
}
.hsp-plan-secim-aktif {
  background: var(--green-bg); color: var(--green);
  border: 1px solid var(--green-border);
  font-size: 12px;
}
.hsp-plan-secim-sec {
  background: var(--hpk, var(--gold)); color: #fff;
  box-shadow: none;
}
.hsp-plan-secim-sec:hover { filter: brightness(1.1); color: #fff; }
.hsp-plan-secim-not {
  padding: 8px 16px;
  font-size: 11px; color: var(--text4);
  border-top: 1px solid var(--border);
  display: flex; align-items: center; gap: 6px;
}
.hsp-plan-secim-not i { color: var(--green); }

/* ══════════════════════════════════════════════════════════
   ÜYELİK SAYFASI (/uyelik)
══════════════════════════════════════════════════════════ */
.pyu-baslik-wrap { margin-bottom: 20px; }
.pyu-baslik { font-family:'Barlow',sans-serif; font-size:28px; font-weight:900; color:var(--text); margin:0 0 4px; }
.pyu-alt { font-size:13px; color:var(--text3); margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

.pyu-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
@media(max-width:1100px){ .pyu-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px) { .pyu-grid { grid-template-columns:1fr; } }

.pyu-kart {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); overflow:hidden;
  display:flex; flex-direction:column;
  position:relative; transition:transform .2s, box-shadow .2s;
}
.pyu-kart:hover { transform:translateY(-2px); box-shadow: none; }
.pyu-kart-aktif {
  border-color:var(--pk);
  box-shadow: none;
}
.pyu-kart-dusuk { opacity:.5; pointer-events:none; }

.pyu-rozet {
  position:absolute; top:12px; right:-1px;
  background:var(--pk); color:#fff;
  font-size:10px; font-weight:800; letter-spacing:.06em;
  padding:3px 10px 3px 8px; border-radius:4px 0 0 4px;
}
.pyu-rozet-aktif { background:var(--green); }
.pyu-rozet-altin { background:var(--gold-dark); }

.pyu-kart-stripe { height:3px; background:var(--pk); flex-shrink:0; }
.pyu-kart-ust { display:flex; align-items:center; gap:10px; padding:14px 14px 4px; }
.pyu-kart-ikon { font-size:24px; line-height:1; flex-shrink:0; }
.pyu-kart-ad { font-family:'Barlow',sans-serif; font-size:20px; font-weight:900; color:var(--pk); line-height:1; }
.pyu-kart-aciklama { font-size:11px; color:var(--text4); margin-top:2px; }

.pyu-fiyat-wrap { padding:10px 14px 4px; }
.pyu-fiyat { font-family:'Barlow',sans-serif; font-size:36px; font-weight:900; color:var(--text); line-height:1; display:flex; align-items:flex-start; gap:2px; }
.pyu-fiyat-tl { font-size:16px; font-weight:700; color:var(--text3); margin-top:6px; }
.pyu-fiyat-alt { font-size:11px; color:var(--text4); margin-top:3px; }

.pyu-oz-list { list-style:none; padding:10px 14px 4px; margin:0; flex:1; display:flex; flex-direction:column; gap:7px; }
.pyu-oz-list li { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--text2); }
.pyu-oz-ck { width:16px; height:16px; border-radius:50%; background:color-mix(in srgb,var(--pk) 12%,transparent); color:var(--pk); font-size:10px; font-weight:900; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pyu-oz-var { background:var(--gold-bg); color:var(--gold-dark); font-size:10px; font-weight:700; padding:1px 6px; border-radius:10px; }

.pyu-kart-alt { padding:12px 14px 14px; }
.pyu-btn { display:flex; align-items:center; justify-content:center; gap:5px; padding:9px 12px; border-radius:var(--r-sm); font-size:13px; font-weight:700; text-decoration:none; text-align:center; transition:all .15s; }
.pyu-btn-sec { background:var(--pk); color:#fff; box-shadow: none; }
.pyu-btn-sec:hover { filter:brightness(1.1); color:#fff; }
.pyu-btn-aktif { background:var(--green-bg); color:var(--green); border:1px solid var(--green-border); font-size:12px; }
.pyu-btn-dusuk { background:var(--bg2); color:var(--text4); font-size:12px; cursor:default; }

.pyu-guven { display:flex; align-items:center; gap:16px; flex-wrap:wrap; font-size:12px; color:var(--text4); padding:12px 0 4px; }
.pyu-guven i { color:var(--green); margin-right:3px; }

/* ══ ÜYELİK — Ek stiller ══════════════════════════════ */
.pyu-durum-serit {
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--hpk,var(--gold));
  border-radius:var(--r);padding:14px 16px;margin-bottom:16px;
}
.pyu-durum-sol{display:flex;align-items:center;gap:12px;}
.pyu-durum-ikon{font-size:26px;line-height:1;flex-shrink:0;}
.pyu-durum-ad{font-family:'Barlow',sans-serif;font-size:18px;font-weight:900;color:var(--hpk,var(--gold));line-height:1;margin-bottom:4px;}
.pyu-durum-tarih{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pyu-durum-tarih i{color:var(--text4);}
.pyu-durum-tam{font-size:13px;color:var(--gold-dark);font-weight:700;}

/* Periyot seçim tabları */
.pyu-periyot-wrap{margin-bottom:20px;}
.pyu-periyot-baslik{font-size:11px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;}
.pyu-periyot-tab-grup{display:flex;gap:8px;flex-wrap:wrap;}
.pyu-periyot-tab{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:var(--r-sm);
  background:var(--surface);border:1.5px solid var(--border);
  font-size:13px;font-weight:600;color:var(--text2);
  text-decoration:none;transition:all .15s;
}
.pyu-periyot-tab:hover{border-color:var(--gold-border);color:var(--text);}
.pyu-periyot-tab.aktif{background:var(--gold);color:var(--brand);border-color:var(--gold-dark);font-weight:800;}
.pyu-periyot-indirim{
  background:rgba(0,0,0,.15);color:inherit;
  font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;
}
.pyu-periyot-tab.aktif .pyu-periyot-indirim{background:rgba(0,0,0,.2);}
.pyu-periyot-tab:not(.aktif) .pyu-periyot-indirim{background:var(--green-bg);color:var(--green);}

/* İndirim rozet */
.pyu-indirim-rozet{
  background:var(--green);color:#fff;
  font-size:11px;font-weight:800;padding:2px 7px;border-radius:10px;
  margin-left:4px;align-self:center;
}
.pyu-toplam{display:block;font-size:11px;color:var(--text3);margin-top:2px;}
.pyu-tasarruf{
  margin-top:6px;font-size:12px;font-weight:700;
  color:var(--green);background:var(--green-bg);
  border-radius:var(--r-sm);padding:4px 10px;
  display:inline-block;
}

/* ══ PLAN KARTI RİBBON ═══════════════════════════════════════ */
.uye-ribbon {
  position: absolute;
  top: 16px; right: -28px;
  width: 120px;
  padding: 5px 0;
  text-align: center;
  font-size: 10px; font-weight: 900;
  letter-spacing: .06em; text-transform: uppercase;
  color: #fff;
  transform: rotate(35deg);
  transform-origin: center;
  box-shadow: none;
  pointer-events: none; z-index: 10;
}
.uye-kart-v2, .pyu-kart { overflow: hidden; }
.uye-ribbon[data-renk="gold"]   { background: #D4900A; }
.uye-ribbon[data-renk="red"]    { background: #dc2626; }
.uye-ribbon[data-renk="green"]  { background: #16a34a; }
.uye-ribbon[data-renk="blue"]   { background: #2563eb; }
.uye-ribbon[data-renk="purple"] { background: #9333ea; }

/* ══ SOSYAL MEDYA İKONLARI ═══════════════════════════════════ */
.pgd-footer-sosyal {
  display: flex; align-items: center; gap: 8px;
  margin-top: 14px; flex-wrap: wrap;
}
.pgd-sosyal-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.7);
  font-size: 15px;
  text-decoration: none;
  transition: all .15s;
}
.pgd-sosyal-ico:hover { background: rgba(255,255,255,.18); color: #fff; transform: translateY(-2px); }
.pgd-sosyal-instagram:hover { background: #E1306C; border-color: #E1306C; }
.pgd-sosyal-twitter:hover   { background: #000;    border-color: #333; }
.pgd-sosyal-facebook:hover  { background: #1877F2; border-color: #1877F2; }
.pgd-sosyal-youtube:hover   { background: #FF0000; border-color: #FF0000; }
.pgd-sosyal-telegram:hover  { background: #229ED9; border-color: #229ED9; }
.pgd-sosyal-tiktok:hover    { background: #010101; border-color: #333; }

/* ══════════════════════════════════════════════════════════
   KAMPANYA BANTLARI — Üyelik Sayfası
══════════════════════════════════════════════════════════ */

/* ── Genel Sayfa Üstü Bant ─────────────────────────────── */
@keyframes uye-kamp-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes uye-kamp-pulse {
  0%,100% { opacity:1; } 50% { opacity:.7; }
}

.uye-kamp-bant {
  border-radius: var(--r-lg);
  margin-bottom: 20px;
  padding: 1px; /* border-gradient trick */
  position: relative;
  overflow: hidden;
}
.uye-kamp-bant::before {
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.15) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: uye-kamp-shimmer 2.5s linear infinite;
  pointer-events: none; z-index:1;
}
.uye-kamp-bant-ic {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 20px; border-radius: calc(var(--r-lg) - 1px);
  position: relative; z-index: 2;
  flex-wrap: wrap;
}
.uye-kamp-bant-emoji { font-size: 28px; line-height: 1; flex-shrink: 0; }
.uye-kamp-bant-metin { flex: 1; min-width: 200px; }
.uye-kamp-bant-baslik { font-size: 15px; font-weight: 800; display: block; letter-spacing: .2px; }
.uye-kamp-bant-aciklama { font-size: 12px; opacity: .85; margin-top: 2px; display: block; }

/* Geri sayım */
.uye-kamp-geri-sayim {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 20px;
  background: rgba(0,0,0,.2);
  font-size: 13px; font-weight: 800;
  white-space: nowrap; flex-shrink: 0;
}
.uye-kamp-gs-label { opacity: .7; font-weight: 500; font-size: 11px; }
.uye-kamp-gs-val { font-family: 'Barlow', sans-serif; font-size: 16px; }

/* Renk varyantları */
.uye-kamp-bant-gold   { background: linear-gradient(135deg, #7a4f10 0%, #D4900A 50%, #7a4f10 100%); color: #fff; }
.uye-kamp-bant-red    { background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 50%, #7f1d1d 100%); color: #fff; }
.uye-kamp-bant-green  { background: linear-gradient(135deg, #14532d 0%, #16a34a 50%, #14532d 100%); color: #fff; }
.uye-kamp-bant-blue   { background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #1e3a8a 100%); color: #fff; }
.uye-kamp-bant-purple { background: linear-gradient(135deg, #581c87 0%, #9333ea 50%, #581c87 100%); color: #fff; }
.uye-kamp-bant-dark   { background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #0f0f1a 100%); color: #e5e5ff; }

/* ── Plan Kartı Kampanya Bandı ──────────────────────────── */
.uye-kart-kamp {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  position: relative;
}
.uye-kart-kamp::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: uye-kamp-shimmer 3s linear infinite;
  pointer-events: none;
}
.uye-kart-kamp-emoji { font-size: 20px; line-height: 1; flex-shrink: 0; margin-top: 1px; }
.uye-kart-kamp-metin { flex: 1; font-size: 12px; font-weight: 700; line-height: 1.4; }
.uye-kart-kamp-metin small { font-weight: 400; opacity: .8; font-size: 11px; }

/* Geri sayım mini */
.uye-kamp-gs-mini {
  font-size: 10px; font-weight: 800;
  background: rgba(0,0,0,.2); padding: 2px 7px;
  border-radius: 10px; white-space: nowrap;
  margin-left: auto; flex-shrink: 0; align-self: flex-start;
  margin-top: 2px;
}

/* Renk varyantları — kart bandı */
.uye-kart-kamp-gold   { background: linear-gradient(135deg, #92600d, #D4900A); color: #fff; }
.uye-kart-kamp-red    { background: linear-gradient(135deg, #991b1b, #dc2626); color: #fff; }
.uye-kart-kamp-green  { background: linear-gradient(135deg, #14532d, #16a34a); color: #fff; }
.uye-kart-kamp-blue   { background: linear-gradient(135deg, #1e3a8a, #2563eb); color: #fff; }
.uye-kart-kamp-purple { background: linear-gradient(135deg, #581c87, #9333ea); color: #fff; }
.uye-kart-kamp-dark   { background: linear-gradient(135deg, #0f0f1a, #2d2d4e); color: #e5e5ff; }

/* ── Admin: Kampanya listesi ────────────────────────────── */
.pk-kamp-satir {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 0; border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}
.pk-kamp-satir:last-child { border-bottom: none; }
.pk-kamp-pasif { opacity: .45; }
.pk-kamp-onizleme {
  flex: 1; min-width: 0;
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; border-radius: var(--r-sm);
  background: linear-gradient(135deg, color-mix(in srgb, var(--kr,#E8A020) 15%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, var(--kr,#E8A020) 25%, var(--border));
}
.pk-kamp-emoji { font-size: 22px; flex-shrink: 0; }
.pk-kamp-metinler { flex: 1; min-width: 0; }
.pk-kamp-baslik-on { font-size: 13px; font-weight: 700; color: var(--text); }
.pk-kamp-aciklama-on { font-size: 11px; color: var(--text3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-kamp-meta { display: flex; align-items: center; gap: 6px; flex-shrink: 0; flex-wrap: wrap; }
.pk-kamp-plan-tag { font-size: 10px; font-weight: 800; color: #fff; padding: 2px 8px; border-radius: 10px; white-space: nowrap; }
.pk-kamp-actions { display: flex; gap: 5px; flex-wrap: wrap; }

/* ── GLOBAL KALP/TAKİP BUTONU ─────────────────────────────── */
.pgd-kalp-btn {
  appearance: none; -webkit-appearance: none;
  background: linear-gradient(135deg, #fff 0%, var(--surface2) 100%); border: 1px solid color-mix(in srgb, var(--border) 86%, #fff); cursor: pointer;
  width: 38px; height: 38px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; color: var(--text3);
  transition: color .15s, background .15s, transform .15s, border-color .15s, box-shadow .15s;
  text-decoration: none; flex-shrink: 0;
  box-shadow: none;
}
.pgd-kalp-btn:hover { color: var(--red); background: linear-gradient(135deg, #fff3f4 0%, rgba(239,68,68,.08) 100%); border-color: rgba(239,68,68,.18); transform: translateY(-1px); box-shadow: none; }
.pgd-kalp-btn.pgd-takip-aktif { color: var(--red); }
.pgd-kalp-btn.pgd-takip-aktif i { font-size: 15px; }

/* ── Yazilar & Yazı Detay Paylaşılan CSS ─────────────────── */
.pgd-yaz-kart-img{display:block;overflow:hidden;position:relative;aspect-ratio:16/9;}
.pgd-yaz-kart-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.pgd-yaz-kart:hover .pgd-yaz-kart-img img{transform:scale(1.03);}
.pgd-yaz-kart-badge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:20px;background:var(--gold);color:var(--brand);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.pgd-yaz-kart-body{padding:13px;display:flex;flex-direction:column;flex:1;}
.pgd-yaz-kart-baslik{font-family:'Barlow',sans-serif;font-size:16px;font-weight:800;line-height:1.2;margin:0 0 6px;color:var(--text);}
.pgd-yaz-kart-baslik.lg{font-size:22px;}
.pgd-yaz-kart-baslik a{color:inherit;text-decoration:none;}
.pgd-yaz-kart-baslik a:hover{color:var(--gold-dark);}
.pgd-yaz-kart-ozet{font-size:12px;color:var(--text3);line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pgd-yaz-kart-meta{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:11px;color:var(--text4);flex-wrap:wrap;}
.pgd-yaz-kart-yazar{display:flex;align-items:center;gap:5px;color:var(--text3);text-decoration:none;font-weight:600;font-size:11px;}
.pgd-yaz-kart-yazar:hover{color:var(--gold-dark);}
.pgd-yaz-kart-yazar img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.pgd-yaz-kart-oku i{font-size:10px;}
.pgd-yaz-av-ic{border-radius:50%;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-weight:900;color:#fff;flex-shrink:0;}
.pgd-yaz-av-sm{width:18px;height:18px;font-size:9px;}
.pgd-yaz-av-md{width:36px;height:36px;font-size:16px;}
.pgd-yaz-kart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;}
.pgd-yaz-kart-grid .pgd-yaz-kart.buyuk{grid-column:span 3;}
@media(max-width:1200px){.pgd-yaz-kart-grid{grid-template-columns:repeat(2,1fr);} .pgd-yaz-kart-grid .pgd-yaz-kart.buyuk{grid-column:span 2;}}
@media(max-width:600px){.pgd-yaz-kart-grid{grid-template-columns:1fr;} .pgd-yaz-kart-grid .pgd-yaz-kart.buyuk{grid-column:span 1;}}
.pgd-yaz-pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;}
.pgd-yaz-pg{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;}
.pgd-yaz-pg:hover{border-color:var(--gold-border);color:var(--gold-dark);}
.pgd-yaz-pg.aktif{background:var(--gold);border-color:var(--gold-dark);color:var(--brand);}

/* ══════════════════════════════════════════════════════════
   BLOG — Yazılar / Yazı Detay / Yazarlar / Kuponlar
══════════════════════════════════════════════════════════ */

/* ── Blog Hero ─────────────────────────────────────────── */
.pgd-blog-sayfa{padding-bottom:40px;overflow-x:hidden;max-width:100%;}
.pgd-blog-hero{position:relative;height:440px;border-radius:var(--r-lg);overflow:hidden;margin-bottom:24px;}
.pgd-blog-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.pgd-blog-hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88)0%,rgba(0,0,0,.35)55%,transparent 100%);}
.pgd-blog-hero__ic{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 32px;}
.pgd-blog-hero__etiketler{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.pgd-blog-hero__tur{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;}
.pgd-blog-hero__kat{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;background:rgba(255,255,255,.2);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;}
.pgd-blog-hero__baslik{font-family:'Barlow',sans-serif;font-size:clamp(22px,4vw,36px);font-weight:900;color:#fff;margin:0 0 8px;line-height:1.1;}
.pgd-blog-hero__baslik a{color:inherit;text-decoration:none;}
.pgd-blog-hero__baslik a:hover{text-decoration:underline;}
.pgd-blog-hero__ozet{font-size:14px;color:rgba(255,255,255,.78);margin:0 0 14px;line-height:1.6;max-width:580px;}
.pgd-blog-hero__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.65);}
.pgd-blog-hero__yazar{display:flex;align-items:center;gap:6px;text-decoration:none;color:rgba(255,255,255,.9);font-weight:600;}
.pgd-blog-hero__yazar img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.pgd-blog-hero__meta i{font-size:10px;}

/* ── Tabs ─────────────────────────────────────────────── */
.pgd-blog-tabs-bar{border-bottom:1px solid var(--border);margin-bottom:20px;}
.pgd-blog-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:0;}
.pgd-blog-tabs::-webkit-scrollbar{display:none;}
.pgd-blog-tab{display:flex;align-items:center;gap:5px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text3);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;}
.pgd-blog-tab:hover{color:var(--text);}
.pgd-blog-tab.aktif{color:var(--tab-renk,var(--gold-dark));border-bottom-color:var(--tab-renk,var(--gold));}
.pgd-blog-tab__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}

/* ── Layout ───────────────────────────────────────────── */
.pgd-blog-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;}
@media(max-width:1100px){.pgd-blog-layout{grid-template-columns:1fr;} .pgd-blog-sidebar{display:none;}}

/* ── Kart Grid ────────────────────────────────────────── */
.pgd-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;}
.pgd-blog-grid .pgd-blog-kart--buyuk{grid-column:span 3;}
@media(max-width:1200px){.pgd-blog-grid{grid-template-columns:repeat(2,1fr);} .pgd-blog-grid .pgd-blog-kart--buyuk{grid-column:span 2;}}
@media(max-width:640px){.pgd-blog-grid{grid-template-columns:1fr;} .pgd-blog-grid .pgd-blog-kart--buyuk{grid-column:span 1;}}

/* ── Kart ─────────────────────────────────────────────── */
.pgd-blog-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .15s;}
.pgd-blog-kart:hover{box-shadow: none;transform:translateY(-2px);}
.pgd-blog-kart__img{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;}
.pgd-blog-kart--buyuk .pgd-blog-kart__img{aspect-ratio:21/9;}
.pgd-blog-kart__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.pgd-blog-kart:hover .pgd-blog-kart__img img{transform:scale(1.04);}
.pgd-blog-kart__tur{display:none !important;}
.pgd-blog-kart__img--placeholder{display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;background:linear-gradient(135deg, #23180e 0%, #5b3816 58%, #c18327 100%);color:#fff;}
.pgd-blog-kart__placeholder-copy{display:grid;gap:6px;align-self:stretch;align-content:end;}
.pgd-blog-kart__placeholder-copy small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78);}
.pgd-blog-kart__placeholder-copy strong{font-family:'Barlow',sans-serif;font-size:46px;line-height:1;color:#fff;}
.pgd-blog-kart__body{padding:13px;display:flex;flex-direction:column;flex:1;}
.pgd-blog-kart__kat{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 24%, transparent);background:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 10%, transparent);font-size:10px;font-weight:800;color:var(--pgd-cat-color, var(--gold-dark));text-transform:uppercase;letter-spacing:.05em;text-decoration:none;margin:0 0 8px;}
.pgd-blog-kart__kat:hover{border-color:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 32%, transparent);background:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 14%, transparent);color:var(--pgd-cat-color, var(--gold-dark));}
.pgd-blog-kart__kat--overlay{position:absolute;top:12px;left:12px;z-index:2;min-height:28px;padding:0 12px;margin:0;border-color:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 30%, rgba(255,255,255,.28));background:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 16%, rgba(255,255,255,.72));backdrop-filter:blur(10px);box-shadow: none;pointer-events:none}
.pgd-blog-kart__baslik{display:block;font-family:'Barlow',sans-serif;font-size:16px;font-weight:800;line-height:1.2;margin:0 0 6px;color:var(--text);}
.pgd-blog-kart__baslik::before{content:none;display:none;}
.pgd-blog-kart--buyuk .pgd-blog-kart__baslik{font-size:22px;}
.pgd-blog-kart__baslik a{display:block;min-width:0;color:inherit;text-decoration:none;}
.pgd-blog-kart__baslik a:hover{color:var(--gold-dark);}
.pgd-blog-kart__ozet{font-size:12px;color:var(--text3);line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pgd-blog-kart__meta{display:flex;align-items:center;gap:7px;margin-top:auto;font-size:11px;color:var(--text4);flex-wrap:wrap;}
.pgd-blog-kart__meta--muted{gap:10px;font-size:10px;color:var(--text4);}
.pgd-blog-kart__yazar{display:flex;align-items:center;gap:4px;color:var(--text3);text-decoration:none;font-weight:600;font-size:11px;}
.pgd-blog-kart__yazar:hover{color:var(--gold-dark);}
.pgd-blog-kart__yazar img{width:16px;height:16px;border-radius:50%;object-fit:cover;}
.pgd-blog-kart__tarih{margin-left:auto;}
.pgd-blog-kart__meta--muted .pgd-blog-kart__tarih{margin-left:0;}
.pgd-blog-kart__oku i{font-size:10px;}

/* ── Avatar ───────────────────────────────────────────── */
.pgd-blog-av{border-radius:50%;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-weight:900;color:#fff;flex-shrink:0;object-fit:cover;}
.pgd-blog-av--xs{width:16px;height:16px;font-size:8px;}
.pgd-blog-av--sm{width:22px;height:22px;font-size:10px;}
.pgd-blog-av--md{width:36px;height:36px;font-size:15px;}
.pgd-blog-av--lg{width:72px;height:72px;font-size:30px;}

/* ── Sidebar ──────────────────────────────────────────── */
.pgd-blog-sidebar{display:flex;flex-direction:column;gap:14px;}
.pgd-blog-sb-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.pgd-blog-sb-hd{display:flex;align-items:center;gap:7px;justify-content:space-between;padding:11px 14px;font-family:'Barlow',sans-serif;font-size:15px;font-weight:800;color:var(--text);background:var(--bg2);border-bottom:1px solid var(--border);}
.pgd-blog-sb-hd-more{font-size:11px;color:var(--gold-dark);font-weight:700;text-decoration:none;}

/* Yazar satırı (sidebar) */
.pgd-blog-sb-yazar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);}
.pgd-blog-sb-yazar:last-child{border-bottom:none;}
.pgd-blog-sb-yazar-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1;min-width:0;}
.pgd-blog-sb-yazar-link:hover .pgd-blog-sb-yazar-ad{color:var(--gold-dark);}
.pgd-blog-sb-yazar .pgd-blog-av--md{width:42px;height:42px;min-width:42px;min-height:42px;}
.pgd-blog-sb-yazar-ad{font-size:13px;font-weight:700;color:var(--text);}
.pgd-blog-sb-yazar-unvan{font-size:10px;color:var(--text4);}
.pgd-blog-sb-yazar-cnt{font-size:11px;color:var(--text3);}

/* Popüler */
.pgd-blog-sb-row{display:flex;align-items:flex-start;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);text-decoration:none;transition:background .1s;}
.pgd-blog-sb-row:last-child{border-bottom:none;}
.pgd-blog-sb-row:hover{background:var(--bg2);}
.pgd-blog-sb-num{width:18px;font-family:'Barlow',sans-serif;font-size:15px;font-weight:900;color:var(--gold);flex-shrink:0;text-align:center;}
.pgd-blog-sb-txt{flex:1;min-width:0;}
.pgd-blog-sb-tit{font-size:12px;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pgd-blog-sb-sub{font-size:10px;color:var(--text4);margin-top:2px;}
.pgd-blog-sb-thumb{width:48px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0;}

/* Konular */
.pgd-blog-sb-konu{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--text2);text-decoration:none;transition:background .1s;}
.pgd-blog-sb-konu:hover,.pgd-blog-sb-konu.aktif{background:var(--gold-bg);color:var(--gold-dark);}
.pgd-blog-sb-konu-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.pgd-blog-sb-konu-cnt{margin-left:auto;font-size:11px;background:var(--border);padding:1px 6px;border-radius:10px;color:var(--text4);}

/* CTA */
.pgd-blog-sb-cta{background:linear-gradient(135deg,var(--brand),#3d2b0e);border:1px solid var(--gold-border);border-radius:var(--r);padding:18px 16px;text-align:center;color:#fff;}
.pgd-blog-sb-cta__ikon{font-size:26px;margin-bottom:8px;}
.pgd-blog-sb-cta__baslik{font-family:'Barlow',sans-serif;font-size:18px;font-weight:900;margin-bottom:6px;}
.pgd-blog-sb-cta p{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;margin:0 0 12px;}
.pgd-blog-sb-cta a{display:inline-block;padding:6px 18px;background:var(--gold);color:var(--brand);border-radius:20px;font-size:12px;font-weight:800;text-decoration:none;}

/* ── Yazar Banner ─────────────────────────────────────── */
.pgd-blog-yazar-banner{display:flex;align-items:flex-start;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--r);margin-bottom:20px;flex-wrap:wrap;}
.pgd-blog-yazar-banner__unvan{font-size:10px;font-weight:700;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.06em;}
.pgd-blog-yazar-banner__ad{font-family:'Barlow',sans-serif;font-size:22px;font-weight:900;color:var(--text);}
.pgd-blog-yazar-banner__bio{font-size:13px;color:var(--text3);line-height:1.6;margin:4px 0 0;}
.pgd-blog-yazar-banner__kapat{margin-left:auto;font-size:12px;color:var(--text4);text-decoration:none;white-space:nowrap;}
.pgd-blog-yazar-banner__kapat:hover{color:var(--text);}

/* ── Boş ─────────────────────────────────────────────── */
.pgd-blog-bos{padding:48px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:10px;}
.pgd-blog-bos span{font-size:40px;}
.pgd-blog-bos a{color:var(--gold-dark);font-weight:700;font-size:13px;text-decoration:none;}

/* ── Sayfalama ────────────────────────────────────────── */
.pgd-blog-pagination{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-bottom:8px;}
.pgd-blog-pg{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;}
.pgd-blog-pg:hover{border-color:var(--gold-border);color:var(--gold-dark);}
.pgd-blog-pg.aktif{background:var(--gold);border-color:var(--gold-dark);color:var(--brand);}
.pgd-blog-pg--nav{font-size:16px;}

/* Admin Bar */
.adm-bar{background:var(--surface);border:1px solid var(--gold-border,rgba(232,160,32,.22));border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow: none;}
.adm-bar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:700;color:var(--text);user-select:none;}
.adm-bar-head:hover{background:rgba(232,160,32,.04);}
.adm-title{display:flex;align-items:center;gap:8px;min-width:0;}
.adm-title i{color:var(--gold);}
.adm-head-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-muted,#8a867d);white-space:nowrap;}
.adm-caret{transition:transform .2s ease;}
.adm-caret.adm-kapali{transform:rotate(-90deg);}
.adm-bar-body{padding:0 14px 12px;display:flex;flex-wrap:wrap;gap:8px;}
.adm-bar-body.adm-kapali{display:none;}
.adm-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px;}
.adm-btn{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:0 12px;background:rgba(246,241,232,.75);border:1px solid rgba(214,202,178,.72);border-radius:12px;text-decoration:none;color:var(--text2);font-size:12px;font-weight:700;transition:all .16s ease;white-space:nowrap;}
.adm-btn:hover{transform:translateY(-1px);background:var(--gold-bg,rgba(232,160,32,.08));border-color:var(--gold-border,rgba(232,160,32,.32));color:var(--gold-dark);box-shadow: none;}
.adm-btn i{color:var(--gold);font-size:14px;flex-shrink:0;}
.adm-btn-primary{background:rgba(232,160,32,.10);border-color:rgba(232,160,32,.28);}
@media(max-width:700px){.adm-bar{border-radius:14px;}.adm-bar-head{padding:9px 12px;}.adm-bar-body{padding:0 12px 10px;}.adm-btn{min-height:36px;padding:0 11px;font-size:11px;}}

.pgd-admin-topbar{max-width:1400px;margin:0 auto 0;padding:12px 16px 0;}

/* ══════════════════════════════════════════════════════════
   SAYFA-ÖZELi STİLLER (PHP'den çıkarıldı)
   ══════════════════════════════════════════════════════════ */
/* from pages/kuponlar.php */
.pgd-kupon-kilitli{display:flex;justify-content:center;align-items:center;padding:60px 20px;}
.pgd-kupon-kilitli__ic{max-width:480px;text-align:center;}
.pgd-kupon-kilitli__ikon{font-size:56px;margin-bottom:16px;}
.pgd-kupon-kilitli__baslik{font-family:'Barlow',sans-serif;font-size:30px;font-weight:900;color:var(--text);margin:0 0 10px;}
.pgd-kupon-kilitli__metin{font-size:15px;color:var(--text3);line-height:1.7;margin:0 0 24px;}
.pgd-kupon-kilitli__planlar{display:flex;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.pgd-kupon-kilitli__plan{padding:14px 20px;border-radius:var(--r);font-size:15px;text-align:center;color:#fff;min-width:90px;}
.pgd-kupon-kilitli__plan--bronz{background:linear-gradient(135deg,#92600d,#CD7F32);}
.pgd-kupon-kilitli__plan--gumus{background:linear-gradient(135deg,#3a6080,#5B8DB8);}
.pgd-kupon-kilitli__plan--altin{background:linear-gradient(135deg,#7a4f10,#E8A020);}
/* from pages/kuponlar.php */
.pgd-kupon-layout{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start;}
@media(max-width:900px){.pgd-kupon-layout{grid-template-columns:1fr;}}
.pgd-kupon-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s;}
.pgd-kupon-kart:hover{box-shadow: none;}
.pgd-kupon-kart__ust{padding:16px 18px;}
.pgd-kupon-kart img{width:100%;height:160px;object-fit:cover;border-radius:var(--r-sm);margin-bottom:12px;}
.pgd-kupon-kart__meta{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--text4);margin-bottom:8px;}
.pgd-kupon-kart__tur{font-weight:700;color:var(--gold-dark);}
.pgd-kupon-kart__baslik{font-family:'Barlow',sans-serif;font-size:20px;font-weight:900;color:var(--text);margin:0 0 8px;}
.pgd-kupon-kart__baslik a{color:inherit;text-decoration:none;}
.pgd-kupon-kart__baslik a:hover{color:var(--gold-dark);}
.pgd-kupon-kart__ozet{font-size:13px;color:var(--text3);line-height:1.6;margin:0 0 12px;}
/* from pages/oneri.php */
/* Başlık */
.pgd-oneri-hdr { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap; }
.pgd-oneri-hdr-ic { display:flex;align-items:center;gap:14px; }
.pgd-oneri-hdr-ikon { font-size:40px;line-height:1; }
.pgd-oneri-hdr-baslik { font-family:'Barlow',sans-serif;font-size:30px;font-weight:900;margin:0 0 2px;color:var(--text); }
.pgd-oneri-hdr-metin { font-size:13px;color:var(--text3);margin:0; }
.pgd-oneri-hdr-stats { display:flex;gap:20px; }
.pgd-oneri-stat { text-align:center; }
.pgd-oneri-stat-sayi { font-family:'Barlow',sans-serif;font-size:26px;font-weight:900;color:var(--text);line-height:1; }
.pgd-oneri-stat-lbl { font-size:10px;color:var(--text4);text-transform:uppercase;letter-spacing:.05em;margin-top:2px; }

/* Grid */
.pgd-oneri-grid { display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start; }
@media(max-width:900px){ .pgd-oneri-grid { grid-template-columns:1fr; } }

/* Form kart */
.pgd-oneri-form-kart { background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden; }
.pgd-oneri-form-hd { display:flex;align-items:center;gap:8px;padding:13px 18px;background:var(--bg2);border-bottom:1px solid var(--border);font-family:'Barlow',sans-serif;font-size:16px;font-weight:800;color:var(--text); }
.pgd-oneri-cnt { margin-left:auto;font-size:11px;background:var(--border);padding:1px 7px;border-radius:10px;color:var(--text4);font-family:inherit;font-weight:700; }

.pgd-oneri-basari { padding:32px 20px;text-align:center; }
.pgd-oneri-hata { margin:16px 18px 0;padding:10px 14px;background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r-sm);font-size:13px;color:var(--red);font-weight:600; }

.pgd-oneri-form { padding:20px 18px;display:flex;flex-direction:column;gap:0; }
.pgd-oneri-alan { margin-bottom:18px; }
.pgd-oneri-lbl { display:block;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px; }
.pgd-oneri-hint { font-size:11px;color:var(--text4);margin-top:4px; }

/* Kategori grid */
.pgd-oneri-kat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
@media(max-width:500px){ .pgd-oneri-kat-grid { grid-template-columns:repeat(2,1fr); } }
.pgd-oneri-kat-btn input { display:none; }
.pgd-oneri-kat-ic {
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:10px 8px;border-radius:var(--r-sm);border:1.5px solid var(--border);
  cursor:pointer;font-size:12px;font-weight:600;color:var(--text2);
  transition:all .15s;text-align:center;background:var(--bg2);
}
.pgd-oneri-kat-ic:hover { border-color:var(--kat-renk);background:var(--kat-bg);color:var(--kat-renk); }
.pgd-oneri-kat-btn input:checked + .pgd-oneri-kat-ic {
  border-color:var(--kat-renk);background:var(--kat-bg);
  color:var(--kat-renk);font-weight:800;
}
.pgd-oneri-kat-emo { font-size:20px;line-height:1; }

.pgd-oneri-input {
  width:100%;padding:9px 12px;border-radius:var(--r-sm);
  border:1.5px solid var(--border);background:var(--bg2);
  color:var(--text);font-size:14px;font-family:inherit;
  box-sizing:border-box;transition:border-color .15s;
}
.pgd-oneri-input:focus,.pgd-oneri-ta:focus { outline:none;border-color:var(--gold-border);box-shadow: none; }
.pgd-oneri-ta {
  width:100%;padding:9px 12px;border-radius:var(--r-sm);
  border:1.5px solid var(--border);background:var(--bg2);
  color:var(--text);font-size:14px;font-family:inherit;
  box-sizing:border-box;resize:vertical;transition:border-color .15s;
}
.pgd-oneri-sayac { font-size:10px;color:var(--text4);text-align:right;margin-top:3px; }
.pgd-oneri-gonder {
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 28px;background:var(--gold);color:var(--brand);
  border:none;border-radius:var(--r-sm);font-size:14px;font-weight:800;
  cursor:pointer;font-family:inherit;transition:opacity .15s;
  align-self:flex-start;
}
.pgd-oneri-gonder:hover { opacity:.88; }

/* Geçmiş */
.pgd-oneri-gecmis-kart { background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:14px; }
.pgd-oneri-gecmis-liste { max-height:420px;overflow-y:auto; }
.pgd-oneri-gecmis-satir { padding:12px 16px;border-bottom:1px solid var(--border); }
.pgd-oneri-gecmis-satir:last-child { border-bottom:none; }
.pgd-oneri-gecmis-ust { display:flex;align-items:flex-start;gap:8px;margin-bottom:5px; }
.pgd-oneri-gecmis-emo { font-size:16px;flex-shrink:0;margin-top:1px; }
.pgd-oneri-gecmis-konu { flex:1;font-size:13px;font-weight:700;color:var(--text);line-height:1.3; }
.pgd-oneri-durum-rozet { font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0; }
.pgd-oneri-gecmis-alt { display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text4); }
.pgd-oneri-kat-tag { padding:1px 6px;border-radius:10px;font-weight:700;font-size:10px; }
.pgd-oneri-ekip-notu { display:flex;gap:8px;margin-top:8px;padding:8px 10px;background:var(--gold-bg);border-radius:var(--r-sm);font-size:12px;color:var(--text2);line-height:1.5;border-left:3px solid var(--gold); }

.pgd-oneri-ilk { background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px 20px;text-align:center;margin-bottom:14px; }

/* Bilgi kartı */
.pgd-oneri-info-kart { background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden; }
.pgd-oneri-info-adimlar { padding:14px 16px;display:flex;flex-direction:column;gap:12px; }
.pgd-oneri-adim { display:flex;align-items:flex-start;gap:10px; }
.pgd-oneri-adim-no { width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--brand);display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:13px;font-weight:900;flex-shrink:0;margin-top:1px; }
.pgd-oneri-adim-baslik { font-size:13px;font-weight:700;color:var(--text); }
.pgd-oneri-adim-metin { font-size:12px;color:var(--text3);margin-top:1px; }
/* from pages/yazarlar.php */
/* ── Yazar Profil Hero ──────────────────────────── */
.yw-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;margin-bottom:28px;border:1px solid var(--gold-border);}
.yw-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);z-index:0;}
.yw-hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(232,160,32,.15) 0%,transparent 60%);}
.yw-hero-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:24px;padding:36px 32px;}
.yw-hero-avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow: none;}
.yw-hero-av-letter{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#c78a20);display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:44px;font-weight:900;color:#1a1a2e;box-shadow: none;}
.yw-hero-info{flex:1;min-width:0;}
.yw-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.yw-rol-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.yw-rol-admin{background:rgba(232,160,32,.2);color:var(--gold);border:1px solid rgba(232,160,32,.3);}
.yw-rol-editor{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.25);}
.yw-rol-yazar{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15);}
.yw-unvan{font-size:11px;color:rgba(255,255,255,.5);font-style:italic;}
.yw-hero-name{font-family:'Barlow',sans-serif;font-size:clamp(28px,4vw,38px);font-weight:900;color:#fff;margin:0 0 8px;line-height:1.1;}
.yw-hero-bio{font-size:14px;color:rgba(255,255,255,.75);line-height:1.7;margin:0 0 16px;max-width:600px;}
.yw-hero-stats{display:flex;gap:24px;margin-bottom:14px;}
.yw-hero-stat{display:flex;flex-direction:column;}
.yw-hero-stat-num{font-family:'Barlow',sans-serif;font-size:22px;font-weight:900;color:#fff;}
.yw-hero-stat-lbl{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.04em;}
.yw-hero-actions{display:flex;gap:8px;}
.yw-social-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;}
.yw-social-btn:hover{background:rgba(255,255,255,.15);color:#fff;}

/* Yazılar bölümü */
.yw-yazilar-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.yw-yazilar-baslik h2{font-family:'Barlow',sans-serif;font-size:22px;font-weight:900;margin:0;display:flex;align-items:center;gap:8px;}
.yw-yazilar-baslik h2 i{color:var(--gold);font-size:18px;}
.yw-yazilar-cnt{font-size:12px;color:var(--text4);}
.yw-yazilar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

.yw-bos{text-align:center;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);}
.yw-bos-ico{font-size:40px;margin-bottom:12px;}
.yw-bos-txt{font-size:14px;color:var(--text3);}

@media(max-width:900px){.yw-yazilar-grid{grid-template-columns:repeat(2,1fr);} .yw-hero-content{flex-direction:column;padding:24px 20px;}}
@media(max-width:600px){.yw-yazilar-grid{grid-template-columns:1fr;} .yw-hero-stats{gap:16px;}}
/* from pages/yazarlar.php */
.pgd-yw-sayfa{padding-bottom:40px;}

/* Page header */
.yw-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid var(--border);}
.yw-page-title{font-family:'Barlow',sans-serif;font-size:clamp(28px,3.5vw,36px);font-weight:900;margin:0 0 4px;color:var(--text);}
.yw-page-desc{font-size:14px;color:var(--text3);margin:0;}
.yw-page-stat{text-align:center;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:var(--r);padding:12px 20px;}
.yw-page-stat-num{font-family:'Barlow',sans-serif;font-size:28px;font-weight:900;color:var(--gold-dark);display:block;line-height:1;}
.yw-page-stat-lbl{font-size:10px;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.05em;font-weight:700;}

/* Kart grid */
.yw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;}

/* Yazar kartı */
.yw-kart{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;transition:all .2s;}
.yw-kart:hover{box-shadow: none;transform:translateY(-3px);border-color:var(--gold-border);}
.yw-kart-top{display:flex;align-items:center;gap:14px;padding:20px 18px 0;}
.yw-kart-foto{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border);}
.yw-kart:hover .yw-kart-foto{border-color:var(--gold);}
.yw-kart-av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#2a1f4e);display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:24px;font-weight:900;color:var(--gold);flex-shrink:0;}
.yw-kart-rol{padding:3px 9px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}
.yw-r-admin{background:rgba(232,160,32,.12);color:var(--gold-dark);border:1px solid rgba(232,160,32,.25);}
.yw-r-editor{background:rgba(59,130,246,.08);color:#3b82f6;border:1px solid rgba(59,130,246,.2);}
.yw-r-yazar{background:var(--bg2);color:var(--text3);border:1px solid var(--border);}
.yw-kart-body{flex:1;padding:14px 18px 0;}
.yw-kart-unvan{font-size:10px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}
.yw-kart-ad{font-family:'Barlow',sans-serif;font-size:20px;font-weight:900;color:var(--text);line-height:1.2;margin-bottom:6px;}
.yw-kart:hover .yw-kart-ad{color:var(--gold-dark);}
.yw-kart-bio{font-size:12px;color:var(--text3);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yw-kart-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-top:auto;border-top:1px solid var(--border);}
.yw-kart-stats{display:flex;gap:14px;font-size:12px;color:var(--text3);}
.yw-kart-stats i{margin-right:3px;color:var(--text4);}
.yw-kart-son{font-size:10px;color:var(--text4);}
.yw-kart-takip{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:12px;background:rgba(22,163,74,.1);color:#16a34a;font-size:9px;font-weight:700;display:flex;align-items:center;gap:3px;}

/* Boş */
.yw-bos{text-align:center;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);}
.yw-bos-ico{font-size:40px;margin-bottom:12px;}
.yw-bos-txt{font-size:14px;color:var(--text3);}

@media(max-width:600px){
  .yw-page-header{flex-direction:column;align-items:flex-start;gap:12px;}
  .yw-grid{grid-template-columns:1fr;}
  .yw-yazilar-grid{grid-template-columns:1fr;}
  .yw-hero-content{flex-direction:column;padding:24px 20px;}
  .yw-hero-stats{gap:16px;}
}
@media(max-width:900px){
  .yw-yazilar-grid{grid-template-columns:repeat(2,1fr);}
}
/* from pages/yazi_detay.php */
/* ── Yazı Detay 3 Kolon ─────────────────────────────────── */
.pgd-yd-sayfa { padding-bottom: 48px; }

.pgd-yd-bc { display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text4);margin-bottom:16px;flex-wrap:wrap; }
.pgd-yd-bc a { color:var(--text3);text-decoration:none; }
.pgd-yd-bc a:hover { color:var(--gold-dark); }

/* 3 kolon grid */
.pgd-yd-3kol {
  display: grid;
  grid-template-columns: 240px 1fr 240px;
  gap: 22px;
  align-items: start;
  overflow: hidden;
}
.pgd-yd-art { min-width:0;overflow:hidden; }
@media(max-width:1200px) {
  .pgd-yd-3kol { grid-template-columns: 200px 1fr; }
  .pgd-yd-sag { display: none; }
}
@media(max-width:900px) {
  .pgd-yd-3kol { grid-template-columns: 1fr; }
  .pgd-yd-sol, .pgd-yd-sag { display: none; }
}

/* Sidebar ortak */
.pgd-yd-sol, .pgd-yd-sag { display:block; }
.pgd-yd-sb { background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden; }
.pgd-yd-sb-hd {
  display:flex;align-items:center;justify-content:space-between;gap:7px;
  padding:10px 13px;font-family:'Barlow',sans-serif;font-size:14px;
  font-weight:800;color:var(--text);background:var(--surface);border-bottom:1px solid var(--border);
}
.pgd-yd-sb-hd-more { font-size:11px;color:var(--gold-dark);font-weight:700;text-decoration:none; }
.pgd-yd-sb-more { display:block;text-align:center;padding:8px;font-size:11px;color:var(--gold-dark);font-weight:700;text-decoration:none;border-top:1px solid var(--border); }

/* Son yazılar mini satır */
.pgd-yd-sb-mini {
  display:flex;align-items:flex-start;gap:8px;padding:9px 12px;
  border-bottom:1px solid var(--border);text-decoration:none;transition:background .1s;
}
.pgd-yd-sb-mini:last-of-type { border-bottom:none; }
.pgd-yd-sb-mini:hover { background:var(--bg2); }
.pgd-yd-sb-mini-img { width:48px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0; }
.pgd-yd-sb-mini-noimg { width:48px;height:36px;border-radius:4px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.pgd-yd-sb-mini-noimg span { width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff; }
.pgd-yd-sb-mini-ic { flex:1;min-width:0; }
.pgd-yd-sb-mini-tit { font-size:11px;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.pgd-yd-sb-mini-meta { font-size:10px;color:var(--text4);margin-top:2px; }

/* Konular */
.pgd-yd-sb-konu { display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:var(--r-sm);font-size:12px;font-weight:600;color:var(--text2);text-decoration:none;transition:background .1s; }
.pgd-yd-sb-konu:hover,.pgd-yd-sb-konu.aktif { background:var(--gold-bg);color:var(--gold-dark); }
.pgd-yd-sb-konu-dot { width:7px;height:7px;border-radius:50%;flex-shrink:0; }
.pgd-yd-sb-konu-cnt { margin-left:auto;font-size:10px;background:var(--border);padding:1px 5px;border-radius:10px;color:var(--text4); }

/* Yazar satırı sol sidebar */
.pgd-yd-sb-yazar-satir { display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border); }
.pgd-yd-sb-yazar-satir:last-child { border-bottom:none; }
.pgd-yd-sb-yazar-link { display:flex;align-items:center;gap:8px;text-decoration:none;flex:1;min-width:0; }
.pgd-yd-sb-yazar-link:hover .pgd-yd-sb-yazar-ad { color:var(--gold-dark); }
.pgd-yd-sb-yazar-ad { font-size:13px;font-weight:700;color:var(--text); }
.pgd-yd-sb-yazar-cnt { font-size:11px;color:var(--text4); }
.pgd-yd-sb-yazar-link .pgd-blog-av--md { width:52px;height:52px;font-size:20px;border-radius:16px; }

/* ── Makale ────────────────────────────────────────── */

.pgd-yd-etiket-bar { display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap; }
.pgd-yd-tur-badge { display:none !important; }
.pgd-yd-kat-badge { display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:800;background:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 10%, transparent);color:var(--pgd-cat-color, var(--gold-dark));text-decoration:none;border:1px solid color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 24%, transparent);text-transform:uppercase;letter-spacing:.06em; }
.pgd-yd-kat-badge:hover { color:var(--pgd-cat-color, var(--gold-dark));border-color:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 32%, transparent);background:color-mix(in srgb, var(--pgd-cat-color, var(--gold-dark)) 14%, transparent); }

.pgd-yd-baslik { font-family:'Barlow',sans-serif;font-size:clamp(24px,3.5vw,38px);font-weight:900;line-height:1.1;color:var(--text);margin:0 0 10px; }
.pgd-yd-ozet { font-size:15px;color:var(--text3);line-height:1.7;margin:0 0 14px;padding-left:14px;border-left:3px solid var(--gold); }

.pgd-yd-meta-bar { display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap;gap:10px; }
.pgd-yd-meta-yazar { display:flex;align-items:center;gap:10px;text-decoration:none; }
.pgd-yd-meta-yazar img { width:40px;height:40px;border-radius:50%;object-fit:cover; }
.pgd-yd-meta-yazar-ad { font-size:14px;font-weight:700;color:var(--text); }
.pgd-yd-meta-yazar:hover .pgd-yd-meta-yazar-ad { color:var(--gold-dark); }
.pgd-yd-meta-yazar-unvan { font-size:11px;color:var(--text4); }
.pgd-yd-meta-right { display:flex;gap:12px;font-size:12px;color:var(--text4); }
.pgd-yd-meta-right i { margin-right:3px; }

.pgd-yd-kapak { border-radius:var(--r);overflow:hidden;margin-bottom:20px; }
.pgd-yd-kapak img { width:100%;max-height:420px;object-fit:cover; }

/* İçerik tipografi */
.pgd-yd-icerik { font-size:15px;line-height:1.85;color:var(--text2);margin-bottom:24px;overflow-wrap:break-word;word-break:break-word; }
.pgd-yd-icerik h2 { font-family:'Barlow',sans-serif;font-size:24px;font-weight:900;color:var(--text);margin:28px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--gold-bg); }
.pgd-yd-icerik h3 { font-family:'Barlow',sans-serif;font-size:20px;font-weight:800;color:var(--text);margin:22px 0 8px; }
.pgd-yd-icerik p { margin:0 0 16px; }
.pgd-yd-icerik img { max-width:100%;height:auto;border-radius:var(--r-sm);margin:12px 0; }
.pgd-yd-icerik img,
.pgd-yd-icerik .pgd-article-gallery__link { cursor: zoom-in; }
.pgd-yd-icerik .pgd-article-gallery { display:grid; gap:14px; margin:18px 0 24px; }
.pgd-yd-icerik .pgd-article-gallery--cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pgd-yd-icerik .pgd-article-gallery--cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pgd-yd-icerik .pgd-article-gallery__item { margin:0; }
.pgd-yd-icerik .pgd-article-gallery__link { display:block; overflow:hidden; border-radius:16px; background:var(--bg2); }
.pgd-yd-icerik .pgd-article-gallery__link img { display:block; width:100%; height:240px; object-fit:cover; margin:0; border-radius:0; transition:transform .18s ease; }
.pgd-yd-icerik .pgd-article-gallery__link:hover img { transform:scale(1.02); }
.pgd-yd-icerik .pgd-article-source { display:none !important; }
.pgd-yd-icerik .pgd-article-video { margin:18px 0 24px; border-radius:var(--r); overflow:hidden; background:#000; box-shadow: none; }
.pgd-yd-icerik .pgd-article-video iframe,
.pgd-yd-icerik .pgd-article-video video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; background:#000; margin:0; }
.pgd-yd-icerik .pgd-article-video figcaption { padding:10px 12px; background:var(--surface); color:var(--text3); font-size:12px; }
.pgd-yd-icerik blockquote { border-left:4px solid var(--gold);margin:20px 0;padding:14px 18px;background:var(--gold-bg);border-radius:0 var(--r-sm) var(--r-sm) 0;font-style:italic;color:var(--text2); }
.pgd-yd-icerik a { color:var(--gold-dark);text-decoration:underline;word-break:break-all; }
.pgd-yd-icerik .pgd-article-gallery__link { text-decoration:none;word-break:normal; }
.pgd-yd-icerik ul,.pgd-yd-icerik ol { padding-left:24px;margin-bottom:16px; }
.pgd-yd-icerik li { margin-bottom:6px; }
.pgd-yd-icerik table { width:100%;border-collapse:collapse;margin-bottom:16px;display:block;overflow-x:auto; }
.pgd-yd-icerik th,.pgd-yd-icerik td { padding:8px 12px;border:1px solid var(--border);font-size:14px; }
.pgd-yd-icerik th { background:var(--bg2);font-weight:700; }
.pgd-yd-icerik pre,.pgd-yd-icerik code { max-width:100%;overflow-x:auto;word-break:break-all; }
.pgd-article-lightbox .son-lightbox-dialog { max-width:min(1120px,calc(100vw - 32px)); }
.pgd-article-lightbox .son-lightbox-title-wrap { display:grid; gap:3px; }
.pgd-article-lightbox__count { color:rgba(255,255,255,.72);font-size:12px;font-weight:800; }
.pgd-article-lightbox .son-lightbox-figure { position:relative; }
.pgd-article-lightbox__nav {
  position:absolute;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(20,16,11,.58);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.pgd-article-lightbox__nav:hover { background:rgba(20,16,11,.78); }
.pgd-article-lightbox__nav--prev { left:14px; }
.pgd-article-lightbox__nav--next { right:14px; }
.pgd-article-lightbox__nav[hidden] { display:none !important; }

/* Etiketler */
.pgd-yd-etiketler { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border); }
.pgd-yd-etiket { padding:4px 11px;border-radius:20px;background:var(--bg2);border:1px solid var(--border);font-size:11px;color:var(--text3);text-decoration:none;transition:all .15s; }
.pgd-yd-etiket:hover { background:var(--gold-bg);border-color:var(--gold-border);color:var(--gold-dark); }

/* Paylaş */
.pgd-yd-paylasim { display:flex;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap; }
.pgd-yd-paylasim-lbl { font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em; }
.pgd-yd-paylasBtn { width:34px;height:34px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;cursor:pointer;text-decoration:none;transition:opacity .15s; }
.pgd-yd-paylasBtn:hover { opacity:.8; }
.pgd-yd-kaynak-not { display:grid; gap:2px; width:auto; max-width:min(100%, 560px); margin:6px 0 16px; padding:0 0 0 10px; border:none; border-left:2px solid rgba(145, 108, 42, 0.28); background:none; color:var(--text2); }
.pgd-yd-kaynak-not__title { display:none; }
.pgd-yd-kaynak-not p { margin:0; font-size:11px; line-height:1.45; }
.pgd-yd-kaynak-not__source { font-size:10px; font-weight:600; color:var(--text4); }
.pgd-yd-alt-akis { margin-top:26px; padding:0; border:none; border-radius:0; background:none; }
.pgd-yd-alt-akis .pgd-yd-sb-hd { padding:0 0 12px; background:transparent; border-bottom:1px solid rgba(91,58,20,.08); }
.pgd-yd-alt-akis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:14px; }
.pgd-yd-alt-kart { display:flex; flex-direction:column; gap:0; min-height:100%; background:var(--surface); border:1px solid rgba(91,58,20,.12); border-radius:16px; overflow:hidden; text-decoration:none; color:var(--text); box-shadow: none; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.pgd-yd-alt-kart:hover { transform:translateY(-2px); border-color:var(--gold-border); box-shadow: none; }
.pgd-yd-alt-kart-img { width:100%; height:176px; object-fit:cover; display:block; }
.pgd-yd-alt-kart-noimg { width:100%; height:176px; padding:18px; background:radial-gradient(circle at top right, rgba(232,160,32,.16), transparent 26%), linear-gradient(135deg, #f7f0e3 0%, #fff8ed 100%); display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:10px; }
.pgd-yd-alt-kart-noimg-badge { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:800; box-shadow: none; }
.pgd-yd-alt-kart-noimg small { font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-dark); }
.pgd-yd-alt-kart-ic { display:grid; gap:8px; padding:14px; }
.pgd-yd-alt-kart-kat { font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-dark); }
.pgd-yd-alt-kart-baslik { font-size:15px; line-height:1.35; color:var(--text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pgd-yd-alt-kart-ozet { font-size:12px; line-height:1.6; color:var(--text3); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pgd-yd-alt-kart-meta { font-size:11px; color:var(--text4); }
.pgd-yd-morebar { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:16px; }
.pgd-yd-morebtn { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:999px; border:1px solid var(--gold-border); background:var(--gold-bg); color:var(--gold-dark); font-size:13px; font-weight:800; cursor:pointer; transition:all .15s ease; }
.pgd-yd-morebtn:hover { transform:translateY(-1px); background:var(--gold); border-color:var(--gold); color:#fff; }
.pgd-yd-morebtn--ghost { background:var(--surface); border-color:var(--border); color:var(--text2); }
.pgd-yd-morebtn--ghost:hover { background:var(--gold-bg); border-color:var(--gold-border); color:var(--gold-dark); }
.pgd-yd-morebar--auto .pgd-yd-morebtn { display:none !important; }
.pgd-yd-moreloader { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:42px; padding:0 16px; border-radius:999px; border:1px dashed var(--gold-border); background:rgba(248,244,237,.8); color:var(--gold-dark); font-size:12px; font-weight:800; }
.pgd-yd-inline-spinner { width:15px; height:15px; border-radius:50%; border:2px solid rgba(232,160,32,.2); border-top-color:var(--gold-dark); animation:pgdYdSpin .75s linear infinite; }
.pgd-yd-infinite-sentinel { width:100%; height:1px; }
@keyframes pgdYdSpin { to { transform:rotate(360deg); } }

/* Yazar kutusu */
.pgd-yd-yazar-kutu { display:flex;gap:18px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r); }
.pgd-yd-yk-foto-container { display:flex;align-items:flex-start;flex-shrink:0; }
.pgd-yd-yk-foto { width:128px;height:166px;border-radius:14px;object-fit:cover;flex-shrink:0;border:2px solid var(--gold-border); }
.pgd-yd-yk-av { width:128px;height:166px;border-radius:14px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:48px;font-weight:900;color:var(--brand);flex-shrink:0;border:2px solid var(--gold-border); }
.pgd-yd-yk-hakkinda { font-size:10px;font-weight:700;color:var(--text4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px; }
.pgd-yd-yk-ad { font-family:'Barlow',sans-serif;font-size:18px;font-weight:900;color:var(--text); }
.pgd-yd-yk-unvan { font-size:11px;color:var(--text4);margin-bottom:8px; }
.pgd-yd-yk-bio { font-size:12px;color:var(--text3);line-height:1.6;margin:8px 0; }
.pgd-yd-yk-btn { display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--gold);color:var(--brand);border-radius:20px;font-size:12px;font-weight:700;text-decoration:none; }
.pgd-yd-yk-btn--ghost { background:none;border:1px solid var(--border);color:var(--text2); }
.pgd-yd-yk-ic { flex:1;min-width:0; }
@media(max-width:768px) { .pgd-yd-yazar-kutu { flex-direction:column;align-items:center;text-align:center;gap:16px; } .pgd-yd-yk-foto-container { justify-content:center; } .pgd-yd-yk-bio { margin:8px 0 12px; } }
@media(max-width:860px) { .pgd-yd-icerik .pgd-article-gallery--cols-3 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .pgd-yd-icerik .pgd-article-gallery--cols-2, .pgd-yd-icerik .pgd-article-gallery--cols-3 { grid-template-columns:1fr; } .pgd-yd-icerik .pgd-article-gallery__link img { height:auto; } }
@media(max-width:1024px) { .pgd-yd-alt-akis-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .pgd-yd-alt-akis-grid { grid-template-columns:1fr; } .pgd-yd-alt-kart-img, .pgd-yd-alt-kart-noimg { height:200px; } }
/* Sağ sidebar CTA */
.pgd-yd-cta-inner { padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center; }
.pgd-yd-cta-foto { width:108px;height:108px;border-radius:24px;object-fit:cover;border:3px solid var(--gold-border);margin-bottom:2px; }
.pgd-yd-cta-av { width:108px;height:108px;border-radius:24px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Barlow',sans-serif;font-size:40px;font-weight:900;color:var(--brand);border:3px solid var(--gold-border);margin-bottom:2px; }
.pgd-yd-cta-ad { font-family:'Barlow',sans-serif;font-size:16px;font-weight:900;color:var(--text);margin-top:4px; }
.pgd-yd-cta-unvan { font-size:10px;color:var(--text4);text-transform:uppercase;letter-spacing:.05em;margin:2px 0 4px; }
.pgd-yd-cta-btn { display:block;padding:7px 12px;background:var(--gold);color:var(--brand);border-radius:20px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;width:100%; }
.pgd-yd-cta-btn:hover { opacity:.9;transform:translateY(-1px); }
.pgd-yd-cta-takip { display:block;width:100%;padding:7px;border-radius:20px;font-size:12px;font-weight:800;border:1px solid var(--border);background:none;color:var(--text2);cursor:pointer;transition:all .15s; }
.pgd-yd-cta-takip:hover { border-color:var(--gold-border);background:var(--gold-bg);color:var(--gold-dark); }
.pgd-yd-cta-takip.pgd-takip-aktif { border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.05);color:var(--red); }

/* Yazı detay görünüm toparlama */
.pgd-yd-art{
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
  box-shadow: none;
}
.pgd-yd-meta-bar{
  padding:10px 0;
  margin-bottom:16px;
}
.pgd-yd-kapak{
  margin:0 0 20px;
  border-radius:var(--r);
  border-top:none;
  border-bottom:none;
}
.pgd-yd-icerik{
  max-width:none;
  width:100%;
  font-size:16px;
  line-height:1.9;
}
.pgd-yd-icerik > :first-child{ margin-top:0; }
.pgd-yd-icerik > :last-child{ margin-bottom:0; }
.pgd-yd-yazar-kutu{
  margin-top:8px;
  background:var(--bg2);
}
.pgd-yd-sb{
  box-shadow: none;
}
.pgd-yd-art--white{
  background:transparent;
  box-shadow: none;
}
.pgd-yd-meta-compact{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--text4);
}
.pgd-yd-meta-compact a{
  display:inline-flex;
  align-items:center;
  color:inherit;
  text-decoration:none;
}
.pgd-yd-meta-compact a:hover{
  color:var(--gold-dark);
}
.pgd-yd-meta-compact i{margin-right:4px;}
.pgd-yd-hip-list{display:grid;gap:0;}
.pgd-yd-hip-row{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  text-decoration:none;
  color:var(--text);
  border-bottom:1px solid var(--border);
  transition:background .15s ease,color .15s ease;
}
.pgd-yd-hip-row:last-child{border-bottom:none;}
.pgd-yd-hip-row:hover{background:var(--bg2);}
.pgd-yd-hip-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:8px;
  background:var(--bg2);
  font-family:'Barlow',sans-serif;
  font-size:16px;
  font-weight:800;
  color:var(--gold-dark);
}
.pgd-yd-hip-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}
.pgd-yd-hip-copy strong{
  font-size:13px;
  font-weight:800;
  color:var(--text);
}
.pgd-yd-hip-copy small{
  font-size:11px;
  color:var(--text4);
}
.pgd-yd-sb-empty{
  padding:12px;
  font-size:12px;
  color:var(--text4);
}
@media(max-width:900px){
  .pgd-yd-art{
    padding:0;
  }
  .pgd-yd-kapak{
    margin:0 0 18px;
  }
  .pgd-yd-icerik{
    max-width:none;
    font-size:15px;
    line-height:1.82;
  }
}
.pgd-page.pgd-yd-sayfa .pgd-yd-bc,
.pgd-page.pgd-yd-sayfa .pgd-yd-art,
.pgd-page.pgd-yd-sayfa .pgd-yd-art--white,
.pgd-page.pgd-yd-sayfa .pgd-yd-alt-akis{
  background:transparent !important;
  border:none !important;
  box-shadow: none;
  border-radius:0 !important;
}
.pgd-page.pgd-yd-sayfa .pgd-yd-3kol,
.pgd-page.pgd-yd-sayfa .pgd-yd-3kol--clean{
  grid-template-columns:240px minmax(0,1fr) 240px !important;
  gap:22px !important;
}
.pgd-page.pgd-yd-sayfa .pgd-yd-sol,
.pgd-page.pgd-yd-sayfa .pgd-yd-sag{
  display:block !important;
}
.pgd-page.pgd-yd-sayfa .pgd-yd-sb{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r) !important;
  box-shadow: none;
}
.pgd-page.pgd-yd-sayfa .pgd-yd-alt-akis{
  padding:0 !important;
}
.pgd-page.pgd-yd-sayfa .pgd-yd-alt-akis .pgd-yd-sb-hd{
  padding:0 0 12px !important;
  background:transparent !important;
}
@media(max-width:1200px){
  .pgd-page.pgd-yd-sayfa .pgd-yd-3kol,
  .pgd-page.pgd-yd-sayfa .pgd-yd-3kol--clean{
    grid-template-columns:220px minmax(0,1fr) 220px !important;
  }
}
@media(max-width:900px){
  .pgd-page.pgd-yd-sayfa .pgd-yd-3kol,
  .pgd-page.pgd-yd-sayfa .pgd-yd-3kol--clean{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .pgd-page.pgd-yd-sayfa .pgd-yd-sol,
  .pgd-page.pgd-yd-sayfa .pgd-yd-sag{
    display:none !important;
  }
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom{
  padding-left:0 !important;
  padding-right:0 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid{
  display:grid !important;
  grid-template-columns:340px minmax(0,1fr) 340px !important;
  gap:24px !important;
  align-items:start !important;
  max-width:var(--max-w) !important;
  margin:0 auto !important;
  padding:0 28px 30px !important;
  box-sizing:border-box !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-art{
  grid-column:2 !important;
  grid-row:1 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-sol{
  display:block !important;
  grid-column:1 !important;
  grid-row:1 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-sag{
  display:block !important;
  grid-column:3 !important;
  grid-row:1 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-kapak{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  max-width:none !important;
  margin:16px 0 34px !important;
  padding:0 !important;
  background:#fffaf3 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-kapak img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fffaf3 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-hipodrom-side-row{
  grid-template-columns:74px minmax(0,1fr) !important;
  min-height:64px !important;
  gap:10px !important;
  padding:8px 12px !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-hipodrom-side-img,
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-hipodrom-side-noimg{
  width:74px !important;
  aspect-ratio:1.35/1 !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-hipodrom-side-copy small{
  display:none !important;
}
.pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom .pgd-yd-hipodrom-side-copy strong{
  -webkit-line-clamp:2 !important;
  font-size:13px !important;
  line-height:1.12 !important;
}
@media(max-width:1280px){
  .pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid{
    grid-template-columns:1fr !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-art{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-sag{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  .pgd-page.pgd-yd-sayfa.pgd-yd-sayfa--hipodrom > .pgd-yd-hipodrom-detail-grid > .pgd-yd-sol{
    grid-column:1 !important;
    grid-row:3 !important;
  }
}
/* from pages/admin/ayarlar.php */
.ay-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.ay-kart-head{display:flex;align-items:center;gap:8px;padding:13px 16px;background:var(--bg2);border-bottom:1px solid var(--border);font-family:'Barlow',sans-serif;font-size:16px;font-weight:800;color:var(--text);}
.ay-kart-body{padding:12px 0;}
.ay-satir{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);}
.ay-satir:last-child{border-bottom:none;}
.ay-satir-ikon{width:20px;text-align:center;font-size:15px;flex-shrink:0;}
.ay-satir-label{width:130px;font-size:12px;font-weight:600;color:var(--text2);flex-shrink:0;}
.ay-input{flex:1;padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:13px;transition:border-color .15s;}
.ay-input:focus{outline:none;border-color:var(--gold-border);}
/* from pages/admin/dashboard.php */
.db-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;}
@media(max-width:900px){.db-stat-grid{grid-template-columns:repeat(2,1fr);}}
.db-stat-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;align-items:center;gap:14px;}
.db-stat-kart-uyari{border-color:var(--gold-border);background:var(--gold-bg);}
.db-stat-ikon{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.db-stat-sayi{font-family:'Barlow',sans-serif;font-size:28px;font-weight:900;color:var(--text);line-height:1;}
.db-stat-lbl{font-size:12px;font-weight:700;color:var(--text2);margin-top:2px;}
.db-stat-alt{font-size:11px;color:var(--text4);margin-top:2px;}
.db-mini-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);}
.db-mini-kart i{color:var(--text3);font-size:14px;flex-shrink:0;}
.db-mini-kart span{flex:1;}
.db-mini-kart a{color:var(--gold-dark);font-weight:700;text-decoration:none;}
.db-mini-uyari{border-color:var(--gold-border);background:var(--gold-bg);color:var(--gold-dark);}
.db-mini-uyari i{color:var(--gold-dark);}
.db-kart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.db-kart-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);font-family:'Barlow',sans-serif;font-size:15px;font-weight:800;color:var(--text);}
@media(max-width:768px){
  .db-stat-grid{grid-template-columns:repeat(2,1fr);}
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important;}
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;}
}
/* from pages/admin/yazi_duzenle.php */
#quill-editor { min-height: 400px; font-size: 15px; }
.ql-toolbar { background: var(--bg2); border-color: var(--border) !important; }
.ql-container { border-color: var(--border) !important; font-family: inherit; }
.ql-editor { min-height: 400px; }
#html-editor { max-width: 100%; box-sizing: border-box; }

/* ══════════════════════════════════════════════════════════
   MOBİL & RESPONSİVE
   ══════════════════════════════════════════════════════════ */

/* Hamburger */
.pgd-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:8px;background:none;border:none;cursor:pointer;z-index:1200;}
.pgd-hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .25s;}
.pgd-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.pgd-hamburger.open span:nth-child(2){opacity:0;}
.pgd-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
body.pgd-nav-locked{overflow:hidden;}

/* Scroll to top */
.pgd-scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:12px;background:var(--gold);color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow: none;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;cursor:pointer;z-index:999;pointer-events:none;}
.pgd-scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.pgd-scroll-top:hover{background:var(--gold-dark);transform:translateY(-2px);}

/* Tablet */
@media(max-width:1024px){
  .pgd-page,.pgd-page-program,.pgd-page-wide{padding-left:16px;padding-right:16px;}
  .pgd-bottom-row{grid-template-columns:1fr 1fr;gap:16px;}
}

/* Mobil */
@media(max-width:768px){
  .pgd-hamburger{display:flex;}
  .pgd-nav-bar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--surface);border-right:1px solid var(--border);z-index:1100;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow: none;padding-top:60px;}
  .pgd-nav-bar.pgd-nav-open{transform:translateX(0);}
  .pgd-nav{flex-direction:column;padding:12px;gap:2px;}
  .pgd-nav a,.pgd-nav-dd-link,.pgd-nav-dd-btn{display:flex;width:100%;padding:10px 14px;border-radius:var(--r-sm);font-size:15px;}
  .pgd-nav a:hover,.pgd-nav a.aktif{background:var(--bg2);}
  .pgd-nav-dd-menu{position:static!important;display:none;padding:0 0 0 20px;background:transparent;border:none;box-shadow: none;width:auto;}
  .pgd-nav-dd.acik .pgd-nav-dd-menu{display:block;}
  .pgd-nav-dd-menu a{padding:8px 14px;font-size:14px;color:var(--text3);}
  .pgd-hdr-top{padding:8px 12px;}
  .pgd-search{display:none;}
  .pgd-icon-action{display:inline-flex;}
  .pgd-mobile-search-trigger{order:1;}
  .pgd-hdr-actions{gap:8px;}
  .pgd-mobile-icon-btn,
  .pgd-btn-gold{
    width:40px;
    height:40px;
    padding:0;
    border-radius:50%;
    justify-content:center;
    flex-shrink:0;
  }
  .pgd-mobile-icon-btn i,
  .pgd-btn-gold svg,
  .pgd-btn-gold i{display:block;}
  .pgd-mobile-icon-btn .pgd-btn-label,
  .pgd-btn-gold .pgd-btn-label{display:none;}
  .pgd-user-btn{padding:6px;}
  .pgd-user-btn > :not(.pgd-user-avatar):not(svg){display:none;}
  .pgd-user-btn svg{display:none;}
  .pgd-zil-btn{width:40px;height:40px;}
  .pgd-bottom-row{grid-template-columns:1fr;}
  .pgd2-tablo{font-size:12px;}
  .pgd2-tablo th,.pgd2-tablo td{padding:6px 4px;}
  .pgd-kosu-tab{font-size:12px;min-width:32px;padding:5px 8px;}
  .pgd-scroll-top{width:40px;height:40px;bottom:16px;right:16px;font-size:16px;}
  .pgd-announce-inner{padding:8px 12px;}
  .pgd-ann-sub,.pgd-ann-sep{display:none;}
}

/* Mobil küçük */
@media(max-width:480px){
  .pgd-logo img{max-width:132px;}
  .pgd-logo-text{font-size:20px;}
  .pgd-ann-badge,.pgd-ann-pulse{display:none;}
  .pgd-form-tooltip{display:none!important;}
  .cnl-grid{grid-template-columns:1fr;}
  .atl-hero{padding:20px 16px;}
  .atl-hero-title{font-size:24px;}
  .db-stat-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .pgd-cookie-inner{flex-direction:column;gap:10px;padding:12px 16px;}
  .pgd-cookie-actions{width:100%;display:flex;gap:8px;}
  .pgd-cookie-btn{flex:1;}
}

@media(min-width:769px){
  .pgd-mobile-search-overlay{display:none!important;}
}

/* Touch cihazlar */
@media(hover:none){
  .pgd-pist-tooltip,.pgd-form-tooltip{display:none!important;}
  .pgd-nav-dd:hover .pgd-nav-dd-menu{display:none;}
  .pgd-nav-dd.acik .pgd-nav-dd-menu{display:block;}
}

/* Print */
@media print{
  .pgd-announce,.pgd-nav-bar,.pgd-footer,.pgd-scroll-top,#pgd-cookie-bar,.pgd-hamburger,.pgd-hdr-actions,.pgd-search,.pgd-zil-btn{display:none!important;}
  body{background:#fff!important;color:#000!important;}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .pgd-at{display:none;}
}

/* ══════════════════════════════════════════════════════════
   PORTAL — Haber Sitesi Tarzı Yazılar Sayfası
   ══════════════════════════════════════════════════════════ */

/* ── SPOT BÖLÜMÜ ── */
.portal-spot { margin-bottom: 28px; }
.portal-spot-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 14px;
  min-height: 380px;
}

/* Ana manşet */
.portal-spot-main {
  display: block;
  border-radius: var(--r-lg);
  overflow: hidden;
  text-decoration: none;
  position: relative;
}
.portal-spot-img {
  position: relative;
  width: 100%; height: 100%;
  min-height: 380px;
  background-size: cover; background-position: center;
  border-radius: var(--r-lg);
}
.portal-spot-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.2) 50%, transparent 100%);
  border-radius: var(--r-lg);
}
.portal-spot-ic {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 28px 24px;
  z-index: 1;
}
.portal-spot-tur {
  display: inline-block;
  padding: 3px 10px; border-radius: 4px;
  font-size: 10px; font-weight: 800; color: #fff;
  text-transform: uppercase; letter-spacing: .05em;
  margin-bottom: 10px;
}
.portal-spot-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(22px, 3vw, 32px); font-weight: 900;
  color: #fff; margin: 0 0 8px; line-height: 1.15;
}
.portal-spot-main:hover .portal-spot-baslik { color: var(--gold); }
.portal-spot-ozet {
  font-size: 14px; color: rgba(255,255,255,.75);
  margin: 0 0 10px; line-height: 1.5;
  max-width: 500px;
}
.portal-spot-meta {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: rgba(255,255,255,.6);
}
.portal-spot-yazar { color: var(--gold); font-weight: 600; }

/* Yan haberler */
.portal-spot-yan {
  display: flex; flex-direction: column; gap: 14px;
}
.portal-spot-mini {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px; border-radius: var(--r);
  background: var(--surface); border: 1px solid var(--border);
  text-decoration: none; transition: all .15s;
  flex: 1;
}
.portal-spot-mini:hover {
  border-color: var(--gold-border);
  box-shadow: none;
  transform: translateY(-1px);
}
.portal-spot-mini-img {
  width: 90px; height: 68px; border-radius: var(--r-sm);
  object-fit: cover; flex-shrink: 0;
}
.portal-spot-mini-noimg {
  background: var(--bg2); display: flex; align-items: center;
  justify-content: center; font-size: 24px;
}
.portal-spot-mini-ic { flex: 1; min-width: 0; }
.portal-spot-mini-tur {
  font-size: 10px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .04em;
  margin-bottom: 4px; display: block;
}
.portal-spot-mini-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: 15px; font-weight: 800; color: var(--text);
  margin: 0 0 6px; line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.portal-spot-mini:hover .portal-spot-mini-baslik { color: var(--gold-dark); }
.portal-spot-mini-meta {
  font-size: 11px; color: var(--text4);
}

/* ── YAZARLAR SLİDER ── */
.portal-yazarlar {
  margin-bottom: 28px;
  padding: 20px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.portal-section-hd {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}
.portal-section-title {
  font-family: 'Barlow', sans-serif;
  font-size: 20px; font-weight: 900; margin: 0;
  color: var(--text);
  display: flex; align-items: center; gap: 8px;
}
.portal-section-title i { color: var(--gold); font-size: 18px; }
.portal-section-link {
  font-size: 13px; font-weight: 700; color: var(--gold-dark);
  text-decoration: none;
}
.portal-section-link:hover { text-decoration: underline; }

.portal-yazar-slider {
  position: relative;
}
.portal-yazar-track {
  display: flex; gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px 0;
  align-items: stretch;
}
.portal-yazar-track::-webkit-scrollbar { display: none; }

.portal-slider-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--surface); border: 1px solid var(--border);
  color: var(--text); font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 5;
  box-shadow: none;
  transition: all .15s;
}
.portal-slider-btn:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
.portal-slider-prev { left: -8px; }
.portal-slider-next { right: -8px; }

.portal-yazar-kart {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  min-width: 196px; max-width: 196px;
  padding: 22px 18px 18px;
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface2) 100%); border: 1px solid color-mix(in srgb, var(--border) 88%, #fff);
  border-radius: 22px;
  text-decoration: none; text-align: center;
  transition: all .25s; position: relative;
  flex-shrink: 0;
  box-shadow: none;
  min-height: 100%;
}
.portal-yazar-kart:hover {
  border-color: var(--gold-border);
  box-shadow: none;
  transform: translateY(-4px);
}
.portal-yazar-foto {
  width: 104px; height: 104px; border-radius: 24px;
  object-fit: cover; object-position: center top; margin-bottom: 12px;
  border: 4px solid rgba(255,255,255,.95);
  box-shadow: none;
  background: var(--bg2);
}
.portal-yazar-kart:hover .portal-yazar-foto { border-color: #fff; }
.portal-yazar-harf {
  width: 104px; height: 104px; border-radius: 24px;
  background: linear-gradient(145deg, #fff0cd, #f5ba54);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Barlow', sans-serif;
  font-size: 34px; font-weight: 900; color: #10172f;
  margin-bottom: 12px;
  border: 4px solid rgba(255,255,255,.95);
  box-shadow: none;
}
.portal-yazar-ad {
  font-family: 'Barlow', sans-serif;
  font-size: 24px; font-weight: 800; color: var(--text);
  line-height: 1.08; margin-bottom: 6px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 100%;
}
.portal-yazar-kart:hover .portal-yazar-ad { color: var(--gold-dark); }
.portal-yazar-unvan {
  font-size: 10px; color: var(--text4);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 100%; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .07em;
}
.portal-yazar-cnt {
  font-size: 11px; color: var(--text3); font-weight: 700;
  background: var(--bg2); padding: 4px 10px; border-radius: 999px;
}
.portal-yazar-takip {
  position: absolute; top: 8px; right: 8px;
  color: #16a34a; font-size: 14px;
}

/* ── RESPONSIVE: PORTAL ── */
@media (max-width: 900px) {
  .portal-spot-grid {
    grid-template-columns: 1fr;
  }
  .portal-spot-img { min-height: 260px; }
  .portal-spot-yan { flex-direction: row; overflow-x: auto; gap: 10px; }
  .portal-spot-mini { min-width: 260px; flex-shrink: 0; }
  .portal-slider-btn { display: none; }
}

@media (max-width: 600px) {
  .portal-spot-baslik { font-size: 20px; }
  .portal-spot-ozet { display: none; }
  .portal-spot-ic { padding: 16px; }
  .portal-spot-img { min-height: 200px; }
  .portal-spot-yan { flex-direction: column; }
  .portal-spot-mini { min-width: auto; }
  .portal-yazar-kart { min-width: 164px; max-width: 164px; padding: 18px 14px; border-radius: 20px; }
  .portal-yazar-foto, .portal-yazar-harf { width: 82px; height: 82px; border-radius: 20px; }
  .portal-section-hd { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* ══════════════════════════════════════════════════════════
   SPOT v2: 4 Büyük Kart Grid (1 hero + 3 alt)
   ══════════════════════════════════════════════════════════ */
.portal-spot-4grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 14px;
  margin-bottom: 28px;
}
/* İlk kart: tüm sütunları kaplar */
.portal-spot-card--hero {
  grid-column: 1 / -1;
}
.portal-spot-card {
  display: block;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  box-shadow: none;
}
.portal-spot-card-bg {
  position: relative;
  width: 100%;
  min-height: 180px;
  background-size: cover;
  background-position: center;
  border-radius: var(--r-lg);
}
.portal-spot-card--hero .portal-spot-card-bg {
  min-height: 280px;
}
.portal-spot-card-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(26,18,8,.78) 0%, rgba(26,18,8,.18) 58%, rgba(26,18,8,.03) 100%);
  border-radius: var(--r-lg);
}
.portal-spot-card-ic {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 18px 18px 16px;
  z-index: 1;
}
.portal-spot-card--hero .portal-spot-card-ic {
  padding: 24px 24px 20px;
}
.portal-spot-card-baslik {
  font-family: 'Barlow', sans-serif;
  font-size: 17px; font-weight: 800;
  color: #fff; margin: 0 0 6px; line-height: 1.2;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.portal-spot-card--hero .portal-spot-card-baslik {
  font-size: clamp(21px, 2.4vw, 28px);
  -webkit-line-clamp: 2;
  margin-bottom: 8px;
}
.portal-spot-card:hover .portal-spot-card-baslik { color: var(--gold); }
.portal-spot-card-ozet {
  font-size: 14px; color: rgba(255,255,255,.7);
  margin: 0 0 10px; line-height: 1.5;
  max-width: 550px;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.portal-spot-card-meta {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; color: rgba(255,255,255,.72);
  flex-wrap: wrap;
}
.portal-spot-card--hero .portal-spot-card-meta { font-size: 12px; }
.portal-spot-card-yazar { color: var(--gold); font-weight: 600; }
.portal-spot-card-meta i { font-size: 10px; }

@media (max-width: 900px) {
  .portal-spot-4grid {
    grid-template-columns: 1fr 1fr;
  }
  .portal-spot-card--hero {
    grid-column: 1 / -1;
  }
  .portal-spot-card--hero .portal-spot-card-bg { min-height: 280px; }
  .portal-spot-card-bg { min-height: 180px; }
}
@media (max-width: 600px) {
  .portal-spot-4grid {
    grid-template-columns: 1fr;
  }
  .portal-spot-card--hero .portal-spot-card-bg { min-height: 220px; }
  .portal-spot-card-bg { min-height: 160px; }
  .portal-spot-card-ozet { display: none; }
  .portal-spot-card--hero .portal-spot-card-ic { padding: 16px; }
  .portal-spot-card--hero .portal-spot-card-baslik { font-size: 20px; }
}

/* ── FOOTER LOGO (admin resim) ── */
/* ── Admin Logo Seçici ── */
.ay-logo-sec { display:inline-block; }
.ay-logo-onizle { position:relative; min-width:180px; }
.ay-logo-onizle:hover { border-color:var(--gold-border) !important; box-shadow: none; }
.ay-logo-check {
  position:absolute; top:8px; right:8px;
  color:var(--gold); font-size:20px;
  animation: ayCheckIn .3s ease;
}
@keyframes ayCheckIn { from{transform:scale(0);} to{transform:scale(1);} }

/* ══════════════════════════════════════════════════════════
   YAZAR PROFİL KARTI (yazılar sayfası)
   ══════════════════════════════════════════════════════════ */
.yz-profil-kart {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface2) 100%);
  border: 1px solid var(--border);
  border-radius: var(--r);
  margin-bottom: 18px;
  position: relative;
  flex-wrap: wrap;
  box-shadow: none;
}
.yz-profil-sol { flex-shrink: 0; }
.yz-profil-foto {
  width: 80px; height: 80px;
  border-radius: 18px;
  object-fit: cover;
  border: 2px solid var(--gold);
  box-shadow: none;
}
.yz-profil-harf {
  width: 80px; height: 80px;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff3d8, #f1c56c);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Barlow', sans-serif;
  font-size: 22px; font-weight: 900; color: var(--brand);
  box-shadow: none;
}
.yz-profil-orta { flex: 1; min-width: 260px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.yz-profil-unvan {
  font-size: 9px; font-weight: 700; color: var(--text4);
  text-transform: uppercase; letter-spacing: .04em; display: none;
}
.yz-profil-ad {
  font-family: 'Barlow', sans-serif;
  font-size: 18px; font-weight: 800; color: var(--text);
  margin: 0; line-height: 1.1;
}
.yz-profil-bio {
  display: none;
}
.yz-profil-stats {
  display: flex; gap: 12px; flex-wrap: wrap;
  font-size: 11px; color: var(--text4);
}
.yz-profil-stats strong { color: var(--text); font-weight: 700; }
.yz-profil-stats i { font-size: 10px; margin-right: 2px; }
.yz-profil-aksiyonlar {
  display: flex; gap: 8px; align-items: center; margin-left: auto; flex-wrap: wrap;
}
.yz-profil-social {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 10px; border-radius: 16px;
  background: var(--bg2); border: 1px solid var(--border);
  color: var(--text3); font-size: 11px; font-weight: 600;
  text-decoration: none; transition: all .15s;
}
.yz-profil-social:hover { background: var(--gold-soft); color: var(--gold-dark); border-color: var(--gold-border); }
.yz-profil-takip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 10px; border-radius: 16px;
  background: var(--surface2); border: 1px solid var(--border);
  color: var(--text3); font-size: 11px; font-weight: 600;
  cursor: pointer; transition: all .15s;
}
.yz-profil-takip:hover { background: var(--gold-soft); color: var(--gold-dark); border-color: var(--gold-border); }
.yz-profil-takip.pgd-takip-aktif { color: #f87171; border-color: rgba(248,113,113,.3); background: rgba(248,113,113,.08); }
.yz-profil-kapat {
  position: absolute; top: 12px; right: 12px; transform: none;
  width: 32px; height: 32px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg2); color: var(--text4);
  text-decoration: none; font-size: 12px; transition: all .15s;
}
.yz-profil-kapat:hover { background: var(--gold-soft); color: var(--gold-dark); }

@media (max-width: 600px) {
  .yz-profil-kart { flex-wrap: wrap; padding: 12px 14px; }
  .yz-profil-orta { width: 100%; flex-direction: column; align-items: flex-start; gap: 6px; }
  .yz-profil-aksiyonlar { margin-left: 0; width: 100%; justify-content: flex-start; }
  .yz-profil-ad { font-size: 16px; }
  .yz-profil-kapat { top: 10px; right: 10px; transform: none; }
}
.pgd-menu-item-row{
  display:flex;
  align-items:stretch;
  gap:0;
  border-bottom:1px solid var(--border);
  background:transparent;
}
.pgd-menu-item-row:hover{
  background:var(--bg2);
}
.pgd-menu-item-link{
  flex:1;
  border-bottom:0;
  padding-right:10px;
}
.pgd-menu-item-toggle{
  width:44px;
  min-width:44px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow: none;
  color:var(--gold-dark);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.pgd-menu-item-toggle:hover{
  color:var(--gold);
  border-color:transparent;
  background:transparent;
}
.pgd-menu-item-toggle .pgd-menu-arrow{
  color:inherit;
  font-size:18px;
  line-height:1;
}

/* Loader */
.pgd-page-loader {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pgd-loader-bg, #f8f4ee);
  transition: opacity .28s ease, visibility .28s ease;
}
.pgd-page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pgd-page-loader-inner {
  width: min(92vw, 420px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.pgd-page-loader-logo {
  width: min(72vw, 320px);
  max-height: 92px;
  object-fit: contain;
}
.pgd-page-loader-word {
  font-family: 'Barlow', sans-serif;
  font-size: 46px;
  font-weight: 800;
  color: var(--brand);
  letter-spacing: .02em;
}
.pgd-page-loader-bar {
  width: min(72vw, 280px);
  height: 8px;
  border-radius: 999px;
  background: rgba(61,43,14,.08);
  overflow: hidden;
}
.pgd-page-loader-bar span {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold-dark), var(--gold));
  animation: pgdLoaderSlide 1.1s ease-in-out infinite;
}
.pgd-page-loader-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--text2);
}
@keyframes pgdLoaderSlide {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(240%); }
}
html.pgd-loading,
html.pgd-loading body {
  overflow: hidden;
}
@media (max-width: 768px) {
  .pgd-page-loader-inner { gap: 14px; }
  .pgd-page-loader-logo { max-height: 72px; }
  .pgd-page-loader-word { font-size: 38px; }
  .pgd-page-loader-text { font-size: 14px; }
}

/* Auth workspace */
.pgd-auth-workspace{
  width:100%;
  max-width:var(--max-w);
  min-height:calc(100vh - 156px);
  margin:0 auto;
  padding:18px 28px 42px;
  background:var(--bg);
  box-sizing:border-box;
}
.pgd-auth-workspace .sp-wrap{
  display:grid;
  grid-template-columns:minmax(380px,430px) minmax(0,1fr);
  gap:16px;
  width:100%;
  max-width:none;
  min-height:clamp(600px,calc(100vh - 220px),720px);
}
.pgd-auth-workspace .sp-right,
.pgd-auth-workspace .sp-left{
  min-width:0;
  min-height:100%;
  border:1px solid var(--border);
  border-radius:10px;
  overflow:hidden;
  box-shadow:none;
}
.pgd-auth-workspace .sp-right{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:auto;
  padding:clamp(30px,3vw,44px);
  background:
    radial-gradient(circle at 100% 0,rgba(232,150,10,.08),transparent 32%),
    var(--surface);
}
.pgd-auth-workspace .sp-right::before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(30px,3vw,44px);
  width:64px;
  height:3px;
  background:var(--gold);
}
.pgd-auth-workspace .sp-left{
  position:relative;
  display:flex;
  width:auto;
  padding:0;
  background:var(--surface2)!important;
}
.pgd-auth-workspace .sp-left::before{content:none;}
.pgd-auth-workspace .sp-left-mid,
.pgd-auth-workspace .sp-content-shell,
.pgd-auth-workspace .sp-content-shell-image-only,
.pgd-auth-workspace .sp-visual-media,
.pgd-auth-workspace .sp-visual-media-only,
.pgd-auth-workspace .sp-auth-html-content{
  display:flex;
  width:100%;
  height:100%;
  min-height:100%;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:hidden;
}
.pgd-auth-workspace .sp-auth-html-content{display:block;overflow:auto;}
.pgd-auth-workspace .sp-visual-media img,
.pgd-auth-workspace .sp-visual-media-only img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  max-width:none;
  margin:0;
  border:0;
  border-radius:0;
  object-fit:cover;
  object-position:center;
  background:var(--surface2);
}
.pgd-auth-workspace .sp-visual-empty{
  width:100%;
  min-height:100%;
  background:linear-gradient(135deg,var(--brand),#6c4b1d);
}
.pgd-auth-workspace .sp-form-title{
  margin:0;
  color:var(--text);
  font:800 clamp(34px,3vw,42px)/1.04 'Barlow',sans-serif;
  letter-spacing:-.025em;
  text-transform:none;
}
.pgd-auth-workspace .sp-form-sub{
  margin:8px 0 24px;
  color:var(--text3);
  font-size:14px;
  line-height:1.55;
}
.pgd-auth-workspace .auth-field{margin-bottom:16px;}
.pgd-auth-workspace .auth-field--terms{margin-bottom:20px;}
.pgd-auth-workspace .auth-field label{
  margin-bottom:7px;
  color:var(--text3);
  font:700 11px/1.3 'Inter',sans-serif;
  letter-spacing:.08em;
}
.pgd-auth-workspace .auth-field input,
.pgd-auth-workspace .auth-field select,
.pgd-auth-workspace .auth-field textarea{
  min-height:50px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--surface);
  color:var(--text);
  font:500 14px/1.35 'Inter',sans-serif;
}
.pgd-auth-workspace .auth-field input:focus,
.pgd-auth-workspace .auth-field select:focus,
.pgd-auth-workspace .auth-field textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(232,150,10,.10);
}
.pgd-auth-workspace .auth-row{margin-bottom:7px;}
.pgd-auth-workspace .auth-row label{margin-bottom:0;}
.pgd-auth-workspace .auth-eye{
  right:8px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border-radius:8px;
}
.pgd-auth-workspace .auth-eye:hover,
.pgd-auth-workspace .auth-eye:focus-visible{
  outline:0;
  background:var(--gold-bg);
  color:var(--gold-dark);
}
.pgd-auth-workspace .auth-link,
.pgd-auth-workspace .auth-footer-txt a,
.pgd-auth-workspace .auth-alert a,
.pgd-auth-workspace .auth-check-lbl a{
  color:var(--gold-dark);
  font-weight:700;
  text-decoration:none;
}
.pgd-auth-workspace .auth-btn{
  min-height:50px;
  margin:0;
  padding:12px 18px;
  border:1px solid var(--gold);
  border-radius:6px;
  background:var(--gold);
  color:#fff;
  font:700 14px/1 'Inter',sans-serif;
  letter-spacing:.03em;
  text-transform:none;
}
.pgd-auth-workspace .auth-btn:hover{
  border-color:var(--gold-dark);
  background:var(--gold-dark);
  color:#fff;
}
.pgd-auth-workspace .auth-btn--inline{
  display:inline-flex;
  width:auto;
  min-width:170px;
}
.pgd-auth-workspace .auth-google-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:0 44px;
  border:1px solid #d9dde5;
  border-radius:6px;
  background:#fff;
  color:#3c4043;
  font:500 14px/1 'Roboto',Arial,sans-serif;
  letter-spacing:.01em;
  text-decoration:none;
  box-shadow:none;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.pgd-auth-workspace .auth-google-btn:hover{
  border-color:#d2e3fc;
  background:#f8faff;
  color:#3c4043;
  box-shadow:none;
}
.pgd-auth-workspace .auth-google-btn:focus-visible{
  outline:2px solid #1a73e8;
  outline-offset:2px;
}
.pgd-auth-workspace .auth-google-icon{
  position:absolute;
  left:16px;
  top:50%;
  display:block;
  width:18px!important;
  height:18px!important;
  max-width:18px;
  max-height:18px;
  transform:translateY(-50%);
}
.pgd-auth-workspace .auth-or{
  display:flex;
  align-items:center;
  gap:12px;
  margin:16px 0;
  color:var(--text4);
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.pgd-auth-workspace .auth-or::before,
.pgd-auth-workspace .auth-or::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--border);
}
.pgd-auth-workspace .auth-divider{margin:22px 0 17px;}
.pgd-auth-workspace .auth-footer-txt{
  color:var(--text3);
  font-size:13px;
  line-height:1.55;
}
.pgd-auth-workspace .auth-alert,
.pgd-auth-workspace .auth-success,
.pgd-auth-workspace .auth-err-box{
  margin-bottom:18px;
  padding:15px 16px;
  border-radius:6px;
  text-align:left;
}
.pgd-auth-workspace .auth-alert--info{
  border-color:rgba(35,103,164,.20);
  background:rgba(35,103,164,.07);
  color:#205b8e;
}
.pgd-auth-workspace .auth-success{
  border:1px solid var(--green-border);
  background:var(--green-bg);
}
.pgd-auth-workspace .auth-err-box{
  border:1px solid var(--gold-border);
  background:var(--gold-bg);
}
.pgd-auth-workspace .auth-success-ico,
.pgd-auth-workspace .auth-err-ico{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:13px;
  border:1px solid var(--gold-border);
  border-radius:12px;
  background:rgba(232,150,10,.10);
  color:var(--gold-dark);
  font-size:20px;
}
.pgd-auth-workspace .auth-success h3,
.pgd-auth-workspace .auth-err-box h3{
  margin:0 0 8px;
  color:var(--text);
  font:800 24px/1.1 'Barlow',sans-serif;
  text-transform:none;
}
.pgd-auth-workspace .auth-success p,
.pgd-auth-workspace .auth-err-box p{
  margin:0 0 16px;
  color:var(--text3);
  line-height:1.6;
}
.pgd-auth-workspace .auth-field .auth-check-lbl{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0;
  color:var(--text3);
  font-size:12px;
  line-height:1.5;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
}
.pgd-auth-workspace .auth-check-lbl input[type="checkbox"]{
  display:block;
  flex:0 0 16px;
  width:16px;
  height:16px;
  min-height:16px;
  margin:1px 0 0;
  padding:0;
  border-radius:2px;
  accent-color:var(--gold);
  appearance:auto;
  cursor:pointer;
}
.pgd-auth-workspace .auth-check-lbl > span{
  min-width:0;
  line-height:1.5;
}
.pgd-auth-workspace .pgd-sifre-guc{
  min-height:18px;
  margin-top:7px;
  color:var(--text4);
  font-size:11px;
}
.pgd-auth-workspace .pgd-sifre-guc:empty{
  display:none;
}
.pgd-auth-workspace .pgd-sifre-guc span::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:currentColor;
}
.pgd-auth-workspace .pgd-sifre-guc .is-weak{color:#b73b3b;}
.pgd-auth-workspace .pgd-sifre-guc .is-medium{color:#ba7911;}
.pgd-auth-workspace .pgd-sifre-guc .is-good{color:#258252;}
.pgd-auth-workspace .pgd-sifre-guc .is-strong{color:#14683e;}

/* Single-screen animated login / registration */
.pgd-auth-access{
  --pgd-auth-slide-duration:560ms;
  --pgd-auth-slide-ease:cubic-bezier(.22,1,.36,1);
}
.pgd-auth-access .pgd-auth-access-shell{
  position:relative;
  width:100%;
  min-height:clamp(650px,calc(100vh - 220px),760px);
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface);
  box-shadow:none;
  isolation:isolate;
}
.pgd-auth-access .pgd-auth-form-deck{
  position:absolute;
  inset:0;
  z-index:1;
}
.pgd-auth-access .pgd-auth-form-panel{
  position:absolute;
  top:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:50%;
  min-width:0;
  padding:clamp(30px,4vw,58px);
  background:
    radial-gradient(circle at 100% 0,rgba(232,150,10,.06),transparent 34%),
    var(--surface);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity 260ms ease,
    transform 440ms var(--pgd-auth-slide-ease),
    visibility 0s linear 440ms;
}
.pgd-auth-access .pgd-auth-form-panel.is-register{
  left:0;
  transform:translate3d(-26px,0,0);
}
.pgd-auth-access .pgd-auth-form-panel.is-login{
  right:0;
  transform:translate3d(26px,0,0);
}
.pgd-auth-access[data-auth-mode="giris"] .pgd-auth-form-panel.is-login,
.pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-form-panel.is-register{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  pointer-events:auto;
  transition-delay:180ms,120ms,0s;
}
.pgd-auth-access .pgd-auth-form-inner{
  width:min(100%,430px);
  min-width:0;
}
.pgd-auth-access .pgd-auth-visual-slider{
  position:absolute;
  inset:0 auto 0 0;
  z-index:3;
  width:50%;
  overflow:hidden;
  border-radius:9px 0 0 9px;
  background:linear-gradient(135deg,var(--brand),#6c4b1d);
  color:#fff;
  transform:translate3d(0,0,0);
  transition:
    transform var(--pgd-auth-slide-duration) var(--pgd-auth-slide-ease),
    border-radius var(--pgd-auth-slide-duration) var(--pgd-auth-slide-ease);
  will-change:transform;
}
.pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-visual-slider{
  border-radius:0 9px 9px 0;
  transform:translate3d(100%,0,0);
}
.pgd-auth-access .pgd-auth-visual-layer{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.025);
  transition:opacity 360ms ease,transform 700ms var(--pgd-auth-slide-ease);
}
.pgd-auth-access[data-auth-mode="giris"] .pgd-auth-visual-layer[data-auth-visual="giris"],
.pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-visual-layer[data-auth-visual="kayit"]{
  opacity:1;
  transform:scale(1);
}
.pgd-auth-access .pgd-auth-visual-layer .sp-left-mid,
.pgd-auth-access .pgd-auth-visual-layer .sp-content-shell,
.pgd-auth-access .pgd-auth-visual-layer .sp-content-shell-image-only,
.pgd-auth-access .pgd-auth-visual-layer .sp-visual-media,
.pgd-auth-access .pgd-auth-visual-layer .sp-visual-media-only,
.pgd-auth-access .pgd-auth-visual-layer .sp-auth-html-content{
  width:100%;
  height:100%;
  min-height:100%;
}
.pgd-auth-access .sp-visual-picture{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
}
.pgd-auth-access .pgd-auth-visual-layer img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.pgd-auth-access .pgd-auth-visual-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(20,13,6,.08),rgba(20,13,6,.60)),
    linear-gradient(135deg,rgba(145,82,22,.18),rgba(28,19,10,.34));
}
.pgd-auth-access .pgd-auth-visual-content{
  position:absolute;
  top:50%;
  right:clamp(24px,4vw,52px);
  left:clamp(24px,4vw,52px);
  z-index:2;
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
  transform:translateY(-50%);
}
.pgd-auth-access .pgd-auth-visual-kicker{
  color:#f3b65a;
  font:800 11px/1 'Inter',sans-serif;
  letter-spacing:.16em;
}
.pgd-auth-access .pgd-auth-visual-content > strong{
  color:#fff;
  font:800 clamp(36px,3.6vw,54px)/1.02 'Barlow',sans-serif;
  letter-spacing:-.025em;
}
.pgd-auth-access .pgd-auth-visual-content > p{
  max-width:430px;
  margin:0 auto 10px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.55;
}
.pgd-auth-access .pgd-auth-mode-tabs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  width:min(100%,360px);
  padding:4px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:rgba(18,12,7,.28);
  backdrop-filter:blur(8px);
}
.pgd-auth-access .pgd-auth-mode-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:0 12px;
  border-radius:5px;
  color:rgba(255,255,255,.74);
  font:700 13px/1 'Inter',sans-serif;
  text-decoration:none;
  transition:background-color 180ms ease,color 180ms ease,transform 180ms ease;
}
.pgd-auth-access .pgd-auth-mode-tab:hover,
.pgd-auth-access .pgd-auth-mode-tab:focus-visible{
  color:#fff;
  outline:0;
}
.pgd-auth-access .pgd-auth-mode-tab.is-active,
.pgd-auth-access[data-auth-mode="giris"] .pgd-auth-mode-tab[data-auth-mode-target="giris"],
.pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-mode-tab[data-auth-mode-target="kayit"]{
  background:#fff;
  color:var(--brand);
  box-shadow:none;
}
.pgd-auth-access.is-switching .pgd-auth-mode-tab.is-active{
  transform:scale(.98);
}

.pgd-auth-access .pgd-auth-support-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px 18px;
  flex-wrap:wrap;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.pgd-auth-access .pgd-auth-support-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--text3);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
}
.pgd-auth-access .pgd-auth-support-links a:hover,
.pgd-auth-access .pgd-auth-support-links a:focus-visible{
  color:var(--gold-dark);
  outline:0;
}

.pgd-auth-access .pgd-auth-dialog{
  width:min(450px,calc(100vw - 28px));
  max-width:none;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  overflow:visible;
}
.pgd-auth-access .pgd-auth-dialog::backdrop{
  background:rgba(24,17,10,.60);
  backdrop-filter:blur(3px);
}
.pgd-auth-access .pgd-auth-dialog[open]{
  animation:pgdAuthDialogIn 220ms cubic-bezier(.22,1,.36,1);
}
.pgd-auth-access .pgd-auth-dialog-card{
  position:relative;
  padding:30px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface);
  box-shadow:none;
}
.pgd-auth-access .pgd-auth-dialog-close{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid var(--border);
  border-radius:5px;
  background:var(--surface);
  color:var(--text3);
  cursor:pointer;
}
.pgd-auth-access .pgd-auth-dialog-close:hover,
.pgd-auth-access .pgd-auth-dialog-close:focus-visible{
  border-color:var(--gold-border);
  color:var(--gold-dark);
  outline:0;
}
.pgd-auth-access .pgd-auth-dialog-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:18px;
  border:1px solid var(--gold-border);
  border-radius:6px;
  background:var(--gold-bg);
  color:var(--gold-dark);
  font-size:19px;
}
.pgd-auth-access .pgd-auth-dialog h2{
  margin:0 44px 7px 0;
  color:var(--text);
  font:800 28px/1.08 'Barlow',sans-serif;
}
.pgd-auth-access .pgd-auth-dialog-card > p{
  margin:0 0 22px;
  color:var(--text3);
  font-size:13px;
  line-height:1.6;
}
.pgd-auth-access .pgd-auth-dialog-status{
  margin:0 0 14px;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:5px;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
}
.pgd-auth-access .pgd-auth-dialog-status.is-success{
  border-color:var(--green-border);
  background:var(--green-bg);
  color:var(--green);
}
.pgd-auth-access .pgd-auth-dialog-status.is-error{
  border-color:var(--red-border);
  background:var(--red-bg);
  color:var(--red);
}
@keyframes pgdAuthDialogIn{
  from{opacity:0;transform:translateY(10px) scale(.985);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

@media(max-width:980px){
  .pgd-auth-workspace{min-height:0;padding:18px 18px 32px;}
  .pgd-auth-workspace .sp-wrap{grid-template-columns:1fr;min-height:0;}
  .pgd-auth-workspace .sp-right{min-height:0;}
  .pgd-auth-workspace .sp-left{
    display:flex;
    min-height:280px;
    aspect-ratio:16/8;
  }
  .pgd-auth-workspace .sp-visual-media img,
  .pgd-auth-workspace .sp-visual-media-only img{min-height:0;}
  .pgd-auth-access .pgd-auth-access-shell{
    display:flex;
    flex-direction:column;
    min-height:0;
    border-radius:8px;
  }
  .pgd-auth-access .pgd-auth-visual-slider{
    position:relative;
    inset:auto;
    order:0;
    width:100%;
    height:clamp(220px,34vh,300px);
    flex:0 0 clamp(220px,34vh,300px);
    border-radius:7px 7px 0 0!important;
    transform:none!important;
  }
  .pgd-auth-access .pgd-auth-form-deck{
    position:relative;
    inset:auto;
    order:1;
    height:var(--pgd-auth-mobile-height,650px);
    min-height:0;
    transition:height 420ms var(--pgd-auth-slide-ease);
  }
  .pgd-auth-access .pgd-auth-form-panel,
  .pgd-auth-access .pgd-auth-form-panel.is-register,
  .pgd-auth-access .pgd-auth-form-panel.is-login{
    top:0;
    right:0;
    bottom:auto;
    left:0;
    align-items:flex-start;
    width:100%;
    height:auto;
    padding:30px clamp(20px,6vw,42px) 34px;
  }
  .pgd-auth-access .pgd-auth-visual-content{
    top:50%;
    right:20px;
    bottom:auto;
    left:20px;
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:7px;
    transform:translateY(-50%);
  }
  .pgd-auth-access .pgd-auth-visual-content > strong{font-size:32px;}
  .pgd-auth-access .pgd-auth-visual-content > p,
  .pgd-auth-access .pgd-auth-visual-kicker{display:none;}
  .pgd-auth-access .pgd-auth-mode-tabs{width:100%;max-width:360px;}
}
@media(max-width:600px){
  .pgd-auth-workspace{padding:12px 12px 26px;}
  .pgd-auth-workspace .sp-wrap{gap:12px;}
  .pgd-auth-workspace .sp-right,
  .pgd-auth-workspace .sp-left{border-radius:8px;}
  .pgd-auth-workspace .sp-right{padding:28px 20px 24px;}
  .pgd-auth-workspace .sp-right::before{left:20px;}
  .pgd-auth-workspace .sp-form-title{font-size:34px;}
  .pgd-auth-workspace .auth-grid2{grid-template-columns:1fr;}
  .pgd-auth-workspace .auth-btn--inline{width:100%;}
  .pgd-auth-workspace .sp-left{min-height:210px;aspect-ratio:16/9;}
  .pgd-auth-access{padding:10px 10px 24px;}
  .pgd-auth-access .pgd-auth-visual-slider{height:124px;flex-basis:124px;}
  .pgd-auth-access .pgd-auth-visual-content{
    top:auto;
    right:12px;
    bottom:10px;
    left:12px;
    gap:0;
    transform:none;
  }
  .pgd-auth-access .pgd-auth-visual-content > strong{display:none;}
  .pgd-auth-access .pgd-auth-mode-tabs{
    width:100%;
    max-width:330px;
    padding:3px;
  }
  .pgd-auth-access .pgd-auth-mode-tab{min-height:38px;padding:0 8px;font-size:12px;}
  .pgd-auth-access .pgd-auth-form-panel,
  .pgd-auth-access .pgd-auth-form-panel.is-register,
  .pgd-auth-access .pgd-auth-form-panel.is-login{padding:25px 18px 30px;}
  .pgd-auth-access .pgd-auth-dialog-card{padding:24px 20px 22px;}
  .pgd-auth-access .pgd-auth-dialog h2{font-size:25px;}
}

/* Mobile auth is form-first: no decorative image, only a clear tab switcher. */
@media(max-width:760px){
  .pgd-auth-access{
    padding:8px 8px 22px;
  }
  .pgd-auth-access .pgd-auth-access-shell{
    overflow:hidden;
    border-radius:8px;
    background:var(--surface);
  }
  .pgd-auth-access .pgd-auth-visual-slider{
    position:relative;
    inset:auto;
    order:0;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    flex:0 0 auto;
    overflow:visible;
    border:0;
    border-bottom:1px solid var(--border);
    border-radius:0!important;
    background:var(--surface);
    color:var(--text);
    transform:none!important;
    transition:none;
  }
  .pgd-auth-access .pgd-auth-visual-layer,
  .pgd-auth-access .pgd-auth-visual-shade,
  .pgd-auth-access .pgd-auth-visual-kicker,
  .pgd-auth-access .pgd-auth-visual-content > strong,
  .pgd-auth-access .pgd-auth-visual-content > p{
    display:none!important;
  }
  .pgd-auth-access .pgd-auth-visual-content{
    position:static;
    display:block;
    padding:7px;
    text-align:initial;
    transform:none;
  }
  .pgd-auth-access .pgd-auth-mode-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3px;
    width:100%;
    max-width:none;
    padding:3px;
    border:1px solid var(--border);
    border-radius:7px;
    background:var(--bg2);
    backdrop-filter:none;
  }
  .pgd-auth-access .pgd-auth-mode-tab{
    min-width:0;
    min-height:48px;
    padding:0 10px;
    border:1px solid transparent;
    border-radius:5px;
    color:var(--text3);
    font-size:13px;
    font-weight:750;
    line-height:1;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .pgd-auth-access .pgd-auth-mode-tab:hover,
  .pgd-auth-access .pgd-auth-mode-tab:focus-visible{
    color:var(--text);
  }
  .pgd-auth-access .pgd-auth-mode-tab:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:1px;
  }
  .pgd-auth-access .pgd-auth-mode-tab.is-active,
  .pgd-auth-access[data-auth-mode="giris"] .pgd-auth-mode-tab[data-auth-mode-target="giris"],
  .pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-mode-tab[data-auth-mode-target="kayit"]{
    border-color:var(--gold-border);
    background:var(--surface);
    color:var(--gold-dark);
  }
  .pgd-auth-access .pgd-auth-form-deck{
    order:1;
    height:auto!important;
    transition:none;
  }
  .pgd-auth-access .pgd-auth-form-panel,
  .pgd-auth-access .pgd-auth-form-panel.is-register,
  .pgd-auth-access .pgd-auth-form-panel.is-login{
    position:relative;
    inset:auto;
    display:none;
    width:100%;
    height:auto;
    padding:22px 16px 26px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none!important;
    transition:none;
  }
  .pgd-auth-access[data-auth-mode="giris"] .pgd-auth-form-panel.is-login,
  .pgd-auth-access[data-auth-mode="kayit"] .pgd-auth-form-panel.is-register{
    display:flex;
  }
  .pgd-auth-access .pgd-auth-form-inner{
    width:100%;
  }
  .pgd-auth-access .sp-form-title{
    font-size:29px;
  }
  .pgd-auth-access .sp-form-sub{
    margin:5px 0 20px;
    font-size:13px;
  }
  .pgd-auth-access .auth-eye{
    right:4px;
    width:44px;
    height:44px;
    touch-action:manipulation;
  }
  .pgd-auth-access .auth-check-lbl{
    min-height:40px;
    padding:5px 0;
  }
  .pgd-auth-access .auth-btn,
  .pgd-auth-access .auth-google-btn{
    min-height:48px;
    touch-action:manipulation;
  }
  .pgd-auth-access .pgd-auth-support-links{
    justify-content:flex-start;
    gap:4px;
    margin-top:12px;
    padding-top:10px;
  }
  .pgd-auth-access .pgd-auth-support-links a{
    min-height:40px;
    padding:0 8px;
    border-radius:5px;
    touch-action:manipulation;
  }
}

@media(prefers-reduced-motion:reduce){
  .pgd-auth-access .pgd-auth-visual-slider,
  .pgd-auth-access .pgd-auth-visual-layer,
  .pgd-auth-access .pgd-auth-form-panel,
  .pgd-auth-access .pgd-auth-form-deck,
  .pgd-auth-access .pgd-auth-mode-tab,
  .pgd-auth-access .pgd-auth-dialog{
    transition-duration:1ms!important;
    animation-duration:1ms!important;
  }
}

/* Tarih / Hipodrom bar v2 */
.pgd-nav-tarih{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--surface),var(--surface2));
}
.pgd-nav-tarih-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex-wrap:nowrap;
}
.pgd-nav-current-date{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  min-width:180px;
  padding:0 4px;
}
.pgd-nav-current-label{
  font-size:11px;
  font-weight:700;
  color:var(--text4);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.pgd-nav-current-date strong{
  font-size:16px;
  color:var(--text);
  line-height:1.15;
}
.pgd-nav-chip-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.pgd-nav-arrow{
  width:38px;
  height:38px;
  border-radius:12px;
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--text3);
  font-size:20px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  box-shadow: none;
}
.pgd-nav-arrow:hover{
  border-color:var(--gold-border);
  color:var(--gold-dark);
  background:var(--gold-soft);
}
.pgd-nav-gun{
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:var(--surface);
  border:1px solid var(--border);
  color:var(--text2);
  font-size:13px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: none;
}
.pgd-nav-gun:hover{
  border-color:var(--gold-border);
  color:var(--gold-dark);
  background:var(--gold-soft);
}
.pgd-nav-gun.aktif{
  background:linear-gradient(180deg,var(--gold),#d88e10);
  border-color:var(--gold-dark);
  color:#fff;
  box-shadow: none;
}
.pgd-nav-gun-kisa{
  line-height:1;
  white-space:nowrap;
}
.pgd-nav-tarih-right{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.pgd-nav-date-trigger{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  color:var(--text);
  box-shadow: none;
}
.pgd-nav-date-trigger:hover{
  border-color:var(--gold-border);
  background:var(--gold-soft);
}
.pgd-nav-date-trigger i{
  font-size:17px;
  color:var(--gold-dark);
}
.pgd-nav-date-trigger-main{
  font-size:12px;
  font-weight:800;
  color:var(--text2);
  white-space:nowrap;
}
.pgd-nav-date-trigger-sub{
  font-size:12px;
  color:var(--text3);
  white-space:nowrap;
}
.pgd-nav-date-input{
  width:0;
  min-width:0;
  height:0;
  opacity:0;
  pointer-events:none;
  padding:0;
  border:none;
  position:absolute;
}
.pgd-nav-tarih-label{
  font-size:14px;
  font-weight:700;
  color:var(--text);
  white-space:nowrap;
}
.pgd-nav-hips{
  display:flex;
  overflow-x:auto;
  gap:0;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x proximity;
}
.pgd-nav-hips::-webkit-scrollbar{display:none;}
.pgd-nav-hip{
  min-width:132px;
  padding:10px 14px;
  border-right:1px solid var(--border);
  scroll-snap-align:start;
}
.pgd-nav-hip.aktif{
  background:linear-gradient(180deg,var(--surface),var(--gold-soft));
  border-bottom:3px solid var(--gold);
}
.pgd-nav-date-list{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--surface2),var(--surface));
}
.pgd-nav-date-chip{
  min-width:120px;
}
@media (max-width: 768px){
  .pgd-nav-tarih{
    padding:12px;
    gap:12px;
    align-items:stretch;
  }
  .pgd-nav-tarih-left{
    width:100%;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    touch-action:pan-x;
  }
  .pgd-nav-current-date{
    min-width:160px;
  }
  .pgd-nav-tarih-left::-webkit-scrollbar{display:none;}
  .pgd-nav-tarih-right{
    width:100%;
    margin-left:0;
    justify-content:space-between;
  }
  .pgd-nav-date-trigger{
    flex:1 1 auto;
    justify-content:flex-start;
    min-height:42px;
  }
  .pgd-nav-date-trigger-sub{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .pgd-nav-tarih-label{
    display:none;
  }
  .pgd-nav-hip{
    min-width:138px;
    padding:10px 12px;
  }
}
@media (max-width: 480px){
  .pgd-nav-chip-group{
    gap:6px;
  }
  .pgd-nav-gun{
    min-height:38px;
    padding:0 13px;
    border-radius:12px;
    font-size:12px;
  }
  .pgd-nav-arrow{
    width:34px;
    height:34px;
    flex-basis:34px;
    font-size:18px;
  }
  .pgd-nav-date-trigger{
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
  }
  .pgd-nav-date-trigger-main,
  .pgd-nav-date-trigger-sub{
    font-size:11px;
  }
}
.pgd-galop-compare {
  margin: 16px 0 14px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(232,160,32,.08), rgba(255,255,255,.02));
}
.pgd-galop-compare-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.pgd-galop-compare-title {
  font-family: 'Barlow', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: var(--text);
}
.pgd-galop-compare-sub {
  font-size: 12px;
  color: var(--text3);
}
.pgd-galop-compare-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.pgd-galop-card {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}
.pgd-galop-rank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--gold-bg);
  color: var(--gold-dark);
  font-weight: 900;
}
.pgd-galop-name {
  display: inline-block;
  font-weight: 800;
  color: var(--text);
  text-decoration: none;
  margin-bottom: 4px;
}
.pgd-galop-score{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.pgd-galop-score-bar{
  flex:1;
  height:8px;
  border-radius:999px;
  background:var(--bg2);
  overflow:hidden;
}
.pgd-galop-score-fill{
  display:block;
  height:100%;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),var(--gold-dark));
  transition:width .35s ease;
}
.pgd-galop-score-text{
  font-size:12px;
  font-weight:800;
  color:var(--gold-dark);
  min-width:34px;
  text-align:right;
}
.pgd-galop-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--text3);
}
.pgd-galop-chip{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(22,163,74,.12);
  color:#15803d;
  font-weight:800;
}
.pgd-galop-glance{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  min-width:64px;
}
.pgd-galop-glance-label{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--text4);
}
.pgd-galop-glance-value{
  font-size:18px;
  font-weight:900;
  color:var(--text);
}
.pgd-galop-inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pgd-galop-inline-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--surface2);
  border: 1px solid var(--border);
  font-size: 12px;
  color: var(--text2);
}
.pgd-galop-inline-name {
  font-weight: 800;
  color: var(--text);
}
.pgd-galop-inline-badge {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(22,163,74,.12);
  color: #15803d;
  font-size: 11px;
  font-weight: 800;
}
@media (max-width: 720px) {
  .pgd-galop-card {
    grid-template-columns: 32px 1fr;
  }
  .pgd-galop-glance {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* Race UI refresh */
.pgd-top-bar,
.son-nav-bar {
  margin-bottom: 14px;
}

.pgd-race-nav-bar,
.son-nav-bar {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: none;
  overflow: hidden;
}

.pgd-nav-tarih {
  padding: 14px 18px;
  gap: 16px;
}

.pgd-nav-current-date {
  min-width: 210px;
}

.pgd-nav-current-label {
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--text4);
}

.pgd-nav-current-date strong {
  font-family: 'Barlow', sans-serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.pgd-nav-date-trigger {
  min-height: 48px;
  padding: 0 16px;
}

.pgd-nav-date-trigger-main {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.pgd-nav-date-trigger-sub {
  font-size: 13px;
  font-weight: 700;
}

.pgd-nav-date-list {
  padding: 0 10px;
}

.pgd-nav-date-chip {
  min-width: 116px;
  padding: 10px 12px;
}

.pgd-nav-date-chip .pgd-nav-hip-ad {
  font-weight: 800;
}

.pgd-nav-date-chip .pgd-nav-hip-kos {
  font-size: 11px;
  color: var(--text4);
}

.pgd-nav-hips {
  background: var(--surface);
}

.pgd-nav-hip {
  min-width: 146px;
  padding: 12px 14px;
}

.pgd-nav-hip-top {
  align-items: center;
}

.pgd-nav-hip-ad {
  font-size: 13px;
  font-weight: 800;
}

.pgd-nav-hip-pist {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pgd-pist-tag {
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.pgd-kt-wrap {
  margin-bottom: 12px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.pgd-kt-tabs {
  gap: 10px;
  padding: 6px 0 10px;
  border-bottom: none;
}

.pgd-kt-tab {
  min-width: 84px;
  padding: 10px 10px 9px;
  border-radius: 16px;
  gap: 8px;
  align-items: stretch;
  box-shadow: none;
}

.pgd-kt-no-row,
.pgd-kt-saat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pgd-kt-no {
  font-family: 'Barlow', sans-serif;
  font-size: 28px;
  line-height: .95;
  font-weight: 800;
}

.pgd-kt-saat-row {
  padding-top: 7px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.pgd-kt-saat {
  font-size: 12px;
  font-weight: 800;
  font-family: inherit;
  margin-top: 0;
}

.pgd-kt-pist-mini {
  font-size: 11px;
  font-weight: 800;
  color: var(--text4);
}

.pgd-kt-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.05);
  color: var(--text3);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.pgd-kt-state-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--amber);
  box-shadow: none;
}

.pgd-kt-state.canli {
  background: rgba(22,163,74,.12);
  color: #15803d;
}

.pgd-kt-state.canli .pgd-kt-state-dot {
  background: #16a34a;
  box-shadow: none;
}

.pgd-kt-state.bitti {
  background: rgba(37,99,235,.10);
  color: #1d4ed8;
}

.pgd-kt-state.bitti .pgd-kt-state-dot {
  background: #2563eb;
  box-shadow: none;
}

.pgd-kt-state-label {
  line-height: 1;
}

.pgd-kt-check {
  top: 8px;
  right: 8px;
  font-size: 11px;
}

.pgd-form10 {
  gap: 5px;
}

.pgd-f {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  transition: transform .14s ease, box-shadow .14s ease;
}

.pgd-f:hover {
  transform: translateY(-1px);
  box-shadow: none;
}

.pgd-f-code {
  font-size: 0;
}

.pgd-f-code i {
  font-size: 13px;
  line-height: 1;
}

.pgd-form-tooltip {
  padding: 12px 14px;
  min-width: 220px;
  max-width: 290px;
  border-radius: 16px;
}

.pgd-tip-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.pgd-tip-head-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface2);
  border: 1px solid var(--border);
  color: var(--text2);
  flex-shrink: 0;
}

.pgd-tip-head-icon.tip-s1 {
  background: #fff7d6;
  color: #b45309;
  border-color: #fcd34d;
}

.pgd-tip-head-icon.tip-s2 {
  background: #eff6ff;
  color: #2563eb;
  border-color: #bfdbfe;
}

.pgd-tip-head-icon.tip-s3 {
  background: #f5f3ff;
  color: #7c3aed;
  border-color: #ddd6fe;
}

.pgd-tip-head-icon.tip-sx {
  background: var(--surface2);
  color: var(--text3);
}

.pgd-tip-head-icon i {
  font-size: 15px;
}

.pgd-tip-sira {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 800;
}

.pgd-tip-mini {
  margin-top: 2px;
  font-size: 11px;
  color: var(--text4);
}

.pgd-tip-divider {
  margin: 10px 0 8px;
}

.pgd-tip-row {
  gap: 8px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
}

.pgd-tip-row i {
  width: 16px;
  text-align: center;
  color: var(--gold-dark);
  flex-shrink: 0;
}

.pgd-tip-ganyan {
  color: var(--gold-dark);
  font-weight: 700;
}

.pgd-galop-compare {
  margin: 12px 0 14px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(232,160,32,.06), rgba(255,255,255,.02));
}

.pgd-galop-compare-title {
  font-size: 20px;
}

.pgd-galop-compare-sub {
  max-width: 720px;
}

.pgd-galop-compare-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.pgd-galop-card {
  grid-template-columns: 30px 1fr auto;
  padding: 10px 11px;
  border-radius: 16px;
}

.pgd-galop-rank {
  width: 30px;
  height: 30px;
  font-size: 14px;
}

.pgd-galop-name {
  margin-bottom: 3px;
  font-size: 13px;
}

.pgd-galop-score {
  margin-bottom: 5px;
}

.pgd-galop-score-bar {
  height: 7px;
}

.pgd-galop-meta {
  gap: 6px;
  font-size: 11px;
}

.pgd-galop-meta span {
  display: inline-flex;
  align-items: center;
}

.pgd-galop-glance {
  min-width: 58px;
}

.pgd-galop-glance-label {
  font-size: 9px;
}

.pgd-galop-glance-value {
  font-size: 16px;
}

.pgd-galop-inline-list {
  gap: 6px;
}

.pgd-galop-inline-item {
  gap: 7px;
  padding: 7px 9px;
  border-radius: 999px;
  font-size: 11px;
}

@media (max-width: 900px) {
  .pgd-nav-tarih {
    padding: 12px 14px;
  }

  .pgd-nav-current-date strong {
    font-size: 23px;
  }

  .pgd-kt-tab {
    min-width: 78px;
    padding: 9px 9px 8px;
  }
}

@media (max-width: 768px) {
  .pgd-nav-current-date {
    min-width: 172px;
  }

  .pgd-nav-current-date strong {
    font-size: 20px;
  }

  .pgd-nav-date-chip {
    min-width: 102px;
  }

  .pgd-nav-hip {
    min-width: 136px;
  }

  .pgd-kt-tabs {
    gap: 8px;
  }

  .pgd-kt-tab {
    min-width: 72px;
  }

  .pgd-kt-no {
    font-size: 24px;
  }

  .pgd-kt-state-label {
    display: none;
  }

  .pgd-galop-compare-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  }
}

/* ============================================================
   Race UI polish - compact navigation, tabs and galop form
   ============================================================ */
.pgd-nav-tarih {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg,var(--surface),var(--bg2));
}

.pgd-nav-tarih-left {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.pgd-nav-arrow {
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--text2);
}

.pgd-nav-current-date {
  min-width:auto;
  padding:0 2px;
  gap:0;
}

.pgd-nav-current-label {
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text4);
}

.pgd-nav-current-date strong {
  font-family:'Barlow',sans-serif;
  font-size:22px;
  font-weight:800;
  line-height:1.1;
}

.pgd-nav-tarih-right {
  flex-shrink:0;
}

.pgd-nav-date-trigger {
  min-height:42px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(232,160,32,.24);
  background:linear-gradient(180deg,#fffaf0,#fff);
  color:var(--text2);
  gap:10px;
}

.pgd-nav-date-trigger-main {
  font-size:12px;
  font-weight:700;
}

.pgd-nav-date-trigger-sub {
  font-size:11px;
  color:var(--text4);
}

.pgd-nav-date-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
  gap:8px;
  margin-top:10px;
}

.pgd-nav-date-chip {
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
}

.pgd-nav-date-chip .pgd-nav-hip-ad {
  font-size:12px;
  font-weight:800;
}

.pgd-nav-date-chip .pgd-nav-hip-kos {
  font-size:11px;
}

.pgd-nav-hips {
  gap:8px;
  margin-top:10px;
}

.pgd-nav-hip {
  min-width:128px;
  padding:10px 12px;
  border-radius:14px;
}

.pgd-nav-hip-top {
  gap:6px;
}

.pgd-nav-hip-ad {
  font-size:12px;
  font-weight:800;
}

.pgd-nav-hip-sicak,
.pgd-nav-hip-kos,
.pgd-pist-tag {
  font-size:10px;
}

.pgd-kt-tabs {
  gap:8px;
  padding:4px 0 8px;
}

.pgd-kt-tab {
  min-width:66px;
  padding:8px 8px 7px;
  border-radius:14px;
  gap:6px;
}

.pgd-kt-no {
  font-size:18px;
}

.pgd-kt-state {
  padding:2px 6px;
  border-radius:999px;
}

.pgd-kt-state-label {
  font-size:9px;
  font-weight:700;
}

.pgd-kt-saat {
  font-size:10px;
}

.pgd-kt-pist-mini {
  font-size:10px;
}

.pgd-kt-check {
  top:6px;
  right:6px;
  font-size:10px;
}

.pgd-form10 {
  gap:4px;
}

.pgd-f {
  width:24px;
  height:24px;
  border-radius:7px;
  font-size:10px;
}

.pgd-f-code i {
  font-size:12px;
}

.pgd-sira-badge i {
  font-size:12px;
}

.pgd-galop-compare.pgd-galop-compact {
  margin:10px 0 12px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(232,160,32,.04),rgba(255,255,255,.02));
}

.pgd-galop-compare-title {
  font-size:18px;
}

.pgd-galop-compare-sub {
  font-size:12px;
  color:var(--text4);
}

.pgd-galop-compact-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
  margin-bottom:8px;
}

.pgd-galop-mini-card {
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
}

.pgd-galop-mini-top {
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}

.pgd-galop-mini-score {
  font-size:12px;
  font-weight:800;
  color:var(--gold-dark);
}

.pgd-galop-mini-meta {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  font-size:11px;
  color:var(--text3);
}

.pgd-galop-inline-minimal {
  gap:6px;
}

.pgd-galop-inline-item {
  gap:6px;
  padding:6px 8px;
  border-radius:999px;
  font-size:11px;
}

.pgd-index-warn {
  margin-bottom: 16px;
}

.pgd-form-tooltip {
  display: none;
}

@media (max-width: 900px) {
  .pgd-nav-tarih {
    flex-direction:column;
    align-items:stretch;
  }

  .pgd-nav-tarih-right {
    width:100%;
  }

  .pgd-nav-date-trigger {
    width:100%;
    justify-content:center;
  }
}

@media (max-width: 768px) {
  .pgd-nav-current-date strong {
    font-size:18px;
  }

  .pgd-nav-date-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pgd-nav-hips {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pgd-nav-hip,
  .pgd-nav-date-chip {
    min-width:0;
  }

  .pgd-kt-tab {
    min-width:58px;
    padding:7px 7px 6px;
  }

  .pgd-kt-no {
    font-size:16px;
  }

  .pgd-kt-state-label {
    display:none;
  }

  .pgd-galop-compact-grid {
    grid-template-columns:1fr 1fr;
  }
}

/* ============================================================
   Race Nav v2 - date and venue separation
   ============================================================ */
.pgd-race-nav-bar-v2{
  background:#f3ecdf !important;
  border:1px solid #d4c6ac !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.pgd-race-panel-kicker{
  display:inline-block !important;
  padding:5px 8px !important;
  background:#15110c !important;
  color:#f0d59a !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.pgd-race-date-panel{
  display:grid !important;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) !important;
  border-bottom:1px solid rgba(61,43,14,.12) !important;
  background:
    linear-gradient(135deg, rgba(232,160,32,.12) 0, transparent 22%),
    linear-gradient(180deg, #faf5ec 0%, #efe4d1 100%) !important;
}
.pgd-race-date-panel-copy{
  padding:22px 24px !important;
  border-right:1px solid rgba(61,43,14,.12) !important;
}
.pgd-race-date-title{
  display:block !important;
  margin-top:12px !important;
  color:#1a1208 !important;
  font-family:"Barlow",sans-serif !important;
  font-size:36px !important;
  font-weight:800 !important;
  line-height:.95 !important;
  text-transform:uppercase !important;
}
.pgd-race-date-text{
  margin:10px 0 0 !important;
  max-width:300px !important;
  color:#6a5536 !important;
  font-size:13px !important;
  line-height:1.7 !important;
}
.pgd-race-date-panel-tools{
  padding:18px 22px !important;
  display:grid !important;
  gap:16px !important;
}
.pgd-race-day-switch{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) 48px !important;
  gap:10px !important;
  align-items:stretch !important;
}
.pgd-race-day-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#15110c !important;
  color:#f4dca8 !important;
  border:none !important;
  border-radius:0 !important;
  min-height:72px !important;
}
.pgd-race-day-pills{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  border:1px solid #cdbca0 !important;
}
.pgd-race-day-pill{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-height:72px !important;
  padding:12px 14px !important;
  background:#fffdfa !important;
  color:#1a1208 !important;
  border-right:1px solid #cdbca0 !important;
  transition:none !important;
}
.pgd-race-day-pill:last-child{
  border-right:none !important;
}
.pgd-race-day-pill.aktif{
  background:#e8a020 !important;
  color:#15110c !important;
}
.pgd-race-day-name{
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.pgd-race-day-date{
  font-family:"Barlow",sans-serif !important;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.pgd-race-date-manual{
  display:flex !important;
  align-items:end !important;
  gap:12px !important;
}
.pgd-race-date-field{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  min-width:240px !important;
}
.pgd-race-date-field-label{
  color:#7b6646 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.pgd-race-date-input{
  min-height:52px !important;
  padding:0 14px !important;
  border:1px solid #cdbca0 !important;
  border-radius:0 !important;
  background:#fffdf8 !important;
  color:#1a1208 !important;
  font-weight:700 !important;
}
.pgd-race-date-mobile-trigger{
  display:none !important;
}
.pgd-race-calendar-strip{
  padding:18px 22px !important;
  border-bottom:1px solid rgba(61,43,14,.10) !important;
  background:#f7f1e6 !important;
}
.pgd-race-calendar-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}
.pgd-race-calendar-caption{
  color:#7b6646 !important;
  font-size:12px !important;
  font-weight:600 !important;
}
.pgd-race-calendar-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr)) !important;
  gap:10px !important;
}
.pgd-race-calendar-card{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  padding:14px 12px !important;
  background:#fffdfa !important;
  border:1px solid #d4c6ac !important;
  color:#1a1208 !important;
}
.pgd-race-calendar-card.aktif{
  background:#15110c !important;
  border-color:#15110c !important;
  color:#f4dca8 !important;
}
.pgd-race-calendar-name{
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.pgd-race-calendar-date{
  font-family:"Barlow",sans-serif !important;
  font-size:20px !important;
  font-weight:700 !important;
}
.pgd-race-venue-panel{
  padding:20px 22px 22px !important;
  background:#f3ecdf !important;
}
.pgd-race-venue-head{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:14px !important;
}
.pgd-race-venue-title{
  margin:10px 0 0 !important;
  color:#1a1208 !important;
  font-family:"Barlow",sans-serif !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:.95 !important;
  text-transform:uppercase !important;
}
.pgd-race-venue-count{
  padding:8px 12px !important;
  background:#15110c !important;
  color:#f4dca8 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.pgd-race-venue-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:14px !important;
}
.pgd-race-venue-card{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:16px !important;
  border:1px solid #d4c6ac !important;
  background:#fffdfa !important;
  color:#1a1208 !important;
}
.pgd-race-venue-card.aktif{
  background:#15110c !important;
  border-color:#15110c !important;
  color:#f4dca8 !important;
}
.pgd-race-venue-top{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
}
.pgd-race-venue-icon{
  width:40px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#15110c !important;
  color:#f4dca8 !important;
  font-size:16px !important;
}
.pgd-race-venue-card.aktif .pgd-race-venue-icon{
  background:rgba(255,255,255,.12) !important;
  color:inherit !important;
}
.pgd-race-venue-meta{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}
.pgd-race-venue-name{
  font-family:"Barlow",sans-serif !important;
  font-size:26px !important;
  font-weight:800 !important;
  line-height:.95 !important;
  text-transform:uppercase !important;
}
.pgd-race-venue-sub{
  color:#846d4a !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.pgd-race-venue-card.aktif .pgd-race-venue-sub{
  color:inherit !important;
}
.pgd-race-venue-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(61,43,14,.10) !important;
}
.pgd-race-venue-tag{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 8px !important;
  border:1px solid #d4c6ac !important;
  color:#5e492a !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.pgd-race-venue-card.aktif .pgd-race-venue-tag{
  border-color:rgba(255,255,255,.18) !important;
  color:inherit !important;
}
.pgd-race-venue-tag-empty{
  color:#7c6750 !important;
}
@media (max-width: 900px){
  .pgd-race-date-panel{
    grid-template-columns:1fr !important;
  }
  .pgd-race-date-panel-copy{
    border-right:none !important;
    border-bottom:1px solid rgba(61,43,14,.12) !important;
  }
}
@media (max-width: 768px){
  .pgd-race-date-panel-tools,
  .pgd-race-calendar-strip,
  .pgd-race-venue-panel{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .pgd-race-day-switch{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
  }
  .pgd-race-day-pills{
    grid-template-columns:1fr !important;
  }
  .pgd-race-day-pill{
    border-right:none !important;
    border-bottom:1px solid #cdbca0 !important;
    min-height:58px !important;
  }
  .pgd-race-day-pill:last-child{
    border-bottom:none !important;
  }
  .pgd-race-date-field{
    display:none !important;
  }
  .pgd-race-date-mobile-trigger{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:50px !important;
    padding:0 14px !important;
    border:none !important;
    background:#15110c !important;
    color:#f4dca8 !important;
    border-radius:0 !important;
  }
  .pgd-race-calendar-grid,
  .pgd-race-venue-grid{
    grid-template-columns:1fr !important;
  }
}

/* ============================================================
   Demo1 workspace rebuild
   ============================================================ */
.pgd-page-program{
  max-width:var(--max-w) !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  padding:18px 20px 28px !important;
  background:
    radial-gradient(circle at top left, rgba(232,150,10,.07), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)) !important;
}
.pgd-workspace-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pgd-workspace-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  background:#17120d;
  border:1px solid rgba(232,150,10,.18);
  box-shadow: none;
}
[data-theme="light"] .pgd-workspace-toolbar{
  background:#fffaf2;
}
.pgd-workspace-kicker{
  display:inline-block;
  padding:5px 9px;
  background:#e8960a;
  color:#1a1208;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pgd-workspace-brand h1{
  margin:10px 0 0;
  color:#fff5e6;
  font-family:'Oswald','Barlow',sans-serif;
  font-size:38px;
  line-height:.95;
  letter-spacing:.02em;
  text-transform:uppercase;
}
[data-theme="light"] .pgd-workspace-brand h1{
  color:#1a1208;
}
.pgd-workspace-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pgd-workspace-btn{
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(232,150,10,.18);
  background:#211a12;
  color:#f1dfbe;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.pgd-workspace-btn-accent{
  background:#e8960a;
  color:#1a1208;
  border-color:#e8960a;
}
[data-theme="light"] .pgd-workspace-btn{
  background:#fff;
  color:#3d2b0e;
}
.pgd-workspace-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr) 320px;
  gap:14px;
  align-items:start;
}
.pgd-workspace-dock,
.pgd-workspace-board{
  min-width:0;
}
.pgd-workspace-dock{
  background:#17120d;
  border:1px solid rgba(232,150,10,.16);
  min-height:220px;
}
[data-theme="light"] .pgd-workspace-dock{
  background:#fffaf2;
}
.pgd-workspace-dock.is-collapsed{
  display:none;
}
.pgd-workspace-dock-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#f0d59a;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
[data-theme="light"] .pgd-workspace-dock-head{
  border-bottom-color:rgba(61,43,14,.10);
  color:#8c6b34;
}
.pgd-workspace-dock-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px;
  min-height:120px;
}
.pgd-workspace-dock-body.is-drop-target{
  background:rgba(232,150,10,.06);
}
.pgd-workspace-widget{
  border:1px solid rgba(255,255,255,.08);
  background:#211a12;
}
[data-theme="light"] .pgd-workspace-widget{
  background:#ffffff;
  border-color:rgba(61,43,14,.10);
}
.pgd-workspace-widget.is-dragging{
  opacity:.55;
}
.pgd-workspace-widget-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#15110c;
}
[data-theme="light"] .pgd-workspace-widget-head{
  background:#f7f0e1;
  border-bottom-color:rgba(61,43,14,.10);
}
.pgd-workspace-widget-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff1d2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
[data-theme="light"] .pgd-workspace-widget-title{
  color:#4d3614;
}
.pgd-workspace-widget-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.pgd-dock-icon{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  background:#211a12;
  color:#d2b785;
}
[data-theme="light"] .pgd-dock-icon{
  background:#fff;
  border-color:rgba(61,43,14,.10);
  color:#87652f;
}
.pgd-workspace-widget-body{
  padding:0;
}
.pgd-workspace-widget.is-collapsed .pgd-workspace-widget-body{
  display:none;
}
.pgd-workspace-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pgd-workspace-banner .pgd-ad{
  margin:0 !important;
  border-radius:0 !important;
}
.pgd-banner-ad-zone{
  --pgd-banner-aspect:1600 / 180;
  width:100%;
  max-width:var(--max-w);
  margin:14px auto;
  padding:0 28px;
  box-sizing:border-box;
  display:grid;
  gap:10px;
}
.pgd-workspace-banner .pgd-banner-ad-zone{
  --pgd-banner-aspect:1600 / 180;
  max-width:none;
  margin:0;
  padding:0;
}
.pgd-page > .pgd-banner-ad-zone,
.pgd-page-wide > .pgd-banner-ad-zone,
.pgd-page-program > .pgd-banner-ad-zone{
  max-width:none;
  padding:0;
}
.pgd-banner-ad{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:var(--pgd-banner-aspect);
  overflow:hidden;
  border:1px solid rgba(148,163,184,.28);
  border-radius:6px;
  background:#f8fafc;
  color:inherit;
  text-decoration:none;
}
.pgd-banner-ad picture,
.pgd-banner-ad img{
  display:block;
  width:100%;
  height:100%;
}
.pgd-banner-ad img{
  object-fit:cover;
}
.pgd-banner-ad-zone--header{
  --pgd-banner-aspect:1920 / 96;
  max-width:none;
  margin:0;
  padding:0;
  background:#fff;
  border-bottom:1px solid rgba(17,24,39,.08);
}
.pgd-banner-ad-zone--header .pgd-banner-ad{
  height:clamp(64px, 5vw, 96px);
  max-height:none;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  background:#f8fafc;
}
.pgd-banner-ad-zone.is-dismissible{
  position:relative;
}
.pgd-banner-ad-zone.is-hidden{
  display:none;
}
.pgd-banner-ad-zone__close{
  position:absolute;
  z-index:4;
  top:10px;
  right:max(14px, calc((100vw - var(--max-w)) / 2 + 20px));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(17,14,10,.7);
  color:#fff;
  cursor:pointer;
  transition:opacity .22s ease,transform .22s ease,background-color .18s ease;
}
.pgd-banner-ad-zone--header .pgd-banner-ad-zone__close{
  top:50%;
  right:max(8px, calc((100vw - var(--max-w)) / 2 + 8px));
  width:24px;
  height:24px;
  border-color:rgba(15,23,42,.16);
  background:rgba(15,23,42,.58);
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%) translateY(-4px);
}
.pgd-banner-ad-zone--header.is-close-ready .pgd-banner-ad-zone__close{
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%);
}
.pgd-banner-ad-zone__close:hover{
  background:rgba(17,14,10,.9);
}
.pgd-banner-ad-zone--site-top .pgd-banner-ad,
.pgd-banner-ad-zone--home-top .pgd-banner-ad,
.pgd-banner-ad-zone--home .pgd-banner-ad{
  aspect-ratio:1600 / 180;
}
.pgd-banner-ad-zone--program-top .pgd-banner-ad,
.pgd-banner-ad-zone--workspace .pgd-banner-ad{
  aspect-ratio:1600 / 180;
}
.pgd-banner-ad-zone--ai-top .pgd-banner-ad{
  aspect-ratio:1600 / 180;
}
.pgd-banner-ad-zone--program-bottom .pgd-banner-ad,
.pgd-banner-ad-zone--ai-bottom .pgd-banner-ad,
.pgd-banner-ad-zone--footer-top .pgd-banner-ad{
  aspect-ratio:1600 / 200;
}
.pgd-banner-ad-zone--site-top,
.pgd-banner-ad-zone--program-bottom,
.pgd-banner-ad-zone--ai-top,
.pgd-banner-ad-zone--ai-bottom,
.pgd-banner-ad-zone--footer-top{
  margin-top:14px;
  margin-bottom:14px;
}
.pgd-banner-ad-zone--program-bottom,
.pgd-banner-ad-zone--ai-bottom{
  margin-bottom:6px;
}
.pgd-fullscreen-banner{
  position:fixed;
  inset:0;
  z-index:2100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.pgd-fullscreen-banner.is-visible{
  opacity:1;
  pointer-events:auto;
}
.pgd-fullscreen-banner__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(11,14,20,.72);
  backdrop-filter:blur(6px);
  cursor:pointer;
}
.pgd-fullscreen-banner__dialog{
  position:relative;
  width:min(1120px,100%);
  max-height:min(86vh,820px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:#111;
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  overflow:hidden;
  transform:translateY(18px) scale(.985);
  transition:transform .32s ease;
}
.pgd-fullscreen-banner.is-visible .pgd-fullscreen-banner__dialog{
  transform:translateY(0) scale(1);
}
.pgd-fullscreen-banner__close{
  position:absolute;
  z-index:3;
  top:12px;
  right:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(17,14,10,.76);
  color:#fff;
  cursor:pointer;
}
.pgd-fullscreen-banner__media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  color:inherit;
  text-decoration:none;
}
.pgd-fullscreen-banner__media picture,
.pgd-fullscreen-banner__media img{
  display:block;
  width:100%;
  height:100%;
}
.pgd-fullscreen-banner__media img{
  object-fit:cover;
}
body.pgd-fullscreen-banner-open{
  overflow:hidden;
}
@media (max-width:760px){
  .pgd-banner-ad-zone{
    --pgd-banner-aspect:1080 / 260;
    margin:10px auto;
    padding:0 16px;
  }
  .pgd-banner-ad{
    border-radius:6px;
  }
  .pgd-banner-ad-zone--header{
    --pgd-banner-aspect:1080 / 180;
    margin:0;
    padding:0;
  }
  .pgd-banner-ad-zone--header .pgd-banner-ad{
    height:clamp(64px, 16.6vw, 92px);
    max-height:none;
    border-radius:0;
  }
  .pgd-banner-ad-zone--site-top .pgd-banner-ad,
  .pgd-banner-ad-zone--home-top .pgd-banner-ad,
  .pgd-banner-ad-zone--home .pgd-banner-ad{
    aspect-ratio:1080 / 260;
  }
  .pgd-banner-ad-zone--program-top .pgd-banner-ad,
  .pgd-banner-ad-zone--workspace .pgd-banner-ad{
    aspect-ratio:1080 / 260;
  }
  .pgd-banner-ad-zone--ai-top .pgd-banner-ad{
    aspect-ratio:1080 / 260;
  }
  .pgd-banner-ad-zone--program-bottom .pgd-banner-ad,
  .pgd-banner-ad-zone--ai-bottom .pgd-banner-ad,
  .pgd-banner-ad-zone--footer-top .pgd-banner-ad{
    aspect-ratio:1080 / 280;
  }
  .pgd-banner-ad-zone__close{
    width:30px;
    height:30px;
    top:6px;
    right:6px;
  }
  .pgd-fullscreen-banner{
    padding:14px;
  }
  .pgd-fullscreen-banner__dialog{
    border-radius:8px;
    max-height:88vh;
  }
  .pgd-fullscreen-banner__media{
    aspect-ratio:4 / 5;
  }
  .pgd-fullscreen-banner__close{
    width:40px;
    height:40px;
    top:10px;
    right:10px;
  }
}
.pgd-workspace-board{
  background:var(--pgd-workspace-board-bg, #17120d);
  border:1px solid var(--pgd-workspace-board-border-color, rgba(232,150,10,.16));
  box-shadow: none;
}
[data-theme="light"] .pgd-workspace-board{
  background:var(--pgd-workspace-board-bg, #fffaf2);
}
.pgd-workspace-board .pgd-kt-wrap,
.pgd-workspace-board .pgd-kb-outer,
.pgd-workspace-board .pgd-at-tablo-wrap,
.pgd-workspace-board .pgd-race-bos{
  border-radius:0 !important;
}
.pgd-workspace-board .pgd-race-command,
.pgd-workspace-board .pgd-race-nav-bar-v2{
  border:none !important;
  box-shadow: none;
}
.pgd-workspace-board .pgd-race-command-head{
  background:#15110c !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
[data-theme="light"] .pgd-workspace-board .pgd-race-command-head{
  background:#f7f0e1 !important;
}
.pgd-workspace-board .pgd-race-command-head h3{
  font-family:'Oswald','Barlow',sans-serif !important;
  font-size:34px !important;
}
.pgd-workspace-board .pgd-kt-tabs{
  gap:0 !important;
}
.pgd-workspace-board .pgd-kt-tab{
  border-radius:0 !important;
  margin-right:-1px;
  min-width:92px;
}
.pgd-workspace-board .pgd-kb{
  border-radius:0 !important;
}
.pgd-workspace-board .pgd-kb-no-badge,
.pgd-workspace-board .pgd-st,
.pgd-workspace-board .pgd-pist-badge,
.pgd-workspace-board .pgd-race-command-summary span,
.pgd-workspace-board .pgd-kb-info-pill{
  border-radius:0 !important;
}
.pgd-workspace-board .pgd-at-tablo-wrap{
  margin:0 !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom:none !important;
}
.pgd-workspace-board .pgd-at-thead tr{
  background:#15110c !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-at-thead tr{
  background:#f1e7d5 !important;
}
.pgd-workspace-board .pgd-th{
  color:#c7a76a !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-th{
  color:#7f5f2c !important;
}
.pgd-workspace-board .pgd-tr-even .pgd-td,
.pgd-workspace-board .pgd-tr-odd .pgd-td{
  background:#17120d !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-tr-even .pgd-td,
[data-theme="light"] .pgd-workspace-board .pgd-tr-odd .pgd-td{
  background:#fffdfa !important;
}
.pgd-workspace-board .pgd-at-ad{
  color:#fff6e6 !important;
  font-family:'Rajdhani','Inter',sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-at-ad{
  color:#1a1208 !important;
}
.pgd-workspace-board .pgd-ped,
.pgd-workspace-board .pgd-notlar,
.pgd-workspace-board .pgd-jokey-row,
.pgd-workspace-board .pgd-pers-alt{
  color:#ceb998 !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-ped,
[data-theme="light"] .pgd-workspace-board .pgd-notlar,
[data-theme="light"] .pgd-workspace-board .pgd-jokey-row,
[data-theme="light"] .pgd-workspace-board .pgd-pers-alt{
  color:#6c5735 !important;
}
.pgd-workspace-board .pgd-jokey-ad,
.pgd-workspace-board .pgd-pers-link{
  color:#f0c66b !important;
}
[data-theme="light"] .pgd-workspace-board .pgd-jokey-ad,
[data-theme="light"] .pgd-workspace-board .pgd-pers-link{
  color:#9a6b18 !important;
}
.pgd-workspace-board .pgd-ped-baba,
[data-theme="light"] .pgd-workspace-board .pgd-ped-baba,
.pgd-workspace-board .pgd-ped-baba .pgd-ped-name,
[data-theme="light"] .pgd-workspace-board .pgd-ped-baba .pgd-ped-name{
  color:#2563eb !important;
}
.pgd-workspace-board .pgd-ped-anne,
[data-theme="light"] .pgd-workspace-board .pgd-ped-anne,
.pgd-workspace-board .pgd-ped-anne .pgd-ped-name,
[data-theme="light"] .pgd-workspace-board .pgd-ped-anne .pgd-ped-name{
  color:#db2777 !important;
}
.pgd-workspace-widget .pgd-bottom-card{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
}
.pgd-workspace-widget .pgd-bottom-card-head{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding:12px 14px !important;
  color:#fff0cc !important;
  font-size:12px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
[data-theme="light"] .pgd-workspace-widget .pgd-bottom-card-head{
  border-bottom-color:rgba(61,43,14,.10) !important;
  color:#6f5121 !important;
}
.pgd-workspace-widget .pgd-bottom-card-body{
  padding:12px 14px !important;
}
.pgd-workspace-widget .pgd-ss-kosu-lbl,
.pgd-workspace-widget .pgd-gj-header span,
.pgd-workspace-widget .pgd-ozet-l{
  color:#b1915e !important;
}
[data-theme="light"] .pgd-workspace-widget .pgd-ss-kosu-lbl,
[data-theme="light"] .pgd-workspace-widget .pgd-gj-header span,
[data-theme="light"] .pgd-workspace-widget .pgd-ozet-l{
  color:#84652f !important;
}
.pgd-workspace-widget .pgd-ss-at-ad,
.pgd-workspace-widget .pgd-gj-ad,
.pgd-workspace-widget .pgd-ozet-n{
  color:#fff8e6 !important;
}
[data-theme="light"] .pgd-workspace-widget .pgd-ss-at-ad,
[data-theme="light"] .pgd-workspace-widget .pgd-gj-ad,
[data-theme="light"] .pgd-workspace-widget .pgd-ozet-n{
  color:#1a1208 !important;
}
.pgd-workspace-widget .pgd-gj-row,
.pgd-workspace-widget .pgd-ss-item{
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:7px 0;
}
[data-theme="light"] .pgd-workspace-widget .pgd-gj-row,
[data-theme="light"] .pgd-workspace-widget .pgd-ss-item{
  border-bottom-color:rgba(61,43,14,.08);
}
.pgd-workspace-widget .pgd-ozet-grid{
  border-top:1px solid rgba(255,255,255,.08) !important;
}
[data-theme="light"] .pgd-workspace-widget .pgd-ozet-grid{
  border-top-color:rgba(61,43,14,.10) !important;
}
.pgd-workspace-widget .pgd-ozet-item{
  border-right:1px solid rgba(255,255,255,.08) !important;
}
[data-theme="light"] .pgd-workspace-widget .pgd-ozet-item{
  border-right-color:rgba(61,43,14,.10) !important;
}
.pgd-form-tooltip{
  z-index:1200;
}
.pgd-form-tooltip{
  display:none;
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  transition:opacity .12s ease, transform .12s ease;
  background:linear-gradient(180deg,#fffdf8 0%,#fff8eb 100%);
  border:1px solid rgba(214,168,76,.28);
  box-shadow: none;
}
.pgd-form-tooltip.is-visible{
  display:block !important;
  opacity:1;
  transform:translateY(0);
}
.pgd-form-tooltip[style*="display: block"]{
  display:block !important;
  opacity:1;
  transform:translateY(0);
}

/* Son 10 hover final */
.pgd-form-tooltip{
  background:#fff !important;
  color:#2b1f12 !important;
  border:2px solid #d6a55c !important;
  box-shadow: none;
  border-radius:14px !important;
  min-width:210px !important;
  max-width:280px !important;
  padding:10px 12px !important;
}
.pgd-form-tooltip.surface-kum{
  border-color:#d88910 !important;
  box-shadow: none;
}
.pgd-form-tooltip.surface-cim{
  border-color:#2f9e44 !important;
  box-shadow: none;
}
.pgd-form-tooltip.surface-sentetik{
  border-color:#2f6fe4 !important;
  box-shadow: none;
}
.pgd-form-tooltip.surface-default{
  border-color:#d6a55c !important;
  box-shadow: none;
}

.pgd-tip-head{
  gap:8px !important;
  align-items:flex-start !important;
}
.pgd-tip-head-copy{
  min-width:0;
}
.pgd-tip-head-icon{
  width:26px !important;
  height:26px !important;
  border-radius:9px !important;
  background:#f8f2e8 !important;
  border:1px solid #ecdfcd !important;
}
.pgd-tip-head-icon i{
  font-size:12px !important;
}
.pgd-tip-sira{
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#3a2813 !important;
}
.pgd-tip-mini{
  display:none !important;
}
.pgd-tip-divider{
  margin:8px 0 7px !important;
  background:#efe5d8 !important;
}
.pgd-tip-head,
.pgd-tip-divider{
  display:none !important;
}
.pgd-tip-row{
  gap:7px !important;
  margin-top:5px !important;
  font-size:12px !important;
  color:#5f4a2f !important;
}
.pgd-tip-row i{
  width:14px !important;
  color:#b8822a !important;
}
.pgd-tip-ganyan{
  color:#b26b00 !important;
  font-weight:700 !important;
}

/* Son 10 inline hover */
.pgd-son10-trigger{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.pgd-son10-pop{
  position:absolute !important;
  left:50% !important;
  bottom:calc(100% + 10px) !important;
  transform:translateX(-50%) translateY(6px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  min-width:190px !important;
  max-width:240px !important;
  padding:10px 12px !important;
  background:#fff !important;
  border:2px solid #d6a55c !important;
  border-radius:14px !important;
  box-shadow: none;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:1200 !important;
  transition:opacity .12s ease, transform .12s ease, visibility .12s ease !important;
}
.pgd-son10-pop.surface-kum{
  border-color:#d88910 !important;
  box-shadow: none;
}
.pgd-son10-pop.surface-cim{
  border-color:#2f9e44 !important;
  box-shadow: none;
}
.pgd-son10-pop.surface-sentetik{
  border-color:#2f6fe4 !important;
  box-shadow: none;
}
.pgd-son10-pop-arrow{
  position:absolute !important;
  left:50% !important;
  bottom:-8px !important;
  width:14px !important;
  height:14px !important;
  background:#fff !important;
  transform:translateX(-50%) rotate(45deg) !important;
  border-right:2px solid #d6a55c !important;
  border-bottom:2px solid #d6a55c !important;
  border-radius:2px !important;
}
.pgd-son10-pop.surface-kum .pgd-son10-pop-arrow{
  border-right-color:#d88910 !important;
  border-bottom-color:#d88910 !important;
}
.pgd-son10-pop.surface-cim .pgd-son10-pop-arrow{
  border-right-color:#2f9e44 !important;
  border-bottom-color:#2f9e44 !important;
}
.pgd-son10-pop.surface-sentetik .pgd-son10-pop-arrow{
  border-right-color:#2f6fe4 !important;
  border-bottom-color:#2f6fe4 !important;
}
.pgd-son10-pop-row{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  font-size:12px !important;
  line-height:1.25 !important;
  color:#5f4a2f !important;
}
.pgd-son10-pop-row i{
  width:14px !important;
  color:#b8822a !important;
  flex:0 0 14px !important;
  text-align:center !important;
}
.pgd-son10-pop-row.is-ganyan{
  color:#b26b00 !important;
  font-weight:700 !important;
}
.pgd-son10-trigger:hover .pgd-son10-pop,
.pgd-son10-trigger:focus-visible .pgd-son10-pop{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) translateY(0) !important;
}

.pgd-lineup-video-link.is-hidden{
  display:none !important;
}
@media (max-width: 1280px){
  .pgd-workspace-layout{
    grid-template-columns:280px minmax(0,1fr) 280px;
  }
}
@media (max-width: 1080px){
  .pgd-workspace-layout{
    grid-template-columns:1fr;
  }
  .pgd-workspace-dock{
    min-height:0;
  }
}
@media (max-width: 768px){
  .pgd-page-program{
    padding:12px 12px 20px !important;
  }
  .pgd-workspace-toolbar{
    padding:14px;
    flex-direction:column;
    align-items:flex-start;
  }
  .pgd-workspace-brand h1{
    font-size:30px;
  }
  .pgd-workspace-actions{
    width:100%;
  }
  .pgd-workspace-btn{
    flex:1 1 calc(50% - 8px);
  }
}

/* ============================================================
   Global demo1 system
   ============================================================ */
:root{
  --pgd-demo-amber:#e8960a;
  --pgd-demo-amber-dark:#c47806;
  --pgd-demo-dark:#14100a;
  --pgd-demo-panel:#1c1710;
  --pgd-demo-panel-2:#221c12;
  --pgd-demo-line:rgba(232,150,10,.18);
  --pgd-demo-line-soft:rgba(255,255,255,.08);
  --pgd-demo-text:#f5efe4;
  --pgd-demo-sub:#c4b08e;
  --pgd-demo-muted:#857255;
}
[data-theme="light"]{
  --pgd-demo-dark:#fffdfa;
  --pgd-demo-panel:#fffdfa;
  --pgd-demo-panel-2:#fffdfa;
  --pgd-demo-line:rgba(232,150,10,.25);
  --pgd-demo-line-soft:rgba(61,43,14,.10);
  --pgd-demo-text:#1a1208;
  --pgd-demo-sub:#5e4a2d;
  --pgd-demo-muted:#8f7350;
}
html,body{
  background:var(--pgd-demo-dark) !important;
  color:var(--pgd-demo-text) !important;
  font-family:'Inter',sans-serif !important;
}
.pgd-announce{
  display:none !important;
}
#pgd-header{
  background:var(--pgd-demo-panel) !important;
  border-bottom:1px solid var(--pgd-demo-line) !important;
  box-shadow: none;
}
.pgd-hdr-top{
  grid-template-columns:auto minmax(220px,480px) auto !important;
  gap:16px !important;
  padding:10px 20px !important;
}
.pgd-logo-text{
  font-family:'Oswald',sans-serif !important;
  font-size:28px !important;
  letter-spacing:.04em !important;
}
.pgd-logo-text span{
  color:var(--pgd-demo-amber) !important;
}
.pgd-search{
  max-width:480px !important;
}
.pgd-search input{
  min-height:40px !important;
  background:var(--pgd-demo-panel-2) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  border-radius:0 !important;
  color:var(--pgd-demo-text) !important;
  font-size:12px !important;
  padding:8px 16px 8px 38px !important;
}
.pgd-search input::placeholder{
  color:var(--pgd-demo-muted) !important;
}
.pgd-search input:focus{
  border-color:var(--pgd-demo-amber) !important;
  box-shadow: none;
}
.pgd-search-icon{
  color:var(--pgd-demo-muted) !important;
}
.pgd-btn-gold{
  border-radius:0 !important;
  background:var(--pgd-demo-amber) !important;
  color:#fff !important;
  box-shadow: none;
  font-family:'Rajdhani',sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}
.pgd-btn-ghost,
.pgd-user-btn,
.pgd-zil-btn,
.pgd-icon-action{
  background:var(--pgd-demo-panel-2) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  color:var(--pgd-demo-sub) !important;
  box-shadow: none;
}
.pgd-user-btn,
.pgd-btn-ghost{
  border-radius:0 !important;
}
.pgd-nav-bar{
  border-top:1px solid var(--pgd-demo-line-soft) !important;
}
.pgd-nav{
  justify-content:flex-start !important;
  padding:0 20px !important;
  gap:0 !important;
}
.pgd-nav > a,
.pgd-nav-dd-link,
.pgd-nav-dd-btn{
  min-height:46px;
  color:var(--pgd-demo-sub) !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.02em;
}
.pgd-nav > a.aktif,
.pgd-nav > a:hover,
.pgd-nav-dd.aktif .pgd-nav-dd-link,
.pgd-nav-dd-link:hover{
  color:var(--pgd-demo-amber) !important;
}
.pgd-nav > a.aktif{
  border-bottom:2px solid var(--pgd-demo-amber) !important;
}
.pgd-nav-dd-menu{
  border-radius:0 !important;
  background:var(--pgd-demo-panel-2) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  box-shadow: none;
}
.pgd-nav-dd-menu a{
  color:var(--pgd-demo-sub) !important;
}
.pgd-nav-dd-menu a:hover{
  background:rgba(232,150,10,.08) !important;
  color:var(--pgd-demo-amber) !important;
}
.pgd-mobile-menu,
.pgd-mobile-search-panel{
  background:var(--pgd-demo-panel) !important;
}
.pgd-cookie-inner{
  border-radius:0 !important;
  background:transparent !important;
  border-top:0 !important;
  border:0 !important;
  box-shadow: none;
}
@media(max-width:900px){
  .pgd-hdr-top{
    grid-template-columns:auto 1fr auto !important;
  }
}

/* ============================================================
   Demo1 literal shell
   ============================================================ */
.pgd-page-program{
  padding:14px 20px 0 !important;
}
.pgd-demo-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pgd-demo-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  background:#19130c;
  border:1px solid rgba(232,150,10,.18);
  box-shadow: none;
}
.pgd-demo-topbar-left{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.pgd-demo-topbar-kicker{
  display:inline-flex;
  align-items:center;
  color:#d79d35;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.pgd-demo-topbar-title{
  color:#f6efe2;
  font-family:'Oswald',sans-serif;
  font-size:30px;
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
}
.pgd-demo-topbar-sub{
  color:#b89d73;
  font-size:12px;
  letter-spacing:.03em;
}
.pgd-demo-topbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.pgd-demo-datebar{
  background:#17120d;
  border:1px solid rgba(232,150,10,.14);
}
.pgd-demo-datebar .pgd-race-nav-bar-v2{
  gap:10px;
  padding:0;
  background:transparent;
}
.pgd-demo-datebar .pgd-race-date-panel,
.pgd-demo-datebar .pgd-race-calendar-strip,
.pgd-demo-datebar .pgd-race-venue-panel{
  border-radius:0 !important;
  background:#19130d !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow: none;
}
.pgd-demo-datebar .pgd-race-panel-kicker,
.pgd-demo-datebar .pgd-race-venue-count,
.pgd-demo-datebar .pgd-race-calendar-caption{
  color:#cf9b44 !important;
}
.pgd-demo-datebar .pgd-race-date-title,
.pgd-demo-datebar .pgd-race-venue-title{
  color:#f6efe2 !important;
  font-family:'Oswald',sans-serif !important;
  letter-spacing:.02em;
}
.pgd-demo-datebar .pgd-race-date-text{
  color:#b99f74 !important;
}
.pgd-demo-datebar .pgd-race-day-pill,
.pgd-demo-datebar .pgd-race-calendar-card,
.pgd-demo-datebar .pgd-race-venue-card,
.pgd-demo-datebar .pgd-race-day-arrow,
.pgd-demo-datebar .pgd-race-date-input,
.pgd-demo-datebar .pgd-race-date-mobile-trigger{
  border-radius:0 !important;
  background:#15100b !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#efe4d0 !important;
}
.pgd-demo-datebar .pgd-race-day-pill.aktif,
.pgd-demo-datebar .pgd-race-calendar-card.aktif,
.pgd-demo-datebar .pgd-race-venue-card.aktif{
  background:linear-gradient(90deg, rgba(232,150,10,.22), rgba(232,150,10,.08)) !important;
  border-color:rgba(232,150,10,.42) !important;
  box-shadow: none;
}
.pgd-demo-datebar .pgd-race-venue-tag{
  border-radius:0 !important;
}
.pgd-demo-layout{
  display:grid;
  grid-template-columns:248px minmax(0,1fr) 288px;
  gap:14px;
  align-items:start;
}
.pgd-demo-sidebar{
  min-width:0;
  background:#17120d;
  border:1px solid rgba(255,255,255,.08);
  min-height:calc(100vh - 270px);
  transition:width .2s ease, min-width .2s ease, opacity .2s ease;
}
.pgd-demo-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#e6b55b;
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pgd-demo-sidebar-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px;
  min-height:200px;
}
.pgd-demo-sidebar.is-collapsed{
  width:58px;
  min-width:58px;
}
.pgd-demo-sidebar.is-collapsed .pgd-demo-sidebar-body{
  display:none;
}
.pgd-demo-sidebar.is-collapsed .pgd-demo-sidebar-head{
  justify-content:center;
  padding:12px 6px;
}
.pgd-demo-sidebar.is-collapsed .pgd-demo-sidebar-head span{
  display:none;
}
.pgd-demo-panel-card{
  background:#211a11;
  border:1px solid rgba(232,150,10,.12);
  overflow:hidden;
}
.pgd-demo-panel-card.is-collapsed .pgd-demo-list,
.pgd-demo-panel-card.is-collapsed .pgd-demo-weather,
.pgd-demo-panel-card.is-collapsed .pgd-demo-widget-body{
  display:none;
}
.pgd-demo-panel-card.is-dragging{
  opacity:.5;
}
.pgd-demo-panel-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:46px;
  padding:0 12px;
  background:#18120c;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#f4e6ca;
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pgd-demo-panel-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
.pgd-dock-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  background:#221a12;
  color:#c7a36a;
  cursor:pointer;
}
.pgd-dock-icon:hover{
  border-color:rgba(232,150,10,.42);
  color:#f0b54b;
}
.pgd-demo-list{
  display:flex;
  flex-direction:column;
}
.pgd-demo-list-item,
.pgd-demo-race-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#efe1c5;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.pgd-demo-list-item:hover,
.pgd-demo-race-item:hover{
  background:rgba(232,150,10,.08);
}
.pgd-demo-list-item.aktif,
.pgd-demo-race-item.aktif{
  background:linear-gradient(90deg, rgba(232,150,10,.18), rgba(232,150,10,.06));
  box-shadow: none;
}
.pgd-demo-list-icon,
.pgd-demo-race-no{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#14100a;
  border:1px solid rgba(255,255,255,.06);
  color:#e8b760;
  font-family:'Oswald',sans-serif;
  font-size:15px;
  font-weight:600;
  flex:0 0 auto;
}
.pgd-demo-list-copy,
.pgd-demo-race-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  flex:1;
}
.pgd-demo-list-copy strong,
.pgd-demo-race-copy strong{
  color:#f8f1e5;
  font-family:'Rajdhani',sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1.1;
}
.pgd-demo-list-copy small,
.pgd-demo-race-copy small{
  color:#ae956d;
  font-size:11px;
}
.pgd-demo-race-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  padding:4px 6px;
  background:#16110c;
  border:1px solid rgba(255,255,255,.07);
  color:#d1a04b;
  font-family:'Oswald',sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
}
.pgd-demo-race-item.bitti .pgd-demo-race-state{
  color:#81d89d;
}
.pgd-demo-weather{
  padding:16px 14px 18px;
}
.pgd-demo-weather-temp{
  color:#f0b24a;
  font-family:'Oswald',sans-serif;
  font-size:42px;
  line-height:1;
}
.pgd-demo-weather-meta{
  margin-top:6px;
  color:#c8ae81;
  font-size:12px;
}
.pgd-demo-widget-body{
  padding:10px 12px 12px;
}
.pgd-demo-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pgd-demo-shell .pgd-workspace-banner{
  margin:0;
  background:#17120d;
  border:1px solid rgba(232,150,10,.12);
}
.pgd-demo-shell .pgd-workspace-board{
  margin:0;
}
.pgd-demo-shell [data-dock-body].is-drop-target{
  background:rgba(232,150,10,.05);
  outline:1px dashed rgba(232,150,10,.35);
  outline-offset:-4px;
}

/* Center board alignment with demo1 */
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-wrap,
.pgd-demo-shell:not(.pgd-page-program) .pgd-kb-outer,
.pgd-demo-shell:not(.pgd-page-program) .pgd-galop-wrap,
.pgd-demo-shell:not(.pgd-page-program) .pgd2-wrap{
  margin-left:0 !important;
  margin-right:0 !important;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-wrap{
  background:#18120c;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tabs{
  gap:0;
  padding:0;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab{
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:2px solid transparent;
  background:#18120c;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.aktif{
  background:#22190f;
  border-bottom-color:#e8960a;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kb-outer{
  padding:0 !important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kb{
  border:none !important;
  border-radius:0 !important;
  background:#1d160f !important;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-hava-inline{
  border-radius:0 !important;
  border-left:1px solid rgba(255,255,255,.08);
  background:#17110c !important;
}
.pgd-demo-shell .pgd2-wrap,
.pgd-demo-shell .pgd-galop-wrap{
  background:#1a130d !important;
  border-top:1px solid rgba(255,255,255,.05);
}
.pgd-demo-shell .pgd2-table thead th,
.pgd-demo-shell .pgd-galop-table thead th{
  background:#17110c !important;
  color:#cfb082 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.pgd-demo-shell .pgd2-table tbody td,
.pgd-demo-shell .pgd-galop-table tbody td{
  color:#f4ead8 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.pgd-demo-shell .pgd2-table tbody tr:hover,
.pgd-demo-shell .pgd-galop-table tbody tr:hover{
  background:rgba(232,150,10,.05) !important;
}
.pgd-demo-shell .pgd2-isim a,
.pgd-demo-shell .pgd-galop-at{
  color:#f8f0e2 !important;
}
.pgd-demo-shell .pgd2-jokey,
.pgd-demo-shell .pgd2-ek,
.pgd-demo-shell .pgd-galop-ek{
  color:#bca47f !important;
}

@media (max-width: 1280px){
  .pgd-demo-layout{
    grid-template-columns:220px minmax(0,1fr) 260px;
  }
}
@media (max-width: 1080px){
  .pgd-demo-layout{
    grid-template-columns:1fr;
  }
  .pgd-demo-sidebar{
    min-height:0;
  }
}
@media (max-width: 768px){
  .pgd-page-program{
    padding:10px 10px 0 !important;
  }
  .pgd-demo-topbar{
    padding:12px;
    flex-direction:column;
    align-items:flex-start;
  }
  .pgd-demo-topbar-title{
    font-size:24px;
  }
  .pgd-demo-topbar-actions{
    width:100%;
  }
  .pgd-demo-topbar-actions .pgd-workspace-btn{
    flex:1 1 calc(50% - 6px);
  }
}

/* ============================================================
   Demo1 shared modules / header / footer
   ============================================================ */
.pgd-header-deskbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:8px 20px;
  background:#17120d;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.pgd-header-deskbar-left,
.pgd-header-deskbar-right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pgd-header-desk-chip,
.pgd-module-kicker{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  background:rgba(232,150,10,.14);
  color:var(--pgd-demo-amber);
  font-family:'Rajdhani',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pgd-header-desk-copy{
  color:var(--pgd-demo-text);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pgd-header-desk-stat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 10px;
  background:#201910;
  border:1px solid rgba(255,255,255,.07);
}
.pgd-header-desk-stat strong{
  color:var(--pgd-demo-text);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
}
.pgd-header-desk-stat small{
  color:var(--pgd-demo-muted);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pgd-header-desk-link{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.07);
  color:var(--pgd-demo-sub);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}
.pgd-header-desk-link:hover{
  color:var(--pgd-demo-amber);
  border-color:rgba(232,150,10,.22);
}
.pgd-logo{
  display:flex !important;
  align-items:center !important;
  gap:12px;
}
.pgd-logo-mark{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
}
.pgd-logo-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.pgd-logo-kicker{
  color:var(--pgd-demo-muted);
  font-family:'Rajdhani',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pgd-logo-section{
  color:var(--pgd-demo-text);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pgd-module-headcopy{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.pgd-module-headcopy > span:last-child{
  color:inherit;
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pgd-module-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 8px;
  background:#201910;
  border:1px solid rgba(255,255,255,.07);
  color:var(--pgd-demo-sub);
  font-family:'Rajdhani',sans-serif;
  font-size:11px;
  font-weight:700;
}
.pgd-module-stack{
  padding:10px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.pgd-bottom-card-desk .pgd-bottom-card-head{
  align-items:center;
  justify-content:space-between;
}
@media(max-width:1080px){
}
@media(max-width:900px){
  .pgd-header-deskbar{
    padding:8px 12px;
    flex-direction:column;
    align-items:flex-start;
  }
  .pgd-logo-copy{
    display:none;
  }
}
@media(max-width:640px){
}

/* ============================================================
   Demo1 literal alignment pass
   ============================================================ */
html[data-theme="light"]{
  color-scheme:light;
}
body{
  background:var(--pgd-demo-dark) !important;
  color:var(--pgd-demo-text) !important;
}
.pgd-announce,
.pgd-header-deskbar{
  display:none !important;
}

#pgd-header.site-header{
  background:var(--pgd-demo-panel) !important;
  border-bottom:1px solid var(--pgd-demo-line) !important;
  box-shadow: none;
}
#pgd-header .header-top{
  display:flex !important;
  align-items:center;
  gap:16px;
  padding:10px 20px !important;
}
#pgd-header .logo-link{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  flex:0 0 auto;
  min-width:max-content;
}
#pgd-header .logo-main{
  display:flex;
  align-items:baseline;
  gap:0;
  line-height:1;
}
#pgd-header .logo-main-image{
  min-height:28px;
  align-items:center;
}
.pgd-logo-img-demo{
  max-height:50px;
  width:auto;
  display:block;
}
#pgd-header .logo-p{
  font-family:'Oswald',sans-serif;
  font-size:27px;
  font-weight:700;
  color:var(--pgd-demo-amber);
  letter-spacing:-1px;
}
#pgd-header .logo-rest{
  font-family:'Oswald',sans-serif;
  font-size:27px;
  font-weight:700;
  color:var(--pgd-demo-text);
  letter-spacing:1px;
}
#pgd-header .logo-sub{
  color:var(--pgd-demo-muted);
  font-family:'Inter',sans-serif;
  font-size:8px;
  letter-spacing:2px;
  text-transform:uppercase;
}
#pgd-header .hdr-search{
  position:relative;
  flex:1 1 auto;
  max-width:480px;
  margin:0 auto;
}
#pgd-header .hdr-search .si{
  position:absolute;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:var(--pgd-demo-muted);
  font-size:12px;
  z-index:2;
}
#pgd-header .hdr-search input{
  width:100%;
  min-height:38px;
  padding:8px 16px 8px 40px !important;
  background:var(--pgd-demo-panel-2) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  border-radius:999px !important;
  color:var(--pgd-demo-text) !important;
  font-size:12px !important;
  font-family:'Inter',sans-serif !important;
  box-shadow: none;
}
#pgd-header .hdr-search input::placeholder{
  color:var(--pgd-demo-muted) !important;
}
.pgd-demo-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  background:var(--pgd-demo-panel);
  border:1px solid var(--pgd-demo-line-soft);
  border-bottom:none;
}
.pgd-demo-topbar-kicker{
  color:var(--pgd-demo-amber);
  font-family:'Rajdhani',sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pgd-demo-topbar-title{
  color:var(--pgd-demo-text);
  font-family:'Oswald',sans-serif;
  font-size:26px;
  line-height:1;
}
.pgd-demo-topbar-sub{
  color:var(--pgd-demo-sub);
  font-size:11px;
}

.date-bar{
  background:var(--pgd-demo-panel);
  border:1px solid var(--pgd-demo-line-soft);
  padding:8px 20px;
  display:flex;
  align-items:center;
  gap:4px;
  overflow-x:auto;
}
.date-bar::-webkit-scrollbar{
  height:0;
}
.pgd-datebar-label{
  color:var(--pgd-demo-muted);
  font-size:10px;
  margin-right:6px;
  flex-shrink:0;
}
.dtab{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:68px;
  padding:6px 16px;
  border-radius:5px;
  border:1px solid var(--pgd-demo-line-soft);
  background:transparent;
  cursor:pointer;
  transition:all .2s;
  flex-shrink:0;
}
.dtab:hover{
  border-color:var(--pgd-demo-line);
  background:rgba(232,150,10,.10);
}
.dtab.active,
.dtab.aktif{
  background:var(--pgd-demo-amber);
  border-color:var(--pgd-demo-amber);
  box-shadow: none;
}
.dtab .dd{
  font-family:'Oswald',sans-serif;
  font-weight:600;
  font-size:15px;
  color:var(--pgd-demo-text);
  line-height:1;
}
.dtab .dl{
  font-size:9px;
  color:var(--pgd-demo-muted);
  letter-spacing:.5px;
  margin-top:2px;
}
.dtab.active .dd,
.dtab.active .dl,
.dtab.aktif .dd,
.dtab.aktif .dl{
  color:#fff !important;
}
.pgd-datebar-right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.pgd-datebar-chip{
  font-size:10px !important;
}
.chip-kum,
.chip-cim{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
}
.chip-kum{
  background:rgba(232,150,10,.12);
  border:1px solid rgba(232,150,10,.28);
  color:#e0a026;
}
.chip-cim{
  background:rgba(46,158,79,.12);
  border:1px solid rgba(46,158,79,.28);
  color:#49c36f;
}
.pgd-datebar-picker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 12px;
  background:var(--pgd-demo-panel-2);
  border:1px solid var(--pgd-demo-line-soft);
  border-radius:999px;
  color:var(--pgd-demo-text);
  font-size:11px;
  font-weight:600;
}
.pgd-datebar-picker:hover{
  border-color:var(--pgd-demo-line);
  color:var(--pgd-demo-amber);
}
.pgd-datebar-input{
  position:absolute;
  pointer-events:none;
  opacity:0;
  width:1px;
  height:1px;
}
.pgd-datebar-clock{
  color:var(--pgd-demo-muted);
  font-size:10px;
  white-space:nowrap;
}
.pgd-datebar-clock strong{
  color:var(--pgd-demo-amber);
  font-family:'Oswald',sans-serif;
  font-weight:700;
  letter-spacing:.08em;
}

.pgd-demo-layout.main-wrap{
  display:grid;
  grid-template-columns:225px minmax(0,1fr) 250px;
  gap:0;
  min-height:calc(100vh - 120px);
}
.left-sb,
.right-sb{
  background:var(--pgd-demo-panel);
  border:1px solid var(--pgd-demo-line-soft);
  display:flex;
  flex-direction:column;
  min-width:0;
}
.left-sb{
  border-right:none;
}
.right-sb{
  border-left:none;
}
.left-sb .pgd-demo-sidebar-body,
.right-sb .pgd-demo-sidebar-body{
  gap:0 !important;
  padding:0 !important;
}
.left-sb .pgd-demo-panel-card,
.right-sb .pgd-demo-panel-card{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow: none;
  margin:0 !important;
}
.left-sb .sb-hd,
.right-sb .rs-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:auto;
  padding:9px 14px 6px !important;
  background:transparent !important;
  border-bottom:1px solid var(--pgd-demo-line-soft) !important;
  color:var(--pgd-demo-muted) !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:2px !important;
  text-transform:uppercase;
}
.left-sb .pgd-demo-panel-actions,
.right-sb .pgd-demo-panel-actions{
  gap:6px;
}
.left-sb .pgd-dock-icon,
.right-sb .pgd-dock-icon{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:999px;
}
.left-sb .pgd-demo-list{
  gap:0 !important;
}
.left-sb .pgd-demo-list-item,
.left-sb .pgd-demo-race-item{
  gap:9px;
  padding:9px 14px;
  border-top:none !important;
  border-bottom:1px solid var(--pgd-demo-line-soft);
  background:transparent !important;
}
.left-sb .pgd-demo-list-item:hover,
.left-sb .pgd-demo-race-item:hover{
  background:rgba(232,150,10,.08) !important;
}
.left-sb .pgd-demo-list-item.aktif,
.left-sb .pgd-demo-list-item.active,
.left-sb .pgd-demo-race-item.aktif,
.left-sb .pgd-demo-race-item.active{
  background:rgba(232,150,10,.10) !important;
  box-shadow: none;
}
.left-sb .pgd-demo-list-icon,
.left-sb .pgd-demo-race-no{
  width:26px;
  height:26px;
  background:rgba(255,255,255,.04);
  border:0;
  border-radius:6px;
  color:var(--pgd-demo-text);
  font-size:12px;
}
.left-sb .pgd-demo-list-copy strong,
.left-sb .pgd-demo-race-copy strong{
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  color:var(--pgd-demo-text);
}
.left-sb .pgd-demo-list-copy small,
.left-sb .pgd-demo-race-copy small{
  color:var(--pgd-demo-muted);
  font-size:10px;
}
.left-sb .hipo-bg{
  background:rgba(255,255,255,.06);
  border-radius:10px;
  padding:1px 7px;
  font-size:10px;
  color:var(--pgd-demo-muted);
}
.left-sb .pgd-demo-list-item.active .hipo-bg,
.left-sb .pgd-demo-list-item.aktif .hipo-bg{
  background:var(--pgd-demo-amber);
  color:#fff;
}
.left-sb .pgd-demo-race-state{
  min-width:46px;
  padding:4px 6px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--pgd-demo-line-soft);
  color:#d4a54f;
  font-family:'Oswald',sans-serif;
  font-size:10px;
  letter-spacing:.12em;
}
.left-sb .pgd-demo-race-item.done .pgd-demo-race-state{
  color:#81d89d;
}
.left-sb .wcard{
  margin:10px;
  padding:12px;
  background:var(--pgd-demo-panel-2);
  border:1px solid var(--pgd-demo-line);
  border-radius:10px;
}
.left-sb .wc-city{
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  font-size:12px;
  color:var(--pgd-demo-text);
}
.left-sb .wc-temp{
  font-family:'Oswald',sans-serif;
  font-size:30px;
  font-weight:700;
  color:var(--pgd-demo-amber);
  line-height:1;
}
.left-sb .wc-desc{
  font-size:10px;
  color:var(--pgd-demo-muted);
}

.main-content{
  min-width:0;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tabs.btabs{
  background:var(--pgd-demo-panel);
  border-bottom:1px solid var(--pgd-demo-line-soft);
  padding:0 18px;
  gap:0;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab{
  min-width:auto;
  padding:11px 15px;
  border:none !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:var(--pgd-demo-muted);
  align-items:flex-start;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab:hover{
  color:var(--pgd-demo-text);
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab.active,
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab.aktif{
  color:var(--pgd-demo-amber);
  border-bottom-color:var(--pgd-demo-amber) !important;
  background:transparent !important;
  box-shadow: none;
}
.pgd-demo-shell .pgd-kb.race-hdr{
  padding:0 !important;
  background:var(--pgd-demo-panel) !important;
}
.pgd-demo-shell .pgd-kb-no-badge.rh-kosu{
  background:var(--pgd-demo-amber) !important;
  border:none !important;
  color:#fff !important;
  font-family:'Oswald',sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:uppercase;
}
.pgd-demo-shell .pgd-kb-row2.rh-tags{
  gap:6px;
  margin-top:6px;
}
.pgd-demo-shell .pgd-kb-row2.rh-tags > *{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:2px 9px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--pgd-demo-line-soft);
  border-radius:20px;
  font-size:11px;
  color:var(--pgd-demo-sub);
}
.pgd-demo-shell .pgd-kb-dot{
  display:none !important;
}
.pgd-demo-shell .tbl-wrap{
  overflow-x:auto;
}
.pgd-demo-shell .bl-tbl{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}
.pgd-demo-shell .bl-tbl thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--pgd-demo-panel);
  padding:8px 10px;
  border-bottom:1px solid var(--pgd-demo-line-soft);
  color:var(--pgd-demo-muted);
  font-size:10px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
}
.pgd-demo-shell .bl-tbl tbody tr{
  border-bottom:1px solid var(--pgd-demo-line-soft);
}
.pgd-demo-shell .bl-tbl tbody tr:hover{
  background:rgba(232,150,10,.05);
}
.pgd-demo-shell .bl-tbl td{
  padding:10px 10px;
  white-space:nowrap;
}
.right-sb .pgd-demo-widget-body{
  padding:0 !important;
}
.right-sb .rs-sec{
  border-bottom:1px solid var(--pgd-demo-line-soft);
}

.pgd-results-nav{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:14px;
}
.pgd-results-hips{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.pgd-results-hip{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:10px 12px;
  background:var(--pgd-demo-panel);
  border:1px solid var(--pgd-demo-line-soft);
  color:var(--pgd-demo-text);
}
.pgd-results-hip:hover{
  background:rgba(232,150,10,.08);
}
.pgd-results-hip.active,
.pgd-results-hip.aktif{
  background:rgba(232,150,10,.10);
  border-color:var(--pgd-demo-line);
  box-shadow: none;
}
.pgd-results-hip-ico{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.05);
  border-radius:8px;
}
.pgd-results-hip-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.pgd-results-hip-copy strong{
  font-family:'Rajdhani',sans-serif;
  font-size:13px;
  font-weight:700;
  color:var(--pgd-demo-text);
}
.pgd-results-hip-copy small{
  color:var(--pgd-demo-muted);
  font-size:11px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

@media (max-width: 1200px){
  .pgd-demo-layout.main-wrap{
    grid-template-columns:190px minmax(0,1fr);
  }
  .right-sb{
    display:none;
  }
}
@media (max-width: 900px){
  #pgd-header .header-top{
    padding:10px 12px !important;
  }
  #pgd-header .hdr-search{
    display:none !important;
  }
  .pgd-demo-layout.main-wrap{
    grid-template-columns:1fr;
  }
  .left-sb,
  .right-sb{
    border-left:1px solid var(--pgd-demo-line-soft);
    border-right:1px solid var(--pgd-demo-line-soft);
  }
  .pgd-datebar-right{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
}
@media (max-width: 640px){
  #pgd-header .logo-sub,
  .pgd-datebar-clock{
    display:none;
  }
  .date-bar{
    padding:8px 12px;
  }
  .pgd-results-hips{
    grid-template-columns:1fr;
  }
}
[data-theme="light"]{
  --pgd-demo-sub:#4e3b1f;
  --pgd-demo-muted:#725b37;
}
#pgd-header.site-header{
  box-shadow: none;
}
#pgd-header .logo-link{
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}
#pgd-header .logo-sub{
  display:none !important;
}
#pgd-header .logo-main{
  min-height:auto !important;
}
#pgd-header .logo-rest,
#pgd-header .nav-item,
#pgd-header .pgd-nav-dd-link,
#pgd-header .pgd-nav-dd-menu a,
#pgd-header .u-nm{
  color:var(--pgd-demo-text) !important;
}
#pgd-header .nchev,
#pgd-header .pgd-nav-dd-btn,
#pgd-header .pgd-nav-dd-chevron{
  color:var(--pgd-demo-sub) !important;
}
#pgd-header .hdr-search input{
  color:var(--pgd-demo-text) !important;
}
#pgd-header .hdr-search input::placeholder{
  color:var(--pgd-demo-sub) !important;
}
#pgd-header .pgd-nav-dd,
#pgd-header .nav-item-group{
  position:relative !important;
}
#pgd-header .pgd-nav-dd-menu{
  border-radius:0 !important;
  box-shadow: none;
  z-index:3000 !important;
}
#pgd-header .pgd-nav-dd-menu a{
  text-transform:none !important;
}
#pgd-header .pgd-dropdown{
  border-radius:0 !important;
  box-shadow: none;
}
#pgd-header .nav-item,
#pgd-header .pgd-nav-dd-link,
.pgd-demo-topbar-title,
.hipo-nm,
.r-name,
.pgd-results-hip-copy strong,
.uye-hero-v2-baslik,
.uye-kart-v2-ad,
.sp-form-title,
.pf-title,
.pgd-yz-title,
.pgd-yd-baslik{
  text-transform:none !important;
}
.site-footer.pgd-footer,
.pgd-demo-topbar,
.pgd-workspace-board,
.pgd-demo-panel-card,
.left-sb .wcard,
.pgd-results-hip{
  box-shadow: none;
}
.left-sb .pgd-demo-list-item,
.left-sb .pgd-demo-race-item,
.left-sb .pgd-demo-list-icon,
.left-sb .pgd-demo-race-no,
.left-sb .hipo-bg,
.left-sb .pgd-demo-race-state,
.left-sb .wcard,
.pgd-workspace-board,
.pgd-demo-shell .pgd-kb.race-hdr,
.pgd-demo-shell .pgd-kt-tab.btab,
.pgd-results-hip,
.pgd-results-hip-ico,
.dtab{
  border-radius:0 !important;
}
.dtab.active,
.dtab.aktif,
.pgd-demo-shell .pgd-kt-tab.btab.active,
.pgd-demo-shell .pgd-kt-tab.btab.aktif{
  box-shadow: none;
}
.left-sb .pgd-demo-list-item.active,
.left-sb .pgd-demo-list-item.aktif,
.left-sb .pgd-demo-race-item.active,
.left-sb .pgd-demo-race-item.aktif,
.pgd-results-hip.active,
.pgd-results-hip.aktif{
  box-shadow: none;
  border-left:3px solid var(--pgd-demo-amber) !important;
}
[data-theme="light"] #pgd-header .nav-item,
[data-theme="light"] #pgd-header .pgd-nav-dd-link,
[data-theme="light"] #pgd-header .pgd-nav-dd-menu a,
[data-theme="light"] #pgd-header .u-nm,
[data-theme="light"] .hipo-nm,
[data-theme="light"] .r-name,
[data-theme="light"] .pgd-results-hip-copy strong{
  color:#21170d !important;
}
[data-theme="light"] #pgd-header .nchev,
[data-theme="light"] #pgd-header .pgd-nav-dd-btn,
[data-theme="light"] #pgd-header .pgd-nav-dd-chevron,
[data-theme="light"] .hipo-mt,
[data-theme="light"] .r-time,
[data-theme="light"] .pgd-results-hip-copy small{
  color:#5d4928 !important;
}

/* Demo1: üst şerit + menü zeminleri tam genişlik; içerik .pgd-page ile aynı kolon */
#pgd-header.site-header{
  left:0;
  right:0;
  width:100% !important;
  max-width:none !important;
}
#pgd-header .hdr-nav-wrap.pgd-nav-bar{
  width:100% !important;
  max-width:none !important;
}
#pgd-header .header-top.pgd-hdr-top,
#pgd-header .hdr-nav{
  width:100% !important;
  max-width:var(--max-w) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
#pgd-header .hdr-nav{
  justify-content:flex-start !important;
}
.pgd-demo-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex-wrap:wrap;
}
.pgd-demo-topbar-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.pgd-demo-topbar-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.pgd-demo-track-chip,
.pgd-demo-weather-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--pgd-demo-line-soft);
  background:rgba(232,150,10,.08);
  color:var(--pgd-demo-text);
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
}
.pgd-demo-track-chip i{
  color:var(--pgd-demo-amber);
  font-size:12px;
}
.pgd-demo-weather-chip{
  background:rgba(255,255,255,.03);
  color:var(--pgd-demo-sub);
}
.pgd-demo-weather-chip strong,
.pgd-demo-track-chip strong{
  color:var(--pgd-demo-text);
  font-weight:700;
}
.pgd-demo-weather-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  font-size:14px;
  line-height:1;
}
.pgd-demo-weather-icon img{
  width:18px;
  height:18px;
  display:block;
}
.pgd-demo-topbar-title{
  font-size:24px !important;
}
.pgd-demo-topbar-sub{
  font-size:12px !important;
}
.date-bar{
  padding:0 !important;
  gap:0 !important;
  border-top:none !important;
}
.pgd-datebar-label{
  display:inline-flex;
  align-items:center;
  align-self:stretch;
  padding:0 14px;
  border-right:1px solid var(--pgd-demo-line-soft);
  color:var(--pgd-demo-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.dtab{
  min-width:78px !important;
  min-height:48px;
  justify-content:center;
  padding:8px 18px !important;
  background:transparent !important;
  border:none !important;
  border-right:1px solid var(--pgd-demo-line-soft) !important;
  border-radius:0 !important;
}
.dtab:hover{
  background:rgba(232,150,10,.08) !important;
}
.dtab.active,
.dtab.aktif{
  background:var(--pgd-demo-amber) !important;
  border-color:var(--pgd-demo-amber) !important;
  box-shadow: none;
}
.dtab .dd{
  font-size:14px !important;
  font-weight:700 !important;
}
.dtab .dl{
  margin-top:4px !important;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tabs.btabs{
  background:var(--pgd-demo-panel) !important;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab{
  min-height:44px;
  padding:0 16px !important;
  border-radius:0 !important;
  color:var(--pgd-demo-sub) !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.05em;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab:hover{
  color:var(--pgd-demo-text) !important;
  background:rgba(232,150,10,.06) !important;
}
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab.active,
.pgd-demo-shell:not(.pgd-page-program) .pgd-kt-tab.btab.aktif{
  color:var(--pgd-demo-amber) !important;
  border-bottom-color:var(--pgd-demo-amber) !important;
  background:transparent !important;
}
@media (min-width: 901px){
  #pgd-header.site-header .header-top.pgd-hdr-top{
    grid-template-columns:auto minmax(420px,1fr) auto !important;
    gap:20px !important;
    padding:10px 20px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #pgd-header.site-header .hdr-search.pgd-search{
    max-width:640px !important;
  }
  #pgd-header .pgd-nav-dd-menu{
    min-width:240px !important;
  }
  #pgd-header .pgd-nav-dd-menu a{
    padding:10px 18px !important;
    font-size:14px !important;
    font-weight:700 !important;
  }
}
@media (max-width: 900px){
  .pgd-demo-topbar-left{
    width:100%;
    align-items:flex-start;
  }
  .pgd-demo-topbar-meta{
    width:100%;
  }
}

/* Demo1 literal program viewport */
.pgd-page-program .pgd-demo-shell{
  gap:14px !important;
}
.pgd-page-program .pgd-demo-topbar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:12px 14px !important;
  background:var(--pgd-demo-panel) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
}
.pgd-page-program .pgd-demo-topbar-left{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:auto !important;
}
.pgd-page-program .pgd-demo-topbar-meta{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  width:auto !important;
}
.pgd-page-program .pgd-demo-topbar-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.pgd-page-program .pgd-demo-track-chip,
.pgd-page-program .pgd-demo-weather-chip{
  min-height:34px !important;
  padding:0 12px !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  background:var(--pgd-demo-panel-2) !important;
  border-radius:0 !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.pgd-page-program .pgd-demo-topbar-kicker{
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
}
.pgd-page-program .pgd-demo-topbar-title{
  font-size:23px !important;
  font-weight:700 !important;
  line-height:1.02 !important;
}
.pgd-page-program .pgd-demo-topbar-sub{
  font-size:12px !important;
  letter-spacing:.01em !important;
}
.pgd-page-program .pgd-demo-topbar-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.pgd-page-program .pgd-demo-topbar-actions .pgd-workspace-btn{
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:0 !important;
  box-shadow: none;
}
.pgd-page-program .pgd-demo-datebar{
  background:transparent !important;
  border:none !important;
}
.pgd-page-program .pgd-race-datebar-demo.date-bar{
  display:flex !important;
  align-items:stretch !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}
.pgd-page-program .pgd-datebar-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-right:1px solid var(--pgd-demo-line-soft) !important;
}
.pgd-page-program .dtab{
  min-width:76px !important;
  min-height:50px !important;
  justify-content:center !important;
  padding:8px 16px !important;
  border:none !important;
  border-right:1px solid var(--pgd-demo-line-soft) !important;
  background:transparent !important;
  border-radius:0 !important;
}
.pgd-page-program .dtab:hover{
  background:rgba(232,150,10,.06) !important;
}
.pgd-page-program .dtab.active,
.pgd-page-program .dtab.aktif{
  background:var(--pgd-demo-amber) !important;
  border-color:var(--pgd-demo-amber) !important;
}
.pgd-page-program .dtab .dd{
  font-size:15px !important;
  font-weight:700 !important;
}
.pgd-page-program .dtab .dl{
  margin-top:3px !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
}
.pgd-page-program .pgd-datebar-right{
  margin-left:auto !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.pgd-page-program .pgd-datebar-chip{
  min-height:30px !important;
  padding:0 10px !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
  white-space:nowrap !important;
}
.pgd-page-program .pgd-datebar-picker{
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
}
.pgd-page-program .pgd-datebar-clock{
  min-width:54px;
  text-align:right;
  font-family:'Oswald',sans-serif;
  font-size:14px !important;
  color:var(--pgd-demo-amber) !important;
}
.pgd-page-program .pgd-demo-layout.main-wrap{
  display:grid !important;
  grid-template-columns:225px minmax(0,1fr) 250px !important;
  gap:0 !important;
  min-height:calc(100vh - 120px) !important;
}
.pgd-page-program .left-sb,
.pgd-page-program .right-sb{
  background:var(--pgd-demo-panel) !important;
  border:1px solid var(--pgd-demo-line-soft) !important;
  min-width:0 !important;
}
.pgd-page-program .left-sb{ border-right:none !important; }
.pgd-page-program .right-sb{ border-left:none !important; }
.pgd-page-program .left-sb .pgd-demo-sidebar-body,
.pgd-page-program .right-sb .pgd-demo-sidebar-body{
  gap:0 !important;
  padding:0 !important;
}
.pgd-page-program .left-sb .sb-hd,
.pgd-page-program .left-sb .pgd-demo-panel-title,
.pgd-page-program .right-sb .rs-hd,
.pgd-page-program .right-sb .pgd-demo-panel-title{
  min-height:auto !important;
  padding:10px 14px 9px !important;
  background:rgba(232,150,10,.06) !important;
  border-top:1px solid rgba(232,150,10,.10) !important;
  border-bottom:1px solid var(--pgd-demo-line-soft) !important;
  color:var(--pgd-demo-amber) !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.pgd-page-program .left-sb .pgd-demo-panel-title > span:first-child,
.pgd-page-program .right-sb .pgd-demo-panel-title > span:first-child,
.pgd-page-program .left-sb .sb-hd > span:first-child,
.pgd-page-program .right-sb .rs-hd > span:first-child{
  color:var(--pgd-demo-text) !important;
}
.pgd-page-program .left-sb .pgd-dock-icon,
.pgd-page-program .right-sb .pgd-dock-icon{
  border:1px solid rgba(232,150,10,.26) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--pgd-demo-amber) !important;
}
.pgd-page-program .left-sb .pgd-demo-list-item,
.pgd-page-program .left-sb .pgd-demo-race-item{
  min-height:50px !important;
  padding:10px 14px !important;
  background:transparent !important;
  border-bottom:1px solid var(--pgd-demo-line-soft) !important;
}
.pgd-page-program .left-sb .pgd-demo-list-item:hover,
.pgd-page-program .left-sb .pgd-demo-race-item:hover{
  background:rgba(232,150,10,.08) !important;
}
.pgd-page-program .left-sb .pgd-demo-list-item.active,
.pgd-page-program .left-sb .pgd-demo-list-item.aktif,
.pgd-page-program .left-sb .pgd-demo-race-item.active,
.pgd-page-program .left-sb .pgd-demo-race-item.aktif{
  background:rgba(232,150,10,.10) !important;
  border-left:3px solid var(--pgd-demo-amber) !important;
}
.pgd-page-program .left-sb .pgd-demo-list-icon,
.pgd-page-program .left-sb .pgd-demo-race-no{
  width:26px !important;
  height:26px !important;
  border-radius:6px !important;
}
.pgd-page-program .left-sb .hipo-nm,
.pgd-page-program .left-sb .r-name{
  font-family:'Rajdhani',sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.pgd-page-program .left-sb .hipo-mt,
.pgd-page-program .left-sb .r-time{
  font-size:10px !important;
}
.pgd-page-program .left-sb .hipo-bg{
  border-radius:10px !important;
  font-size:10px !important;
}
.pgd-page-program,
.pgd-board-screen{
  --pgd-workspace-board-bg: var(--pgd-demo-panel);
  --pgd-workspace-board-border-color: var(--pgd-demo-line-soft);
  --pgd-workspace-board-shadow: none;
}
@media (max-width: 1080px){
  .pgd-page-program .pgd-demo-layout.main-wrap{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 900px){
  .pgd-page-program .pgd-demo-topbar{
    grid-template-columns:1fr !important;
  }
  .pgd-page-program .pgd-demo-topbar-actions{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  .pgd-page-program .pgd-datebar-right{
    padding:8px 10px !important;
    flex-wrap:wrap !important;
  }
}

/* ============================================================
   Turkish casing safety + clearer module heads
   ============================================================ */
.pgd-tr-case,
.hipo-nm,
.pgd-hip-card-ad,
.pgd-datebar-chip,
.pgd-demo-track-chip strong,
.pgd-demo-topbar-sub,
.pgd-results-hip-copy strong,
.wc-city,
.jky-hip-ad {
  text-transform:none !important;
  letter-spacing:normal !important;
}

.pgd-page-program .left-sb .sb-hd,
.pgd-page-program .left-sb .pgd-demo-panel-title,
.pgd-page-program .right-sb .rs-hd,
.pgd-page-program .right-sb .pgd-demo-panel-title {
  background:#f6ecda !important;
  border-top:2px solid #e8960a !important;
  border-bottom:1px solid rgba(70, 48, 15, .14) !important;
  box-shadow: none;
}

/* ============================================================
   Program top strip refresh - lighter surface and venue tabs
   ============================================================ */
.pgd-page-program .pgd-demo-shell,
.pgd-page-program .left-sb,
.pgd-page-program .right-sb,
.pgd-page-program .pgd-race-datebar-demo.date-bar {
  font-family:'Inter',sans-serif !important;
}

[data-theme="light"] .pgd-page-program .pgd-demo-topbar,
[data-theme="light"] .pgd-page-program .left-sb,
[data-theme="light"] .pgd-page-program .right-sb {
  background:#fffaf3 !important;
  border-color:rgba(78, 55, 20, .16) !important;
}

.pgd-page-program .pgd-demo-topbar {
  align-items:start !important;
  padding:12px 14px !important;
  background:#fffaf3 !important;
}

.pgd-page-program .pgd-demo-topbar-left {
  min-width:0 !important;
  gap:10px !important;
}

.pgd-page-program .pgd-demo-topbar-meta {
  gap:10px !important;
}

.pgd-page-program .pgd-demo-topbar-date,
.pgd-page-program .pgd-demo-topbar-count {
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid rgba(78, 55, 20, .14) !important;
  background:#f5ebdc !important;
  color:#2a1a09 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
}

.pgd-page-program .pgd-demo-topbar-count {
  color:#7a551f !important;
}

.pgd-page-program .pgd-demo-venue-strip {
  display:flex !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  overflow-x:auto !important;
  padding-bottom:2px !important;
  scrollbar-width:none !important;
}

.pgd-page-program .pgd-demo-venue-strip::-webkit-scrollbar {
  height:0 !important;
}

.pgd-page-program .pgd-demo-venue-card {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:176px !important;
  padding:12px 14px !important;
  border:1px solid rgba(78, 55, 20, .14) !important;
  background:#fffdf9 !important;
  color:#201509 !important;
  text-decoration:none !important;
  box-shadow: none;
  border-radius:0 !important;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease !important;
}

.pgd-page-program .pgd-demo-venue-card:hover {
  background:#fff8ee !important;
  border-color:#d38b13 !important;
}

.pgd-page-program .pgd-demo-venue-card.active,
.pgd-page-program .pgd-demo-venue-card.aktif {
  background:#fff0d4 !important;
  border-color:#e8960a !important;
}

.pgd-page-program .pgd-demo-venue-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.pgd-page-program .pgd-demo-venue-name {
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#1e1207 !important;
  letter-spacing:.01em !important;
}

.pgd-page-program .pgd-demo-venue-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:24px !important;
  font-size:16px !important;
  line-height:1 !important;
}

.pgd-page-program .pgd-demo-venue-meta {
  font-size:12px !important;
  font-weight:600 !important;
  color:#684c26 !important;
  letter-spacing:0 !important;
}

.pgd-page-program .left-sb .hipo-nm,
.pgd-page-program .left-sb .r-name,
.pgd-page-program .right-sb .agf-nm,
.pgd-page-program .right-sb .muh-nm {
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#1e1207 !important;
}

.pgd-page-program .left-sb .hipo-mt,
.pgd-page-program .left-sb .r-time,
.pgd-page-program .wc-desc,
.pgd-page-program .pgd-demo-topbar-sub {
  font-size:12px !important;
  font-weight:600 !important;
  color:#6a4e28 !important;
}

.pgd-page-program .dtab .dd {
  font-family:'Inter',sans-serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  color:#241609 !important;
}

.pgd-page-program .dtab .dl {
  font-size:11px !important;
  color:#6c5230 !important;
}

.pgd-page-program .pgd-demo-topbar-actions .pgd-workspace-btn {
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
}

@media (max-width: 900px) {
  .pgd-page-program .pgd-demo-topbar {
    grid-template-columns:1fr !important;
  }

  .pgd-page-program .pgd-demo-topbar-actions {
    width:100% !important;
    justify-content:flex-start !important;
  }

  .pgd-page-program .pgd-demo-venue-card {
    min-width:148px !important;
  }
}

/* ============================================================
   Program shell final pass - modular date + venue blocks
   ============================================================ */
.pgd-page-program {
  background:transparent !important;
}

.pgd-page-program .pgd-demo-shell {
  gap:10px !important;
  background:transparent !important;
  color:#24170a !important;
  font-family:'Inter',sans-serif !important;
}

.pgd-page-program .pgd-program-hipodroms-wrap,
.pgd-page-program .left-sb,
.pgd-page-program .right-sb {
  background:var(--pgd-demo-panel) !important;
  border:1px solid rgba(74, 49, 16, .18) !important;
  box-shadow: none;
}

.pgd-page-program .main-content {
  background:transparent !important;
}

.pgd-page-program .pgd-demo-datebar{
  background:transparent !important;
  border:none !important;
  box-shadow: none;
}

.pgd-page-program .pgd-race-datebar-demo.date-bar {
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  min-height:74px !important;
}

.pgd-page-program .pgd-datebar-labelbox {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  width:170px !important;
  min-width:170px !important;
  padding:10px 14px !important;
  border-right:1px solid rgba(74, 49, 16, .16) !important;
  background:#f2e6d6 !important;
}

.pgd-page-program .pgd-datebar-label {
  display:block !important;
  margin:0 0 4px !important;
  color:#6f4d22 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:none !important;
}

.pgd-page-program .pgd-datebar-current {
  display:block !important;
  color:#211408 !important;
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

.pgd-page-program .dtab {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  min-width:84px !important;
  min-height:74px !important;
  padding:8px 14px !important;
  border-right:1px solid rgba(74, 49, 16, .14) !important;
  border-radius:0 !important;
  background:#fbf5eb !important;
}

.pgd-page-program .dtab:hover {
  background:#fff8ee !important;
}

.pgd-page-program .dtab.active,
.pgd-page-program .dtab.aktif {
  background:#e8960a !important;
  border-right-color:#d58609 !important;
}

.pgd-page-program .dtab .dd {
  font-family:'Inter',sans-serif !important;
  font-size:18px !important;
  font-weight:800 !important;
  color:#211408 !important;
  line-height:1 !important;
}

.pgd-page-program .dtab .dl {
  margin-top:4px !important;
  font-family:'Inter',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  color:#6c5030 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.pgd-page-program .dtab.active .dd,
.pgd-page-program .dtab.active .dl,
.pgd-page-program .dtab.aktif .dd,
.pgd-page-program .dtab.aktif .dl {
  color:#fffdf8 !important;
}

.pgd-page-program .pgd-datebar-right {
  margin-left:auto !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  gap:0 !important;
  min-height:74px !important;
  padding:0 !important;
}

.pgd-page-program .pgd-datebar-picker,
.pgd-page-program .pgd-datebar-clockbox {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:74px !important;
  border-left:1px solid rgba(74, 49, 16, .14) !important;
  border-radius:0 !important;
  background:#fbf5eb !important;
}

.pgd-page-program .pgd-datebar-picker {
  min-width:146px !important;
  padding:0 18px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#28190a !important;
  gap:8px !important;
}

.pgd-page-program .pgd-datebar-picker:hover {
  background:#fff8ef !important;
}

.pgd-page-program .pgd-datebar-clockbox {
  width:92px !important;
  min-width:92px !important;
  padding:0 10px !important;
}

.pgd-page-program .pgd-datebar-clock {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#b46d09 !important;
  text-align:center !important;
}

.pgd-page-program .pgd-program-hipodroms-wrap {
  padding:10px 12px !important;
}

.pgd-page-program .pgd-program-hipodroms {
  display:flex !important;
  align-items:stretch !important;
  gap:10px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}

.pgd-page-program .pgd-program-hipodroms::-webkit-scrollbar {
  height:0 !important;
}

.pgd-page-program .pgd-program-hip-card {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:188px !important;
  padding:12px 14px !important;
  text-decoration:none !important;
  border:1px solid rgba(74, 49, 16, .14) !important;
  background:#fffaf2 !important;
  color:#231609 !important;
  border-radius:0 !important;
  box-shadow: none;
  transition:border-color .18s ease, background-color .18s ease !important;
}

.pgd-page-program .pgd-program-hip-card:hover {
  background:#fff6ea !important;
  border-color:#d18a12 !important;
}

.pgd-page-program .pgd-program-hip-card.active,
.pgd-page-program .pgd-program-hip-card.aktif {
  background:#fff0d6 !important;
  border-color:#e8960a !important;
}

.pgd-page-program .pgd-program-hip-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.pgd-page-program .pgd-program-hip-name {
  font-family:'Inter',sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#221408 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.pgd-page-program .pgd-program-hip-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  font-size:16px !important;
  line-height:1 !important;
}

.pgd-page-program .pgd-program-hip-weather {
  display:block !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#6b4d27 !important;
  text-transform:none !important;
}

.pgd-page-program .left-sb .hipo-nm,
.pgd-page-program .left-sb .r-name,
.pgd-page-program .right-sb .agf-nm,
.pgd-page-program .right-sb .muh-nm,
.pgd-page-program .wc-city {
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#211408 !important;
}

.pgd-page-program .left-sb .hipo-mt,
.pgd-page-program .left-sb .r-time,
.pgd-page-program .wc-desc,
.pgd-page-program .agf-row,
.pgd-page-program .muh-row {
  color:#674d2c !important;
}

@media (max-width: 900px) {
  .pgd-page-program .pgd-race-datebar-demo.date-bar {
    flex-wrap:wrap !important;
    min-height:unset !important;
  }

  .pgd-page-program .pgd-datebar-labelbox {
    width:100% !important;
    min-width:0 !important;
    border-right:none !important;
    border-bottom:1px solid rgba(74, 49, 16, .14) !important;
  }

  .pgd-page-program .pgd-datebar-right {
    width:100% !important;
    justify-content:stretch !important;
  }

  .pgd-page-program .pgd-datebar-picker,
  .pgd-page-program .pgd-datebar-clockbox {
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
  }

  .pgd-page-program .pgd-program-hip-card {
    min-width:156px !important;
  }
}

/* Sidebar module spacing cleanup */
.pgd-page-program .left-sb .pgd-demo-sidebar-body > *,
.pgd-page-program .right-sb .pgd-demo-sidebar-body > * {
  margin:0 !important;
}

.pgd-page-program .left-sb .pgd-demo-panel-card,
.pgd-page-program .right-sb .pgd-demo-panel-card,
.pgd-page-program .left-sb .pgd-demo-side-section,
.pgd-page-program .right-sb .rs-sec,
.pgd-page-program .left-sb .wcard {
  margin:0 !important;
  border-top:none !important;
  border-radius:0 !important;
}

.pgd-page-program .left-sb .pgd-demo-sidebar-body,
.pgd-page-program .right-sb .pgd-demo-sidebar-body {
  padding:0 !important;
  gap:0 !important;
}

.pgd-page-program .left-sb .pgd-demo-sidebar-body > * + *,
.pgd-page-program .right-sb .pgd-demo-sidebar-body > * + * {
  border-top:1px solid rgba(74, 49, 16, .12) !important;
}

/* =============================================================================
   Turkish UI (html lang=tr): typography rules for localized labels.
   Single source, higher specificity, no !important.
   ============================================================================= */
html[lang="tr"] .pgd-panel-title-text,
html[lang="tr"] .pgd-datebar-label,
html[lang="tr"] .pgd-nav-lock,
html[lang="tr"] .hsp-nav-baslik,
html[lang="tr"] .hsp-uplan,
html[lang="tr"] .adm-title,
html[lang="tr"] .adm-head-meta,
html[lang="tr"] .jkl-filtre-lbl,
html[lang="tr"] .jkl-tablo th,
html[lang="tr"] .atl-hero-eyebrow,
html[lang="tr"] .pf-eyebrow,
html[lang="tr"] .pf-stat span,
html[lang="tr"] .uye-hero-v2-tag,
html[lang="tr"] .uye-kart-v2-rozet,
html[lang="tr"] .uye-cmp-grup-satir td,
html[lang="tr"] .pgd-kt-state-label,
html[lang="tr"] .pgd-st,
html[lang="tr"] .pgd-kb-no-badge,
html[lang="tr"] .pgd-menu-item,
html[lang="tr"] .pgd-nav-link {
  text-transform: none;
  letter-spacing: 0.01em;
}

html[lang="tr"] .pgd-tr-case {
  text-transform: none;
}

html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-demo-panel-title,
html[data-theme="light"][lang="tr"] .pgd-page-workspace .adm-bar-head,
html[data-theme="light"][lang="tr"] .pgd-account-menu .hsp-nav-baslik {
  background: #f0debd;
  color: #24170a;
}

html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-demo-panel-card,
html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-demo-widget-body,
html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-workspace-board,
html[data-theme="light"][lang="tr"] .pgd-page-workspace .adm-bar,
html[data-theme="light"][lang="tr"] .pgd-account-menu.hsp-menu {
  background: #fffdf8;
  border-color: rgba(74, 49, 16, 0.12);
  color: #24170a;
}

html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-feature-list-meta,
html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-feature-placeholder-copy,
html[data-theme="light"][lang="tr"] .pgd-page-workspace .adm-head-meta,
html[data-theme="light"][lang="tr"] .pgd-account-menu .hsp-uplan,
html[data-theme="light"][lang="tr"] .pgd-account-menu .hsp-nav-baslik {
  color: #6f522d;
}

html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-dock-icon,
html[data-theme="light"][lang="tr"] .pgd-page-feature .pgd-widget-control,
html[data-theme="light"][lang="tr"] .pgd-page-workspace .adm-btn,
html[data-theme="light"][lang="tr"] .pgd-account-menu .hsp-lock-tag {
  background: #fff8ec;
  border-color: rgba(213, 141, 22, 0.22);
  color: #8e5a09;
}

/* Merkezi, kategori seçilebilir üst arama */
#pgd-header .pgd-search-control {
  display: flex;
  align-items: stretch;
  min-height: 40px;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  transition: border-color .15s ease;
}

#pgd-header .pgd-search-control:focus-within {
  border-color: var(--gold);
}

#pgd-header .pgd-search-types {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  padding: 3px 5px;
  border-right: 1px solid var(--border);
  background: var(--bg2);
}

#pgd-header .pgd-search-type,
.pgd-mobile-search-types .pgd-search-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 29px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--text3);
  background: transparent;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: color .12s ease, background .12s ease;
}

#pgd-header .pgd-search-type:hover,
#pgd-header .pgd-search-type.is-active,
.pgd-mobile-search-types .pgd-search-type:hover,
.pgd-mobile-search-types .pgd-search-type.is-active {
  color: var(--gold-dark);
  background: var(--gold-soft);
}

.pgd-search-svg {
  display: block;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  object-fit: contain;
  opacity: .68;
  transition: opacity .12s ease, transform .12s ease;
}

#pgd-header .pgd-search-type:hover .pgd-search-svg,
#pgd-header .pgd-search-type.is-active .pgd-search-svg,
.pgd-mobile-search-types .pgd-search-type:hover .pgd-search-svg,
.pgd-mobile-search-types .pgd-search-type.is-active .pgd-search-svg {
  opacity: 1;
  transform: scale(1.04);
}

#pgd-header .pgd-search-query {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

#pgd-header .pgd-search-query .pgd-search-icon {
  left: 12px;
  z-index: 2;
}

#pgd-header .pgd-search-query input {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 14px 8px 36px !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pgd-mobile-search-types {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 10px;
}

.pgd-mobile-search-types .pgd-search-type {
  width: 100%;
  min-width: 0;
  height: 40px;
  gap: 5px;
  padding: 0 7px;
  border: 1px solid rgba(61,43,14,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  font-size: 12px;
}

.pgd-mobile-search-types .pgd-search-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 430px) {
  .pgd-mobile-search-types {
    gap: 4px;
  }

  .pgd-mobile-search-types .pgd-search-type {
    height: 38px;
    padding: 0;
    font-size: 14px;
  }

  .pgd-mobile-search-types .pgd-search-label {
    display: none;
  }
}

/* Giriş ve kayıt formları: küçük metin ve dekoratif gölge temizliği. */
.pgd-auth-workspace,
.pgd-auth-access {
  text-shadow: none !important;
}

.pgd-auth-workspace .auth-field label {
  color: #475569;
  font-size: 12.5px;
  letter-spacing: .045em;
}

.pgd-auth-workspace .auth-field .auth-check-lbl,
.pgd-auth-workspace .auth-footer-txt {
  font-size: 13px;
}

.pgd-auth-workspace .auth-field input:focus,
.pgd-auth-workspace .auth-field select:focus,
.pgd-auth-workspace .auth-field textarea:focus {
  border-color: #d99a21;
  box-shadow: none;
  outline: 2px solid rgba(217, 154, 33, .18);
  outline-offset: 1px;
}

.pgd-auth-workspace :is(.sp-auth-shell, .sp-form-card, .auth-card),
.pgd-auth-access :is(.pgd-auth-stage, .pgd-auth-form-panel) {
  box-shadow: none !important;
}