/* Podcast - Audio Player Focused */
:root{--primary:#7C3AED;--dark:#1E1B29;--light:#F5F3FF;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,sans-serif;background:var(--dark);color:#fff;line-height:1.6;}

/* Layout */
.podcast-layout{display:grid;grid-template-columns:400px 1fr;min-height:100vh;}

/* Player Sidebar */
.player-sidebar{background:linear-gradient(135deg,var(--primary),#6D28D9);padding:40px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;}
.podcast-cover{margin-bottom:30px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.podcast-cover img{width:100%;display:block;}
.episode-info-mini h3{font-size:1.5rem;margin-bottom:8px;line-height:1.3;}
.episode-info-mini p{opacity:0.9;margin-bottom:30px;}
.waveform{height:60px;background:rgba(255,255,255,0.2);border-radius:8px;margin-bottom:20px;}
.player-controls{display:flex;flex-direction:column;gap:15px;}
.play-btn{width:60px;height:60px;background:#fff;color:var(--primary);border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;margin:0 auto 15px;}
.progress-bar{height:6px;background:rgba(255,255,255,0.2);border-radius:3px;position:relative;}
.progress-fill{height:100%;background:#fff;border-radius:3px;}
.time{text-align:center;opacity:0.9;font-size:0.9rem;}
.subscribe-buttons{display:flex;flex-direction:column;gap:12px;margin-top:auto;}
.sub-btn{padding:14px;text-align:center;text-decoration:none;font-weight:700;border-radius:8px;transition:transform 0.3s;}
.sub-btn:hover{transform:scale(1.02);}
.sub-btn.spotify{background:#1DB954;color:#fff;}
.sub-btn.apple{background:#FC3C44;color:#fff;}
.sub-btn.youtube{background:#FF0000;color:#fff;}

/* Main Content */
.content-main{background:var(--dark);padding:40px 60px;}
.header-podcast{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;}
.podcast-title h1{font-size:3rem;margin-bottom:5px;}
.podcast-title p{opacity:0.7;}
.nav-podcast{display:flex;gap:40px;}
.nav-podcast a{color:#fff;text-decoration:none;font-weight:600;transition:color 0.3s;}
.nav-podcast a:hover{color:var(--primary);}

/* Featured Episode */
.hero-podcast h2{font-size:2.5rem;margin-bottom:40px;}
.featured-episode{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;background:rgba(124,58,237,0.1);padding:40px;border-radius:16px;border:1px solid rgba(124,58,237,0.2);}
.episode-thumbnail{position:relative;border-radius:12px;overflow:hidden;}
.episode-thumbnail img{width:100%;display:block;}
.duration{position:absolute;bottom:15px;right:15px;padding:6px 14px;background:rgba(0,0,0,0.8);border-radius:6px;font-size:0.85rem;font-weight:700;}
.episode-number{color:var(--primary);font-weight:700;margin-bottom:10px;}
.episode-details h3{font-size:2rem;margin-bottom:15px;}
.guest{font-style:italic;margin-bottom:20px;opacity:0.9;}
.description{line-height:1.8;margin-bottom:25px;opacity:0.9;}
.episode-meta{display:flex;gap:25px;opacity:0.7;font-size:0.9rem;}

/* Episodes List */
.episodes-section{margin-top:80px;}
.episodes-section h2{font-size:2.5rem;margin-bottom:40px;}
.episodes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.episode-card{display:flex;gap:20px;background:rgba(255,255,255,0.03);padding:20px;border-radius:12px;cursor:pointer;transition:background 0.3s;}
.episode-card:hover{background:rgba(124,58,237,0.1);}
.ep-thumb{flex-shrink:0;width:120px;border-radius:8px;overflow:hidden;}
.ep-thumb img{width:100%;display:block;}
.ep-num{color:var(--primary);font-size:0.85rem;font-weight:700;margin-bottom:5px;display:block;}
.ep-info h4{font-size:1.2rem;margin-bottom:8px;}
.ep-info p{opacity:0.7;font-size:0.9rem;}

/* About Section */
.about-podcast-section{margin-top:80px;padding:60px;background:rgba(255,255,255,0.03);border-radius:16px;}
.about-podcast-section h2{font-size:2.5rem;margin-bottom:30px;}
.about-podcast-content p{font-size:1.2rem;line-height:1.9;margin-bottom:40px;opacity:0.9;}
.host-card{display:flex;gap:30px;align-items:center;background:rgba(124,58,237,0.1);padding:30px;border-radius:12px;}
.host-img{flex-shrink:0;}
.host-img img{width:100px;height:100px;border-radius:50%;object-fit:cover;}
.host-bio h3{font-size:1.5rem;margin-bottom:10px;}
.host-bio p{opacity:0.9;}

@media (max-width:1024px){
.podcast-layout{grid-template-columns:1fr;}
.player-sidebar{position:static;height:auto;}
.featured-episode{grid-template-columns:1fr;}
.episodes-list{grid-template-columns:1fr;}
}