/* =====================================================================
   ERKAM RADYO — Oynatıcı çubuğu, çalma kuyruğu, arşiv merkezi bileşenleri
   Bağımsızdır; marka renklerini --brand* değişkenlerinden alır, yoksa
   kendi yedek değerlerini kullanır.
   ===================================================================== */
:root{
  --erp-accent:      var(--brand, #1E9BD7);
  --erp-accent-deep: var(--brand-deep, #0F7AB8);
  --erp-accent-soft: var(--brand-soft, #6EC6F0);
  --erp-ink:         #070C13;
  --erp-line:        rgba(255,255,255,.1);
  --erp-line2:       rgba(255,255,255,.18);
  --erp-ease:        cubic-bezier(.16,1,.3,1);
}

/* ------------------------------------------- MENÜ TAŞMA ("DAHA FAZLA") */
.nav-links .nav-more > a{ display:flex; align-items:center; gap:7px; }
.nav-links .nav-more > a::after{
  content:""; width:7px; height:7px; flex-shrink:0;
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px); opacity:.65;
}
/* taşınan öğeler açılır menüde üst seviye görünümünü kaybeder */
.nav-links .nav-more .sub > li > a{ font-weight:600; }
.nav-links .nav-more .sub .sub{
  position:static; opacity:1; visibility:visible; transform:none;
  background:none; border:0; box-shadow:none; padding:2px 0 4px 14px; min-width:0;
}
.nav-links .nav-more .sub .sub a{ font-size:.8rem; opacity:.82; }

/* --------------------------------------------- YUMUŞAK GEZİNME ÇUBUĞU */
.ernav-bar{
  position:fixed; inset:0 auto auto 0; height:3px; width:0; z-index:200; opacity:0;
  background:linear-gradient(90deg,var(--erp-accent-deep),var(--erp-accent-soft));
  box-shadow:0 0 12px rgba(30,155,215,.8); pointer-events:none;
}
.ernav-bar.yukleniyor{ opacity:1; width:82%; transition:width 1.4s cubic-bezier(.1,.8,.2,1); }
.ernav-bar.bitti{ opacity:1; width:100%; transition:width .18s ease, opacity .4s ease .18s; opacity:0; }

/* ------------------------------------------------------------- OYNATICI */
.erp{
  position:fixed; inset:auto 0 0 0; z-index:130;
  background:rgba(7,12,19,.93);
  -webkit-backdrop-filter:blur(24px) saturate(1.5); backdrop-filter:blur(24px) saturate(1.5);
  border-top:1px solid var(--erp-line2);
  box-shadow:0 -20px 60px rgba(0,0,0,.55);
  color:#fff; font-family:inherit;
  transform:translateY(110%); transition:transform .5s var(--erp-ease);
}
.erp.show{ transform:none; }
body:has(.erp.show){ padding-bottom:86px; }

.erp-bar{ position:relative; }
.erp-in{
  display:flex; align-items:center; gap:14px;
  width:min(1220px,94vw); margin-inline:auto; padding:13px 0 15px;
}

/* ilerleme çubuğu */
.erp-seek{ position:relative; height:4px; background:rgba(255,255,255,.1); cursor:pointer; }
.erp-seek::after{ content:""; position:absolute; inset:-9px 0; }
.erp-buffer{ position:absolute; inset:0 auto 0 0; width:0; background:rgba(255,255,255,.14); }
.erp-fill{
  position:absolute; inset:0 auto 0 0; width:0; z-index:2;
  background:linear-gradient(90deg,var(--erp-accent-deep),var(--erp-accent-soft));
  box-shadow:0 0 12px rgba(30,155,215,.7);
}
.erp.is-live .erp-fill{
  background:linear-gradient(90deg,var(--erp-accent-deep),var(--erp-accent-soft),var(--erp-accent-deep));
  background-size:220% 100%; animation:erp-flow 2.5s linear infinite;
}
@keyframes erp-flow{ to{ background-position:220% 0; } }
.erp.is-archive .erp-seek:hover .erp-fill::after{
  content:""; position:absolute; right:-5px; top:50%; transform:translateY(-50%);
  width:11px; height:11px; border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5);
}

.erp-art{ width:46px; height:46px; border-radius:11px; object-fit:cover; flex-shrink:0;
  border:1px solid var(--erp-line2); background:#0F1822; }

.erp-btn{
  width:38px; height:38px; border-radius:50%; flex-shrink:0; display:grid; place-items:center;
  color:rgba(255,255,255,.8); background:transparent; border:0; cursor:pointer;
  transition:color .2s, background .2s, transform .25s var(--erp-ease);
}
.erp-btn:hover:not(:disabled){ color:#fff; background:rgba(255,255,255,.09); }
.erp-btn:disabled{ opacity:.28; cursor:default; }
.erp-btn svg{ width:19px; height:19px; }
.erp-play{
  width:48px; height:48px;
  background:linear-gradient(140deg,var(--erp-accent),var(--erp-accent-deep)); color:#fff;
  box-shadow:0 8px 24px rgba(15,122,184,.45);
}
.erp-play:hover{ transform:scale(1.06); background:linear-gradient(140deg,var(--erp-accent),var(--erp-accent-deep)); }
.erp-play svg{ width:21px; height:21px; }
.erp-play .i-pause, .erp-play .i-load{ display:none; }
.erp.is-playing .erp-play .i-play{ display:none; }
.erp.is-playing .erp-play .i-pause{ display:block; }
.erp.is-loading .erp-play .i-play, .erp.is-loading .erp-play .i-pause{ display:none; }
.erp.is-loading .erp-play .i-load{ display:block; animation:erp-spin 1s linear infinite; }
@keyframes erp-spin{ to{ transform:rotate(360deg); } }

.erp-meta{ min-width:0; flex:1; }
.erp-kick{ display:flex; align-items:center; gap:8px; font-size:.63rem; font-weight:800;
  letter-spacing:.18em; color:var(--erp-accent-soft); margin-bottom:3px; }
.erp-dot{ width:6px; height:6px; border-radius:50%; background:var(--erp-accent); flex-shrink:0; }
.erp.is-live .erp-dot{ animation:erp-pulse 1.6s infinite; }
@keyframes erp-pulse{ 0%,100%{opacity:1} 50%{opacity:.35} }
.erp-listeners{ color:rgba(255,255,255,.45); letter-spacing:.06em; font-weight:700; }
.erp-listeners::before{ content:"•"; margin-right:8px; opacity:.5; }
.erp-title{ font-size:.94rem; font-weight:700; line-height:1.25;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.erp-time{ display:flex; align-items:center; gap:6px; flex-shrink:0;
  font-size:.78rem; font-weight:700; font-variant-numeric:tabular-nums; color:rgba(255,255,255,.55); }
.erp-sep{ opacity:.4; }

.erp-tools{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.erp-ico{
  width:36px; height:36px; border-radius:11px; display:grid; place-items:center; position:relative;
  color:rgba(255,255,255,.6); background:transparent; border:0; cursor:pointer;
  transition:color .2s, background .2s;
}
.erp-ico:hover{ color:#fff; background:rgba(255,255,255,.09); }
.erp-ico svg{ width:17px; height:17px; }
.erp-ico .i-off{ display:none; }
.erp.muted .erp-ico[data-erp="mute"] .i-on{ display:none; }
.erp.muted .erp-ico[data-erp="mute"] .i-off{ display:block; }
.erp.is-live .erp-live-jump{ display:none; }

.erp-vol{ display:flex; align-items:center; gap:6px; }
.erp-range{ width:78px; accent-color:var(--erp-accent); cursor:pointer; }

.erp-count{
  position:absolute; top:2px; right:1px; min-width:16px; height:16px; padding:0 4px;
  border-radius:99px; background:var(--erp-accent); color:#fff;
  font-size:.6rem; font-weight:800; line-height:16px; text-align:center;
}

/* 15 sn atlama düğmeleri */
.erp-b15, .erp-f15{ position:relative; }
.erp-b15 b, .erp-f15 b{
  position:absolute; inset:0; display:grid; place-items:center;
  font-size:.53rem; font-weight:800; letter-spacing:-.02em; pointer-events:none; padding-top:1px;
}
.erp-b15 svg, .erp-f15 svg{ width:21px; height:21px; }

/* hız / favori / paylaş / uyku */
.erp-rate{ font-size:.72rem; font-weight:800; letter-spacing:-.01em; min-width:36px; }
.erp-rate.on{ color:var(--erp-accent-soft); background:rgba(30,155,215,.16); }
.erp-fav.on{ color:#FF5A7A; }
.erp-fav.on svg{ fill:#FF5A7A; }
.erp-sleep{ position:relative; }
.erp-sleep.on{ color:var(--erp-accent-soft); background:rgba(30,155,215,.16); }
.erp-sleep-lbl{
  position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);
  font-size:.5rem; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.erp-sleep-menu{
  position:absolute; bottom:calc(100% + 10px); right:0; z-index:10; min-width:186px;
  background:rgba(11,17,26,.97); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid var(--erp-line2); border-radius:15px; padding:8px;
  box-shadow:0 24px 50px rgba(0,0,0,.55); text-align:left;
}
.erp-sleep-menu b{
  display:block; font-size:.6rem; font-weight:800; letter-spacing:.16em;
  color:rgba(255,255,255,.45); padding:6px 12px 8px;
}
.erp-sleep-menu button{
  display:block; width:100%; text-align:left; padding:9px 12px; border-radius:9px;
  background:none; border:0; color:rgba(255,255,255,.82); font-size:.83rem; font-weight:600;
  font-family:inherit; cursor:pointer; transition:background .2s, color .2s;
}
.erp-sleep-menu button:hover{ background:rgba(30,155,215,.18); color:#fff; }
.erp-sleep-menu button.iptal{ color:#FF8A9B; margin-top:4px; border-top:1px solid var(--erp-line); border-radius:0 0 9px 9px; }

/* satırdaki favori düğmesi */
.a-fav.on{ border-color:#FF5A7A; color:#FF5A7A; }
.a-fav.on svg{ fill:#FF5A7A; }
.erp.q-open .erp-qbtn{ color:#fff; background:rgba(30,155,215,.22); }

/* çalma kuyruğu paneli */
.erp-queue{ border-top:1px solid var(--erp-line); background:rgba(5,9,15,.75); }
.erp-qhead{
  width:min(1220px,94vw); margin-inline:auto; padding:14px 0 8px;
  display:flex; align-items:center; justify-content:space-between;
}
.erp-qhead b{ font-size:.7rem; font-weight:800; letter-spacing:.2em; color:rgba(255,255,255,.55); }
.erp-qclear{ font-size:.74rem; font-weight:700; color:var(--erp-accent-soft); background:none; border:0; cursor:pointer; }
.erp-qclear:hover{ text-decoration:underline; }
.erp-qlist{ width:min(1220px,94vw); margin-inline:auto; max-height:38vh; overflow:auto; padding-bottom:14px; }
.erp-qitem{
  display:flex; align-items:center; gap:13px; padding:9px 12px; border-radius:11px; cursor:pointer;
  transition:background .2s;
}
.erp-qitem:hover{ background:rgba(255,255,255,.06); }
.erp-qitem.on{ background:rgba(30,155,215,.15); }
.erp-qidx{ font-size:.72rem; font-weight:800; color:rgba(255,255,255,.35); width:20px; flex-shrink:0;
  font-variant-numeric:tabular-nums; }
.erp-qitem.on .erp-qidx{ color:var(--erp-accent-soft); }
.erp-qmeta{ min-width:0; flex:1; }
.erp-qmeta b{ display:block; font-size:.86rem; font-weight:600; line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.erp-qmeta small{ display:block; font-size:.72rem; color:rgba(255,255,255,.45); margin-top:1px; }
.erp-qdel{ width:28px; height:28px; border-radius:8px; display:grid; place-items:center; flex-shrink:0;
  color:rgba(255,255,255,.4); background:none; border:0; cursor:pointer; }
.erp-qdel:hover{ color:#fff; background:rgba(255,255,255,.12); }
.erp-qdel svg{ width:13px; height:13px; }
.erp-qempty{ padding:22px 12px; font-size:.85rem; color:rgba(255,255,255,.45); text-align:center; }

@media (max-width:1080px){
  .erp-share, .erp-live-jump{ display:none; }
}
@media (max-width:860px){
  .erp-in{ gap:8px; padding:10px 0 12px; }
  .erp-art, .erp-prev, .erp-next, .erp-time, .erp-vol, .erp-rate, .erp-fav{ display:none; }
  .erp-title{ font-size:.88rem; }
  body:has(.erp.show){ padding-bottom:74px; }
}
@media (max-width:520px){
  .erp-b15, .erp-f15{ display:none; }
}

/* ---------------------------------------------- arşiv satırı eklentileri */
.arch-row.is-current{ background:rgba(30,155,215,.07); }
.a-resume{ display:block; height:3px; border-radius:3px; background:var(--line-l,#E7EAEE);
  margin-top:7px; max-width:230px; overflow:hidden; }
.a-resume i{ display:block; height:100%; border-radius:3px;
  background:linear-gradient(90deg,var(--erp-accent-deep),var(--erp-accent)); }
.a-queue.added{ border-color:var(--erp-accent); color:var(--erp-accent-deep); }

/* --------------------------------------------------- ARŞİV MERKEZİ */
.ac-tools{
  position:sticky; top:66px; z-index:40; margin-bottom:24px;
  background:var(--paper,#F5F6F8); padding:14px 0 4px;
}
.ac-search{ position:relative; margin-bottom:14px; }
.ac-search input{
  width:100%; padding:17px 22px 17px 54px; border-radius:999px;
  border:1.5px solid var(--line-l,#E7EAEE); background:#fff; font-size:1rem; font-family:inherit;
  box-shadow:0 10px 30px rgba(14,20,27,.08); transition:border-color .2s, box-shadow .2s;
}
.ac-search input:focus{ outline:0; border-color:var(--erp-accent);
  box-shadow:0 0 0 4px rgba(30,155,215,.14); }
.ac-search > svg{ position:absolute; left:21px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; color:var(--t-400,#8B96A2); }
.ac-clear{ position:absolute; right:16px; top:50%; transform:translateY(-50%);
  width:30px; height:30px; border-radius:50%; display:none; place-items:center;
  background:var(--line-l,#E7EAEE); color:var(--t-600,#5A6673); border:0; cursor:pointer; }
.ac-search.has-value .ac-clear{ display:grid; }
.ac-clear svg{ width:13px; height:13px; }

.ac-filters{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ac-sel{ position:relative; }
.ac-sel select{
  appearance:none; -webkit-appearance:none;
  padding:11px 38px 11px 16px; border-radius:999px; border:1.5px solid var(--line-l,#E7EAEE);
  background:#fff; font-size:.85rem; font-weight:600; font-family:inherit; color:var(--t-600,#5A6673);
  cursor:pointer; transition:border-color .2s, color .2s; max-width:230px;
}
.ac-sel select:focus{ outline:0; border-color:var(--erp-accent); }
.ac-sel select.on{ border-color:var(--erp-accent); color:var(--erp-accent-deep); }
.ac-sel::after{
  content:""; position:absolute; right:16px; top:50%; width:7px; height:7px; pointer-events:none;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:translateY(-70%) rotate(45deg); color:var(--t-400,#8B96A2);
}
.ac-reset{ font-size:.82rem; font-weight:700; color:var(--erp-accent-deep); background:none;
  border:0; cursor:pointer; padding:11px 6px; }
.ac-reset:hover{ text-decoration:underline; }

.ac-bar{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  flex-wrap:wrap; margin-bottom:16px; }
.ac-count{ font-size:.86rem; font-weight:700; color:var(--t-600,#5A6673); }
.ac-count b{ color:var(--t-900,#0E141B); }
.ac-actions{ display:flex; gap:9px; }

.ac-list{ display:flex; flex-direction:column; border:1px solid var(--line-l,#E7EAEE);
  border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 10px 30px rgba(14,20,27,.08); }
.ac-list .arch-row{ grid-template-columns:56px 1fr auto auto; }
.ac-more{ display:flex; justify-content:center; margin-top:22px; }
.ac-loading{ text-align:center; padding:30px; color:var(--t-400,#8B96A2); font-weight:600; font-size:.9rem; }
.ac-empty{ padding:46px 24px; text-align:center; color:var(--t-400,#8B96A2); font-weight:600; }

/* ------------------------------------------------ DEVAM ET (resume) */
.resume-wrap{ margin-bottom:34px; }
.resume-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.resume-card{
  display:flex; align-items:center; gap:14px; padding:14px 16px; text-align:left;
  background:#fff; border:1px solid var(--line-l,#E7EAEE); border-radius:16px;
  box-shadow:0 10px 30px rgba(14,20,27,.08); cursor:pointer; font-family:inherit;
  transition:transform .3s var(--erp-ease), border-color .3s, box-shadow .3s;
}
.resume-card:hover{ transform:translateY(-4px); border-color:rgba(30,155,215,.45);
  box-shadow:0 24px 60px rgba(14,20,27,.14); }
.resume-card .rc-ico{
  width:44px; height:44px; border-radius:50%; flex-shrink:0; display:grid; place-items:center;
  background:linear-gradient(140deg,var(--erp-accent),var(--erp-accent-deep)); color:#fff;
  box-shadow:0 8px 20px rgba(15,122,184,.35);
}
.resume-card .rc-ico svg{ width:16px; height:16px; }
.resume-card .rc-meta{ min-width:0; flex:1; }
.resume-card .rc-prog{ font-size:.66rem; font-weight:800; letter-spacing:.12em;
  color:var(--erp-accent-deep); text-transform:uppercase; margin-bottom:3px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.resume-card .rc-title{ font-size:.9rem; font-weight:700; line-height:1.3; color:var(--t-900,#0E141B);
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.resume-card .rc-bar{ height:4px; border-radius:4px; background:var(--line-l,#E7EAEE); margin-top:8px; overflow:hidden; }
.resume-card .rc-bar i{ display:block; height:100%; border-radius:4px;
  background:linear-gradient(90deg,var(--erp-accent-deep),var(--erp-accent)); }
.resume-card .rc-time{ font-size:.7rem; font-weight:700; color:var(--t-400,#8B96A2); margin-top:5px; }

/* ------------------------------------------------------ KOLEKSİYONLAR */
.col-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.col-card{
  position:relative; display:block; border-radius:20px; overflow:hidden; min-height:210px;
  background:linear-gradient(150deg,#182636,#0A111A); color:#fff;
  border:1px solid var(--line-l,#E7EAEE);
  box-shadow:0 10px 30px rgba(14,20,27,.08);
  transition:transform .35s var(--erp-ease), box-shadow .35s;
}
.col-card:hover{ transform:translateY(-6px); box-shadow:0 30px 70px rgba(14,20,27,.22); }
.col-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:.5; transition:transform .6s var(--erp-ease), opacity .35s; }
.col-card:hover img{ transform:scale(1.07); opacity:.62; }
.col-card::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(165deg,rgba(7,12,19,.35),rgba(7,12,19,.94) 78%); }
.col-body{ position:relative; z-index:2; height:100%; display:flex; flex-direction:column;
  justify-content:flex-end; padding:20px; min-height:210px; }
.col-body .cc-count{
  align-self:flex-start; font-size:.64rem; font-weight:800; letter-spacing:.14em;
  background:rgba(30,155,215,.22); border:1px solid rgba(30,155,215,.5); color:var(--erp-accent-soft);
  padding:4px 11px; border-radius:99px; margin-bottom:auto;
}
.col-body h3{ font-size:1.05rem; font-weight:800; line-height:1.25; margin-bottom:6px; }
.col-body p{ font-size:.8rem; color:rgba(255,255,255,.6); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ------------------------------------------ BU HAFTA GEÇEN YIL */
.tbt-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.tbt-card{
  position:relative; display:flex; align-items:center; gap:14px; padding:16px 18px;
  background:#fff; border:1px solid var(--line-l,#E7EAEE); border-radius:16px;
  box-shadow:0 10px 30px rgba(14,20,27,.08); overflow:hidden;
  transition:transform .3s var(--erp-ease), border-color .3s, box-shadow .3s;
}
.tbt-card:hover{ transform:translateY(-4px); border-color:rgba(30,155,215,.4);
  box-shadow:0 24px 60px rgba(14,20,27,.14); }
.tbt-year{
  position:absolute; top:0; right:0; padding:5px 12px;
  background:linear-gradient(135deg,var(--erp-accent),var(--erp-accent-deep)); color:#fff;
  font-size:.66rem; font-weight:800; letter-spacing:.08em; border-bottom-left-radius:12px;
}
.tbt-card .a-play{ flex-shrink:0; }
.tbt-meta{ min-width:0; flex:1; padding-right:44px; }
.tbt-meta .tp{ font-size:.66rem; font-weight:800; letter-spacing:.12em; color:var(--erp-accent-deep);
  text-transform:uppercase; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tbt-meta h3{ font-size:.9rem; font-weight:700; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tbt-meta .td{ font-size:.72rem; font-weight:700; color:var(--t-400,#8B96A2); margin-top:4px; }

/* --------------------------------------------------- PODCAST DİZİNİ */
.pc-help{
  display:flex; gap:16px; align-items:flex-start; margin-bottom:26px;
  background:linear-gradient(150deg,#EEF7FD,#fff); border:1px solid rgba(30,155,215,.3);
  border-radius:18px; padding:20px 22px;
}
.pc-help-ico{ width:38px; height:38px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--erp-accent),var(--erp-accent-deep)); color:#fff; }
.pc-help-ico svg{ width:19px; height:19px; }
.pc-help b{ display:block; font-size:.95rem; margin-bottom:5px; }
.pc-help p{ font-size:.88rem; color:var(--t-600,#5A6673); line-height:1.6; }

.pc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.pc-card{
  display:flex; gap:16px; background:#fff; border:1px solid var(--line-l,#E7EAEE);
  border-radius:18px; padding:16px; box-shadow:0 10px 30px rgba(14,20,27,.08);
  transition:transform .3s var(--erp-ease), border-color .3s, box-shadow .3s;
}
.pc-card:hover{ transform:translateY(-4px); border-color:rgba(30,155,215,.4); box-shadow:0 24px 60px rgba(14,20,27,.14); }
.pc-cover{ position:relative; width:96px; height:96px; flex-shrink:0; border-radius:14px; overflow:hidden;
  background:linear-gradient(135deg,var(--ink-700,#182636),var(--ink-900,#0A111A)); }
.pc-cover img{ width:100%; height:100%; object-fit:cover; }
.pc-gen{ position:absolute; inset:auto 0 0 0; background:rgba(7,12,19,.72); color:rgba(255,255,255,.75);
  font-size:.54rem; font-weight:700; letter-spacing:.08em; text-align:center; padding:3px 0; }
.pc-body{ min-width:0; flex:1; display:flex; flex-direction:column; }
.pc-body h3{ font-size:.96rem; font-weight:700; line-height:1.3; margin-bottom:4px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pc-body h3 a:hover{ color:var(--erp-accent-deep); }
.pc-meta{ font-size:.78rem; color:var(--erp-accent-deep); font-weight:700; margin-bottom:3px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pc-stat{ font-size:.74rem; color:var(--t-400,#8B96A2); font-weight:600; margin-bottom:12px; }
.pc-actions{ display:flex; gap:8px; margin-top:auto; flex-wrap:wrap; }
.pc-actions .btn-solid, .pc-actions .btn-ghost{ padding:9px 15px; font-size:.78rem; }

@media (max-width:1120px){ .pc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ .pc-grid{ grid-template-columns:1fr; } }

/* ---------------------------- metin içi arama anahtarı + eşleşme satırı */
.ac-switch{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; user-select:none;
  padding:9px 15px; border:1.5px solid var(--line-l,#E7EAEE); border-radius:999px; background:#fff; }
.ac-switch:hover{ border-color:rgba(30,155,215,.5); }
.ac-switch input{ position:absolute; opacity:0; width:0; height:0; }
.ac-sw{ position:relative; width:34px; height:19px; border-radius:99px; background:var(--line-l,#E7EAEE);
  flex-shrink:0; transition:background .25s; }
.ac-sw::after{ content:""; position:absolute; top:2.5px; left:2.5px; width:14px; height:14px; border-radius:50%;
  background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.28); transition:transform .25s var(--erp-ease); }
.ac-switch input:checked + .ac-sw{ background:var(--erp-accent); }
.ac-switch input:checked + .ac-sw::after{ transform:translateX(15px); }
.ac-sw-lbl{ font-size:.82rem; font-weight:700; color:var(--t-600,#5A6673); white-space:nowrap; }
.ac-sw-lbl b{ color:var(--erp-accent-deep); }
.ac-switch input:checked ~ .ac-sw-lbl{ color:var(--erp-accent-deep); }

.a-hit{ grid-column:1 / -1; display:flex; gap:11px; align-items:flex-start;
  margin:2px 0 2px 68px; padding:10px 14px; border-radius:11px; background:#FFFBEB;
  border:1px solid #F3E3B0; transition:background .2s; }
.a-hit:hover{ background:#FEF6DC; }
.a-hit-t{ flex-shrink:0; font-size:.72rem; font-weight:800; font-variant-numeric:tabular-nums;
  color:var(--erp-accent-deep); background:#EAF5FC; border:1px solid rgba(30,155,215,.3);
  border-radius:7px; padding:2px 8px; }
.a-hit-x{ font-size:.85rem; line-height:1.6; color:#4A4130; }
.a-hit mark{ background:#FFE08A; color:inherit; border-radius:3px; padding:0 2px; }
@media (max-width:600px){ .a-hit{ margin-left:0; } }

/* ------------------------------------------------------- TRANSKRİPT */
.tr-wrap{ background:#fff; border:1px solid var(--line-l,#E7EAEE); border-radius:20px;
  box-shadow:0 10px 30px rgba(14,20,27,.08); overflow:hidden; }
.tr-tools{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:16px 20px; border-bottom:1px solid var(--line-l,#E7EAEE); background:#FAFBFC; }
.tr-search{ position:relative; flex:1; min-width:200px; }
.tr-search input{ width:100%; padding:11px 16px 11px 40px; border-radius:11px;
  border:1.5px solid var(--line-l,#E7EAEE); background:#fff; font-size:.88rem; font-family:inherit; }
.tr-search input:focus{ outline:0; border-color:var(--erp-accent); box-shadow:0 0 0 4px rgba(30,155,215,.13); }
.tr-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--t-400,#8B96A2); }
.tr-info{ font-size:.78rem; font-weight:700; color:var(--t-400,#8B96A2); white-space:nowrap; }
#trTakip.on{ border-color:var(--erp-accent); color:var(--erp-accent-deep); background:#EAF5FC; }

.tr-body{ padding:8px 20px 20px; max-height:620px; overflow:auto; }
.tr-seg{ display:flex; gap:14px; align-items:flex-start; padding:10px 10px 10px 0;
  border-radius:10px; transition:background .25s; }
.tr-seg.gizli{ display:none; }
.tr-seg.eslesme{ background:#FFFBEB; }
.tr-seg.aktif{ background:#EAF5FC; box-shadow:inset 3px 0 0 var(--erp-accent); padding-left:12px; }
.tr-time{
  flex-shrink:0; font-size:.74rem; font-weight:800; font-variant-numeric:tabular-nums;
  color:var(--erp-accent-deep); background:#EAF5FC; border:1px solid rgba(30,155,215,.28);
  border-radius:8px; padding:4px 9px; cursor:pointer; margin-top:2px;
  transition:background .2s, color .2s, transform .2s var(--erp-ease);
}
.tr-time:hover{ background:var(--erp-accent); color:#fff; transform:scale(1.05); }
.tr-text{ font-size:.96rem; line-height:1.8; color:#242C35; }
.tr-text mark{ background:#FFE9A8; color:inherit; border-radius:3px; padding:1px 2px; }

/* ---------------------------------------------------- NAMAZ VAKİTLERİ */
.nv-next{
  display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap;
  margin-top:26px; padding:20px 24px; border-radius:20px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
.nv-next-lbl{ font-size:.64rem; font-weight:800; letter-spacing:.2em; color:var(--erp-accent-soft); margin-bottom:6px; }
.nv-next-name{ font-size:1.5rem; font-weight:800; line-height:1.1; }
.nv-next-time{ font-size:.95rem; font-weight:700; color:rgba(255,255,255,.6); margin-top:3px; font-variant-numeric:tabular-nums; }
.nv-count{ display:flex; align-items:baseline; gap:6px; }
.nv-c-num{
  font-size:clamp(1.6rem,4vw,2.4rem); font-weight:800; font-variant-numeric:tabular-nums;
  color:transparent; background:linear-gradient(135deg,var(--erp-accent-soft),var(--erp-accent));
  -webkit-background-clip:text; background-clip:text; letter-spacing:-.02em;
}
.nv-count small{ font-size:.62rem; font-weight:700; letter-spacing:.1em; color:rgba(255,255,255,.45); margin-right:8px; }

.nv-tools{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:26px; }
.nv-tools .ac-sel select{ min-width:210px; }

.nv-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-bottom:18px; }
.nv-card{
  position:relative; background:#fff; border:1px solid var(--line-l,#E7EAEE); border-radius:18px;
  padding:22px 16px 18px; text-align:center; box-shadow:0 10px 30px rgba(14,20,27,.08);
  transition:transform .3s var(--erp-ease), border-color .3s, box-shadow .3s;
}
.nv-card:hover{ transform:translateY(-4px); box-shadow:0 24px 60px rgba(14,20,27,.14); }
.nv-card.is-now{ border-color:rgba(30,155,215,.5); background:linear-gradient(160deg,#EEF7FD,#fff); }
.nv-card.is-next{ border-color:var(--erp-accent); box-shadow:0 16px 40px rgba(15,122,184,.22); }
.nv-tag{
  position:absolute; top:-9px; left:50%; transform:translateX(-50%);
  font-size:.56rem; font-weight:800; letter-spacing:.14em; white-space:nowrap;
  background:var(--t-400,#8B96A2); color:#fff; padding:3px 10px; border-radius:99px;
}
.nv-tag.next{ background:linear-gradient(135deg,var(--erp-accent),var(--erp-accent-deep)); }
.nv-ico{ width:40px; height:40px; margin:0 auto 10px; color:var(--erp-accent-deep); }
.nv-card.is-next .nv-ico{ color:var(--erp-accent); }
.nv-ico svg{ width:100%; height:100%; }
.nv-name{ font-size:.78rem; font-weight:800; letter-spacing:.1em; color:var(--t-400,#8B96A2); margin-bottom:5px; }
.nv-time{ font-size:1.35rem; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }

.nv-note{
  display:flex; gap:11px; align-items:flex-start; font-size:.82rem; line-height:1.6;
  color:var(--t-600,#5A6673); background:#FFF9EC; border:1px solid #F0DCB4;
  border-radius:14px; padding:14px 18px; margin-bottom:10px;
}
.nv-note svg{ width:17px; height:17px; flex-shrink:0; margin-top:1px; color:#B98A2A; }

.nv-table{ width:100%; border-collapse:collapse; font-size:.9rem; min-width:640px; }
.nv-table th{
  background:var(--ink-900,#0A111A); color:#fff; padding:13px 14px; text-align:left;
  font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;
}
.nv-table td{ padding:12px 14px; border-top:1px solid var(--line-l,#E7EAEE);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
.nv-table td b{ display:block; }
.nv-table td small{ display:block; font-size:.72rem; color:var(--t-400,#8B96A2); font-weight:600; }
.nv-table tr:nth-child(even) td{ background:#FAFBFC; }
.nv-table tr.bugun td{ background:#EEF7FD; font-weight:700; }
.nv-table tr:hover td{ background:rgba(30,155,215,.07); }

/* imsakiye ek sütunları */
.nv-table tr.gecmis td{ opacity:.45; }

@media (max-width:1100px){ .nv-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){
  .nv-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .nv-card{ padding:20px 10px 14px; }
  .nv-time{ font-size:1.15rem; }
  .nv-next{ padding:16px 18px; }
}

/* ------------------------------------------------------- CANLI ROZET */
.live-count{
  display:inline-flex; align-items:center; gap:7px;
  font-size:.72rem; font-weight:800; letter-spacing:.06em;
}
.live-count .lc-dot{ width:7px; height:7px; border-radius:50%; background:var(--erp-accent);
  animation:erp-pulse 1.6s infinite; flex-shrink:0; }

@media (prefers-reduced-motion:reduce){
  .erp{ transition:none; }
  .erp-fill, .erp-dot, .live-count .lc-dot{ animation:none !important; }
}

@media (max-width:1120px){
  .col-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .resume-grid, .tbt-grid{ grid-template-columns:1fr 1fr; }
  .col-grid{ grid-template-columns:1fr 1fr; }
  .ac-tools{ position:static; }
}
@media (max-width:600px){
  .resume-grid, .tbt-grid, .col-grid{ grid-template-columns:1fr; }
  .ac-sel select{ max-width:100%; width:100%; }
  .ac-sel{ flex:1 1 44%; }
  .ac-list .arch-row{ grid-template-columns:46px 1fr; }
}