/* asia.com.ge — "განაგრძე ყურება" premium row (2026-10-11), drawn by js/nx-continue.js (skin "pro").
   The switch .nx-cw-skin sits at the top of both looks. */
:root { --cw-bg: #080A12; --cw-card: #0B0E18; --cw-ink: #F5F3FA; --cw-mute: #9B9CAF; --cw-pink: #E83ECA; --cw-violet: #7928FF; --cw-track: #282B39; --cw-grad: linear-gradient(90deg, #E83ECA, #A43BF5 55%, #7928FF); }

/* ---------- the switch (both looks) ---------- */
.nx-cw-skin { display: inline-flex; gap: 3px; padding: 3px; border-radius: 12px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.nx-cw-skin button { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 0; border-radius: 9px; background: none; color: var(--cw-mute); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s; }
.nx-cw-skin button .nx-i { width: 15px; height: 15px; }
.nx-cw-skin button:hover { color: var(--cw-ink); }
.nx-cw-skin button.is-on { background: linear-gradient(135deg, var(--cw-pink), var(--cw-violet)); color: #fff; box-shadow: 0 4px 14px rgba(121, 40, 255, .35); }
.nx-cw-skin button:focus-visible, .cwp button:focus-visible, .cwp a:focus-visible { outline: 2px solid var(--cw-pink); outline-offset: 2px; }
#nxContinue:not(.nx-cw-pro) .nx-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

/* ---------- frame ---------- */
#nxContinue.nx-cw-pro { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important; }
#nxContinue.nx-cw-pro::before, #nxContinue.nx-cw-pro::after { display: none !important; }
.cwp { position: relative; padding: 20px 22px 22px; border-radius: 22px; background: radial-gradient(700px 220px at 0% 0%, rgba(121, 40, 255, .14), transparent 70%), linear-gradient(180deg, rgba(14, 16, 28, .96), rgba(8, 10, 18, .96)); border: 1px solid rgba(255, 255, 255, .07); box-shadow: 0 20px 50px rgba(0, 0, 0, .45); color: var(--cw-ink); }
.cwp-head { display: flex; align-items: center; gap: 16px; margin: 0 0 18px; }
.cwp-ico { flex: 0 0 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(135deg, rgba(232, 62, 202, .22), rgba(121, 40, 255, .22)); border: 1px solid rgba(232, 62, 202, .45); box-shadow: inset 0 0 18px rgba(232, 62, 202, .18); }
.cwp-ico .nx-i { width: 26px; height: 26px; color: #F5D0FE; }
.cwp-tt { min-width: 0; flex: 1; }
.cwp-tt h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 26px; font-weight: 900; line-height: 1.15; color: var(--cw-ink); }
.cwp-tt h2 em { font-style: normal; background: linear-gradient(90deg, var(--cw-pink), #C084FC); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cwp-count { display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 9px; border-radius: 99px; background: var(--cw-violet); color: #fff; font-size: 14px; font-weight: 800; box-shadow: 0 0 0 3px rgba(121, 40, 255, .25); }
.cwp-tt p { margin: 4px 0 0; color: var(--cw-mute); font-size: 13px; }
.cwp-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.cwp-all { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 22px; border-radius: 99px; border: 1.5px solid rgba(232, 62, 202, .7); background: rgba(232, 62, 202, .06); color: var(--cw-ink); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .2s, box-shadow .2s; }
.cwp-all .nx-i { width: 16px; height: 16px; }
.cwp-all:hover { background: rgba(232, 62, 202, .16); box-shadow: 0 0 22px rgba(232, 62, 202, .3); }
.cwp-all[aria-expanded="true"] .nx-i { transform: rotate(90deg); }
.cwp-nav { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); color: var(--cw-ink); cursor: pointer; transition: background .2s, opacity .2s; }
.cwp-nav .nx-i { width: 18px; height: 18px; }
.cwp-nav.is-next { background: var(--cw-violet); border-color: transparent; box-shadow: 0 6px 18px rgba(121, 40, 255, .45); }
.cwp-nav:disabled { opacity: .35; cursor: default; box-shadow: none; }
.cwp-nav[hidden] { display: none; }

/* ---------- row ---------- */
.cwp-row { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * 16px) / 5); gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 6px; margin: -4px -2px 0; }
.cwp-row::-webkit-scrollbar { display: none; }
.cwp-row.is-all { grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }

/* ---------- card ---------- */
.cwp-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0 0 12px; border-radius: 16px; background: var(--cw-card); border: 1px solid rgba(255, 255, 255, .08); scroll-snap-align: start; transition: border-color .22s, box-shadow .22s, transform .22s; }
.cwp-card.is-hot { border-color: rgba(232, 62, 202, .85); box-shadow: 0 0 0 1px rgba(232, 62, 202, .35), 0 14px 34px rgba(232, 62, 202, .22); }
.cwp-card.is-gone { opacity: 0; transform: scale(.94); }
.cwp-media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 15px 15px 0 0; background: #141726; }
.cwp-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.cwp-media img.is-poster { object-position: center 22%; }
.cwp-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 10, 18, .35), transparent 35%, transparent 55%, rgba(8, 10, 18, .85)); pointer-events: none; }
.cwp-card:hover .cwp-media img { transform: scale(1.04); }
.cwp-year { position: absolute; z-index: 1; top: 10px; left: 10px; padding: 3px 8px; border-radius: 7px; background: rgba(8, 10, 18, .78); border: 1px solid rgba(255, 255, 255, .12); color: #fff; font-size: 12px; font-weight: 700; }
.cwp-play { position: absolute; z-index: 1; left: 50%; top: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px; display: grid; place-items: center; border-radius: 50%; background: rgba(8, 10, 18, .55); border: 1.5px solid rgba(255, 255, 255, .7); color: #fff; transition: background .2s, transform .2s; }
.cwp-play .nx-i { width: 16px; height: 16px; margin-left: 2px; }
.cwp-card:hover .cwp-play, .cwp-card.is-hot .cwp-play { background: rgba(232, 62, 202, .55); transform: scale(1.06); }
.cwp-pct { position: absolute; z-index: 1; right: 10px; bottom: 8px; color: #fff; font-size: 14px; font-weight: 800; text-shadow: 0 1px 4px rgba(0, 0, 0, .8); }
.cwp-bar { position: relative; height: 6px; margin: 0 12px; margin-top: -3px; border-radius: 99px; background: var(--cw-track); z-index: 2; }
.cwp-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: inherit; background: var(--cw-grad); }
.cwp-bar i::after { content: ""; position: absolute; right: -5px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: #B38BFF; box-shadow: 0 0 0 3px rgba(121, 40, 255, .35); opacity: 0; transition: opacity .2s; }
.cwp-card:hover .cwp-bar i, .cwp-card.is-hot .cwp-bar i { box-shadow: 0 0 10px rgba(232, 62, 202, .6); }
.cwp-card:hover .cwp-bar i::after, .cwp-card.is-hot .cwp-bar i::after { opacity: 1; }
.cwp-time { display: flex; justify-content: space-between; gap: 8px; margin: 10px 12px 0; color: var(--cw-mute); font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cwp-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 12px 0; color: var(--cw-ink) !important; font-size: 16px; font-weight: 800; line-height: 1.35; min-height: 1.35em; text-decoration: none !important; }
.cwp-sub { margin: 3px 12px 0; color: var(--cw-mute); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cwp-acts { display: flex; gap: 10px; align-items: center; margin: 12px 12px 0; }
.cwp-go { flex: 1; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 42px; padding: 0 12px; border-radius: 11px; border: 1.5px solid rgba(232, 62, 202, .65); background: rgba(232, 62, 202, .07); color: var(--cw-ink) !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; white-space: nowrap; transition: background .2s, box-shadow .2s; }
.cwp-go .nx-i { width: 14px; height: 14px; color: var(--cw-pink); flex: 0 0 auto; }
.cwp-go span { overflow: hidden; text-overflow: ellipsis; }
.cwp-go:hover, .cwp-card.is-hot .cwp-go { background: linear-gradient(90deg, #C026D3, var(--cw-violet)); border-color: transparent; box-shadow: 0 8px 22px rgba(192, 38, 211, .4); }
.cwp-card.is-hot .cwp-go .nx-i, .cwp-go:hover .nx-i { color: #fff; }
.cwp-more { flex: 0 0 42px; height: 42px; display: grid; place-items: center; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .03); color: var(--cw-ink); cursor: pointer; }
.cwp-more svg { width: 18px; height: 18px; fill: currentColor; }
.cwp-more:hover, .cwp-more[aria-expanded="true"] { background: rgba(255, 255, 255, .1); }

/* ---------- menu + toast (on <body>) ---------- */
.cwp-menu { position: fixed; z-index: 9999; min-width: 220px; padding: 6px; border-radius: 14px; background: #121525; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 20px 50px rgba(0, 0, 0, .6); }
.cwp-menu[hidden] { display: none; }
.cwp-menu a, .cwp-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 9px; background: none; color: #F5F3FA !important; font: inherit; font-size: 13.5px; font-weight: 600; text-align: left; text-decoration: none !important; cursor: pointer; }
.cwp-menu .nx-i { width: 16px; height: 16px; color: #C084FC; flex: 0 0 auto; }
.cwp-menu a:hover, .cwp-menu button:hover, .cwp-menu a:focus-visible, .cwp-menu button:focus-visible { background: rgba(232, 62, 202, .14); outline: none; }
.cwp-menu .is-del, .cwp-menu .is-del .nx-i { color: #FB7185 !important; }
.cwp-toast { position: fixed; z-index: 9999; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; padding: 12px 14px 12px 18px; border-radius: 14px; background: #121525; border: 1px solid rgba(255, 255, 255, .12); color: #F5F3FA; font-size: 13.5px; font-weight: 600; box-shadow: 0 20px 50px rgba(0, 0, 0, .6); max-width: calc(100% - 32px); }
.cwp-toast button { flex: 0 0 auto; height: 34px; padding: 0 14px; border: 0; border-radius: 9px; background: linear-gradient(90deg, #C026D3, #7928FF); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

/* ---------- smaller screens ---------- */
@media (max-width: 1280px) { .cwp-row { grid-auto-columns: calc((100% - 3 * 14px) / 4); gap: 14px; } .cwp-row.is-all { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1000px) { .cwp-row { grid-auto-columns: calc((100% - 2 * 14px) / 3.15); } .cwp-row.is-all { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
	.cwp { padding: 16px 14px 16px; border-radius: 18px; }
	.cwp-head { flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
	.cwp-ico { flex-basis: 46px; height: 46px; border-radius: 14px; }
	.cwp-ico .nx-i { width: 22px; height: 22px; }
	.cwp-tt h2 { font-size: 20px; }
	.cwp-tt p { font-size: 12px; }
	.cwp-tools { width: 100%; justify-content: space-between; }
	.cwp-all { height: 38px; padding: 0 14px; font-size: 13px; }
	.cwp-nav { display: none; }
	.cwp-row { grid-auto-columns: 68%; gap: 12px; }
	.cwp-row.is-all { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cwp-title { font-size: 14.5px; }
	.cwp-go { height: 38px; font-size: 12.5px; gap: 7px; }
	.cwp-more { flex-basis: 38px; height: 38px; }
	.nx-cw-skin button span { display: none; }
	.nx-cw-skin button { padding: 0 10px; }
}
@media (max-width: 420px) { .cwp-row { grid-auto-columns: 80%; } .cwp-row.is-all { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .cwp-card, .cwp-media img, .cwp-play, .cwp-go, .cwp-all, .cwp-bar i::after { transition: none !important; } .cwp-card:hover .cwp-media img { transform: none; } }
#nxContinue.nx-cw-pro > .cwp { margin: 0 !important; max-width: none !important; }

/* ---------- hover preview (the episode plays in the card) ---------- */
.cwp-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; opacity: 0; transition: opacity .35s ease; }
.cwp-card.is-pv .cwp-vid { opacity: 1; }
.cwp-card.is-pv .cwp-play { opacity: 0; transform: scale(.8); }
.cwp-card.is-pv .cwp-media::after { background: linear-gradient(180deg, transparent 60%, rgba(8, 10, 18, .7)); }
.cwp-card.is-pv .cwp-media img { transform: none; }
.cwp-card.is-pvload .cwp-play::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid transparent; border-top-color: #E83ECA; border-right-color: #7928FF; animation: cwpSpin .8s linear infinite; }
@keyframes cwpSpin { to { transform: rotate(360deg); } }
.cwp-year, .cwp-pct, .cwp-play { z-index: 2; }
.cwp-snd { position: absolute; z-index: 3; top: 10px; right: 10px; width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; background: rgba(8, 10, 18, .65); color: #fff; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .25s, background .2s; }
.cwp-card.is-pv .cwp-snd { opacity: 1; pointer-events: auto; }
.cwp-snd:hover { background: rgba(232, 62, 202, .6); }
.cwp-snd svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cwp-snd .is-sp { fill: currentColor; }
.cwp-snd .is-on { display: none; }
.cwp-card.is-snd .cwp-snd .is-on { display: inline; } .cwp-card.is-snd .cwp-snd .is-off { display: none; }
.cwp-card.is-pv .cwp-bar i { transition: width .25s linear; }
@media (prefers-reduced-motion: reduce) { .cwp-vid { transition: none; } .cwp-card.is-pvload .cwp-play::after { animation: none; } }