/* ===== Grid ===== */
.home .site-main{display:grid;grid-template-columns:repeat(2,1fr);margin:20px 0}
.separate-containers .inside-article{padding:0}
@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}

/* ===== 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:800;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:1rem}.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){.completed-header > .widget-title,.latest-release-title{gap:6px;font-size:1rem}.view-all-link{font-size:.6rem}.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}

/* ===== Episode feature image ===== */
.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}