/* Dramas.pk Channels 2 — companion to Schedule v3 and Actors v2. Fully scoped. */
.dpkc{--dpkc-ink:#17263e;--dpkc-sub:#61748c;--dpkc-border:#dfe7f0;--dpkc-blue:#2563eb;--dpkc-bg:#f4f7fb;--dpkc-white:#fff;color:var(--dpkc-ink)!important;font:400 15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;max-width:1280px;width:100%;min-width:0;margin:0 auto;padding:0 18px 44px;overflow-wrap:break-word;isolation:isolate}
.dpkc,.dpkc *{box-sizing:border-box}.dpkc :where(a){text-decoration:none!important}.dpkc :where(a,button):focus-visible{outline:3px solid #80b1ff!important;outline-offset:3px!important}.dpkc img{max-width:100%;height:auto}.dpkc [hidden]{display:none!important}
/* Main directory masthead */
.dpkc .dpkc-directory-hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:10px!important;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#142642 0%,#1d3860 65%,#295284 100%)!important;border:1px solid #29496e!important;border-radius:20px!important;min-height:209px;padding:33px 36px!important;margin:0 0 19px!important;box-shadow:0 13px 30px #14264219!important;color:#fff!important}
.dpkc .dpkc-directory-hero:after{content:"";position:absolute;z-index:-1;right:-52px;bottom:-154px;width:365px;height:365px;border:1px solid #ffffff1d;border-radius:50%;box-shadow:0 0 0 56px #ffffff06,0 0 0 112px #ffffff05;pointer-events:none}
.dpkc .dpkc-eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:11px!important;line-height:1.4!important;font-weight:850!important;letter-spacing:1.45px!important;color:#bddcff!important;text-transform:uppercase!important}
.dpkc .dpkc-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#4de2b1;box-shadow:0 0 0 4px #4de2b12b;flex:none}
.dpkc .dpkc-directory-hero h1{font-size:clamp(27px,3.6vw,40px)!important;letter-spacing:-.9px!important;line-height:1.17!important;margin:4px 0 0!important;padding:0!important;font-weight:850!important;color:#fff!important}
.dpkc .dpkc-directory-hero p{font-size:14px!important;line-height:1.65!important;color:#dce8f9!important;margin:0!important;max-width:660px!important}
.dpkc .dpkc-directory-count{display:inline-flex!important;align-items:center!important;border:1px solid #ffffff38!important;border-radius:999px!important;background:#ffffff15!important;padding:6px 12px!important;font-size:11px!important;font-weight:750!important;color:white!important;margin-top:5px!important}
/* In-page channel jump navigation */
.dpkc .dpkc-jump{display:flex!important;align-items:center!important;gap:17px!important;padding:14px 17px!important;margin:0 0 22px!important;background:#fff!important;border:1px solid var(--dpkc-border)!important;border-radius:15px!important;box-shadow:0 3px 12px #12345609!important;min-width:0}
.dpkc .dpkc-jump-label{flex:none;color:#586b84!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
.dpkc .dpkc-jump-items{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0}
.dpkc .dpkc-jump-items a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 11px!important;background:#f5f8fc!important;border:1px solid #e3eaf4!important;border-radius:9px!important;color:#324965!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important;transition:background .18s,border-color .18s,color .18s!important}
.dpkc .dpkc-jump-items a span{color:#8da3be!important;font-size:14px!important}.dpkc .dpkc-jump-items a:hover,.dpkc .dpkc-jump-items a.is-current{background:#eaf2ff!important;border-color:#bbd4ff!important;color:#1753b5!important}
/* Channel profile blocks */
.dpkc .dpkc-channel{--dpkc-accent:#2563eb;min-width:0!important;margin:0 0 24px!important;border:1px solid var(--dpkc-border)!important;border-radius:19px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 6px 22px #1426420d!important;scroll-margin-top:22px}
.dpkc .dpkc-channel:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--dpkc-accent),#d8e8ff)}
.dpkc .dpkc-hero{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;gap:23px!important;min-width:0!important;padding:29px 28px!important;background:linear-gradient(114deg,#f8fbff 0%,#fff 64%)!important}
.dpkc .dpkc-hero-logo{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;align-self:start!important;min-width:0}
.dpkc .dpkc-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:104px!important;height:104px!important;min-width:0!important;background:#fff!important;padding:11px!important;overflow:hidden!important;border:1px solid #dce6f3!important;border-radius:20px!important;box-shadow:0 7px 18px #1c385512!important;color:#fff!important}
.dpkc .dpkc-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important}
.dpkc .dpkc-logo.is-fallback{background:var(--dpkc-accent)!important;border-color:transparent!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.6px!important;color:#fff!important;text-align:center!important;overflow-wrap:anywhere}
.dpkc .dpkc-logo-caption{font-size:10px!important;letter-spacing:1px!important;font-weight:850!important;line-height:1.3!important;color:#8a9ab0!important}
.dpkc .dpkc-intro{min-width:0!important}.dpkc .dpkc-kicker{display:block!important;color:#296bd3!important;font-size:10.5px!important;line-height:1.4!important;text-transform:uppercase!important;letter-spacing:1.25px!important;font-weight:850!important;margin-bottom:5px!important}
.dpkc .dpkc-intro h2{margin:0 0 9px!important;padding:0!important;color:#17263e!important;font-size:clamp(23px,2.7vw,32px)!important;font-weight:850!important;letter-spacing:-.65px!important;line-height:1.2!important;overflow-wrap:anywhere}
.dpkc .dpkc-intro p{margin:0!important;padding:0!important;color:#61748c!important;font-size:13px!important;line-height:1.75!important;max-width:870px!important}
.dpkc .dpkc-hero-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin:18px 0 0!important}
.dpkc .dpkc-hero-badge{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid #deebfa!important;border-radius:8px!important;background:#f1f6fd!important;padding:7px 10px!important;color:#425b78!important;font-size:11px!important;font-weight:750!important;line-height:1.35!important}
.dpkc .dpkc-hero-badge span{font-size:14px!important;line-height:1!important;color:#276acf!important}
.dpkc a.dpkc-website{display:inline-flex!important;align-items:center!important;gap:10px!important;border-radius:8px!important;padding:8px 12px!important;background:#1f5dc3!important;border:1px solid #1f5dc3!important;color:#fff!important;font-size:11px!important;line-height:1.3!important;font-weight:800!important;transition:background .18s,transform .18s!important}
.dpkc a.dpkc-website:hover{background:#164caa!important;transform:translateY(-1px)!important;color:#fff!important}.dpkc a.dpkc-website span{font-size:15px!important}
/* Facts grid */
.dpkc .dpkc-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid #e7edf5!important;border-bottom:1px solid #e7edf5!important;background:#f9fbfe!important;padding:7px 15px!important;gap:0!important}
.dpkc .dpkc-fact{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:15px 14px!important;border-right:1px solid #e7edf5!important}
.dpkc .dpkc-fact:nth-child(4n){border-right:0!important}.dpkc .dpkc-fact span{display:block!important;font-size:10.5px!important;line-height:1.35!important;color:#71839a!important;font-weight:700!important;margin:0!important}
.dpkc .dpkc-fact strong{display:block!important;font-size:12.5px!important;line-height:1.5!important;color:#263b55!important;font-weight:800!important;overflow-wrap:anywhere}
/* Drama collections */
.dpkc .dpkc-dramas-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:26px 25px 18px!important;margin:0!important}
.dpkc .dpkc-dramas-head span{display:block!important;font-size:10px!important;line-height:1.4!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:#2b6bd0!important;font-weight:850!important}
.dpkc .dpkc-dramas-head h3{font-size:21px!important;line-height:1.3!important;letter-spacing:-.4px!important;margin:5px 0 3px!important;font-weight:850!important;color:#17263e!important}
.dpkc .dpkc-dramas-head p{font-size:12px!important;line-height:1.5!important;color:#708199!important;margin:0!important}
.dpkc .dpkc-dramas-head b{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;border-radius:999px!important;padding:7px 12px!important;border:1px solid #dce9fa!important;background:#f0f6ff!important;color:#255ba3!important;font-size:11px!important;line-height:1.4!important;font-weight:800!important;white-space:nowrap!important}
.dpkc .dpkc-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:15px!important;align-items:stretch!important;min-width:0!important;padding:0 25px 27px!important;margin:0!important}
.dpkc a.dpkc-drama{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid #dee7f1!important;border-radius:13px!important;color:#17263e!important;overflow:hidden!important;box-shadow:0 4px 15px #1426420a!important;text-align:left!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}
.dpkc a.dpkc-drama:hover{transform:translateY(-4px)!important;border-color:#9fbeee!important;box-shadow:0 12px 24px #17325320!important;color:#17263e!important}
.dpkc .dpkc-poster{position:relative!important;display:block!important;aspect-ratio:2/3!important;width:100%!important;min-width:0!important;overflow:hidden!important;background:linear-gradient(140deg,#d9e5f3,#a5bddb)!important}
.dpkc .dpkc-poster img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .25s!important;margin:0!important}.dpkc a.dpkc-drama:hover .dpkc-poster img{transform:scale(1.04)!important}
.dpkc .dpkc-placeholder{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:44px!important;font-weight:900!important;color:#587ca9!important;background:linear-gradient(140deg,#d9e5f3,#aec6e4)!important}
.dpkc .dpkc-poster-status{position:absolute!important;bottom:9px!important;left:8px!important;right:8px!important;display:inline-block!important;width:max-content!important;max-width:calc(100% - 16px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:5px 8px!important;border-radius:6px!important;color:#fff!important;background:#17263edb!important;backdrop-filter:blur(5px);font-size:10px!important;line-height:1.2!important;font-weight:750!important}
.dpkc .dpkc-card-body{display:flex!important;flex-direction:column!important;gap:9px!important;flex:1!important;min-width:0!important;padding:12px 12px 11px!important}
.dpkc .dpkc-card-body h4{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;padding:0!important;color:#1b2c45!important;font-size:13px!important;line-height:1.4!important;font-weight:850!important;letter-spacing:-.15px!important;min-height:2.8em!important;overflow-wrap:anywhere}
.dpkc .dpkc-card-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;margin-top:auto!important;min-width:0!important}
.dpkc .dpkc-card-bottom>span:first-child{display:block!important;color:#72859d!important;font-size:11px!important;font-weight:700!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpkc .dpkc-card-arrow{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;flex:none!important;border-radius:7px!important;background:#ecf3ff!important;color:#2667d1!important;font-size:16px!important;font-weight:800!important;transition:background .18s!important}
.dpkc a.dpkc-drama:hover .dpkc-card-arrow{background:#dceaff!important}
.dpkc .dpkc-empty{margin:0 25px 27px!important;padding:22px!important;border:1px dashed #c9d8e9!important;border-radius:12px!important;background:#f6f9fe!important;color:#62768f!important;font-size:13px!important;line-height:1.65!important;text-align:center!important}
.dpkc.dpkc-single .dpkc-channel{margin-bottom:0!important}
@media(max-width:1100px){.dpkc .dpkc-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dpkc .dpkc-fact:nth-child(4n){border-right:1px solid #e7edf5!important}.dpkc .dpkc-fact:nth-child(3n){border-right:0!important}.dpkc .dpkc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.dpkc{padding:0 12px 28px!important}.dpkc .dpkc-directory-hero{padding:24px 21px!important;min-height:185px;border-radius:16px!important}.dpkc .dpkc-directory-hero p{font-size:13px!important}.dpkc .dpkc-jump{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding:13px!important}.dpkc .dpkc-jump-items{width:100%}.dpkc .dpkc-jump-items a{font-size:11px!important}.dpkc .dpkc-channel{border-radius:15px!important;margin-bottom:17px!important}.dpkc .dpkc-hero{grid-template-columns:78px minmax(0,1fr)!important;gap:16px!important;padding:21px 17px!important;align-items:start!important}.dpkc .dpkc-logo{width:77px!important;height:77px!important;border-radius:14px!important;padding:8px!important}.dpkc .dpkc-logo.is-fallback{font-size:17px!important}.dpkc .dpkc-logo-caption{font-size:9px!important}.dpkc .dpkc-intro h2{font-size:23px!important}.dpkc .dpkc-intro p{font-size:12px!important}.dpkc .dpkc-hero-meta{gap:7px!important;margin-top:12px!important}.dpkc .dpkc-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:5px 10px!important}.dpkc .dpkc-fact,.dpkc .dpkc-fact:nth-child(3n),.dpkc .dpkc-fact:nth-child(4n){border-right:1px solid #e7edf5!important}.dpkc .dpkc-fact:nth-child(2n){border-right:0!important}.dpkc .dpkc-fact{padding:11px!important}.dpkc .dpkc-fact strong{font-size:12px!important}.dpkc .dpkc-dramas-head{padding:20px 16px 14px!important}.dpkc .dpkc-dramas-head h3{font-size:19px!important}.dpkc .dpkc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;padding:0 16px 20px!important}.dpkc .dpkc-card-body{padding:9px!important}.dpkc .dpkc-card-body h4{font-size:12px!important}.dpkc .dpkc-empty{margin:0 16px 20px!important}}
@media(max-width:530px){.dpkc .dpkc-hero{grid-template-columns:67px minmax(0,1fr)!important;gap:13px!important;padding:18px 14px!important}.dpkc .dpkc-logo{width:66px!important;height:66px!important;padding:7px!important}.dpkc .dpkc-logo.is-fallback{font-size:14px!important}.dpkc .dpkc-logo-caption{font-size:8px!important}.dpkc .dpkc-intro h2{font-size:20px!important}.dpkc .dpkc-kicker{font-size:9px!important;letter-spacing:.8px!important}.dpkc .dpkc-intro p{grid-column:1/-1;font-size:12px!important}.dpkc .dpkc-hero-meta{grid-column:1/-1}.dpkc .dpkc-hero-badge,.dpkc a.dpkc-website{font-size:10px!important}.dpkc .dpkc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dpkc .dpkc-fact{padding:10px 8px!important}.dpkc .dpkc-fact span{font-size:10px!important}.dpkc .dpkc-fact strong{font-size:11px!important}.dpkc .dpkc-dramas-head h3{font-size:17px!important}.dpkc .dpkc-dramas-head b{font-size:10px!important;padding:5px 8px!important}}
@media(max-width:350px){.dpkc .dpkc-hero{grid-template-columns:1fr!important}.dpkc .dpkc-hero-logo{align-self:start!important;align-items:flex-start!important}.dpkc .dpkc-dramas-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}}
@media(prefers-reduced-motion:reduce){.dpkc *{scroll-behavior:auto!important;transition:none!important}}