/* Dark Cinema Pro 5.6 — Mockup Match Edition
   Mobile-first redesign based on the approved Dark Cinema Pro premium mockup. */

:root{
  --dc56-bg:#05070b;
  --dc56-bg-soft:#080c13;
  --dc56-panel:#0c1119;
  --dc56-panel-2:#101621;
  --dc56-line:rgba(255,255,255,.065);
  --dc56-line-strong:rgba(255,255,255,.10);
  --dc56-text:#f4f6fb;
  --dc56-muted:#8d97a8;
  --dc56-muted-2:#6e7889;
  --dc56-r-sm:8px;
  --dc56-r-md:11px;
  --dc56-r-lg:14px;
  --dc56-shadow:0 14px 36px rgba(0,0,0,.26);
  --dc56-shadow-deep:0 28px 72px rgba(0,0,0,.38);
}

html{background:var(--dc56-bg)}
body.dc-v56{
  background:
    radial-gradient(circle at 16% -6%,color-mix(in srgb,var(--dc-primary) 11%,transparent),transparent 27%),
    radial-gradient(circle at 92% 2%,color-mix(in srgb,var(--dc-primary2) 7%,transparent),transparent 23%),
    linear-gradient(180deg,#06080d 0%,#05070b 34%,#05070b 100%);
  color:var(--dc56-text);
}
body.dc-v56 .dc-main{max-width:1180px;padding-bottom:94px}

/* ---------- Header: preserve familiar structure, refine only surface ---------- */
body.dc-v56 .dc-header{
  height:58px;padding:0 11px;
  background:rgba(5,8,13,.88);
  border-bottom:1px solid rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.18);
}
body.dc-v56 .dc-header.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.24);border-color:var(--dc56-line)}
body.dc-v56 .dc-brand{font-size:15px;font-weight:760;letter-spacing:.2px}
body.dc-v56 .dc-brand>span{color:#f0f2f7}
body.dc-v56 .dc-brand>span>span{color:#f0f2f7}
body.dc-v56 .dc-brand b{display:inline;background:none;color:var(--dc-primary);font-size:8px;padding:0;margin-left:4px;letter-spacing:.7px}
body.dc-v56 .dc-icon-btn{width:38px;height:38px;border:0;border-radius:10px;background:transparent;font-size:20px;box-shadow:none}
body.dc-v56 .dc-icon-btn:active{background:rgba(255,255,255,.04)}

/* ---------- Hero ---------- */
body.dc-v56 .dc-hero-pro{
  height:min(66vh,600px);min-height:460px;
  margin:0;border-radius:0;border:0;box-shadow:none;
  background:#080b10;
}
body.dc-v56 .dc-hero-slide:before{
  background-image:
    linear-gradient(180deg,rgba(5,7,11,.06) 5%,rgba(5,7,11,.16) 28%,rgba(5,7,11,.68) 70%,#05070b 98%),
    linear-gradient(90deg,rgba(5,7,11,.42),rgba(5,7,11,.02) 64%),
    var(--dc-hero-bg);
  background-position:center 22%;
}
body.dc-v56 .dc-hero-slide:after{display:none}
body.dc-v56 .dc-hero-content{left:16px;right:16px;bottom:28px;max-width:560px}
body.dc-v56 .dc-eyebrow{margin-bottom:8px;gap:6px}
body.dc-v56 .dc-eyebrow span{font-size:8px;letter-spacing:1.35px;color:#d7dbe4}
body.dc-v56 .dc-eyebrow b{font-size:8px;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--dc-primary) 82%,#111);border:0;color:#fff}
body.dc-v56 .dc-hero h1{font-size:clamp(28px,8.7vw,48px);line-height:1.00;letter-spacing:-1.15px;max-width:13ch;margin:0 0 8px;text-wrap:balance}
body.dc-v56 .dc-hero-meta{font-size:9.5px;margin:8px 0;color:#c2c9d4;gap:6px}
body.dc-v56 .dc-hero p{font-size:10.5px;line-height:1.52;color:#c6ccd6;max-width:44ch;-webkit-line-clamp:2}
body.dc-v56 .dc-hero-actions{gap:7px;margin-top:12px}
body.dc-v56 .dc-btn{min-height:36px;padding:0 13px;border-radius:7px;font-size:9.5px;box-shadow:none;background:linear-gradient(135deg,var(--dc-primary),var(--dc-primary2))}
body.dc-v56 .dc-btn-ghost{width:36px;padding:0;background:rgba(12,16,23,.72);border:1px solid var(--dc56-line-strong)}
body.dc-v56 .dc-hero-dots{left:16px;bottom:11px;gap:5px}
body.dc-v56 .dc-hero-dots button{height:3px;width:5px;border-radius:99px;background:rgba(255,255,255,.24)}
body.dc-v56 .dc-hero-dots button.is-active{width:22px;background:var(--dc-primary)}

/* ---------- Section system ---------- */
body.dc-v56 .dc-section{padding:19px 12px}
body.dc-v56 .dc-section+.dc-section{padding-top:15px}
body.dc-v56 .dc-section-head{align-items:center;margin-bottom:11px;gap:10px}
body.dc-v56 .dc-section-head h2{
  margin:0;font-size:13px;line-height:1.1;font-weight:820;letter-spacing:.45px;text-transform:uppercase;color:#edf0f6;
}
body.dc-v56 .dc-section-head>a{
  min-height:auto;padding:0;border:0;background:none;border-radius:0;
  color:#8791a2;font-size:8px;font-weight:720;letter-spacing:0;text-transform:none;
}
body.dc-v56 .dc-section-head>a:active{color:#fff}
body.dc-v56 .dc-for-you-section,
body.dc-v56 .dc-trending-section,
body.dc-v56 .dc-discovery-picks{background:transparent!important;border:0!important}
body.dc-v56 .dc-for-you-section:before,
body.dc-v56 .dc-trending-section:before,
body.dc-v56 .dc-discovery-picks:before{display:none}

/* ---------- Continue watching ---------- */
body.dc-v56 .dc-row-scroll{
  display:grid;grid-auto-flow:column;grid-auto-columns:44vw;gap:9px;overflow-x:auto;
  padding:0 1px 3px;scroll-snap-type:x proximity;scrollbar-width:none;
}
body.dc-v56 .dc-row-scroll::-webkit-scrollbar{display:none}
body.dc-v56 .dc-row-scroll .dc-card{scroll-snap-align:start}
body.dc-v56 .dc-row-scroll .dc-card-thumb{border-radius:9px}
body.dc-v56 .dc-row-scroll .dc-card-body h3{font-size:9.5px;min-height:auto;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
body.dc-v56 .dc-row-scroll .dc-meta{font-size:8px}

/* ---------- Video cards ---------- */
body.dc-v56 .dc-grid{gap:14px 8px}
body.dc-v56 .dc-card-pro{min-width:0}
body.dc-v56 .dc-card-pro .dc-card-thumb{
  border-radius:9px;border:1px solid rgba(255,255,255,.045);background:#0c1118;box-shadow:none;
}
body.dc-v56 .dc-card-pro .dc-card-thumb:after{height:28%;opacity:.55}
body.dc-v56 .dc-card-pro .dc-card-body{padding:6px 1px 0}
body.dc-v56 .dc-card-pro .dc-card-body h3{
  margin:0;font-size:10px;line-height:1.35;font-weight:650;letter-spacing:-.08px;min-height:27px;color:#e8ebf2;
}
body.dc-v56 .dc-card-pro .dc-meta{font-size:7.8px;color:#818b9c;margin-top:4px;gap:4px}
body.dc-v56 .dc-card-pro .dc-rating{color:#aeb6c4}
body.dc-v56 .dc-card-tags{top:5px;left:5px;gap:4px}
body.dc-v56 .dc-card-tags b,
body.dc-v56 .dc-card-tags em,
body.dc-v56 .dc-card-new{border-radius:5px;padding:4px 5px;font-size:6.5px;box-shadow:none}
body.dc-v56 .dc-card-tags em{background:rgba(4,7,11,.72);border:1px solid rgba(255,255,255,.07)}
body.dc-v56 .dc-duration{right:5px;bottom:5px;border-radius:5px;padding:3px 5px;font-size:7px;background:rgba(4,7,11,.78);border:0}
body.dc-v56 .dc-card-progress{height:2px;background:rgba(255,255,255,.14)}
body.dc-v56 .dc-card-play{width:35px;height:35px;border-radius:50%;background:rgba(5,8,13,.62);font-size:12px;border:1px solid rgba(255,255,255,.12)}
body.dc-v56 .dc-card.is-pressed{transform:scale(.992)}

/* ---------- Trending ---------- */
body.dc-v56 .dc-trending-balanced,
body.dc-v56 .dc-compact-list{display:grid;gap:6px}
body.dc-v56 .dc-compact-video{
  display:grid;grid-template-columns:32px 96px minmax(0,1fr);gap:9px;align-items:center;
  min-height:68px;padding:6px;border-radius:9px;border:0;background:transparent;box-shadow:none;
}
body.dc-v56 .dc-compact-video:active{background:rgba(255,255,255,.025)}
body.dc-v56 .dc-compact-rank{font-size:19px;min-width:28px;color:transparent!important;-webkit-text-stroke:1px #565f6f!important;letter-spacing:-1px}
body.dc-v56 .dc-trending-section .dc-compact-video:nth-child(-n+3) .dc-compact-rank{color:transparent!important;-webkit-text-stroke:1px #737d8d!important}
body.dc-v56 .dc-compact-thumb{border-radius:7px;aspect-ratio:16/9;background:#0c1118}
body.dc-v56 .dc-compact-thumb img{width:100%;height:100%;object-fit:cover}
body.dc-v56 .dc-compact-copy strong{font-size:9.5px;line-height:1.28;font-weight:650;color:#e8ebf2}
body.dc-v56 .dc-compact-copy small{font-size:7.5px;margin-top:3px;color:#7e8999}

/* ---------- Actors ---------- */
body.dc-v56 .dc-actors{gap:13px;padding:1px 0 3px;scroll-snap-type:x proximity}
body.dc-v56 .dc-actor{flex-basis:66px;padding:0;scroll-snap-align:start}
body.dc-v56 .dc-actor-img{width:56px;height:56px;margin-bottom:6px;border:1px solid rgba(255,255,255,.07);box-shadow:none}
body.dc-v56 .dc-actor strong{font-size:8.5px;font-weight:650;color:#e9ecf3}
body.dc-v56 .dc-actor small{font-size:7px;color:#748092}
body.dc-v56 .dc-actor-rank{top:-3px;left:0;padding:3px 4px;border-radius:4px;font-size:6px;background:var(--dc-primary)}

/* ---------- Categories ---------- */
body.dc-v56 .dc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.dc-v56 .dc-category-card{
  height:82px;min-height:82px;border-radius:9px;border:1px solid rgba(255,255,255,.045);box-shadow:none;background:#0c1118;
}
body.dc-v56 .dc-category-card:before{background-image:linear-gradient(90deg,rgba(5,8,13,.88),rgba(5,8,13,.22)),var(--dc-cat-bg)}
body.dc-v56 .dc-category-card span{left:10px;bottom:9px}
body.dc-v56 .dc-category-card strong{font-size:10px;font-weight:700}
body.dc-v56 .dc-category-card small{font-size:7px;margin-top:2px;color:#a5adba}

/* ---------- Explore ---------- */
body.dc-v56 .dc-page-hero.dc-explore-hero{padding:18px 12px 6px;background:transparent}
body.dc-v56 .dc-explore-hero .dc-kicker{display:none}
body.dc-v56 .dc-explore-hero h1{font-size:21px;margin:0 0 12px;letter-spacing:-.55px;text-transform:uppercase}
body.dc-v56 .dc-explore-hero>p{display:none}
body.dc-v56 .dc-explore-search{
  margin:0 0 10px;padding:6px 8px;min-height:42px;border-radius:10px;background:#0d121a;border:1px solid rgba(255,255,255,.075);box-shadow:none;
}
body.dc-v56 .dc-explore-search>span{font-size:16px;color:#8a94a5}
body.dc-v56 .dc-explore-search input{font-size:9.5px;padding:0 4px}
body.dc-v56 .dc-explore-search button{min-width:36px;min-height:32px;border-radius:7px;font-size:8px;box-shadow:none}
body.dc-v56 .dc-explore-quick{gap:6px;padding-bottom:2px}
body.dc-v56 .dc-explore-quick a,body.dc-v56 .dc-explore-quick button{flex:0 0 auto;padding:7px 10px;border-radius:8px;font-size:8px;background:#0d121a;border:1px solid rgba(255,255,255,.065);color:#c5ccd8;min-height:30px} body.dc-v56 .dc-explore-quick button{font:inherit;cursor:pointer}
body.dc-v56 .dc-explore-actions{display:none}
body.dc-v56 .dc-v56-category-rail{
  display:grid;grid-auto-flow:column;grid-auto-columns:78px;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 3px;
}
body.dc-v56 .dc-v56-category-rail::-webkit-scrollbar{display:none}
body.dc-v56 .dc-v56-category-rail .dc-category-card{height:92px;min-height:92px;width:78px}
body.dc-v56 .dc-v56-category-rail .dc-category-card:before{background-image:linear-gradient(180deg,rgba(5,8,13,.05),rgba(5,8,13,.82)),var(--dc-cat-bg)}
body.dc-v56 .dc-v56-category-rail .dc-category-card span{left:7px;right:7px;bottom:7px;text-align:center}
body.dc-v56 .dc-v56-category-rail .dc-category-card small{display:none}
body.dc-v56 .dc-v56-tag-rail{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
body.dc-v56 .dc-v56-tag-rail::-webkit-scrollbar{display:none}
body.dc-v56 .dc-v56-tag-rail a{flex:0 0 auto;padding:6px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:#0b1017;color:#98a2b2;font-size:7.5px}
body.dc-v56 .dc-v56-explore-grid-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
body.dc-v56 .dc-v56-explore-grid-head small{font-size:7.5px;color:#818b9b}

/* ---------- Watch page ---------- */
body.dc-v56 .dc-watch-page{max-width:820px}
body.dc-v56 .dc-watch-heading{height:44px;background:#06090e;border-bottom:1px solid rgba(255,255,255,.04)}
body.dc-v56 .dc-watch-nav-title span{font-size:6px;letter-spacing:1px;color:#7e8998}
body.dc-v56 .dc-watch-nav-title strong{font-size:8px;font-weight:650}
body.dc-v56 .dc-watch-player{margin:0;border-radius:0;border:0;box-shadow:none;background:#030507}
body.dc-v56 .dc-player{border-radius:0;border:0}
body.dc-v56 .dc-video-info-pro{padding:14px 12px 0;background:transparent}
body.dc-v56 .dc-watch-summary{padding:0;max-width:none}
body.dc-v56 .dc-watch-summary:before{display:none}
body.dc-v56 .dc-watch-eyebrow{display:none}
body.dc-v56 .dc-title-line-clean h1{
  width:100%;max-width:none!important;margin:0;font-size:19px;line-height:1.18;font-weight:720;letter-spacing:-.45px;text-transform:none!important;color:#eef1f6;text-wrap:pretty;
}
body.dc-v56 .dc-watch-stats-clean{margin-top:8px;font-size:8px;color:#8a94a4;gap:0}
body.dc-v56 .dc-watch-stats-clean b{min-height:20px;padding:0 5px;border-radius:4px;background:color-mix(in srgb,var(--dc-primary) 22%,#12161d);border:1px solid color-mix(in srgb,var(--dc-primary) 35%,transparent);font-size:7px;color:#eae5ff}
body.dc-v56 .dc-watch-stats-clean>span:before{margin:0 6px;color:#444c58}
body.dc-v56 .dc-watch-description-inline{margin-top:10px;max-width:650px}
body.dc-v56 .dc-watch-description-inline .dc-content{font-size:9.5px;line-height:1.58;color:#aeb7c5}
body.dc-v56 .dc-watch-description-inline .dc-collapsible{max-height:49px}
body.dc-v56 .dc-watch-description-inline .dc-text-button{font-size:8px;min-height:26px;color:var(--dc-primary)}
body.dc-v56 .dc-watch-tools{margin-top:11px}
body.dc-v56 .dc-actions-clean{
  display:flex!important;gap:0!important;min-height:56px;margin:0!important;padding:0!important;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#0c1119;box-shadow:none;overflow:hidden!important;
}
body.dc-v56 .dc-actions-clean>button{
  flex:1 1 0!important;min-width:0!important;min-height:54px!important;padding:5px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#cbd2de!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:4px!important;font-size:14px!important;
}
body.dc-v56 .dc-actions-clean>button+button:before{top:11px;bottom:11px;background:rgba(255,255,255,.055)}
body.dc-v56 .dc-actions-clean>button span{font-size:7.5px!important;color:#929cab;font-weight:650!important}
body.dc-v56 .dc-actions-clean>button.is-active{background:color-mix(in srgb,var(--dc-primary) 8%,transparent)!important;color:#fff!important}
body.dc-v56 .dc-actions-clean>button.is-active:after{height:2px;left:28%;right:28%;bottom:0;background:var(--dc-primary)}
body.dc-v56 .dc-video-tax{margin-top:10px;gap:6px}
body.dc-v56 .dc-video-tax a{min-height:25px;padding:0 8px;border-radius:7px;background:#0b1017;border:1px solid rgba(255,255,255,.055);font-size:7.5px;color:#9ea8b7}
body.dc-v56 .dc-info-block{margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.045)}
body.dc-v56 .dc-info-block.dc-description-block{display:none}
body.dc-v56 .dc-block-head h2{font-size:11px;letter-spacing:.55px;text-transform:uppercase;color:#e7ebf2}
body.dc-v56 .dc-cast-chips a{border-radius:8px;background:#0b1017;border:1px solid rgba(255,255,255,.05);padding:4px 8px 4px 4px}
body.dc-v56 .dc-cast-chips img{width:23px;height:23px}
body.dc-v56 .dc-cast-chips span{font-size:7.5px}
body.dc-v56 .dc-related-section{margin-top:15px;padding:17px 12px;border-top:1px solid rgba(255,255,255,.045)}
body.dc-v56 .dc-related-section:before{display:none}
body.dc-v56 .dc-related-section .dc-section-head h2{font-size:11px;letter-spacing:.55px;text-transform:uppercase}
body.dc-v56 .dc-v56-related-list{display:grid;gap:6px}
body.dc-v56 .dc-v56-related-list .dc-compact-video{grid-template-columns:102px minmax(0,1fr);padding:5px 0;min-height:64px;border-bottom:1px solid rgba(255,255,255,.035);border-radius:0}
body.dc-v56 .dc-v56-related-list .dc-compact-rank{display:none}
body.dc-v56 .dc-v56-related-list .dc-compact-thumb{width:102px}

/* ---------- Actor page ---------- */
body.dc-v56 .dc-actor-profile-v2{
  border:0;border-radius:0;box-shadow:none;background:#070a10;overflow:visible;
}
body.dc-v56 .dc-actor-profile-cover{height:122px;filter:saturate(.72) brightness(.6);border-radius:0}
body.dc-v56 .dc-actor-profile-inner{
  margin-top:-48px;padding:0 12px 17px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:start;
}
body.dc-v56 .dc-actor-profile-inner>img{width:82px;height:82px;border-radius:50%;border:2px solid var(--dc-primary);box-shadow:0 0 0 3px #070a10}
body.dc-v56 .dc-actor-profile-inner .dc-kicker{font-size:6.5px;letter-spacing:1.2px;color:#8994a5}
body.dc-v56 .dc-actor-profile-inner h1{font-size:18px;line-height:1.05;margin:3px 0 8px;letter-spacing:-.55px}
body.dc-v56 .dc-verified{color:var(--dc-primary);font-size:11px}
body.dc-v56 .dc-v56-actor-follow{min-height:31px;padding:0 12px;border:0;border-radius:7px;background:var(--dc-primary);color:#fff;font-size:8px;font-weight:760}
body.dc-v56 .dc-v56-actor-follow.is-active{background:#151b25;border:1px solid rgba(255,255,255,.08)}
body.dc-v56 .dc-actor-stat-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}
body.dc-v56 .dc-actor-stat-grid span{padding:10px 5px;text-align:center;border-right:1px solid rgba(255,255,255,.04)}
body.dc-v56 .dc-actor-stat-grid span:last-child{border-right:0}
body.dc-v56 .dc-actor-stat-grid b{display:block;font-size:13px;color:#eef1f6}
body.dc-v56 .dc-actor-stat-grid small{display:block;margin-top:2px;font-size:6.5px;color:#778293}
body.dc-v56 .dc-actor-profile-inner p{grid-column:1/-1;margin:0;color:#a3adbc;font-size:8.5px;line-height:1.55;text-align:center}

/* ---------- Archive / search / generic pages ---------- */
body.dc-v56 .dc-page-hero{padding:20px 12px 10px}
body.dc-v56 .dc-page-hero h1{font-size:21px;line-height:1.05;letter-spacing:-.65px}
body.dc-v56 .dc-page-hero p{font-size:9px;color:#8792a3}
body.dc-v56 .dc-load-more{min-height:38px;border-radius:8px;background:#0d121a;border:1px solid rgba(255,255,255,.065);color:#d6dbe4;font-size:9px}
body.dc-v56 .dc-empty-state-pro{border-radius:10px;background:#0b1017;border:1px solid rgba(255,255,255,.055);box-shadow:none}

/* ---------- Bottom navigation: keep structure, sharpen to mockup ---------- */
body.dc-v56 .dc-bottom-nav{
  left:0;right:0;bottom:0;height:calc(61px + env(safe-area-inset-bottom));
  border:0;border-top:1px solid rgba(255,255,255,.05);border-radius:0;
  background:rgba(6,9,14,.96);backdrop-filter:blur(18px);box-shadow:0 -12px 32px rgba(0,0,0,.24);
  padding:3px 5px env(safe-area-inset-bottom);overflow:visible;
}
body.dc-v56 .dc-bottom-nav a{min-height:55px;border-radius:0;background:transparent!important;gap:2px}
body.dc-v56 .dc-bottom-nav a span{font-size:16px}
body.dc-v56 .dc-bottom-nav a small{font-size:6.5px;color:#778293}
body.dc-v56 .dc-bottom-nav a.is-active:before{display:none}
body.dc-v56 .dc-bottom-nav a.is-active span,
body.dc-v56 .dc-bottom-nav a.is-active small{color:var(--dc-primary)}
body.dc-v56 .dc-nav-explore span{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;margin-top:0}

/* ---------- Touch + responsive ---------- */
@media(max-width:640px){
  body.dc-v56 .dc-main{padding-bottom:88px}
  body.dc-v56 .dc-section{padding-left:10px;padding-right:10px}
  body.dc-v56 .dc-hero-content{left:13px;right:13px}
  body.dc-v56 .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 7px}
  body.dc-v56 .dc-row-scroll{grid-auto-columns:47vw}
  body.dc-v56 .dc-title-line-clean h1{font-size:18px}
  body.dc-v56 .dc-actor-profile-inner{padding-left:10px;padding-right:10px}
  body.dc-v56 .dc-related-section{padding-left:10px;padding-right:10px}
}
@media(min-width:641px){
  body.dc-v56 .dc-section{padding-left:16px;padding-right:16px}
  body.dc-v56 .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
  body.dc-v56 .dc-row-scroll{grid-auto-columns:260px}
  body.dc-v56 .dc-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.dc-v56 .dc-watch-player{border-radius:10px;overflow:hidden;margin-top:10px}
  body.dc-v56 .dc-video-info-pro{padding-left:0;padding-right:0}
  body.dc-v56 .dc-related-section{padding-left:0;padding-right:0}
  body.dc-v56 .dc-v56-related-list{grid-template-columns:1fr 1fr;gap:8px 18px}
}
@media(min-width:980px){
  body.dc-v56 .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.dc-v56 .dc-hero-pro{border-radius:10px;margin:12px 16px 0}
  body.dc-v56 .dc-hero-content{left:24px;bottom:32px}
  body.dc-v56 .dc-bottom-nav{max-width:520px;left:50%;right:auto;transform:translateX(-50%);border:1px solid rgba(255,255,255,.055);border-bottom:0;border-radius:12px 12px 0 0}
}
@media(prefers-reduced-motion:reduce){body.dc-v56 *{transition-duration:.01ms!important;animation-duration:.01ms!important}}