/* آرتم نیوز — پادکست */

.pod-page-head{padding:22px 26px;margin-bottom:18px}
.pod-page-head h1{margin:0 0 4px;font-size:20px}
.pod-page-head p{margin:0;color:var(--text-2);font-size:13.5px}

.pod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pod-card{overflow:hidden;padding:0;transition:.2s}
.pod-card:hover{box-shadow:var(--shadow-lg)}
.pod-cover{position:relative;aspect-ratio:16/10;background:#111827;overflow:hidden}
.pod-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pod-cover-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,#1e1b4b,#4c1d95);color:#fff}
.pod-play{
  position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;
  border:none;cursor:pointer;background:var(--accent);color:#fff;font-size:20px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(230,0,122,.45);transition:.2s;z-index:2;
}
.pod-play:hover{transform:scale(1.08);background:var(--accent-dark)}
.pod-duration{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;direction:ltr;z-index:2}
.pod-body{padding:14px 16px 16px}
.pod-title{font-size:15.5px;margin:0 0 8px;line-height:1.7}
.pod-title a:hover{color:var(--accent)}
.pod-meta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-2)}
.pod-speaker{font-weight:700;color:#374151}

.pod-single{padding:0;overflow:hidden}
.pod-single-hero{position:relative;aspect-ratio:16/7;background:#111827;overflow:hidden}
.pod-single-hero img{width:100%;height:100%;object-fit:cover;display:block}
.pod-single-hero.no-cover{display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;background:linear-gradient(135deg,#1e1b4b,#4c1d95)}
.pod-single-hero .pod-play{width:72px;height:72px;font-size:26px}
.pod-single-body{padding:22px 26px 26px}

.pod-side .pod-side-list{display:flex;flex-direction:column;gap:10px}
.pod-side-item{display:flex;gap:10px;align-items:center}
.pod-side-thumb{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;flex:0 0 auto;background:#1e1b4b}
.pod-side-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pod-side-thumb .pod-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}
.pod-side-thumb .pod-play{position:absolute;inset:0;margin:auto;width:30px;height:30px;font-size:11px;box-shadow:none;background:rgba(230,0,122,.9)}
.pod-side-body{min-width:0;flex:1}
.pod-side-title{display:block;font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-side-title:hover{color:var(--accent)}
.pod-side-meta{font-size:11.5px;color:var(--text-2)}

#artem-player{
  position:fixed;bottom:0;left:0;right:0;z-index:999;
  background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -6px 24px rgba(17,24,39,.10);
  display:flex;align-items:center;gap:14px;
  padding:10px 20px;max-width:var(--wrap-width);margin:0 auto;
}
body.artem-playing{padding-bottom:96px}

.pl-cover{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,#1e1b4b,#4c1d95);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.pl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pl-info{min-width:0;width:220px}
.pl-title{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-speaker{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pl-controls{display:flex;align-items:center;gap:8px}
.pl-controls button{background:none;border:none;cursor:pointer;color:#374151;font-size:16px;width:38px;height:38px;border-radius:50%;transition:.15s;display:flex;align-items:center;justify-content:center}
.pl-controls button:hover{background:var(--accent-soft);color:var(--accent)}
#pl-toggle{background:var(--accent);color:#fff;width:46px;height:46px;font-size:18px;box-shadow:0 4px 14px rgba(230,0,122,.4)}
#pl-toggle:hover{background:var(--accent-dark);color:#fff}

.pl-progress-wrap{flex:1;display:flex;align-items:center;gap:10px}
.pl-time{font-size:11.5px;color:var(--text-2);min-width:38px;text-align:center;direction:ltr}
.pl-bar{flex:1;height:8px;border-radius:999px;background:var(--line);cursor:pointer;position:relative;overflow:hidden}
.pl-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,#7c3aed 100%);transition:width .1s linear}
#pl-close{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:15px;width:34px;height:34px;border-radius:50%;flex:0 0 auto;transition:.15s}
#pl-close:hover{background:#fdecec;color:#c02626}

@media (max-width:768px){
  .pod-grid{grid-template-columns:1fr}
  #artem-player{padding:8px 10px;gap:8px}
  .pl-info{width:120px}
  .pl-progress-wrap{display:none}
  body.artem-playing{padding-bottom:140px}
  .pod-single-body{padding:16px 14px}
}