/* Series Player (DLE19) — UI (compact) */
.series-player{
  --sp-accent:#f4a300;
  --sp-bg:#0d1320;
  --sp-muted:#8fa1b6;
  --sp-br:#1b2435;
  --sp-r:56.25%;

  /* компактность (1 = как было). Попробуй 0.85–0.9 */
  --sp-scale:.88;

  background:var(--sp-bg);
  border:1px solid var(--sp-br);
  border-radius:calc(14px * var(--sp-scale));
  padding:calc(12px * var(--sp-scale));
  color:#e6ebff;
  font-size:calc(1rem * var(--sp-scale));
}

.series-player .sp-head{display:flex;align-items:center;gap:calc(12px * var(--sp-scale));flex-wrap:wrap;margin-bottom:calc(10px * var(--sp-scale))}
.series-player .sp-title{font-weight:700}

.series-player .sp-controls{display:flex;gap:calc(10px * var(--sp-scale));flex-wrap:wrap;margin-left:auto}

.series-player .sp-search{
  appearance:none;background:#0a101c;border:1px solid var(--sp-br);color:#e6ebff;
  border-radius:calc(10px * var(--sp-scale));
  padding:calc(7px * var(--sp-scale)) calc(10px * var(--sp-scale));
  min-width:calc(180px * var(--sp-scale));
  font-size:inherit;
}

.series-player .sp-providers{display:flex;flex-wrap:wrap;gap:calc(8px * var(--sp-scale));margin-bottom:calc(8px * var(--sp-scale))}

.series-player .sp-prov{
  cursor:pointer;border:1px solid var(--sp-br);background:#0a101c;color:#e6ebff;
  padding:calc(8px * var(--sp-scale)) calc(12px * var(--sp-scale));
  border-radius:calc(10px * var(--sp-scale));
  font-size:calc(.95rem * var(--sp-scale));
  line-height:1;transition:all .15s
}
.series-player .sp-prov.active{background:#223150}

.series-player .sp-list{
  display:flex;flex-wrap:wrap;gap:calc(8px * var(--sp-scale));
  max-height:calc(200px * var(--sp-scale));
  overflow:auto;padding-right:4px
}

.series-player .sp-btn{
  cursor:pointer;border:1px solid var(--sp-br);background:#0a101c;color:#e6ebff;
  padding:calc(8px * var(--sp-scale)) calc(12px * var(--sp-scale));
  border-radius:calc(10px * var(--sp-scale));
  font-size:calc(.95rem * var(--sp-scale));
  line-height:1;transition:all .15s;white-space:nowrap
}
.series-player .sp-btn:hover{border-color:#2b3550;transform:translateY(-1px)}
.series-player .sp-btn.active{background:var(--sp-accent);color:#111;border-color:var(--sp-accent)}

.series-player .sp-pager{display:flex;gap:calc(6px * var(--sp-scale));flex-wrap:wrap;margin-top:calc(8px * var(--sp-scale))}
.series-player .sp-page{
  cursor:pointer;background:#0a101c;color:#cdd7ec;border:1px solid var(--sp-br);
  padding:calc(6px * var(--sp-scale)) calc(10px * var(--sp-scale));
  border-radius:calc(8px * var(--sp-scale));
  font-size:calc(.95rem * var(--sp-scale));
}
.series-player .sp-page.active{background:#223150;color:#fff}

/* Iframe + overlay */
.series-player .sp-frame-wrap{position:relative;width:100%;border-radius:calc(12px * var(--sp-scale));overflow:hidden;background:#000;margin-top:calc(10px * var(--sp-scale))}
.series-player .sp-frame-wrap::before{content:"";display:block;padding-top:var(--sp-r)}
.series-player .sp-frame{position:absolute;inset:0;width:100%;height:100%;border:0}

.sp-play-overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(0,0,0,.45);transition:opacity .25s;border-radius:inherit;z-index:5
}
.sp-play-icon{
  width:calc(90px * var(--sp-scale));
  height:calc(90px * var(--sp-scale));
  opacity:.9;transition:transform .3s ease, opacity .3s
}
.sp-play-overlay:hover .sp-play-icon{transform:scale(1.1);opacity:1}
.sp-play-overlay.hidden{opacity:0;pointer-events:none}

.series-player .sp-continue{
  margin-left:auto;background:#223150;border:1px solid var(--sp-br);color:#fff;
  border-radius:calc(10px * var(--sp-scale));
  padding:calc(7px * var(--sp-scale)) calc(10px * var(--sp-scale));
  cursor:pointer;font-size:calc(.95rem * var(--sp-scale));
}
.series-player .sp-continue.hidden{display:none}

.series-player .sp-count{opacity:.7;font-size:calc(.9rem * var(--sp-scale))}
.series-player .sp-hint{opacity:.7;font-size:calc(.9rem * var(--sp-scale));margin-top:calc(6px * var(--sp-scale))}

@media (max-width:560px){
  .series-player{--sp-scale:.85;}
  .series-player .sp-list{max-height:calc(160px * var(--sp-scale))}
  .series-player .sp-search{min-width:calc(130px * var(--sp-scale))}
}
/* внешний контейнер */
.series-player{
  border-radius: 0;
}

/* обёртка iframe (чтобы видео тоже было квадратным) */
.series-player .sp-frame-wrap{
  border-radius: 0;
}