.idel-youtube-channel{
  position:relative;
  overflow:hidden;
  border-radius:var(--idel-youtube-radius,24px);
  background:var(--idel-youtube-panel-bg,#121212);
  color:#fff;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  /* Hero banner slider pagination değişkenleri */
  --idel-banner-dot-size:10px;
  --idel-banner-dot-gap:8px;
  --idel-slider-dot-size:var(--idel-banner-dot-size,10px);
  --idel-slider-dots-gap:var(--idel-banner-dot-gap,8px);
  --idel-banner-pagination-dot-wrap:24px;
  --idel-banner-dot-inactive-bg:var(--idel-banner-dot-bg,#808080);
  --idel-slider-dot-track-bg:var(--idel-banner-dot-inactive-bg,#808080);
  --idel-slider-dot-fill:var(--idel-banner-dot-active-fg,var(--idel-banner-dot-active-bg,#fff));
  --idel-slider-dot-active-color:var(--idel-banner-dot-active-fg,var(--idel-banner-dot-active-bg,#fff));
  --idel-slider-dot-hover-track:var(--idel-banner-dot-hover-bg,rgba(255,255,255,.48))
}
.idel-youtube-channel .idel-youtube-channel__hero{
  position:relative;
  min-height:var(--idel-youtube-header-height,260px);
  padding:var(--idel-youtube-header-padding,28px 32px 26px);
  display:flex;
  align-items:flex-end;
  overflow:hidden
}
.idel-youtube-channel .idel-youtube-channel__hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--idel-youtube-cover-image,linear-gradient(135deg,#453123 0%,#17141f 58%,#08070c 100%));
  background-size:cover;
  background-position:top center;
  transform:scale(1.02)
}
.idel-youtube-channel .idel-youtube-channel__hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.18) 38%,
    var(--idel-youtube-panel-bg,#121212) 100%
  )
}
@supports (color:color-mix(in srgb,white,black)){
  .idel-youtube-channel .idel-youtube-channel__hero::after{
    background:linear-gradient(
      180deg,
      color-mix(in srgb,var(--idel-youtube-panel-bg,#121212) 8%,transparent) 0%,
      color-mix(in srgb,var(--idel-youtube-panel-bg,#121212) 28%,transparent) 38%,
      color-mix(in srgb,var(--idel-youtube-panel-bg,#121212) 70%,transparent) 72%,
      var(--idel-youtube-panel-bg,#121212) 100%
    )
  }
}
.idel-youtube-channel .idel-youtube-channel__summary{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center
}
.idel-youtube-channel .idel-youtube-channel__identity{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px
}
.idel-youtube-channel .idel-youtube-channel__logo{
  display:none;
  width:74px;
  height:74px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  background:rgba(255,255,255,.16)
}
.idel-youtube-channel .idel-youtube-channel__logo-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.idel-youtube-channel .idel-youtube-channel__heading{
  min-width:0;
  text-align:center
}
.idel-youtube-channel .idel-youtube-channel__title{
  margin:0;
  color:var(--idel-youtube-title-color,#fff);
  font-size:var(--idel-youtube-title-size,clamp(1.6rem,2.2vw,2.18rem));
  line-height:1.12;
  font-weight:var(--idel-youtube-title-weight,700)
}
.idel-youtube-channel .idel-youtube-channel__stats{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--idel-youtube-stats-color,rgba(255,255,255,.78));
  font-size:var(--idel-youtube-stats-size,1rem);
  font-weight:var(--idel-youtube-stats-weight,400);
  line-height:1.35
}
.idel-youtube-channel .idel-youtube-channel__stat-sep{
  opacity:.7
}
.idel-youtube-channel .idel-youtube-channel__subscribe{
  flex:0 0 auto;
  display:inline-flex;
  align-items:stretch;
  text-decoration:none;
  overflow:hidden;
  border-radius:4px;
  box-shadow:0 8px 18px rgba(0,0,0,.16)
}
.idel-youtube-channel .idel-youtube-channel__subscribe-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  line-height:1;
  padding:var(--idel-youtube-subscribe-padding-top,14px) 18px var(--idel-youtube-subscribe-padding-bottom,14px);
  background:#ed2224;
  color:var(--idel-youtube-subscribe-label-color,#fff);
  font-weight:var(--idel-youtube-subscribe-label-weight,700);
  font-size:var(--idel-youtube-subscribe-label-size,1rem)
}
.idel-youtube-channel .idel-youtube-channel__subscribe-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  line-height:1;
  padding:var(--idel-youtube-subscribe-padding-top,14px) 16px var(--idel-youtube-subscribe-padding-bottom,14px);
  background:#fff;
  color:var(--idel-youtube-subscribe-count-color,#6d7178);
  font-weight:var(--idel-youtube-subscribe-count-weight,500);
  font-size:var(--idel-youtube-subscribe-count-size,1rem)
}
.idel-youtube-channel .idel-youtube-channel__body{
  position:relative;
  padding:26px 24px 28px;
  background:var(--idel-youtube-panel-bg,#121212)
}
.idel-youtube-channel .idel-slider-viewport{
  padding:0 0 6px;
  overflow:hidden
}
.idel-youtube-channel .idel-slider-track{
  align-items:stretch
}
.idel-youtube-channel .idel-slider-item{
  display:flex
}
.idel-youtube-channel .idel-slider-item-inner{
  width:100%;
  display:flex;
  flex-direction:column;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  overflow:visible
}
.idel-youtube-channel .idel-youtube-channel__thumb{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:var(--idel-youtube-card-radius,18px);
  background:#0c1016;
  box-shadow:0 2px 4px rgba(0,0,0,.18)
}
.idel-youtube-channel .idel-youtube-channel__thumb img,
.idel-youtube-channel .idel-youtube-channel__thumb-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
  transition:transform .28s ease,filter .28s ease
}
.idel-youtube-channel .idel-youtube-channel__thumb:hover img,
.idel-youtube-channel .idel-youtube-channel__thumb:focus-visible img{
  transform:scale(1.03);
  filter:saturate(1.08)
}
.idel-youtube-channel .idel-youtube-channel__thumb-fallback{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#273447,#131922)
}
.idel-youtube-channel .idel-youtube-channel__play{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.42);
  backdrop-filter:blur(8px) saturate(130%);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  color:#fff;
  pointer-events:none;
  transition:background-color .22s ease,color .22s ease,transform .22s ease
}
.idel-youtube-channel .idel-youtube-channel__play::before{
  content:"";
  display:block;
  width:0;
  height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:13px solid currentColor;
  margin-left:3px
}
.idel-youtube-channel .idel-youtube-channel__thumb:hover .idel-youtube-channel__play,
.idel-youtube-channel .idel-youtube-channel__thumb:focus-visible .idel-youtube-channel__play{
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.16));
  transform:translate(-50%,-50%) scale(1.04)
}
.idel-youtube-channel .idel-youtube-channel__duration{
  position:absolute;
  right:10px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  min-height:36px;
  padding:0 10px;
  border-radius:4px;
  background:rgba(5,16,35,.82);
  color:var(--idel-youtube-duration-color,#fff);
  font-weight:var(--idel-youtube-duration-weight,500);
  font-size:var(--idel-youtube-duration-size,1rem);
  line-height:1
}
/* Pagination: ortak görünüm 03-gallery.css; koyu panelde odak + üst boşluk */
.idel-youtube-channel .idel-slider-dots .idel-slider-dot:focus-visible{
  outline:2px solid rgba(255,255,255,.85);
  outline-offset:3px;
  border-radius:999px
}
.idel-youtube-channel.idel-gallery-slider.idel-gallery-slider--dots-outside .idel-slider-dots{
  margin-top:20px;
  max-width:100%
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-nav{
  display:none!important;
  align-items:center;
  justify-content:center;
  padding:0;
  color:transparent;
  font-size:0;
  line-height:1;
  z-index:12!important;
  width:70px!important;
  height:70px!important;
  background:rgba(0,0,0,.5)!important;
  backdrop-filter:blur(8px) saturate(130%);
  border:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-nav::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  border-top:2.5px solid #fff;
  border-right:2.5px solid #fff
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-prev::before{
  transform:translate(-35%,-50%) rotate(-135deg)
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-next::before{
  transform:translate(-65%,-50%) rotate(45deg)
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-prev{
  left:-15px!important
}
.idel-youtube-channel .idel-youtube-channel__body > .idel-slider-next{
  right:-15px!important
}
.idel-youtube-channel .idel-youtube-channel__card-body{
  padding:14px 0 2px
}
.idel-youtube-channel .idel-youtube-channel__video-title{
  margin:0 0 10px;
  color:var(--idel-youtube-video-title-color,var(--idel-youtube-title-color,#fff));
  font-size:var(--idel-youtube-video-title-size,1.08rem);
  line-height:1.35;
  font-weight:var(--idel-youtube-video-title-weight,700);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.idel-youtube-channel .idel-youtube-channel__video-date{
  margin:0 0 8px;
  color:var(--idel-youtube-date-color,#d7dbe1);
  font-size:var(--idel-youtube-date-size,.97rem);
  font-weight:var(--idel-youtube-date-weight,400);
  line-height:1.35
}
.idel-youtube-channel .idel-youtube-channel__video-excerpt{
  color:var(--idel-youtube-description-color,rgba(255,255,255,.74));
  font-size:var(--idel-youtube-description-size,.98rem);
  font-weight:var(--idel-youtube-description-weight,400);
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.idel-youtube-channel .idel-youtube-channel__video-meta{
  margin-top:12px;
  color:var(--idel-youtube-meta-color,rgba(255,255,255,.68));
  font-size:var(--idel-youtube-meta-size,.92rem);
  font-weight:var(--idel-youtube-meta-weight,400);
  line-height:1.45
}
@media (max-width:767px){
  .idel-youtube-channel{
    border-radius:22px
  }
  .idel-youtube-channel .idel-youtube-channel__hero{
    align-items:center
  }
  .idel-youtube-channel .idel-youtube-channel__hero::before{
    filter:blur(10px);
    transform:scale(1.12)
  }
  .idel-youtube-channel .idel-youtube-channel__hero::after{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.06) 0%,
      rgba(0,0,0,.10) 36%,
      var(--idel-youtube-panel-bg,#2d4358) 100%
    )
  }
  @supports (color:color-mix(in srgb,white,black)){
    .idel-youtube-channel .idel-youtube-channel__hero::after{
      background:linear-gradient(
        180deg,
        color-mix(in srgb,var(--idel-youtube-panel-bg,#2d4358) 10%,transparent) 0%,
        color-mix(in srgb,var(--idel-youtube-panel-bg,#2d4358) 24%,transparent) 36%,
        color-mix(in srgb,var(--idel-youtube-panel-bg,#2d4358) 68%,transparent) 72%,
        var(--idel-youtube-panel-bg,#2d4358) 100%
      )
    }
  }
  .idel-youtube-channel .idel-youtube-channel__summary,
  .idel-youtube-channel .idel-youtube-channel__identity{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center
  }
  .idel-youtube-channel .idel-youtube-channel__summary{
    gap:18px
  }
  .idel-youtube-channel .idel-youtube-channel__logo{
    display:block;
    width:110px;
    height:110px
  }
  .idel-youtube-channel .idel-youtube-channel__title{
    font-size:clamp(2rem,8vw,2.55rem)
  }
  .idel-youtube-channel .idel-youtube-channel__stats{
    justify-content:center;
    font-size:1.02rem
  }
  .idel-youtube-channel .idel-youtube-channel__body{
    padding:22px 18px 26px
  }
  .idel-youtube-channel .idel-youtube-channel__thumb{
    border-radius:max(var(--idel-youtube-card-radius,18px),18px)
  }
  .idel-youtube-channel .idel-youtube-channel__play{
    width:58px;
    height:58px
  }
  .idel-youtube-channel .idel-youtube-channel__duration{
    min-height:34px;
    font-size:.95rem
  }
}
