.azytv-block{margin:25px 0;}
.azytv-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;}
.azytv-title{font-weight:700;font-size:16px;margin:0;}

.azytv-controls{display:flex;gap:8px;}
.azytv-nav{
  width:34px;height:34px;border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.azytv-nav:disabled{opacity:.35;cursor:default;}

.azytv-slider-wrap{max-width:100%;position:relative;}
.azytv-slider{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px;
  overflow-x:auto !important;
  overflow-y:hidden;
  padding:6px 2px;
  -webkit-overflow-scrolling:touch;
  user-select:none;

  scrollbar-width:none;
  -ms-overflow-style:none;
}
.azytv-slider::-webkit-scrollbar{display:none;}

.azytv-item{
  flex:0 0 auto !important;
  width:260px;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  position:relative;
  display:block;
}
.azytv-thumb{display:block;border-radius:14px;overflow:hidden;background:#f2f2f2;}
.azytv-item img{width:100%;height:auto;display:block;}
.azytv-play{
  position:absolute;
  bottom:10px;
  left:10px;
  background:rgba(0,0,0,.6);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:14px;
  line-height:1;
  pointer-events:none;
}

.azytv-skeleton{display:flex;gap:12px;overflow:hidden;padding:6px 2px;}
.azytv-skeleton span{
  display:block;
  width:260px;
  height:146px;
  border-radius:14px;
  background:linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.12), rgba(0,0,0,.06));
  background-size:200% 100%;
  animation:azytvShimmer 1.2s infinite;
}
@keyframes azytvShimmer{
  0%{background-position:200% 0;}
  100%{background-position:-200% 0;}
}

.azytv-popup{display:none;}
.azytv-popup.azytv-open{
  display:block;
  position:fixed;
  inset:0;
  z-index:999999;
}
.azytv-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.75);
}
.azytv-popup-content{
  position:relative;
  max-width:980px;
  width:calc(100% - 24px);
  margin:40px auto;
  z-index:1;
}
.azytv-frame-wrap{
  position:relative;
  padding-top:56.25%;
  background:#000;
  border-radius:14px;
  overflow:hidden;
}
#azytv-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.azytv-close{
  position:absolute;
  top:-18px;
  right:-2px;
  width:40px;
  height:40px;
  border-radius:999px;
  border:0;
  background:#111;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}