/* =====================================================
   asia.com.ge — DPlayer edition (2026-10-11)
   DPlayer stays as it is; only the site's font, the 16:9 box, and (when ads are on) the ad layer.
   The accent colour is DPlayer's own `theme` option (#B78CFF) in js/nx-dp.js.
   ===================================================== */
.nxdp-host { background: #000; }
.nxdp-host .dplayer { width: 100%; height: 100%; border-radius: inherit; }
.nxdp-host .dplayer, .nxdp-host .dplayer * { font-family: "NxSite", "Noto Sans Georgian", "Inter", system-ui, sans-serif !important; }
.nxdp-host .dplayer-video-wrap { height: 100%; }
.nxdp-yt { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ads (only when switched on in Premium Asia): their own video above DPlayer */
.nxdp-ui.nxp { position: absolute; inset: 0; z-index: 30; width: auto; height: auto; aspect-ratio: auto; background: none; border-radius: 0; overflow: hidden; pointer-events: none; }
.nxdp-ui.nxp.is-ad { pointer-events: auto; }
.nxdp-ui .nxv-adv { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; object-fit: contain; display: none; }
.nxdp-ui.is-ad .nxv-adv { display: block; }
.nxdp-ui .nxv-adbar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255, 255, 255, .2); }
.nxdp-ui .nxv-adbar i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #FBBF24; }
.nxdp-ui .nxp-ad-skip { bottom: 40px; }
.dplayer.nxdp-inad .dplayer-controller, .dplayer.nxdp-inad .dplayer-controller-mask { visibility: hidden; }
.dplayer .nxp-bns { z-index: 20; }
.nxdp-host .dplayer-quality-item, .nxdp-host .dplayer-quality-icon { white-space: nowrap; } .nxdp-host .dplayer-quality-list { width: auto; min-width: 100%; }
/* the name after the time */
.nxdp-host .dplayer-icons-left { display: flex; align-items: center; }
.nxdp-title { display: inline-block; margin-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; font-size: 13px; line-height: 38px; color: rgba(255, 255, 255, .88); text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.nxdp-title::before { content: "•"; margin: 0 8px 0 2px; color: #B78CFF; }
.nxdp-title.is-top { position: absolute; z-index: 15; top: 12px; left: 14px; right: 14px; margin: 0; max-width: none; font-size: 14px; font-weight: 700; line-height: 1.35; pointer-events: none; transition: opacity .3s; }
.nxdp-title.is-top::before { display: none; }
.dplayer.dplayer-hide-controller .nxdp-title.is-top { opacity: 0; }
.nxdp-host .dplayer::before { content: ""; position: absolute; z-index: 14; left: 0; right: 0; top: 0; height: 64px; background: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent); pointer-events: none; opacity: 0; transition: opacity .3s; }
.nxdp-host .dplayer:has(.nxdp-title.is-top):not(.dplayer-hide-controller)::before { opacity: 1; }
/* right-click menu: the site's credit, last line */
.dplayer-menu .nxdp-credit { border-top: 1px solid rgba(255, 255, 255, .12); }
.dplayer-menu .nxdp-credit a { display: flex !important; align-items: center; gap: 5px; color: #E3D2FF !important; }
.dplayer-menu .nxdp-credit b { font-weight: 800; letter-spacing: .08em; color: #fff; }
.dplayer-menu .nxdp-credit sup { display: inline-grid; place-items: center; width: 11px; height: 11px; margin: -9px 0 0 -2px; border: 1px solid currentColor; border-radius: 50%; font-size: 7px; font-weight: 800; line-height: 1; color: #B78CFF; }
.nxdp-host .dplayer-menu { width: auto !important; min-width: 190px; } .nxdp-host .dplayer-menu .dplayer-menu-item a { padding-right: 16px; }

/* storyboard: the film's frame above the progress bar (js: D.storyboard in nx-dp.js) */
.nxdp-host .nxdp-sb { position: absolute; z-index: 40; left: 0; bottom: calc(100% + 16px); width: 230px; padding: 4px; border-radius: 14px; background: rgba(13, 9, 26, .94); border: 1px solid rgba(183, 140, 255, .5); box-shadow: 0 14px 34px rgba(0, 0, 0, .6), 0 0 26px rgba(183, 140, 255, .28); opacity: 0; transform: translateY(8px) scale(.95); transform-origin: var(--nub, 50%) 100%; transition: opacity .16s ease, transform .18s ease; pointer-events: none; }
.nxdp-host .dplayer.nxdp-sb-on .nxdp-sb { opacity: 1; transform: none; }
.nxdp-host .nxdp-sb::after { content: ""; position: absolute; left: var(--nub, 50%); bottom: -7px; width: 12px; height: 12px; margin-left: -6px; background: rgba(13, 9, 26, .94); border-right: 1px solid rgba(183, 140, 255, .5); border-bottom: 1px solid rgba(183, 140, 255, .5); transform: rotate(45deg); }
.nxdp-host .nxdp-sb-f { position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 16 / 9; background: #07050F radial-gradient(circle at 50% 50%, rgba(183, 140, 255, .18), transparent 70%); }
.nxdp-host .nxdp-sb canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .18s, filter .18s; }
.nxdp-host .nxdp-sb.has-f canvas { opacity: 1; }
.nxdp-host .nxdp-sb.has-f.is-load canvas { opacity: .5; filter: blur(2px); }
.nxdp-host .nxdp-sb-spin { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-radius: 50%; border: 2.5px solid rgba(255, 255, 255, .16); border-top-color: #B78CFF; border-right-color: #F472B6; opacity: 0; transition: opacity .15s; animation: nxdpsb .7s linear infinite; }
.nxdp-host .nxdp-sb.is-load .nxdp-sb-spin { opacity: 1; }
@keyframes nxdpsb { to { transform: rotate(360deg); } }
.nxdp-host .nxdp-sb-t { display: block; padding: 6px 0 3px; text-align: center; font-size: 13px; font-weight: 800; letter-spacing: .02em; color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.nxdp-host .nxdp-sb-v { position: absolute; width: 2px; height: 2px; left: 0; top: 0; opacity: 0; pointer-events: none; }
.nxdp-host .dplayer.nxdp-sb-on .dplayer-bar-time { display: none !important; }
@media (max-width: 640px) { .nxdp-host .nxdp-sb { width: 168px; bottom: calc(100% + 14px); } .nxdp-host .nxdp-sb-t { font-size: 12px; padding-top: 4px; } }