/* Плеер демо дубляжа: общий для dub.vyexa.net и vyexa.net/dubbing (modules/dub/views/site/_demo.php). */
.d-player {
    --d-bg-2: #15171d;
    --d-card: #1a1d24;
    --d-line: rgba(255, 255, 255, .08);
    --d-text: #f3f1ee;
    --d-muted: #a19b94;
    --d-accent: #ff7a18;
    --d-accent-2: #ffb347;
}
.d-player *, .d-player { box-sizing: border-box; }
.d-player .d-chip { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--d-line); background: var(--d-bg-2); font-size: .92rem; line-height: 1.3; }
.d-player { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.d-player video { width: 100%; border-radius: 18px; background: #000; border: 1px solid var(--d-line); aspect-ratio: 16 / 9; }
.d-player__side { background: var(--d-card); border: 1px solid var(--d-line); border-radius: 18px; padding: 20px; }
.d-player__label { color: var(--d-muted); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 10px; }
.d-player__langs, .d-player__videos { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.d-player .d-chip { cursor: pointer; color: var(--d-text); font-family: inherit; }
.d-player .d-chip.is-active { border-color: var(--d-accent); background: rgba(255, 122, 24, .14); color: var(--d-accent-2); }
.d-player__note { color: var(--d-muted); font-size: .82rem; margin: 0; }
@media (max-width: 900px) { .d-player { grid-template-columns: minmax(0, 1fr); } }
.d-player__videos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.d-player__videos .d-chip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: .86rem; padding: 8px 10px; }
.d-player__langs .d-chip { font-size: .86rem; padding: 6px 11px; }
/* Встроенный блок на vyexa.net/dubbing: колонка уже, названия роликов не влезают в две. */
.seo-landing__section .d-player__videos { grid-template-columns: minmax(0, 1fr); }