/* Grid */
.home .site-main{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);margin:20px 0;}
.separate-containers .inside-article{padding: 0;}
@media (min-width:600px){.home .site-main{grid-template-columns:repeat(2,1fr);}}
@media (min-width:960px){.home .site-main{grid-template-columns:repeat(3,1fr);}}

/* Cards */
.home .home-article-wrapper{
  background:var(--base-2);
  border:1px solid var(--line);
  border-radius:8px;
  padding:5px;
  box-shadow:0 2px 4px rgba(0,0,0,.05);
  transition:transform .3s ease, box-shadow .3s ease;
  margin:5px 0;
}
.home .home-article-wrapper:hover{
  transform:translateY(-6px);
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.site-content .content-area {padding: 0 10px;}
/* widget */
.content-before {margin: 20px 0;}

/* Titles inside card */
.home-article-wrapper .entry-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  margin:0;
  word-break:break-word;
  background:var(--home-text-title);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 1px rgba(0,0,0,.1);
  transition:transform .3s ease,opacity .3s ease;
  text-align: center;
}
.home-article-wrapper .entry-title a{text-decoration:none;color:inherit;}
.home-article-wrapper .entry-title:hover{transform:translateY(-2px);opacity:.95;}
@media (min-width:600px){.home-article-wrapper .entry-title{font-size:1.05rem;}}
@media (min-width:960px){.home-article-wrapper .entry-title{font-size:1rem;}}

/* Slider */
.slider-title{
  font-size:clamp(1.5rem,2vw + 1rem,2rem);
  font-weight:700;
  color:#e91e63;
  text-align:center;
  text-transform:uppercase;
  margin:1.5rem 0;
  position:relative;
  display:inline-block;
  width:100%;
}
.slider-title::after{
  content:"";
  display:block;
  width:60px;height:4px;
  margin:8px auto 0;
  background:#e91e63;border-radius:2px;
  transition:width .3s;
}
.slider-title:hover::after{width:90px;}
@media (max-width:480px){
  .slider-title{font-size:1.3rem;}
  .slider-title::after{width:40px;}
}

.featured-series-slider-wrapper{margin-bottom:.25rem;position:relative;}
.custom-slider-container{display:flex;align-items:center;position:relative;}
.custom-slider{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:10px;scroll-behavior:smooth;
  background:transparent;
}
.custom-slider::-webkit-scrollbar{display:none;}
.slider-item{flex:0 0 auto;width:240px;scroll-snap-align:start;}

.slider-series-card{display:block;position:relative;color:inherit;text-align:center;text-decoration:none;}
.slider-series-card img{
  width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;object-fit:cover;
  background:var(--base-3);
}

/* Slider badges */
.slider-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;font-size:.75rem;}
.slider-status-badge{padding:3px 6px;border-radius:5px;font-weight:600;color:#fff;}
.slider-status-badge.completed{background:#dc2626;}
.slider-status-badge.ongoing{background:#16a34a;}
.slider-ep-badge{
  background-image:linear-gradient(90deg,#e5330b 0,#ff670b 51%,#d9a666);
  color:#fff;padding:3px 6px;border-radius:5px;
}

.slider-series-title{
  font-size:1rem;font-weight:600;
  color:color-mix(in srgb, var(--brand) 35%, #c300f1 65%);
  margin-top:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}

/* Slider nav */
.slider-nav{
  background:var(--brand);
  border:1px solid var(--brand);
  color:#fff;
  padding:10px;
  cursor:pointer;
  border-radius:50%;
  position:absolute;
  transform:translateY(-50%);
  z-index:10;
  transition:background .3s, transform .2s, border-color .2s;
  display:flex;align-items:center;justify-content:center;
}
.slider-nav:hover{background:color-mix(in srgb, var(--brand) 85%, #000 15%);transform:translateY(-50%) scale(1.05);}
.slider-nav.prev{left:10px;}
.slider-nav.next{right:10px;}
.slider-nav-icon{width:24px;height:24px;}

/* Section bars */
.section-heading-wrapper,
.latest-release-header,
.completed-header{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  background:var(--base-3);margin-bottom:15px;
}

.latest-release-title,
.completed-header .widget-title{
  font-size:clamp(1.5rem,2.5vw + .5rem,2rem);
  font-weight:800;display:inline-flex;align-items:center;gap:10px;
  text-transform:uppercase;position:relative;padding-bottom:8px;line-height:1.2;
  flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:0!important;
}

.latest-release-title{color:#3f51b5;}
.completed-header .widget-title{color:#2ab720;margin-left:0;}

.latest-release-title::after,
.completed-header .widget-title::after{
  content:"";position:absolute;bottom:0;left:50%;width:90px;height:4px;
  background:currentColor;border-radius:2px;transform:translateX(-50%);transition:width .3s;
}
.latest-release-title:hover::after,
.completed-header .widget-title:hover::after{width:150px;}

.section-title.latest-release-title{display:flex;align-items:center;gap:8px; color: #0582ef}
.section-title.latest-release-title::before{content:"📺";font-size:1.25em;line-height:1;}

@media (max-width:480px){
  .latest-release-title{gap:6px;font-size:1.3rem;}
  .latest-release-title::after{width:50px;}
}

/* Minor tweaks */
.completed-header .view-all-link:hover{filter:brightness(.92);}
.completed-header > .widget-title{border:0!important;padding-left:0!important;}
.completed-header > .widget-title::before{content:none!important;}

/* ep feature img */
.post-thumbnail-wrapper{position:relative; display:block}
.post-thumbnail-wrapper .ep-badge{
position:absolute; top:5px; right:5px;
padding:4px 12px 4px 10px;
color:var(--ep-badge-text);
font-size:12px; font-weight:800; letter-spacing:.2px; line-height:1;
border-radius:999px;
background:linear-gradient(135deg,var(--ep-badge-bg1),var(--ep-badge-bg2));
box-shadow:0 8px 18px rgba(0,0,0,.25);
backdrop-filter:saturate(140%) blur(2px);
-webkit-font-smoothing:antialiased;
z-index:6; pointer-events:none; user-select:none;
transform:translateZ(0);
border:1px solid rgba(255,255,255,.18);
}
.post-thumbnail-wrapper .play-button{z-index:2}