/* ===============================
   PLAYTAG PREMIUM V2
   =============================== */

:root{
    --pt-bg:#0f0f0f;
    --pt-card:#1a1a1a;
    --pt-card-hover:#242424;
    --pt-border:#2f2f2f;
    --pt-red:#ff0033;
    --pt-white:#ffffff;
    --pt-gray:#a9a9a9;
}

body{
    background:#0f0f0f!important;
}

.pt-premium-card{
    background:var(--pt-card);
    border:1px solid var(--pt-border);
    border-radius:18px;
    padding:18px;
    transition:.25s;
}

.pt-premium-card:hover{
    background:var(--pt-card-hover);
}

.pt-video-wrapper{
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
}

.pt-action-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:#222;
    color:#fff;
    transition:.25s;
    border:none;
}

.pt-action-btn:hover{
    background:#ff0033;
    color:#fff;
    transform:translateY(-2px);
}

.pt-channel-card{
    background:#181818;
    border-radius:18px;
    padding:20px;
    margin-top:20px;
    border:1px solid #2a2a2a;
}

.pt-sidebar-card{
    border-radius:18px;
    overflow:hidden;
    transition:.25s;
}

.pt-sidebar-card:hover{
    transform:translateY(-3px);
}
/* ===========================
   PREMIUM SIDEBAR
=========================== */

.pt-related-card{
    background:#181818;
    border-radius:18px;
    overflow:hidden;
    transition:.30s;
    border:1px solid #2b2b2b;
    margin-bottom:18px;
}

.pt-related-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.45);
}

.pt-related-thumb{
    display:block;
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
}

.pt-related-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s;
}

.pt-related-card:hover img{
    transform:scale(1.05);
}

.pt-related-play{

    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:56px;
    height:56px;

    border-radius:50%;
    background:rgba(0,0,0,.65);

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;

    transition:.30s;
}

.pt-related-card:hover .pt-related-play{

    opacity:1;

}

.pt-related-play i{

    color:#fff;
    font-size:18px;

}

.pt-related-duration{

    position:absolute;
    right:10px;
    bottom:10px;

    background:#000;

    color:#fff;

    padding:4px 8px;

    border-radius:8px;

    font-size:12px;

}

.pt-related-body{

    padding:16px;

}

.pt-related-title{

    font-size:15px;

    line-height:1.4;

    margin-bottom:10px;

}

.pt-related-title a{

    color:#fff;

    text-decoration:none;

}

.pt-related-channel{

    font-size:13px;

    margin-bottom:6px;

}

.pt-related-channel a{

    color:#aaa;

}

.pt-related-meta{

    color:#888;

    font-size:12px;

    display:flex;

    gap:8px;

}
/* ===== PLAYER OVERLAY ===== */

.pt-player-overlay{
    position:absolute;
    top:15px;
    right:15px;
    display:flex;
    gap:10px;
    z-index:50;
}

.pt-player-btn{

    width:42px;
    height:42px;

    border:none;

    border-radius:50%;

    background:rgba(0,0,0,.65);

    color:#fff;

    transition:.25s;

    backdrop-filter:blur(10px);

}

.pt-player-btn:hover{

    background:#ff0033;

    transform:scale(1.08);

}
body.cinema-mode {
    background: #000;
}

body.cinema-mode .pt-player {
    position: relative;
    z-index: 999;
}

body.cinema-mode .pt-video-container {
    max-width: 100%;
    width: 100%;
}

body.cinema-mode .pt-watch-header {
    background: rgba(20,20,20,.85);
    backdrop-filter: blur(20px);
}