/* ============================================================
   Povli Channel & Detail Styles — Doodle Sketch Style
   ============================================================ */

/* Channel page wrapper */
.pv-channel{padding-bottom:44px}

/* Channel hero doodle decoration */
.pv-channel-hero{
    position:relative;
}
.pv-channel-hero::before{
    content:'\2728 \2B50 \2728';position:absolute;top:16px;right:24px;
    font-size:20px;opacity:.15;letter-spacing:8px;
    animation:pv-sparkle 4s ease-in-out infinite;
}
.pv-channel-title{
    position:relative;
}
.pv-channel-title::after{
    content:'';display:block;
    width:80px;height:3px;margin-top:8px;
    background:repeating-linear-gradient(90deg,var(--pv-yellow) 0,var(--pv-yellow) 8px,transparent 8px,transparent 14px);
    border-radius:2px;
    animation:pv-dash-move 1.5s linear infinite;
}

/* Channel grid — 8 columns on desktop */
.pv-channel .pv-grid{
    grid-template-columns:repeat(8,1fr);
}
@media(max-width:1400px){
    .pv-channel .pv-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:1024px){
    .pv-channel .pv-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:768px){
    .pv-channel .pv-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
    .pv-channel .pv-grid{grid-template-columns:repeat(2,1fr)}
}

/* Detail page responsive tweaks */
@media(max-width:600px){
    .pv-detail{padding:24px 16px 44px}
    .pv-detail-info h1{font-size:22px}
    .pv-detail-cover{aspect-ratio:16/9}
}