/*!
Theme Name: SeriToday SPOTLIGHT
Theme URI: https://serietoday.com/
Author: SeriToday Project
Author URI: https://serietoday.com/
Description: ธีม WordPress สำหรับ SeriToday Role SPOTLIGHT เน้นจุดเด่นของเรื่อง แนวหลัก เรื่องย่อ ข้อมูลก่อนรับชม และตอนล่าสุด โดยสืบทอดระบบ Series234 MASTER v0.1.9 ที่ผ่านการทดสอบแล้ว
Version: 0.1.0
Tested up to: 7.1
Requires at least: 6.0
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seritoday-spotlight
Tags: series, spotlight, editorial, desktop, dark-mode, custom-logo, featured-images, translation-ready
*/
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
.sidebar-social .widget.widget_wpcategorieswidget,
button,
hr,
input {
    overflow: visible
}

progress,
sub,
sup {
    vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
    padding: 0;
    box-sizing: border-box
}

.page,
.post,
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation,
address,
table {
    margin: 0 0 1.5em
}

table,
textarea {
    width: 100%
}

.gallery-item,
.img-h1,
.main-navigation ul,
.menu-menu-1-container,
.movie_box p,
.site-branding h1,
.site-header__title,
.site-branding ul,
.text-center,
.wp-caption-text,
section.error-404.not-found p,
span.coming,
span.movie-lang {
    text-align: center
}

.informs-movie,
.widget select,
.wp-caption,
embed,
iframe,
img,
legend,
object,
pre {
    max-width: 100%
}

.sidebar-filter select,
input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    --maxWidth: 1600px;

    /* YimAnime design system tokens — values preserve the v1.5.0 desktop geometry. */
    --container-wide: 1440px;
    --container-main: 1220px;
    --container-inner: 1216px;
    --container-footer: 1200px;
    --container-responsive: 1160px;
    --page-padding: 16px;
    --page-padding-compact: 10px;
    --layout-sidebar: 204px;
    --layout-sidebar-home: 202px;
    --layout-content: 847px;
    --layout-content-home: 1006px;
    --grid-gap: 8px;
    --grid-gap-home: 15px;
    --movie-grid-gap: 10px;
    --breakpoint-mobile: 600px;
    --breakpoint-tablet: 900px;
    --breakpoint-desktop: 1200px;

    /* Color system. Dark values intentionally match the legacy theme. */
    --color-page-start: #090812;
    --color-page-mid: #111520;
    --color-page-end: #07090e;
    --color-surface: #181818;
    --color-surface-raised: #1f1f1f;
    --color-surface-hover: #212120;
    --color-card: #3b3d45;
    --color-chip: #3b3b3b;
    --color-player: #1b1b21;
    --color-nav: #111;
    --color-text: #d4d4d4;
    --color-text-strong: #fff;
    --color-text-muted: #999;
    --color-border: #303030;
    --color-border-subtle: #1d1d1d;
    --color-border-strong: #424040;
    --color-player-border: #171717;
    --color-accent: #ffc000;
    --color-input-bg: #f5f5f5;
    --color-input-text: #222;
    --color-input-border: #403736;
    --color-overlay: rgba(0, 0, 0, .42);
    --gap: 3rem;
    scrollbar-color: #666 #201c29;
    color: #fff;
    --featured-img: linear-gradient(180deg,#fff,#262626);
    --bg-blend-mode: overlay;
    background-position: top 0px center;
    background-repeat: inherit;
}

body {
    margin: 0 0 1.5em;
    background-image: linear-gradient(to bottom,#090812,#111520 100vh,#07090e 200vh);
}

.ad .adcen,
.bypostauthor,
.gallery-caption,
.infinity-end.neverending .site-footer,
.main-navigation.toggled ul,
.menu-toggle,
.show,
.sticky,
details,
main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

a {
    background-color: transparent;
    color: #d4d4d4;
    text-decoration: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-family: kanit;
    font-weight: unset
}

code,
kbd,
samp {
    font-family: monospace, monospace
}

.main-navigation a,
.site-branding h1,
.site-header__title,
.slider-detail h3,
p,
span.slide-hd,
span.slide-zoom {
    font-family: kanit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto
}

pre,
textarea {
    overflow: auto
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.ad .adlf .close-ad,
.ad .adrg .close-ad,
.archive-description,
.banner-top h2,
.d-hide,
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer,
.show-ss,
.updated:not(.published),
.widgettitle-banner,
[hidden],
div#histats_counter,
section#tag_cloud-3 .widgettitle,
span.hidden,
template {
    display: none
}

*,
:after,
:before {
    box-sizing: inherit
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #d4d4d4;
    font-family: kanit;
    font-size: 1rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

p {
    margin: 0
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

pre {
    background: #eee;
    font-family: "courier 10 pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, andale mono, dejavu sans mono, monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

ol,
ul {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

a.page-numbers:hover,
a:active,
a:focus,
a:hover {
    color: #ffc000
}

#primary[tabindex="-1"]:focus,
a:active,
a:hover {
    outline: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
    left: auto
}

.button-comment,
.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.aligncenter,
.alignleft,
.alignright {
    margin-bottom: 1.5em
}

.main-navigation a,
.movie_box,
.playing-movie,
.show-movie,
.slider {
    position: relative
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    float: left;
    margin-right: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#page,
.carousel.slide,
.site-footer,
.site-header {
    width: var(--container-main)
}

.home #page,
.home .carousel.slide,
.home .site-footer,
.home .site-header {
    width: var(--container-wide)
}

.another_result,
.content-news .img img,
.grid-news .img img,
.other-news .img img,
.site-branding,
footer#colophon {
    width: 100%
}

@media screen and (min-width:1200px) {

    #page,
    .carousel.slide,
    .site-footer,
    .site-header,
    .site-main {
        width: 100% !important
    }
}

.header-info {
    width: var(--container-inner);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 25% 60% 15%;
    align-items: center;
    padding: 10px 0 25px
}

.slider .row,
span.slide-sound {
    align-items: center
}

.site-branding ul {
    margin: 0;
    padding: 0
}

.ads-review li,
.banner-f-left-1 li,
.banner-f-left-2 li,
.banner-f-right-1 li,
.banner-f-right-2 li,
.banner-float li,
.banner-left li,
.banner-player li,
.banner-right li,
.banner_cen li,
.banner_left li,
.banner_right li,
.bottom-center li,
.header-info li,
.sidebar-banner-left,
.sidebar-banner-right {
    list-style: none
}

.site-branding h1,
.site-header__title {
    color: #ffc000;
    font-size: 18px
}

.main-navigation {
    display: block;
    width: 100%;
    position: relative;
    border-top: 1px solid #424040;
    z-index: 2;
    padding: 0 var(--gap);
    --fleck-seed: 35458;
    --fleck-count: 500;
    --fleck-size-base: 1px;
    --fleck-color-1: #262626;
    background-color: #111;
    background-image: paint(fleck);
}

.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.menu-menu-1-container {
    width: 100%
}

.main-navigation li {
    position: relative;
    display: inline-flex;
    padding: 0 2%
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 20px 0;
    color: #999
}

.main-navigation a:before {
    content: "";
    position: absolute;
    height: 5px;
    left: 20%;
    right: 20%;
    bottom: 12px;
    border-radius: 15px;
    background-color: #ffc000;
    visibility: hidden
}

.figure-box span.movie-hd,
.figure-box span.movie-zoom {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #000000cc
}

.main-navigation .current-menu-item a,
.main-navigation a:hover,
.sequel-movies li.seq-movies:hover a,
section.no-results.not-found h1 {
    color: #fff
}

.main-navigation .current-menu-item a:before,
.main-navigation a:hover:before {
    visibility: visible
}

#box-owl {
    min-height: 500px
}

.carousel-item {
    transition: 1s !important
}

.slider {
    background-size: cover !important;
    background-position: center !important;
    display: grid;
    height: 600px
}

.detail-1,
.slider .row {
    display: flex
}

.slider .row {
    margin-left: 8%
}

.slider-detail {
    width: 40%
}

.slider-detail h3 {
    font-size: 48px;
    margin-bottom: 10px
}

.sep {
    margin: 0 10px
}

.cates,
.detail-1 {
    margin-bottom: 15px
}

.blog2-titlemov h4,
.detail-1 a,
.detail-1 span {
    font-size: 18px;
    color: #fff
}

span.slide-4k,
span.slide-hd,
span.slide-zoom {
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 15px;
    margin-right: 20px;
    line-height: 1;
    display: inline-block
}

.detail-1 a:hover {
    color: #00eb79
}

.cates {
    width: 70%
}

span.slide-hd {
    background: linear-gradient(to right, #a82060, #8d34b7)
}

span.slide-zoom {
    background: linear-gradient(to right, #0dae5b, #68e042)
}

span.slide-4k {
    font-family: kanit;
    background: linear-gradient(to right, #2e36ce, #36a1f3)
}

.btn-slide a,
span.slide-sound {
    display: inline-flex;
    font-family: kanit
}

.movie-time i,
span.movies-lang i,
span.slide-sound i {
    margin-right: 5px
}

.btn-slide {
    margin-top: 40px
}

.btn-slide i {
    font-size: 18px;
    margin-right: 15px
}

.btn-slide a {
    background: linear-gradient(to right, #ffc000, #ffc000);
    padding: 5px 35px;
    font-size: 24px;
    color: #201f1f;
    border-radius: 27px;
    align-items: center
}

.btn-slide a img {
    margin-right: 10px
}

#site-title,
#site-title a,
.entry-title,
.entry-title a,
.site-title,
.site-title a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.width-auto,
section.width-main {
    width: var(--container-inner);
    margin: 0 auto
}

.grid-main {
    display: grid;
    grid-template-columns: var(--layout-sidebar) var(--layout-content) var(--layout-sidebar);
    grid-gap: 4px;
    margin-top: 20px;
    justify-content: center
}

.title-box-movie {
    overflow: unset
}

.img-h1 {
    width: 5%;
    float: left;
    padding: 9px 0 4px;
    background: linear-gradient(to top, #6858ef, #5a62e9, #4370d5);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.h1-text h1,
.h1-text h2,
.h1-text h4 {
    display: block;
    border-radius: 10px;
    background: #181818;
    padding: 7px 0;
    margin: 0 0 10px;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.idx-st-content {
    font-size: 14px;
    margin: 45px 0 20px;
    border-radius: 10px
}

.main-movie {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 30px
}

.grid-movie {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(4, 189px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 8px;
    margin-bottom: 15px
}

.movie_box {
    overflow: hidden;
    margin-bottom: 15px
}

.movie_box a {
    background: #3b3d45;
    text-decoration: none
}

span.movie-lang {
    font-family: kanit;
    font-size: 14px;
    line-height: 1;
    color: #c0bbbb;
    background: #3b3b3b;
    margin: 0 auto;
    padding: 3px 10px;
    border-radius: 6px;
    display: table
}

.movie_box p {
    font-size: 14px;
    font-family: kanit;
    color: #fff;
    margin: 10px 5px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.figure-box span.movie-coming,
span.coming {
    font-size: 14px;
    display: table-cell;
    align-items: center
}

span.coming {
    position: absolute;
    top: 40%;
    width: 100%;
    background: #ffc917cc;
    text-shadow: 1px 2px 5px #2c2a29;
    color: #e9e9e8;
    z-index: 1
}

.movie_box:hover span.movie-lang {
    color: #ffc000;
    background: #292627
}

.movie_box a img {
    vertical-align: middle;
    width: 100%;
    border: 1px solid #131313
}

.movie-description .thumb-img img,
.movie_box img {
    border-radius: 10px
}

.figure-box span.movie-hd {
    border-radius: 6px;
    padding: 5px;
    font-size: 14px;
    font-family: kanit;
    line-height: 1;
    color: #f0f
}

.figure-box span.movie-zoom {
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 14px;
    font-family: kanit;
    line-height: 1;
    color: #fac346
}

.figure-box span.movie-4k,
.figure-box span.movie-end,
.figure-box span.movie-onair,
.figure-box span.movie-series,
.figure-box span.movie-ultrahd {
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 10px;
    background: #000000cc;
    padding: 5px 10px;
    font-size: 14px;
    font-family: kanit;
    line-height: 1;
    color: #0ff
}

.figure-box span.movie-coming,
span.coming-playing {
    position: absolute;
    width: 100%;
    text-shadow: 1px 2px 5px #2c2a29;
    color: #e9e9e8;
    text-align: center;
    z-index: 1
}

.figure-box span.movie-coming {
    top: 30%;
    background: rgb(255, 201, 23, 80%);
    border-radius: 0
}

.figure-box span.info2-2,
.movie-corner {
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #222
}

.playing-movie {
    margin: 4px 0
}

.show-movie {
    background: #1b1b21;
    margin: 10px 0;
    display: grid;
    align-items: center;
    overflow: hidden;
    height: 600px
}

span.coming-playing {
    font-size: 62px;
    align-items: center
}

.h1-text h3,
.title-sequel {
    font-size: 24px;
    font-family: kanit
}

.h1-text h3 {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #1d1d1d;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.index-news h3 img {
    margin-right: 15px;
    filter: grayscale(100%) sepia(100%) hue-rotate(341deg) saturate(500%) brightness(80%)
}

.grid-news {
    display: grid;
    grid-template-columns: repeat(4, 292px);
    grid-gap: 16px;
    margin-bottom: 100px
}

.banner-float-top li,
.ifreme-player,
.news-box {
    position: relative
}

.content-news .img,
.grid-news .img {
    height: 165px;
    overflow: hidden
}

.news-date span {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px;
    line-height: 1;
    font-family: kanit;
    color: #1c1b1b;
    background: #ffc000;
    border-radius: 10px;
    padding: 5px 10px
}

.news-box h4 {
    margin: 10px 0;
    font-family: kanit
}

.informs-movie {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 25px
}

.info-blog .detail-movie {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center
}

span.movie-hd {
    background: #0d0d0c;
    color: #f0f;
    padding: 0 10px;
    border-radius: 6px
}

span.movie-4k,
span.movie-zoom {
    background: #0d0d0c;
    padding: 5px 13px;
    border-radius: 17px
}

span.movie-zoom {
    color: #fac346
}

span.movie-4k {
    color: #0ff
}

.movie-description {
    margin: 14px 0;
    display: grid;
    grid-template-columns: 147px 695px;
    grid-gap: 5px
}

.movie-excerpt.temp-ep {
    padding: 20px 15px;
    border-radius: 5px;
    background: #212120
}

.movie-excerpt h4,
.widget_wpcategorieswidget ul li span {
    font-family: kanit
}

.movie-excerpt a {
    color: #d4d4d4
}
.movie-tags {
    margin-top: 1rem;
}
.movie-tags a {
    display: inline-flex;
    margin: 0 5px 5px 0;
    padding: 3px 20px;
    background: #212120;
    border-radius: 6px;
    font-size: 14px;
    font-family: kanit;
    color: #999
}

.movie-tags a:hover {
    color: #212121;
    background: #ffc000
}

.rating-content {
    margin: 0;
    display: block
}

.rating-content .a {
    float: left;
    width: 45px
}

.rating-content .a span {
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    height: 39px;
    line-height: 40px;
    text-align: center;
    width: 45px;
    display: inline-block;
    vertical-align: top
}

.rating-content .b {
    float: left;
    width: calc(100% - 40px);
}

.movie-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.info-ratings-stars {
    font-size: 12px;
    margin: 5px 0 0
}
.stars-score {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    margin: 10px
}

.rating-content .bar {
    margin-bottom: 7px;
    overflow: hidden;
    width: 130px;
    font-size: 0;
    height: 13px;
    background: url(./images/star-rating-sprite.png);
}

.rating-content .bar span {
    float: left;
    display: block;
    height: 13px;
    background: url(./images/star-rating-sprite.png) 0 -13px;
}

.sequel-movies,
section.no-results.not-found {
    margin-bottom: 30px
}

.sequel-movies ul {
    padding-inline-start: 0;
    list-style: none;
    margin: 0 0 10px;
    overflow: hidden
}

.sequel-movies ul li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.sequel-movies ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.sequel-movies ul li:hover,
.widget_wpcategorieswidget li:hover {
    background: #212120
}

.title-sequel {
    display: flex;
    align-items: center;
    padding: 0
}

.title-sequel img {
    margin-right: 15px
}

.sequel-movies li.bold,
.sequel-movies li.seq-movies {
    display: grid;
    grid-template-columns: 75% 10% 15%;
    background: #181818
}

.sequel-movies li.seq-movies:hover span.play-seq img,
.sequel-movies li.seq-movies:hover span.sequel-res-4k,
.sequel-movies li.seq-movies:hover span.sequel-res-hd,
.sequel-movies li.seq-movies:hover span.sequel-res-zoom {
    display: unset
}

li.seq-series {
    width: 33%;
    float: left
}

li.seq-series a {
    display: inline-block;
    font-size: 14px;
    background: #1b1b21;
    padding: 8px 0;
    margin: 5px;
    border-radius: 5px;
    min-width: 250px;
    text-align: center
}

.arw-title-news,
.result-star img,
span.sequel-star img {
    margin-bottom: -1px
}

.sequel-star {
    color: #f5c518
}

.sequel-movies h4 {
    font-size: 22px
}

.sequel-movies a,
.sequel-movies span {
    font-size: 14px;
    font-family: kanit;
    padding: 15px 20px;
    color: #999;
    line-height: 1.9
}

.div-seq-star,
span.seq-years,
span.seq-years a {
    padding: 15px 0
}

.div-seq-star {
    text-align: center
}

span.sequel-star {
    padding: 5px 15px;
    background: #000;
    color: #f2b000;
    border-radius: 10px
}

span.play-seq {
    padding: 0
}

span.sequel-res-4k,
span.sequel-res-hd,
span.sequel-res-zoom {
    padding: 5px 15px;
    margin-left: 15px;
    font-size: 12px;
    display: none;
    background: #000;
    border-radius: 10px
}

span.play-seq img {
    margin-bottom: -2px;
    margin-right: 5px;
    display: none
}

span.sequel-res-hd {
    color: #f0f
}

span.sequel-res-zoom {
    color: #fac346
}

span.sequel-res-4k {
    color: #0ff
}

.rw-cates a,
.rw-date span {
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 15px
}

.content-news .box-rw {
    display: grid;
    grid-template-columns: 295px 462px;
    grid-gap: 25px;
    margin-bottom: 25px
}

.content-news .tw-title,
.rw-cates {
    margin-top: 10px
}

.content-news .tw-title a {
    font-size: 18px;
    font-family: kanit
}

.arw-title-news {
    margin-left: 5px
}

img.arw-title-news {
    filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(500%) brightness(80%)
}

.rw-date span {
    color: #999;
    background: #000
}

.ct-news iframe {
    width: 100%;
    height: 440px
}

.rw-cates a {
    color: #1c1b1b;
    background: #ffc000;
    font-family: kanit;
    margin: 0 5px 5px 0
}

.tagcloud,
.widget_wpcategorieswidget>ul {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

.ct-news {
    color: #d4d4d4;
    margin-top: 25px
}

.content-reviews {
    border-radius: 10px;
    overflow: hidden;
    background: #181818;
    padding: 20px
}

.content-reviews .rw-cates {
    padding: 20px 0 30px;
    margin: 0
}

.other-news {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-column-gap: 13px;
    margin: 15px 0
}

.other-news .img {
    height: 145px;
    overflow: hidden
}

.banner-player .btn-register,
.banner-player .close-banner {
    height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer
}

.widget {
    margin: 0 !important
}

.banner_cen img {
    display: flex !important
}

.banner_cen li {
    margin-bottom: 4px !important
}

.banner_cen li a {
    display: flex;
    margin-bottom: 4px
}

.banner_left li,
.banner_right li {
    display: flex;
    margin-bottom: 4px !important
}

.banner-float {
    z-index: 1
}

.banner_left_top {
    position: fixed;
    top: 13%;
    left: 15px;
    list-style: none
}

.banner_left_bottom {
    position: fixed;
    top: 56%;
    left: 15px;
    list-style: none
}

.banner-float-bottom,
.banner-float-top {
    position: fixed;
    left: 50%;
    width: 960px;
    height: 150px;
    text-align: center;
    list-style: none
}

.banner_right_top {
    position: fixed;
    top: 13%;
    right: 15px;
    list-style: none
}

.banner_right_bottom {
    position: fixed;
    top: 56%;
    right: 15px;
    list-style: none
}

.banner-float-top {
    bottom: 160px;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.banner-float-bottom {
    bottom: 0;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.player-promo-box,
.player-promo-box .terminate-banner {
    transform: translateX(-50%);
    left: 50%;
    position: absolute
}

.close-banner {
    color: #fff;
    background: #f7b40d;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    font-size: 31px;
    line-height: .75;
    text-align: center
}

.banner_right_bottom .close-banner,
.banner_right_top .close-banner {
    left: 0
}

.banner-player .close-banner {
    color: #fff;
    background: #f7b40d;
    font-weight: bolder;
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    font-size: 23px;
    text-align: center;
    padding: 8px 3px 0 0
}

.banner-player .btn-register {
    color: #00fff6;
    background: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 15px 15px;
    font-size: 18px;
    text-align: center
}

.sidebar-search {
    margin-bottom: 25px
}

.widgettitle,
h3.widget-title {
    background: #181818;
    padding: 12.5px 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-family: kanit;
    line-height: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #424040
}

.ads-review,
.nds-title {
    border-bottom: 2px solid #303030
}

.sidebar-cate,
.sidebar-filter,
.sidebar-kind,
.sidebar-year,
sidebar-social {
    margin-bottom: 13px;
    overflow: hidden
}

.widget_wpcategorieswidget>ul {
    padding: 0 !important;
    margin: 0 !important;
    background: #181818
}

.hd-contact a,
.hd-contact a:hover {
    background: #ffc000
}

ul.wpcategorieswidget-2 li {
    font-size: 14px !important;
    padding-right: 10px !important;
    font-family: kanit !important;
    color: #d4d4d4
}

.widget_wpcategorieswidget ul li a {
    padding: 15px 0 15px 20px;
    font-family: kanit;
    display: inline-block;
    color: #999 !important;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    font-size: 14px !important;
    float: left !important;
    font-weight: 200
}

#group-url .active>i,
.widget_wpcategorieswidget li a:hover {
    color: #fff !important
}

.widget_wpcategorieswidget ul li span.post-count {
    height: auto !important;
    background: 0 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    color: #d4d4d4 !important;
    font-family: kanit;
    border-radius: 10px !important;
    padding: 0;
    text-align: right !important
}

.widget_wpcategorieswidget ul li:hover span.post-count {
    opacity: 1
}

.widget_wpcategorieswidget ul li,
li#tag_cloud-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0 !important;
    line-height: 1 !important
}

.tagcloud {
    display: grid;
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: 3%;
    background: #181818;
    padding: 10px 15px
}

.sidebar-year .tagcloud a {
    font-size: 12px !important;
    display: block;
    float: left;
    margin: 3px 0;
    color: #999;
    border: 1px solid #212120;
    border-radius: 5px;
    padding: 0;
    font-family: kanit !important;
    text-align: center
}

.sidebar-year .tagcloud a:hover {
    color: #1c1b1b;
    background-color: #ffc000
}

.header-search input#s-movie {
    width: 100%;
    padding: 7px 20px;
    font-size: 14px;
    outline: 0;
    border-radius: 17px;
    background: #f5f5f5;
    color: #222;
    border: 1px solid #403736
}

.header-search button#searchsubmit {
    background: #206c93;
    color: #fff;
    padding: 9px 15px;
    font-size: 13px;
    margin-left: -5px;
    border-radius: 0 5px 5px 0;
    border: 0
}

.hd-contact a {
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1;
    font-family: kanit;
    color: #201f1f;
    border-radius: 8px;
    display: inline-flex;
    align-items: center
}

.search-input {
    position: relative;
    text-align: center
}

div#searchParentBox {
    position: absolute;
    width: 687px;
    top: 40px;
    left: 33px;
    z-index: 20;
    background: #1f1f1f;
    border-radius: 15px;
    padding: 10px 15px;
    color: #fff
}

div#searchParentBox::-webkit-scrollbar {
    width: 7px;
    border-radius: 15px
}

div#searchParentBox::-webkit-scrollbar-track {
    background-color: #ccc
}

div#searchParentBox::-webkit-scrollbar-thumb {
    background-color: #ff2c1f;
    border-radius: 15px
}

.movie-items {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 15px
}

.movie-item-img img {
    border-radius: 10px;
    width: 50px
}

.movie-item-title a span {
    color: #fff;
    font-size: 14px
}

.movie-item-year {
    text-align: left
}

.movie-item-year a,
.movie-item-year span {
    color: #808187;
    font-size: 12px
}

.movie-item-upcoming span {
    font-size: 14px;
    font-weight: 300
}

.another_result button {
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 100%
}

input#input-ser::placeholder {
    padding: 5px
}

.result-filter {
    color: #fff;
    margin: -5px 0 25px;
    display: flex;
    align-items: center
}

.ads-review,
.info-blog .blog1 {
    justify-content: space-between
}

span.intro-resfilter {
    font-family: kanit;
    color: #797880;
    margin-right: 10px
}

.result-star span {
    color: #f2b000
}

.result-text {
    padding: 10px 15px;
    margin-right: 5px;
    line-height: 1;
    background: #212121;
    border-radius: 20px;
    outline: 0;
    font-size: 14px;
    font-family: kanit
}

.content-filter p {
    margin: 25px 0 80px
}

p.p-contact {
    margin: 15px 0;
    font-size: 14px
}

.content-footer .content a {
    display: inline-block;
    text-align: center
}

p.t-footer {
    margin: 10px 0 15px
}

p.title-t {
    font-size: 28px;
    color: #fff;
    border-bottom: 2px solid #1d1d1d;
    padding-bottom: 10px;
    margin-bottom: 20px
}

footer#colophon nav#site-navigation {
    border-top: 0
}

section.no-results.not-found .page-title {
    font-family: kanit;
    font-size: 28px
}

h2.page-title {
    font-size: 28px;
    text-align: center;
    font-family: kanit
}

.nofav p {
    color: #fff;
    font-size: 36px;
    margin-top: 40px;
    font-family: kanit
}

img.image.wp-image-6387,
img.image.wp-image-6388 {
    width: 782px;
    height: 132px !important
}

.ads-review {
    display: flex;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.owl-carousel .owl-item img {
    width: unset !important
}

.site-header__logo img,
ul.header-logo img {
    width: 100%;
    height: auto
}

.container-index {
    width: var(--container-wide);
    margin: 0 auto
}

.grid-movie-ct {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-gap: 10px;
    margin-bottom: 25px
}

.grid-sb-index {
    display: grid;
    grid-template-columns: var(--layout-sidebar-home) var(--layout-content-home) var(--layout-sidebar-home);
    grid-gap: 15px;
    margin-top: 32px
}

.grid-movie-index {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 10px;
    margin-bottom: 15px
}

.grid-movie-index .movie_box img {
    height: unset
}

.grid-news-index {
    display: grid;
    grid-template-columns: repeat(5, 280px);
    grid-gap: 10px;
    margin-bottom: 100px
}

.grid-news-index .img img {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    aspect-ratio: 16/9
}

.nds-title {
    margin: 15px 0 5px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nds-title h2,
.nds-title h3 {
    margin: 0;
    color: #fff;
    font-size: 26px;
    font-family: kanit;
    line-height: 1
}

.in-title a {
    display: flex;
    align-items: center;
    margin-left: 15px
}

.in-title img {
    filter: grayscale(100%) sepia(100%) hue-rotate(343deg) saturate(500%) brightness(80%)
}

.in-title span {
    margin-right: 15px;
    color: #ffc000;
    font-family: kanit
}

a.page-numbers,
span.page-numbers.current,
span.page-numbers.dots {
    display: inline-flex;
    padding: 6px 16px;
    margin: 0 5px;
    border-radius: 6px
}

.f-tag a,
.figure-box span.box-movie-star,
.h2-text h2,
.info-blog .detail-movie span,
.sidebar-filter select,
input#submit-search,
p.t-footer,
span.page-numbers.current {
    font-family: Kanit, sans-serif
}

.pagination-x {
    overflow: hidden;
    text-align: center;
    margin: 60px 0
}

span.page-numbers.current {
    background: #ffc000;
    color: #1c1b1b
}

a.page-numbers,
span.page-numbers.dots {
    background: #212120;
    font-family: Kanit, sans-serif;
    color: #fff
}

.site-info p {
    border-top: 1px solid #1d1d1d;
    font-size: 14px;
    color: #c6c6c6;
    padding: 10px 0;
    margin: 0
}

.box-triler iframe {
    min-height: 440px;
    width: 100%;
    height: 98.5%;
    border: 1px solid #171717
}

.main-banner li {
    list-style: none;
    margin-bottom: -2px
}

.banner-center-bottom,
.banner-content-center li {
    list-style: none;
    margin-bottom: 0
}

.player-promo-box {
    top: -5px;
    z-index: 300;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px;
    max-width: 1050px;
    width: 100%;
    padding-bottom: 50px
}

.player-promo-box img {
    border: 1px solid #131313;
    width: 520px;
    height: 180px;
    object-fit: cover
}

.player-promo-box li {
    list-style: none;
    flex: 0 0 calc(50% - 5px);
    max-width: 520px;
    min-width: 250px
}

.player-promo-box .terminate-banner {
    bottom: 22px;
    background: #ff6b35;
    color: #fff;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    z-index: 301;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    transition: .3s;
    white-space: nowrap;
    width: auto;
    height: auto;
    min-width: 60px;
    max-width: 120px
}

.player-promo-box .terminate-banner:hover {
    background: #e55a2b;
    transform: translateX(-50%) translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .3)
}

.player-promo-box .terminate-banner:before {
    content: "ปิดป้าย";
    display: block
}

.player-promo-box:has(li:nth-child(3):last-child) {
    justify-content: center
}

.player-promo-box:has(li:nth-child(4):last-child) {
    justify-content: center
}

.player-promo-box:has(li:nth-child(5):last-child) {
    justify-content: center
}

.player-promo-box:has(li:nth-child(6):last-child) {
    justify-content: center
}

@media (max-width: 1px) {
    .player-promo-box {
        max-width: 900px
    }

    .player-promo-box li {
        max-width: 450px;
        min-width: 200px
    }

    .player-promo-box img {
        width: 450px;
        height: 160px
    }
}

.banner-f-left-1,
.banner-f-left-2,
.banner-f-right-1,
.banner-f-right-2,
.banner-float {
    position: fixed
}

.banner-f-left-2,
.banner-f-right-2 {
    top: 55%
}

.banner-f-left-1,
.banner-f-left-2 {
    left: 15px
}

.banner-f-right-1,
.banner-f-right-2 {
    right: 15px
}

.banner-float {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #131313
}

span.terminate-banner {
    position: absolute;
    display: block;
    padding: 3px 8px;
    color: #d61621;
    background: #f7b40d;
    cursor: pointer
}

.banner-f-left-1 .terminate-banner,
.banner-f-left-2 .terminate-banner {
    right: -27px;
    top: 1px
}

.banner-f-right-1 .terminate-banner,
.banner-f-right-2 .terminate-banner {
    left: -27px;
    top: 1px
}

.banner-float .terminate-banner {
    right: 0;
    top: -27px
}

.main-banner {
    display: grid;
    grid-template-columns: var(--layout-sidebar) var(--layout-content) var(--layout-sidebar);
    grid-column-gap: 4px;
    width: var(--container-inner);
    margin: 15px auto 20px;
    justify-content: center
}

.banner-f-left-1,
.banner-f-right-1 {
    top: 32%;
    border: 1px solid #131313
}

.banner-float li.widget_media_image {
    width: 100% !important
}

.banner-float li.widget_media_image img {
    width: 100% !important;
    height: auto !important
}

.figure-box span.box-movie-star {
   /*  background: url(./images/star.png) left no-repeat rgba(0, 0, 0, .4); */
    background: rgba(0, 0, 0, .4);
    background-position: 8px;
    background-position-y: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #f2b000;
    font-size: 14px;
    line-height: 1;
    border-radius: 6px;
    /* padding: 5px 5px 5px 25px */
    padding: 5px 5px 5px 5px
}

.figure-box span.info1 {
    top: -353px;
    left: 0;
    float: left;
    position: relative;
    background: url(./images/imdb-icon.jpg) left center no-repeat #080808;
    padding: 0 5px 2px 44px
}

.figure-box span.info2-1,
.figure-box span.info2-2,
.figure-box span.info2-3,
.figure-box span.info2-ZOOM {
    float: right;
    position: relative;
    color: #fff
}

.figure-box span.info2-1 {
    top: -366px;
    background: linear-gradient(to bottom, #f40c6c 10%, #dd0505 84%, #da0303);
    padding: 0 6px;
    border-radius: 0 0 0 5px
}

.figure-box span.info2-2 {
    top: -368px;
    font-weight: 700;
    background: linear-gradient(to bottom, #c70cf4 10%, #8405dd 84%, #7c03da);
    padding: 2px 2px 0 3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.figure-box span.info2-3 {
    top: -342px;
    background-color: #0693e3;
    padding: 2px 15px
}

.figure-box span.info2-ZOOM {
    top: -366px;
    background: linear-gradient(to bottom, #0c49f4 10%, #0579dd 84%, #0381da);
    padding: 0 3px 0 5px;
    border-radius: 0 0 0 5px
}

.figure-box span.coming-soon {
    top: -240px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    float: left;
    margin-top: -30px
}

.figure-box span.info2-END,
.figure-box span.info2-OnAir {
    position: relative;
    top: -366px;
    float: right;
    background: linear-gradient(to bottom, #f4370c 10%, #dd7305 84%, #da8403);
    padding: 0 6px;
    color: #fff;
    border-radius: 0 0 0 5px
}

.figure-box span.info2-Series {
    position: relative;
    top: -366px;
    float: right;
    background: linear-gradient(to bottom, #b00cf4 10%, #053ddd 84%, #362cd7);
    padding: 0 6px;
    color: #fff;
    border-radius: 0 0 0 5px
}

.f-tag a:hover,
input#submit-search {
    background: linear-gradient(to right, #ffc000, #ffc000);
    color: #212121
}

.movie-excerpt {
    padding: 10px 15px
}

.movie-excerpt p {
    color: #d4d4d4;
    font-size: 14px;
    margin: 15px 0
}

.movie-details span {
    color: #d4d4d4;
    font-size: 14px;
}

.movie-excerpt h4 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 10px
}

.blog4 span li,
.movie-tags span li {
    list-style: none;
    margin: 5px 0;
    font-weight: 200;
    display: inline-flex
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

.header-search {
    margin: 25px 0 50px;
    padding: 0 100px
}

.director .tagcloud a {
    font-size: 16px !important;
    margin: 0;
    display: block;
    border-bottom: 1px solid #2d2e36 !important
}

.f-tag a {
    font-size: 14px;
    color: #999;
    background: #0f0f0f;
    border-radius: 6px;
    padding: 3px 21px;
    margin: 0 4px 7px 0;
    display: inline-flex
}

.coming {
    position: absolute;
    margin-top: -140px;
    padding: 0 44.5px;
    background: #ff0000cf;
    color: #fff;
    font-weight: 300;
    width: 189px
}

p.t-footer {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px
}

.content-footer p {
    font-size: 14px;
    color: #989799
}

.footer-tag {
    margin-top: -25px
}

.content-footer .width-auto {
    display: grid;
    grid-template-columns: 35% 60%;
    grid-column-gap: 5%
}

.content-footer {
    /* background: url(./images/filmalt1.png); */
    background: #131313;
    min-height: 342px;
    padding: 40px 0
}

.content-footer a.foot-logo {
    text-align: center;
    display: block
}

div.regisBtn.disabled,
div.skipBtn.disabled {
    display: none !important
}

.content-footer summary {
    text-align: center;
    color: #9fc1e0;
    outline: 0
}

.menu-footer-menu-container ul {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.menu-footer-menu-container li {
    position: relative;
    display: inline-flex;
    padding: 0 1.3%
}

.menu-footer-menu-container li a {
    display: block;
    text-decoration: none;
    color: #9fc1e0;
    font-weight: 400;
    padding: 20px 0 15px;
    outline: 0
}

.menu-footer-menu-container .current-menu-ancestor>a,
.menu-footer-menu-container .current-menu-item>a,
.menu-footer-menu-container .current_page_ancestor>a,
.menu-footer-menu-container .current_page_item>a,
.menu-footer-menu-container li a:hover {
    color: #fff;
    border-radius: 4px;
    border-bottom: 5px solid #ffc000
}

.site-info {
    display: block;
    overflow: hidden;
    text-align: center
}

.site-info a {
    font-size: 14px;
    color: #474747;
    padding: 10px 0;
    text-decoration: none;
    margin: 0
}

.blog4 a,
.blog5 p {
    padding: 0 10px
}

iframe.form-contact {
    width: 100%;
    height: 700px;
    margin-bottom: 50px
}

.rll-youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.h2-text h2 {
    color: #d4d4d4;
    font-size: 16px;
    text-align: center;
    margin: -15px 0 -10px
}

.rll-youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.rll-youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.info-blog .blog1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAL0lEQVQYV2NUVlb+z4AE+Pn5GRiRBUECHz9+RAjCBECawCqRBcCCRkZG/0FakAEAnN4TOyNqMA4AAAAASUVORK5CYII=);
    color: #eee;
    font-weight: 200;
    padding: 6px 10px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.info-blog .blog1 img {
    vertical-align: top;
    padding: 0 5px
}

.blog1 a {
    color: #eee
}

.info-blog .detail-movie {
    background: #212120;
    color: #eee;
    padding: 10px 15px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-radius: 6px
}

.info-blog .detail-movie span {
    font-size: 14px
}

.info-blog .detail-movie span.star {
    background: #0d0d0c;
    padding: 0 10px 0 0;
    border-radius: 5px;
    color: #f5c518;
    font-size: 16px
}

.info-blog .detail-movie img {
    margin-bottom: -5px;
    margin-right: 5px
}

.blog5 {
    color: #d3d5df;
    font-size: 14px;
    font-weight: 200
}

.blog4 {
    margin: 2px 0
}

.blog4 span {
    display: block;
    overflow: hidden
}

.blog4 a {
    margin-right: 1px;
    border: 1px solid #2d2e36;
    background: #1d1e22
}

.blog4 a:hover {
    background: #2d2e36
}

.button-sub {
    display: block;
    text-align: center
}

.site-footer {
    width: var(--container-footer)
}

iframe.res-iframe {
    width: 100%;
    height: 550px
}

.comment,
.ss {
    background: #3b3d45;
    color: #fff;
    padding: 6px 20px;
    cursor: pointer;
    margin: 20px 0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 200
}

.active:active,
.ss {
    background: #c01e22
}

.content-cate p {
    font-size: 14px
}

.page-content form input.search-submit {
    padding: 7px
}

.show-comment {
    background: #d3d3d3;
    margin-bottom: 15px
}

.select-filter p {
    margin: 10px 0 5px;
    font-size: 14px
}

.sidebar-filter select {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 0 5px 15px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #212120;
    border: 0;
    color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #ffc000 50%), linear-gradient(135deg, #ffc000 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 8px), calc(100% - 14px) calc(1em + 8px), calc(100% - 2.5em) .5em;
    background-size: 8px 9px, 6px 9px, 1px 0;
    background-repeat: no-repeat;
    background-position-y: center
}

.box-imdb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px
}

.box-imdb span#valueIMDB {
    font-size: 16px;
    color: #fff;
    background: #0d0d0c;
    padding: 0 10px;
    border-radius: 3px;
    min-width: 42px;
    text-align: center
}

.content-imdb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    background: #262626;
    padding: 15px;
    border-radius: 17px
}

input[type=range] {
    height: 0;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    background: #f5c518;
    border: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 5px;
    height: 16px;
    width: 16px;
    border-radius: 5px;
    background: #e7e7e7;
    border: 1px solid #c5c5c5
}

.content-imdb span#valueIMDB {
    font-size: 14px;
    color: #9fc1e0;
    background: #2d2e36;
    padding: 2px 10px;
    border-radius: 3px;
    min-width: 42px;
    text-align: center
}

.select-filter select::-webkit-scrollbar {
    width: 5px
}

.select-filter select::-webkit-scrollbar-thumb {
    background: #bd1e24
}

.select-filter select::-webkit-scrollbar-track {
    background: #131a20
}

.zone-button {
    text-align: center;
    margin: 25px 0 30px
}

input#submit-search {
    font-size: 16px;
    padding: 10px 35px;
    border-radius: 17px;
    outline: 0;
    border: 0;
    cursor: pointer
}

.content-filter p {
    text-align: center;
    font-size: 36px
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1c1c1c;
    min-width: 140px;
    z-index: 1;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #e66701
}

div.regisBtn,
div.skipBtn {
    font-family: sans-serif;
    z-index: 0;
    right: 0;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    cursor: pointer
}

.dropdown-content a {
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    display: block
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: #000
}

div.skipBtn {
    display: block;
    padding: 7px 15px;
    background-color: #000000ab;
    top: 10%;
    min-width: 100px
}

div.regisBtn a,
div.skipBtn a {
    color: #fff;
    text-decoration: none
}

div.regisBtn {
    padding: 15px 20px;
    background-color: #29bb2fcc;
    top: 19%;
    font-size: 20px;
    min-width: 120px
}

div.skipBtn.disabled {
    background-color: #333;
    cursor: no-drop
}

.movie-corner {
    position: absolute;
    text-align: center;
    line-height: 20px;
    color: #f0f0f0;
    top: 10px;
    right: -20px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    font-weight: 700;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

iframe#pe-iframe {
    background-image: url(./assets/images/no-player.png);
    background-position: center;
    z-index: -1
}

.fb-comments,
.fb-comments iframe,
.fb-comments span {
    min-width: 100% !important;
    max-width: 100% !important
}

.button-members {
    position: relative;
    float: right;
    color: #fff
}

.m-description {
    font-size: 12px;
    color: #c5cade;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    background: url(./assets/images/auramov.jpg)
}

span.rate-up {
    position: relative;
    background: url(./assets/images/imdb-icon.jpg) left center no-repeat;
    padding: 0 109px 0 39px
}

.ad {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0
}

.ad .adlf {
    margin-right: 1%
}

.ad .adrg {
    margin-left: 1%
}

.sidebar-social {
    margin-top: 20px
}

.wpcategorieswidget-social {
    list-style: none;
    padding: 0;
    margin: 0
}

.wpcategorieswidget-social li a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 15px;
    min-height: 48px;
    width: 100%;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    flex-wrap: nowrap !important;
    min-width: 0
}

.wpcategorieswidget-social li a:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .2)
}

.wpcategorieswidget-social li a i {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.wpcategorieswidget-social li a span {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    text-overflow: ellipsis;
    flex: 1;
    flex-shrink: 1;
    vertical-align: middle;
    max-width: none;
    word-break: keep-all;
    word-wrap: normal;
    position: relative;
    z-index: 1
}

.wpcategorieswidget-social li {
    margin-bottom: 10px;
    overflow: visible
}

.wpcategorieswidget-social li a {
    flex-wrap: nowrap !important;
    position: relative
}

.wpcategorieswidget-social li a * {
    white-space: nowrap !important
}

.sidebar-social .widget ul li a span,
.wpcategorieswidget-social li a span {
    display: inline !important;
    white-space: nowrap !important;
    overflow: visible !important;
    word-break: keep-all !important;
    hyphens: none !important;
    text-indent: 0 !important;
    letter-spacing: normal !important
}

.wpcategorieswidget-social li a[href*=facebook]:hover {
    border-color: #1877f2;
    background: rgba(24, 119, 242, .1)
}

.wpcategorieswidget-social li a[href*="x.com"]:hover,
.wpcategorieswidget-social li a[href*=twitter]:hover {
    border-color: #1da1f2;
    background: rgba(29, 161, 242, .1)
}

.wpcategorieswidget-social li a[href*=youtube]:hover {
    border-color: red;
    background: rgba(255, 0, 0, .1)
}

.wpcategorieswidget-social li a[href*=discord]:hover {
    border-color: #5865f2;
    background: rgba(88, 101, 242, .1)
}

.wpcategorieswidget-social li a[href*=instagram]:hover {
    border-color: #e4405f;
    background: rgba(228, 64, 95, .1)
}

.wpcategorieswidget-social li a[href*=tiktok]:hover {
    border-color: #000;
    background: rgba(0, 0, 0, .2)
}

.wpcategorieswidget-social li a[href*=line]:hover {
    border-color: #00c300;
    background: rgba(0, 195, 0, .1)
}

.wpcategorieswidget-social li a[href*=telegram]:hover {
    border-color: #08c;
    background: rgba(0, 136, 204, .1)
}

.content-category.article {
    margin: 10px 0;
    background: #131313;
    border-radius: 12px;
    padding: 10px 15px
}

@media (max-width: 1px) {
    header#masthead {
        margin: 0 0 40px
    }
}

@media (max-width: 1px) {

}

@media (min-width:769px) {

}

/* ==========================================================================\n   YimAnime Component Architecture v1.7.0\n   Canonical BEM-style classes are applied alongside legacy classes so existing\n   selectors/plugins keep working while new maintenance can target stable names.\n   ========================================================================== */

.container-system {
    width: var(--container-inner);
    margin-inline: auto;
}

.container-system--wide {
    width: var(--container-wide);
    margin-inline: auto;
}

.site-header__inner {
    width: var(--container-inner);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 25% 60% 15%;
    align-items: center;
    padding: 10px 0 25px;
}

.site-header__logo,
.site-header__main,
.site-header__actions {
    min-width: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.site-header__layout-item {
    list-style: none;
    min-width: 0;
}

.main-nav__list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.page-layout {
    display: grid;
    grid-template-areas: "left content right";
    grid-template-columns: var(--layout-sidebar) var(--layout-content) var(--layout-sidebar);
    gap: 4px;
    margin-top: 20px;
    justify-content: center;
}

.page-layout--home {
    grid-template-areas:
        "left content right"
        "genres genres genres";
    grid-template-columns: var(--layout-sidebar-home) var(--layout-content-home) var(--layout-sidebar-home);
    gap: var(--grid-gap-home);
    row-gap: 0;
    margin-top: 32px;
}

/* Sidebar grid areas belong only to the three-column page shell.
 * Keep them scoped so the same sidebar partials can be reused inside
 * Series discovery grids without inheriting named grid placement. */
.page-layout > .page-layout__sidebar.sidebar--left { grid-area: left; }
.page-layout > .page-layout__content { grid-area: content; min-width: 0; }
.page-layout > .page-layout__sidebar.sidebar--right { grid-area: right; }
.page-layout__home-genres { grid-area: genres; min-width: 0; }

.movie-grid {
    display: grid;
    min-width: 0;
}

.movie-grid--featured {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: var(--movie-grid-gap);
    margin-bottom: 25px;
}

.movie-grid--index {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--movie-grid-gap);
    margin-bottom: 15px;
}

.movie-grid--standard {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--grid-gap);
    margin-bottom: 15px;
    width: 100%;
}

@media (min-width: 1200px) {
    .movie-grid--standard {
        /* v1.5 occupied 844px inside an 847px content column. */
        width: calc(100% - 3px);
    }
}

.movie-card {
    min-width: 0;
}

.movie-card__link,
.movie-card__poster {
    display: block;
}

.movie-card__poster {
    width: 100%;
    height: auto;
}

.section-header {
    min-width: 0;
}

.sidebar {
    min-width: 0;
}

.site-search {
    min-width: 0;
}

.site-search__input {
    max-width: 100%;
}

.player,
.player__container,
.player__trailer {
    min-width: 0;
}

.site-pagination {
    min-width: 0;
}


/*
 * Responsive Desktop-Like layer for theme-movie365 v1.7.0
 * Goal: preserve the existing desktop presentation while making tablet/mobile
 * layouts fluid, dense, touch-friendly, and free from horizontal page overflow.
 */

@media (max-width: 1px) {
    .movie-grid--standard { width: 100%; }

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    #page,
    .home #page,
    .site-header,
    .home .site-header,
    .site-footer,
    .home .site-footer,
    .carousel.slide,
    .home .carousel.slide,
    .site-main {
        width: 100% !important;
        max-width: 100%;
    }

    .site-header__inner,
    .header-info,
    .width-auto,
    section.width-main,
    .container-index,
    .main-banner {
        width: calc(100% - 32px) !important;
        max-width: var(--container-responsive);
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .container-index {
        max-width: var(--container-responsive);
    }

    .header-info {
        grid-template-columns: minmax(180px, 25%) minmax(0, 60%) minmax(135px, 15%);
        gap: 12px;
    }

    .main-navigation {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main-navigation li {
        padding-left: 12px;
        padding-right: 12px;
    }

    .page-layout,
    .grid-main {
        grid-template-columns: minmax(160px, 18%) minmax(0, 1fr) minmax(160px, 18%);
        gap: 12px;
        width: 100%;
    }

    .page-layout--home,
    .grid-sb-index {
        grid-template-columns: minmax(160px, 18%) minmax(0, 1fr) minmax(160px, 18%);
        gap: 12px;
        width: 100%;
    }

    .grid-movie-ct {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
    }

    .grid-movie-index,
    .grid-movie {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .grid-news-index {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .grid-news {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .movie-description {
        grid-template-columns: minmax(120px, 22%) minmax(0, 1fr);
        gap: 10px;
    }

    div#searchParentBox {
        width: 100%;
        left: 0;
        box-sizing: border-box;
    }

    .player-promo-box {
        max-width: 100%;
    }

    .player-promo-box li {
        flex: 1 1 calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0;
    }

    .player-promo-box img {
        width: 100%;
        height: auto;
        aspect-ratio: 26 / 9;
        object-fit: cover;
    }
}

@media (max-width: 1px) {
    .page-layout {
        grid-template-areas:
            "content content"
            "left right";
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-layout--home {
        grid-template-areas:
            "content content"
            "genres genres"
            "left right";
    }

    .page-layout > .page-layout__content { grid-area: content; }
    .page-layout > .sidebar--left { grid-area: left; }
    .page-layout > .sidebar--right { grid-area: right; }

    .header-info {
        grid-template-columns: minmax(120px, 30%) minmax(0, 70%);
        padding: 10px 0 16px;
        gap: 10px 14px;
    }

    .header-logo {
        grid-column: 1;
        grid-row: 1;
    }

    .header-description {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .header-search {
        grid-column: 1 / -1;
        grid-row: 2;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .header-info .site-logo {
        width: 100% !important;
        max-width: 180px !important;
        height: auto !important;
    }

    .site-branding h1,
.site-header__title {
        font-size: 15px;
        line-height: 1.25;
        margin: 0 0 8px;
    }

    #masthead .main-navigation,
    footer .main-navigation {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        white-space: nowrap;
    }

    #masthead .main-navigation > ul,
    footer .main-navigation > div > ul {
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
        min-width: 100%;
    }

    #masthead .main-navigation > ul > li,
    footer .main-navigation > div > ul > li {
        flex: 0 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    #masthead .main-navigation > ul > li > a,
    footer .main-navigation > div > ul > li > a {
        padding: 14px 0;
        font-size: 14px;
    }

    .grid-main,
    .page-layout--home,
    .grid-sb-index {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        align-items: start;
    }


    .movie-grid,
    .grid-movie-ct,
    .grid-movie-index,
    .grid-movie {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }

    .grid-news-index,
    .grid-news {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .movie_box {
        min-width: 0;
        margin-bottom: 10px;
    }

    .movie_box p {
        height: 36px;
        margin: 7px 3px;
        font-size: 12px;
        line-height: 1.45;
    }

    span.movie-lang {
        max-width: calc(100% - 8px);
        padding: 3px 7px;
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .figure-box span.box-movie-star,
    .figure-box span.movie-hd,
    .figure-box span.movie-zoom,
    .figure-box span.movie-4k,
    .figure-box span.movie-end,
    .figure-box span.movie-onair,
    .figure-box span.movie-series,
    .figure-box span.movie-ultrahd {
        font-size: 11px;
        padding: 4px 5px;
        border-radius: 5px;
    }

    .figure-box span.movie-zoom {
        padding-left: 6px;
        padding-right: 6px;
    }

    .movie_box a img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 3;
        object-fit: cover;
    }

    .nds-title {
        gap: 10px;
        padding-bottom: 12px;
        align-items: flex-start;
    }

    .nds-title h2,
    .nds-title h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .in-title a {
        margin-left: 0;
        white-space: nowrap;
        font-size: 13px;
    }

    .in-title span {
        margin-right: 7px;
    }

    .h1-text h1,
    .h1-text h2,
    .h1-text h4 {
        font-size: 17px;
        line-height: 1.35;
        padding: 8px 10px;
    }

    .content-category.article {
        padding: 10px 12px;
    }

    .content-category.article p,
    .idx-st-content {
        font-size: 13px;
        line-height: 1.7;
    }

    .movie-description {
        grid-template-columns: minmax(95px, 28%) minmax(0, 1fr);
        gap: 8px;
    }

    .movie-excerpt {
        padding: 5px 8px;
        min-width: 0;
    }

    .movie-excerpt h4 {
        font-size: 16px;
        line-height: 1.4;
    }

    .movie-excerpt p,
    .movie-details span {
        font-size: 13px;
        line-height: 1.65;
    }

    .movie-tags a,
    .f-tag a {
        padding: 4px 9px;
        font-size: 12px;
    }

    .info-blog .detail-movie {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 10px;
    }

    .info-blog .detail-movie span {
        white-space: normal;
    }

    .box-triler iframe,
    #box-player iframe,
    iframe.res-iframe,
    #player-container iframe,
    #player2 iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    .show-movie {
        height: auto;
        min-height: 240px;
    }

    .player-promo-box {
        padding-bottom: 35px;
    }

    .player-promo-box li {
        flex-basis: calc(50% - 4px);
        max-width: calc(50% - 4px);
    }

    .pagination-x {
        margin: 35px 0;
        overflow-x: auto;
        white-space: nowrap;
    }

    a.page-numbers,
    span.page-numbers.current,
    span.page-numbers.dots {
        padding: 6px 10px;
        margin: 0 2px;
    }
}

@media (max-width: 1px) {
    .site-header__inner,
    .header-info,
    .width-auto,
    section.width-main,
    .container-index,
    .main-banner {
        width: calc(100% - 20px) !important;
    }

    header#masthead {
        margin-bottom: 18px;
    }

    .header-info {
        grid-template-columns: 105px minmax(0, 1fr);
    }

    .site-branding h1,
.site-header__title {
        font-size: 13px;
    }

    .search-input input[type="search"],
    .search-input input[type="text"] {
        min-height: 38px;
        font-size: 16px;
    }

    .grid-main,
    .page-layout--home,
    .grid-sb-index {
        gap: 10px;
    }

    .widgettitle,
    h3.widget-title {
        font-size: 15px;
        padding: 10px 4px;
    }

    .widget_wpcategorieswidget ul li a {
        padding: 11px 5px 11px 10px;
        font-size: 12px !important;
    }

    .widget_wpcategorieswidget ul li span.post-count,
    .widget_wpcategorieswidget ul li span.count {
        font-size: 11px;
    }

    .movie-grid,
    .grid-movie-ct,
    .grid-movie-index,
    .grid-movie {
        gap: 7px;
    }

    .grid-news-index,
    .grid-news {
        gap: 8px;
    }

    .nds-title h2,
    .nds-title h3 {
        font-size: 17px;
    }

    .in-title a {
        font-size: 12px;
    }

    .movie-description {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .player-promo-box {
        gap: 5px;
    }

    .player-promo-box li {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1px) {
    .header-info {
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 8px 10px;
    }

    .header-info .site-logo {
        max-width: 110px !important;
    }

    .site-branding h1,
.site-header__title {
        font-size: 12px;
    }

    #masthead .main-navigation > ul > li,
    footer .main-navigation > div > ul > li {
        padding-left: 8px;
        padding-right: 8px;
    }

    #masthead .main-navigation > ul > li > a,
    footer .main-navigation > div > ul > li > a {
        font-size: 13px;
    }

    .movie_box p {
        font-size: 11px;
        height: 34px;
    }

    span.movie-lang,
    .figure-box span.box-movie-star,
    .figure-box span.movie-hd,
    .figure-box span.movie-zoom,
    .figure-box span.movie-4k,
    .figure-box span.movie-end,
    .figure-box span.movie-onair,
    .figure-box span.movie-series,
    .figure-box span.movie-ultrahd {
        font-size: 10px;
    }

    .nds-title {
        flex-wrap: wrap;
    }

    .movie-description {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .movie-excerpt h4 {
        font-size: 14px;
    }
}

@media (max-width: 1px) {
    .movie-grid,
    .grid-movie-ct,
    .grid-movie-index,
    .grid-movie {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

}

@media (min-width: 600px) and (max-width: 1px) {
    .movie-grid,
    .grid-movie-ct,
    .grid-movie-index,
    .grid-movie {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


@media (max-width: 1px) {
    .page-layout {
        grid-template-areas:
            "content"
            "left"
            "right";
        grid-template-columns: 1fr;
    }
}



/* ==========================================================================
   YimAnime v1.7.0 — visual-compatible enhancements
   - Theme colors use tokens; dark values preserve the existing presentation.
   - Light theme changes colors only, never layout geometry.
   - Movie thumbnail overlay is interactive-only to avoid changing the resting UI.
   ========================================================================== */

html {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
    --color-page-start: #f5f6f8;
    --color-page-mid: #eef1f5;
    --color-page-end: #e9edf2;
    --color-surface: #fff;
    --color-surface-raised: #fff;
    --color-surface-hover: #f1f3f6;
    --color-card: #fff;
    --color-chip: #eceff3;
    --color-player: #e9edf2;
    --color-nav: #fff;
    --color-text: #30343b;
    --color-text-strong: #17191d;
    --color-text-muted: #666d78;
    --color-border: #d9dde4;
    --color-border-subtle: #d9dde4;
    --color-border-strong: #cfd4dc;
    --color-player-border: #cfd4dc;
    --color-input-bg: #fff;
    --color-input-text: #222;
    --color-input-border: #cfd4dc;
    --color-overlay: rgba(9, 12, 18, .34);
    scrollbar-color: #aeb5c0 #eef1f5;
}

body {
    background-image: linear-gradient(
        to bottom,
        var(--color-page-start),
        var(--color-page-mid) 100vh,
        var(--color-page-end) 200vh
    );
}

body,
button,
input,
optgroup,
select,
textarea {
    color: var(--color-text);
}

body a {
    color: var(--color-text);
}

.site-branding h1,
.site-header__title,
.in-title span {
    color: var(--color-accent);
}

.main-navigation {
    background-color: var(--color-nav);
    border-top-color: var(--color-border-strong);
}

.main-navigation a {
    color: var(--color-text-muted);
}

.movie_box a,
.movie-card__link {
    background: var(--color-card);
}

.movie_box p,
.movie-card__title {
    color: var(--color-text-strong);
}

span.movie-lang,
.movie-card__language {
    color: #c0bbbb;
    background: var(--color-chip);
}

html[data-theme="light"] span.movie-lang,
html[data-theme="light"] .movie-card__language {
    color: var(--color-text-muted);
}

.movie_box:hover span.movie-lang,
.movie-card:hover .movie-card__language,
.movie-card:focus-within .movie-card__language {
    color: var(--color-accent);
}

.h1-text h1,
.h1-text h2,
.h1-text h4,
.widgettitle,
h3.widget-title,
.widget_wpcategorieswidget > ul,
.content-category.article,
.content-reviews {
    background: var(--color-surface);
}

.nds-title,
.ads-review {
    border-color: var(--color-border);
}

.h1-text h3,
.site-info p {
    border-color: var(--color-border-subtle);
}

.widget_wpcategorieswidget li:hover,
.sequel-movies ul li:hover {
    background: var(--color-surface-hover);
}

.header-search input#s-movie {
    background: var(--color-input-bg);
    color: var(--color-input-text);
    border-color: var(--color-input-border);
}

div#searchParentBox {
    background: var(--color-surface-raised);
    color: var(--color-text-strong);
}

.movie-item-title a span {
    color: var(--color-text-strong);
}

.sidebar-filter select,
a.page-numbers,
span.page-numbers.dots {
    background-color: var(--color-surface-hover);
    color: var(--color-text-strong);
}

.show-movie {
    background: var(--color-player);
}

.box-triler iframe,
#box-player iframe,
iframe.res-iframe,
#player-container iframe,
#player2 iframe {
    border-color: var(--color-player-border);
}

/* Light-only overrides. Dark keeps the exact legacy text and border values above. */
html[data-theme="light"] .main-navigation {
    background-image: none;
}

html[data-theme="light"] .h1-text h1,
html[data-theme="light"] .h1-text h2,
html[data-theme="light"] .h1-text h4,
html[data-theme="light"] .widgettitle,
html[data-theme="light"] h3.widget-title,
html[data-theme="light"] .content-category.article,
html[data-theme="light"] .content-reviews {
    color: var(--color-text-strong);
}

html[data-theme="light"] .widget_wpcategorieswidget ul li a,
html[data-theme="light"] .widget_wpcategorieswidget ul li span.post-count,
html[data-theme="light"] .widget_wpcategorieswidget ul li span.count,
html[data-theme="light"] .sidebar-year .tagcloud a,
html[data-theme="light"] .site-info p,
html[data-theme="light"] .ct-news {
    color: var(--color-text-muted) !important;
}

html[data-theme="light"] div#searchParentBox {
    border: 1px solid var(--color-border);
    box-shadow: 0 8px 24px rgba(25, 31, 40, .08);
}

/* Header theme control: occupies existing header action space without changing columns. */
.site-header__meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
}

.site-header__meta .totalmovie {
    margin-bottom: 0 !important;
}

.theme-toggle {
    -webkit-appearance: none;
    appearance: none;
    display: inline-grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
    background: var(--color-surface);
    color: var(--color-text-strong);
    cursor: pointer;
    line-height: 1;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.theme-toggle:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.theme-toggle:active {
    transform: scale(.96);
}

.theme-toggle:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

.theme-toggle__icon {
    display: none;
    width: 18px;
    height: 18px;
    pointer-events: none;
}

.theme-toggle__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

html[data-theme="dark"] .theme-toggle__icon--sun,
html[data-theme="light"] .theme-toggle__icon--moon {
    display: block;
}

html:not([data-theme]) .theme-toggle {
    display: none;
}

/* Movie card thumbnail overlay. Resting state is visually identical to v1.6.0. */
.movie-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    isolation: isolate;
}

.movie-card__media .movie-card__poster {
    border-radius: inherit;
}

.movie-card__overlay,
.thumbnail-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    border-radius: inherit;
    background: var(--color-overlay);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    pointer-events: none;
}

.movie-card__overlay-icon {
    display: grid;
    place-items: center;
    width: clamp(34px, 26%, 52px);
    aspect-ratio: 1;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .58);
    border: 1px solid rgba(255, 255, 255, .5);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .28);
    transform: scale(.9);
    transition: transform .2s ease;
}

.movie-card__overlay-icon svg {
    width: 42%;
    height: 42%;
    fill: currentColor;
    transform: translateX(5%);
}

.movie-card:hover .movie-card__overlay,
.movie-card:focus-within .movie-card__overlay {
    opacity: 1;
    visibility: visible;
}

.movie-card:hover .movie-card__overlay-icon,
.movie-card:focus-within .movie-card__overlay-icon {
    transform: scale(1);
}

.movie-card__badges {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.figure-box {
    z-index: 2;
}

@media (hover: none) {
    .movie-card:hover .movie-card__overlay {
        opacity: 0;
        visibility: hidden;
    }

    .movie-card:focus-within .movie-card__overlay {
        opacity: 1;
        visibility: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle,
    .movie-card__overlay,
    .movie-card__overlay-icon {
        transition: none;
    }
}

@media (max-width: 1px) {
    .site-header__meta {
        width: 100%;
    }

    .theme-toggle {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }
}

@media (max-width: 1px) {
    .site-header__meta {
        gap: 6px;
    }

    .theme-toggle {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .theme-toggle__icon {
        width: 16px;
        height: 16px;
    }
}

/* ========================================================================== 
   YimAnime v1.8.3 — Genre Overlay Position Tuning
   Language + episode move to a translucent poster top bar, rating/HD badges
   are removed, primary category overlays the bottom of the poster, and status
   sits below the title. Page geometry and responsive column counts remain unchanged.
   ========================================================================== */

:root {
    --anime-card-radius: 8px;
    --anime-card-border: rgba(255, 255, 255, .08);
    --anime-card-meta: #9da2aa;
    --anime-card-topbar: rgba(5, 8, 13, .24);
    --anime-card-topbar-border: rgba(255, 255, 255, .08);
    --anime-card-episode-bg: rgba(7, 10, 16, .56);
    --anime-card-episode-border: rgba(255, 255, 255, .24);
    --anime-card-sub: #2465d6;
    --anime-card-dub: #d5332d;
    --anime-card-both: #7044c5;
    --anime-card-category-bg: rgba(10, 16, 24, .34);
    --anime-card-category-border: rgba(255, 255, 255, .13);
    --anime-card-category-text: #fff;
    --anime-card-finished: #64bd5d;
    --anime-card-airing: #f1a526;
    --anime-card-upcoming: #9a72e8;
}

html[data-theme="light"] {
    --anime-card-border: rgba(18, 24, 34, .12);
    --anime-card-meta: #6b7280;
}

.movie-card--series {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--anime-card-border);
    border-radius: var(--anime-card-radius);
    background: var(--color-card);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .02);
}

.movie-card--series .movie-card__link {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--color-card);
    text-decoration: none;
    overflow: hidden;
}

.movie-card--series .movie-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: calc(var(--anime-card-radius) - 1px) calc(var(--anime-card-radius) - 1px) 0 0;
    background: #11151c;
}

.movie-card--series .movie-card__poster {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border: 0;
    border-radius: 0;
}

/*
 * A translucent strip replaces the old opaque-looking badge band. Poster art
 * remains visible between the language badge and EP badge.
 */
.movie-card__series-topbar {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 38px;
    padding: 6px 7px;
    border-bottom: 1px solid var(--anime-card-topbar-border);
    background: var(--anime-card-topbar);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    pointer-events: none;
}

.movie-card--series span.movie-card__language,
.movie-card--series span.movie-lang,
.movie-card__episode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 7px;
    color: #fff;
    font-family: Kanit, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.movie-card--series span.movie-card__language,
.movie-card--series span.movie-lang {
    max-width: calc(100% - 58px);
    margin: 0;
    overflow: hidden;
    background: #4c5668;
    text-overflow: ellipsis;
}

.movie-card--series span.movie-card__language--sub {
    background: var(--anime-card-sub);
}

.movie-card--series span.movie-card__language--dub {
    background: var(--anime-card-dub);
}

.movie-card--series span.movie-card__language--both {
    background: var(--anime-card-both);
}

.movie-card__episode {
    flex: 0 0 auto;
    margin-left: auto;
    border: 1px solid var(--anime-card-episode-border);
    background: var(--anime-card-episode-bg);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

/* Primary Anime genre/category overlays the bottom edge of the poster. */
.movie-card__primary-category {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 28px;
    padding: 4px 8px;
    overflow: hidden;
    border-top: 1px solid var(--anime-card-category-border);
    background: var(--anime-card-category-bg);
    -webkit-backdrop-filter: blur(3px) saturate(112%);
    backdrop-filter: blur(3px) saturate(112%);
    color: var(--anime-card-category-text);
    font-family: Kanit, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

.movie-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 9px 10px 10px;
}

.movie-card--series .movie-card__title {
    display: -webkit-box;
    min-width: 0;
    height: auto;
    min-height: 40px;
    margin: 0;
    overflow: hidden;
    color: var(--color-text-strong);
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.movie-card__metadata {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 16px;
    margin-top: 5px;
    overflow: hidden;
    color: var(--anime-card-meta);
    font-family: Kanit, sans-serif;
    font-size: 11.5px;
    line-height: 1.2;
    white-space: nowrap;
}

.movie-card__status {
    overflow: hidden;
    color: var(--color-accent);
    font-weight: 500;
    text-overflow: ellipsis;
}

/* TEMPORARY PREVIEW: density-check line; remove after card layout approval. */
.movie-card__preview-detail {
    display: block;
    min-width: 0;
    margin-top: 4px;
    overflow: hidden;
    color: var(--anime-card-meta);
    font-family: Kanit, sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .82;
}

.movie-card__status--airing {
    color: var(--anime-card-airing);
}

.movie-card__status--finished {
    color: var(--anime-card-finished);
}

.movie-card__status--upcoming,
.movie-card__status--hiatus {
    color: var(--anime-card-upcoming);
}

/* Overlay remains interaction-only and below the Anime information strip. */
.movie-card--series .movie-card__overlay,
.movie-card--series .thumbnail-overlay {
    z-index: 2;
}

.movie-card--series .movie-card__overlay-icon {
    width: clamp(36px, 27%, 54px);
}

.movie-card--series:hover span.movie-card__language,
.movie-card--series:focus-within span.movie-card__language,
.movie-card--series:hover span.movie-lang,
.movie-card--series:focus-within span.movie-lang,
html[data-theme="light"] .movie-card--series span.movie-card__language,
html[data-theme="light"] .movie-card--series span.movie-lang {
    color: #fff;
    background: #4c5668;
}

.movie-card--series:hover span.movie-card__language--sub,
.movie-card--series:focus-within span.movie-card__language--sub,
html[data-theme="light"] .movie-card--series span.movie-card__language--sub {
    background: var(--anime-card-sub);
}

.movie-card--series:hover span.movie-card__language--dub,
.movie-card--series:focus-within span.movie-card__language--dub,
html[data-theme="light"] .movie-card--series span.movie-card__language--dub {
    background: var(--anime-card-dub);
}

.movie-card--series:hover span.movie-card__language--both,
.movie-card--series:focus-within span.movie-card__language--both,
html[data-theme="light"] .movie-card--series span.movie-card__language--both {
    background: var(--anime-card-both);
}

html[data-theme="light"] .movie-card--series {
    box-shadow: 0 2px 10px rgba(23, 29, 39, .06);
}

/* Dense desktop-like mobile cards: retain the 3-column v1.7/v1.8 geometry. */
@media (max-width: 1px) {
    .movie-card__series-topbar {
        min-height: 33px;
        padding: 5px;
        gap: 4px;
    }

    .movie-card--series span.movie-card__language,
    .movie-card--series span.movie-lang,
    .movie-card__episode {
        min-height: 21px;
        padding: 3px 6px;
        border-radius: 6px;
        font-size: 10px;
    }

    .movie-card--series span.movie-card__language,
    .movie-card--series span.movie-lang {
        max-width: calc(100% - 46px);
    }

    .movie-card__primary-category {
        min-height: 24px;
        padding: 3px 5px;
        font-size: 9.5px;
    }

    .movie-card__body {
        padding: 7px 6px 8px;
    }

    .movie-card--series .movie-card__title {
        min-height: 34px;
        font-size: 11.5px;
        line-height: 1.45;
    }

    .movie-card__metadata {
        min-height: 13px;
        margin-top: 4px;
        font-size: 9.5px;
    }

    .movie-card__preview-detail {
        margin-top: 3px;
        font-size: 8.5px;
    }
}

@media (max-width: 1px) {
    .movie-card__series-topbar {
        min-height: 30px;
        padding: 4px;
    }

    .movie-card--series span.movie-card__language,
    .movie-card--series span.movie-lang,
    .movie-card__episode {
        min-height: 19px;
        padding: 3px 5px;
        font-size: 9px;
    }

    .movie-card__primary-category {
        min-height: 22px;
        padding: 3px 4px;
        font-size: 8.8px;
    }

    .movie-card__body {
        padding: 6px 5px 7px;
    }

    .movie-card--series .movie-card__title {
        min-height: 32px;
        font-size: 10.5px;
    }

    .movie-card__metadata {
        font-size: 8.8px;
    }

    .movie-card__preview-detail {
        font-size: 7.8px;
    }
}

@media (max-width: 1px) {
    /* Two-column breakpoint gains width per card, so restore a little text size. */
    .movie-card__primary-category {
        font-size: 9.5px;
    }

    .movie-card--series .movie-card__title {
        min-height: 35px;
        font-size: 11.5px;
    }

    .movie-card__metadata {
        font-size: 9.5px;
    }
}

/* ==========================================================================
   YimAnime v1.9.3 — Single Anime Episode player preview
   ========================================================================== */
.series-episode-content {
    min-width: 0;
}

.series-episode-header {
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-surface);
}

.series-episode-series-link {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--color-accent);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.series-episode-title {
    margin: 0;
    color: var(--color-text-strong);
    font-size: 20px;
    line-height: 1.35;
}

.series-episode-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.series-episode-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-chip);
    color: var(--color-text-strong);
    font-size: 12px;
    line-height: 1;
}

.series-episode-chip--language {
    border-color: rgba(36, 113, 220, .55);
}

.series-episode-player {
    overflow: hidden;
    border: 1px solid var(--color-player-border);
    border-radius: 6px;
    background: #000;
}

.series-episode-player__frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.series-episode-player__frame iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0;
    background: #000;
}

.series-episode-player__empty {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 320px;
    padding: 24px;
    text-align: center;
    color: var(--color-text-muted);
    background: var(--color-player);
}

.series-episode-player__empty strong {
    color: var(--color-text-strong);
}

.series-episode-controls {
    margin-top: 8px;
    padding: 10px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-surface);
}

.series-episode-controls__select-wrap {
    display: grid;
    grid-template-columns: auto minmax(160px, 260px);
    align-items: center;
    justify-content: end;
    gap: 8px;
    margin-bottom: 8px;
}

.series-episode-controls__select-wrap label {
    color: var(--color-text-muted);
    font-size: 12px;
}

.series-episode-select {
    width: 100%;
    height: 36px;
    padding: 5px 30px 5px 10px;
    border: 1px solid var(--color-input-border);
    border-radius: 5px;
    background: var(--color-input-bg);
    color: var(--color-input-text);
}

.series-episode-navigation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 7px;
}

.series-episode-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    background: var(--color-surface-raised);
    color: var(--color-text-strong);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.series-episode-nav:hover,
.series-episode-nav:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.series-episode-nav--hub {
    min-width: 115px;
}

.series-episode-nav--disabled {
    color: var(--color-text-muted);
    opacity: .6;
    cursor: default;
}

.series-episode-debug {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px dashed var(--color-border);
    border-radius: 5px;
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 11px;
}

.series-episode-debug strong {
    color: var(--color-accent);
}

.series-episode-debug code {
    color: var(--color-text-strong);
}

.series-episode-debug a {
    color: var(--color-accent);
}

.series-episode-description {
    margin-top: 10px;
    padding: 14px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-surface);
    color: var(--color-text);
}

html[data-theme="light"] .series-episode-player {
    border-color: #c8cdd5;
}

html[data-theme="light"] .series-episode-header,
html[data-theme="light"] .series-episode-controls,
html[data-theme="light"] .series-episode-debug,
html[data-theme="light"] .series-episode-description {
    box-shadow: 0 1px 3px rgba(18, 25, 38, .06);
}

@media (max-width: 1px) {
    .series-episode-header {
        padding: 10px;
    }

    .series-episode-title {
        font-size: 17px;
    }

    .series-episode-controls__select-wrap {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .series-episode-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .series-episode-nav--hub {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
    }

    .series-episode-player__empty {
        min-height: 220px;
    }
}

@media (max-width: 1px) {
    .series-episode-navigation {
        gap: 5px;
    }

    .series-episode-nav {
        padding-inline: 7px;
        font-size: 12px;
    }
}


/* ========================================================================== 
   YimAnime v1.9.4 — Single Anime Hub Preview
   Anime parent posts become series hubs. Episode player behavior remains in
   the dedicated Episode template introduced in v1.9.3.
   ========================================================================== */

/* ==========================================================================
   YimAnime v1.9.9.4.14 - Imported Base Player fallback
   VOJGUDEE-imported Anime parents with no published Episodes may play their
   _anime_player_base_id directly. Published Episode children remain primary.
   ========================================================================== */

.series-hub-content {
    min-width: 0;
}

.series-hub-hero,
.series-hub-direct-player,
.series-hub-episodes,
.series-hub-related,
.series-related {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
}

.series-hub-hero {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    gap: 22px;
    padding: 18px;
}

.series-hub-poster {
    min-width: 0;
}

.series-hub-poster__image {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 7px;
    background: var(--color-surface-hover);
}

.series-hub-summary {
    min-width: 0;
}

.series-hub-kicker {
    margin-bottom: 3px;
    color: var(--color-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.series-hub-title {
    margin: 0 0 10px;
    color: var(--color-text-strong);
    font-size: clamp(22px, 2.3vw, 32px);
    line-height: 1.25;
}

.series-hub-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 15px;
}

.series-hub-chip {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid var(--color-border-strong);
    border-radius: 6px;
    background: var(--color-surface-hover);
    color: var(--color-text-strong);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.series-hub-chip--sub {
    border-color: rgba(36, 101, 214, .65);
    background: #2465d6;
    color: #fff;
}

.series-hub-chip--dub {
    border-color: rgba(213, 51, 45, .65);
    background: #d5332d;
    color: #fff;
}

.series-hub-chip--airing { color: #f1a526; }
.series-hub-chip--finished { color: #64bd5d; }
.series-hub-chip--upcoming { color: #9a72e8; }
.series-hub-chip--cancelled { color: #e05b5b; }

.series-hub-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0 0 15px;
}

.series-hub-facts > div {
    display: grid;
    grid-template-columns: minmax(80px, auto) minmax(0, 1fr);
    gap: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--color-border);
}

.series-hub-facts dt,
.series-hub-facts dd {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
}

.series-hub-facts dt { color: var(--color-text-muted); }
.series-hub-facts dd { color: var(--color-text-strong); font-weight: 600; }

.series-hub-synopsis {
    max-height: 180px;
    margin-bottom: 16px;
    overflow: auto;
    color: var(--color-text);
    font-size: 13px;
    line-height: 1.65;
    scrollbar-width: thin;
}

.series-hub-synopsis > :first-child { margin-top: 0; }
.series-hub-synopsis > :last-child { margin-bottom: 0; }

.series-hub-latest {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border-radius: 6px;
    background: var(--color-accent);
    color: #111 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.series-hub-latest:hover,
.series-hub-latest:focus-visible {
    filter: brightness(1.05);
}

.series-hub-latest__icon {
    font-size: 12px;
}

.series-hub-direct-player,
.series-hub-episodes,
.series-hub-related,
.series-related {
    margin-top: 14px;
    padding: 14px;
}

.series-hub-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--color-border);
}

.series-hub-section-header h2 {
    margin: 0;
    color: var(--color-text-strong);
    font-size: 17px;
    line-height: 1.35;
}

.series-hub-section-header > span {
    color: var(--color-text-muted);
    font-size: 12px;
}

.series-hub-episode-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 7px;
}

.series-hub-episode-link {
    display: flex;
    min-width: 0;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 7px 6px;
    border: 1px solid var(--color-border-strong);
    border-radius: 6px;
    background: var(--color-surface-hover);
    color: var(--color-text-strong) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, transform .15s ease;
}

.series-hub-episode-link small {
    color: var(--color-accent);
    font-size: 9px;
    font-weight: 700;
}

.series-hub-episode-link:hover,
.series-hub-episode-link:focus-visible,
.series-hub-episode-link--latest {
    border-color: var(--color-accent);
}

.series-hub-episode-link:hover,
.series-hub-episode-link:focus-visible {
    color: var(--color-accent) !important;
    transform: translateY(-1px);
}

.series-hub-ranges {
    display: grid;
    gap: 8px;
}

.series-hub-range {
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-surface-raised);
    overflow: hidden;
}

.series-hub-range > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    color: var(--color-text-strong);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    list-style-position: inside;
}

.series-hub-range > summary small {
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 500;
}

.series-hub-range[open] > summary {
    border-bottom: 1px solid var(--color-border);
}

.series-hub-range > .series-hub-episode-grid {
    padding: 10px;
}

.series-hub-empty {
    display: grid;
    gap: 4px;
    padding: 20px;
    border: 1px dashed var(--color-border-strong);
    border-radius: 6px;
    color: var(--color-text-muted);
    text-align: center;
}

.series-hub-empty strong {
    color: var(--color-text-strong);
}

.series-hub-related-grid,
.series-related__grid {
    margin-bottom: 0;
}

.series-related {
    padding: 14px;
}

.series-related__header > span {
    color: var(--color-text-muted);
    font-size: 12px;
}

.series-related--episode {
    margin-top: 14px;
}

html[data-theme="light"] .series-hub-hero,
html[data-theme="light"] .series-hub-direct-player,
html[data-theme="light"] .series-hub-episodes,
html[data-theme="light"] .series-hub-related,
html[data-theme="light"] .series-related {
    box-shadow: 0 2px 12px rgba(20, 30, 45, .05);
}

@media (max-width: 1px) {
    .series-hub-episode-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-hub-hero {
        grid-template-columns: 130px minmax(0, 1fr);
        gap: 14px;
        padding: 13px;
    }

    .series-hub-title {
        font-size: 20px;
    }

    .series-hub-facts {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .series-hub-facts > div {
        padding-bottom: 5px;
    }

    .series-hub-synopsis {
        max-height: 130px;
        font-size: 12px;
    }

    .series-hub-episode-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-hub-hero {
        grid-template-columns: 105px minmax(0, 1fr);
        gap: 11px;
        padding: 10px;
    }

    .series-hub-kicker { font-size: 10px; }
    .series-hub-title { margin-bottom: 7px; font-size: 17px; }
    .series-hub-chips { gap: 4px; margin-bottom: 9px; }
    .series-hub-chip { min-height: 22px; padding: 4px 6px; font-size: 10px; }

    .series-hub-facts {
        margin-bottom: 9px;
    }

    .series-hub-facts > div {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 6px;
    }

    .series-hub-facts dt,
    .series-hub-facts dd {
        font-size: 10px;
    }

    .series-hub-synopsis {
        display: none;
    }

    .series-hub-latest {
        width: 100%;
        min-height: 34px;
        padding: 7px 8px;
        font-size: 11px;
    }

    .series-hub-direct-player,
    .series-hub-episodes,
    .series-hub-related,
    .series-related {
        margin-top: 9px;
        padding: 9px;
    }

    .series-hub-section-header {
        margin-bottom: 8px;
        padding-bottom: 7px;
    }

    .series-hub-section-header h2 {
        font-size: 14px;
    }

    .series-hub-episode-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
    }

    .series-hub-episode-link {
        min-height: 34px;
        padding: 5px 4px;
        font-size: 10px;
    }

    .series-hub-range > summary {
        padding: 8px 9px;
        font-size: 11px;
    }

    .series-hub-range > .series-hub-episode-grid {
        padding: 7px;
    }
}

@media (max-width: 1px) {
    .series-hub-hero {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .series-hub-episode-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* ========================================================================== 
   YimAnime v1.9.5 — Related Anime Section
   Shared recommendation component for Anime Hub + Episode. Only Anime parents
   are eligible; the current series and all Episode posts are excluded.
   ========================================================================== */
.series-related {
    min-width: 0;
}

.series-related .movie-card {
    min-width: 0;
}

/* ========================================================================== 
   YimAnime v1.9.7 — Anime Trailer + Episode Context
   Trailer remains Anime-parent metadata. Episode pages receive only compact
   parent context so the Anime Hub stays the canonical information page.
   ========================================================================== */

.series-hub-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.series-hub-trailer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid var(--color-border-strong);
    border-radius: 6px;
    background: var(--color-surface-raised);
    color: var(--color-text-strong);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.series-hub-trailer:hover,
.series-hub-trailer:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

body.series-trailer-open {
    overflow: hidden;
}

.series-trailer-modal[hidden] {
    display: none !important;
}

.series-trailer-modal {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.series-trailer-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    backdrop-filter: blur(3px);
    cursor: pointer;
}

.series-trailer-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    overflow: hidden;
    border: 1px solid var(--color-border-strong);
    border-radius: 10px;
    background: var(--color-surface);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
}

.series-trailer-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--color-border);
}

.series-trailer-modal__header > div {
    min-width: 0;
}

.series-trailer-modal__type {
    display: block;
    margin-bottom: 1px;
    color: var(--color-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.series-trailer-modal__header strong {
    display: block;
    overflow: hidden;
    color: var(--color-text-strong);
    font-size: 14px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-trailer-modal__close {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--color-border-strong);
    border-radius: 50%;
    background: var(--color-surface-raised);
    color: var(--color-text-strong);
    font: inherit;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.series-trailer-modal__close:hover,
.series-trailer-modal__close:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.series-trailer-modal__frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

.series-trailer-modal__frame iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    border: 0;
    background: #000;
}

.series-episode-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-bottom: 7px;
    color: var(--color-text-muted);
    font-size: 11px;
    line-height: 1.4;
}

.series-episode-breadcrumb a,
.series-episode-breadcrumb span {
    min-width: 0;
}

.series-episode-breadcrumb a {
    overflow: hidden;
    color: var(--color-text-muted);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-episode-breadcrumb a:hover,
.series-episode-breadcrumb a:focus-visible {
    color: var(--color-accent);
}

.series-episode-context {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 13px;
    margin-top: 8px;
    padding: 11px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-surface);
}

.series-episode-context__poster {
    display: block;
    align-self: start;
    overflow: hidden;
    border-radius: 5px;
    background: var(--color-surface-hover);
}

.series-episode-context__image {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.series-episode-context__body {
    min-width: 0;
}

.series-episode-context__kicker {
    display: block;
    margin-bottom: 2px;
    color: var(--color-accent);
    font-size: 10px;
    font-weight: 700;
}

.series-episode-context__title {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.35;
}

.series-episode-context__title a {
    color: var(--color-text-strong);
    text-decoration: none;
}

.series-episode-context__title a:hover,
.series-episode-context__title a:focus-visible {
    color: var(--color-accent);
}

.series-episode-context__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 7px;
}

.series-episode-context__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-chip);
    color: var(--color-text-strong);
    font-size: 10px;
    line-height: 1;
}

.series-episode-context__summary {
    display: -webkit-box;
    margin: 0 0 8px;
    overflow: hidden;
    color: var(--color-text);
    font-size: 12px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.series-episode-context__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.series-episode-context__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid var(--color-border-strong);
    border-radius: 5px;
    color: var(--color-text-strong);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.series-episode-context__details {
    border-color: var(--color-accent) !important;
    background: var(--color-accent);
    color: #111 !important;
}

.series-episode-context__episodes:hover,
.series-episode-context__episodes:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

html[data-theme="light"] .series-episode-context,
html[data-theme="light"] .series-trailer-modal__dialog {
    box-shadow: 0 2px 12px rgba(20, 30, 45, .06);
}

@media (max-width: 1px) {
    .series-hub-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .series-hub-trailer,
    .series-hub-actions .series-hub-latest {
        width: 100%;
        min-height: 34px;
        padding: 7px 8px;
        font-size: 11px;
    }

    .series-trailer-modal {
        padding: 10px;
    }

    .series-trailer-modal__header {
        padding: 9px 10px;
    }

    .series-trailer-modal__header strong {
        font-size: 12px;
    }

    .series-episode-context {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 9px;
        padding: 9px;
    }

    .series-episode-context__title {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .series-episode-context__meta {
        gap: 4px;
        margin-bottom: 5px;
    }

    .series-episode-context__meta span {
        min-height: 20px;
        padding: 3px 6px;
        font-size: 9px;
    }

    .series-episode-context__summary {
        margin-bottom: 6px;
        font-size: 10.5px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
    }

    .series-episode-context__actions {
        gap: 5px;
    }

    .series-episode-context__actions a {
        min-height: 27px;
        padding: 4px 7px;
        font-size: 9.5px;
    }
}

@media (max-width: 1px) {
    .series-episode-context {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .series-episode-context__summary {
        display: none;
    }
}



/* ================================================================
 * YimAnime AJAX Pagination v1.9.8.4
 * Load-more + Show-all controls for Anime discovery grids.
 * ================================================================ */
.series-pagination {
    width: 100%;
    margin: 42px auto 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    clear: both;
}

.series-pagination__load-more,
.series-pagination__show-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 58px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #f50078 0%, #ff3348 53%, #ff7900 100%);
    color: #fff !important;
    font-family: Kanit, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    transition: transform .16s ease, filter .16s ease, opacity .16s ease;
}

.series-pagination__load-more {
    width: min(80%, 620px);
    padding: 15px 28px;
}

.series-pagination__show-all {
    width: min(46%, 345px);
    padding: 14px 24px;
}

.series-pagination__load-more:hover,
.series-pagination__show-all:hover,
.series-pagination__load-more:focus-visible,
.series-pagination__show-all:focus-visible {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.series-pagination__load-more.is-loading {
    opacity: .72;
    pointer-events: none;
}

.series-pagination__chevron {
    width: 11px;
    height: 11px;
    margin-left: 13px;
    margin-top: -5px;
    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
    transform: rotate(45deg);
    flex: 0 0 auto;
}

.series-pagination__status {
    min-height: 1px;
    font-family: Kanit, sans-serif;
    font-size: 13px;
    color: #aaa;
    text-align: center;
}

.series-pagination.is-complete .series-pagination__load-more {
    display: none;
}

@media (max-width: 1px) {
    .series-pagination {
        margin: 30px auto 40px;
        gap: 12px;
    }

    .series-pagination__load-more,
    .series-pagination__show-all {
        width: 100%;
        max-width: none;
        min-height: 50px;
        font-size: 17px;
    }
}


/* ================================================================
 * YimAnime v1.9.8.5 — Mobile Header + Pagination Visual Tuning
 * Keep desktop structure and pagination behavior intact.
 * ================================================================ */

/* Pagination: match YimAnime dark surfaces and yellow accent. */
.series-pagination__load-more,
.series-pagination__show-all {
    background: var(--color-surface);
    color: var(--color-text-strong) !important;
    border: 1px solid var(--color-border-strong);
    box-shadow: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.series-pagination__load-more {
    border-color: var(--color-accent);
    color: var(--color-accent) !important;
}

.series-pagination__show-all {
    background: var(--color-surface-hover);
    color: var(--color-text-muted) !important;
}

.series-pagination__load-more:hover,
.series-pagination__load-more:focus-visible {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #111 !important;
    filter: none;
    transform: translateY(-1px);
}

.series-pagination__show-all:hover,
.series-pagination__show-all:focus-visible {
    background: var(--color-surface-raised);
    border-color: var(--color-accent);
    color: var(--color-accent) !important;
    filter: none;
    transform: translateY(-1px);
}

/* Mobile header: one clear vertical reading order. */
@media (max-width: 1px) {
    .site-header__inner.header-info,
    .header-info {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        justify-items: center;
        align-items: center;
        gap: 8px;
        padding: 10px 0 14px;
    }

    .site-header__logo.header-logo,
    .header-logo {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        text-align: center;
    }

    .site-header__main.header-description,
    .header-description {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .site-header__actions.header-search {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .header-info .site-logo,
    .site-header__logo-image.site-logo {
        width: auto !important;
        max-width: 165px !important;
        max-height: 64px;
        margin: 0 auto;
        object-fit: contain;
    }

    .site-branding h1,
.site-header__title {
        margin: 0 0 7px;
        padding: 0 4px;
        font-size: 12px;
        line-height: 1.35;
        text-align: center;
        white-space: normal;
    }

    .header-description .site-header__layout-item,
    .search-input,
    .search-input form.site-search,
    .search-input .site-search {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .search-input {
        max-width: 360px;
        margin: 0 auto;
        padding: 0;
    }

    .search-input input[type="search"],
    .search-input input[type="text"],
    #s-anime {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-height: 38px;
        margin: 0;
        box-sizing: border-box;
        border-radius: 18px;
    }

    .site-header__meta {
        width: 100%;
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 0;
    }

    .site-header__meta .totalmovie {
        margin: 0 !important;
        line-height: 1.25;
        text-align: center;
    }
}

@media (max-width: 1px) {
    .header-info .site-logo,
    .site-header__logo-image.site-logo {
        max-width: 150px !important;
        max-height: 58px;
    }

    .site-branding h1,
.site-header__title {
        font-size: 11.5px;
    }

    .search-input {
        max-width: none;
    }

    .series-pagination {
        margin-top: 26px;
    }
}


/* ==========================================================================\n   YimAnime v1.9.8.6 — Footer Navigation + Desktop Search Tuning\n   Keeps the v1.9.8.5 mobile header and v1.9.8.4 pagination behavior intact.\n   ========================================================================== */

/* Footer navigation has its own layout so header .main-navigation rules do not leak into it. */
.site-footer .content-footer .site-footer__inner {
    display: grid;
    grid-template-columns: minmax(0, 35%) minmax(0, 60%);
    column-gap: 5%;
    align-items: start;
}

.site-footer__about {
    min-width: 0;
}

.site-footer__navigation {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    overflow: visible;
}

.site-footer__navigation .site-footer__menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0 28px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__navigation .site-footer__menu > li {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

.site-footer__navigation .site-footer__menu > li > a {
    position: relative;
    display: block;
    padding: 16px 0 14px;
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}

.site-footer__navigation .site-footer__menu > li > a::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 6px;
    height: 3px;
    border-radius: 3px;
    background: var(--color-accent);
    opacity: 0;
    transform: scaleX(.55);
    transition: opacity .18s ease, transform .18s ease;
}

.site-footer__navigation .site-footer__menu > li.current-menu-item > a,
.site-footer__navigation .site-footer__menu > li.current_page_item > a,
.site-footer__navigation .site-footer__menu > li > a:hover,
.site-footer__navigation .site-footer__menu > li > a:focus-visible {
    color: var(--color-text-strong);
}

.site-footer__navigation .site-footer__menu > li.current-menu-item > a::after,
.site-footer__navigation .site-footer__menu > li.current_page_item > a::after,
.site-footer__navigation .site-footer__menu > li > a:hover::after,
.site-footer__navigation .site-footer__menu > li > a:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
}

/* Desktop search: use the available center column instead of inheriting legacy 100px form padding. */
@media (min-width: 821px) {
    .header-description .site-header__layout-item {
        width: 100%;
    }

    .header-description .search-input {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        padding: 0;
    }

    .header-description .search-input form.site-search.header-search {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .header-description .search-input #s-anime,
    .header-description .search-input input[type="search"] {
        display: block;
        width: 100% !important;
        min-height: 42px;
        margin: 0;
        padding: 9px 18px;
        box-sizing: border-box;
        border: 1px solid var(--color-input-border);
        border-radius: 22px;
        background: var(--color-input-bg);
        color: var(--color-input-text);
        font-size: 14px;
        line-height: 1.4;
        outline: 0;
    }

    .header-description .search-input #s-anime:focus,
    .header-description .search-input input[type="search"]:focus {
        border-color: var(--color-accent);
        box-shadow: 0 0 0 2px rgba(255, 192, 0, .12);
    }

    .header-description .search-input div#searchParentBox {
        width: 100%;
        left: 0;
        top: 48px;
        box-sizing: border-box;
    }
}

@media (max-width: 1px) {
    .site-footer .content-footer .site-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 18px;
    }

    .site-footer__about {
        text-align: center;
    }

    .site-footer__navigation {
        padding-top: 8px;
        border-top: 1px solid var(--color-border-subtle);
    }

    .site-footer__navigation .site-footer__menu {
        justify-content: center;
        gap: 0 18px;
    }

    .site-footer__navigation .site-footer__menu > li > a {
        padding: 12px 0 11px;
        font-size: 14px;
    }
}

@media (max-width: 1px) {
    .site-footer__navigation .site-footer__menu {
        gap: 0 14px;
    }

    .site-footer__navigation .site-footer__menu > li > a {
        font-size: 13px;
    }
}


/* ================================================================
 * v1.9.8.8 - Standard WordPress Page layout
 * Keep static Pages independent from Anime discovery sidebars.
 * ================================================================ */
.site-main--page {
    min-width: 0;
}

.static-page-shell {
    width: min(1120px, calc(100% - 32px));
    margin: 34px auto 48px;
    box-sizing: border-box;
}

.static-page-card {
    width: 100%;
    margin: 0;
    padding: 28px 32px 34px;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    color: var(--color-text);
}

.static-page-header {
    margin: 0 0 22px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--color-border);
}

.static-page-title {
    margin: 0;
    color: var(--color-text-strong);
    font-size: clamp(24px, 2.2vw, 32px);
    line-height: 1.3;
    font-weight: 600;
}

.static-page-content {
    margin: 0;
    color: var(--color-text);
    font-size: 16px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.static-page-content > :first-child {
    margin-top: 0;
}

.static-page-content > :last-child {
    margin-bottom: 0;
}

.static-page-content p,
.static-page-content ul,
.static-page-content ol,
.static-page-content blockquote,
.static-page-content table {
    margin-top: 0;
    margin-bottom: 1.2em;
}

.static-page-content h2,
.static-page-content h3,
.static-page-content h4,
.static-page-content h5,
.static-page-content h6 {
    margin: 1.5em 0 .6em;
    color: var(--color-text-strong);
    line-height: 1.4;
    font-weight: 600;
}

.static-page-content a {
    color: var(--color-accent);
    text-decoration: none;
}

.static-page-content a:hover,
.static-page-content a:focus-visible {
    text-decoration: underline;
}

.static-page-content img,
.static-page-content video,
.static-page-content iframe {
    max-width: 100%;
}

.static-page-content img {
    height: auto;
}

.static-page-content table {
    width: 100%;
    border-collapse: collapse;
}

.static-page-content th,
.static-page-content td {
    padding: 10px 12px;
    border: 1px solid var(--color-border);
}

.static-page-content blockquote {
    margin-left: 0;
    padding: 12px 18px;
    border-left: 3px solid var(--color-accent);
    background: var(--color-surface-raised);
}

html[data-theme="light"] .static-page-card {
    background: #fff;
    border-color: #ddd;
    color: #333;
}

html[data-theme="light"] .static-page-header {
    border-color: #ddd;
}

html[data-theme="light"] .static-page-title,
html[data-theme="light"] .static-page-content h2,
html[data-theme="light"] .static-page-content h3,
html[data-theme="light"] .static-page-content h4,
html[data-theme="light"] .static-page-content h5,
html[data-theme="light"] .static-page-content h6 {
    color: #171717;
}

html[data-theme="light"] .static-page-content {
    color: #333;
}

html[data-theme="light"] .static-page-content blockquote {
    background: #f5f5f5;
}

@media (max-width: 1px) {
    .static-page-shell {
        width: calc(100% - 20px);
        margin-top: 18px;
        margin-bottom: 30px;
    }

    .static-page-card {
        padding: 18px 16px 24px;
        border-radius: 8px;
    }

    .static-page-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }

    .static-page-title {
        font-size: 22px;
    }

    .static-page-content {
        font-size: 15px;
        line-height: 1.75;
    }
}


/* ========================================================================== 
   YimAnime v1.9.9.1 - Homepage intro + important genre sections
   ========================================================================== */
.series-home-intro {
    position: relative;
    overflow: hidden;
    margin: 32px 0 4px;
    padding: 26px 30px 25px;
    border: 1px solid #2d2d2d;
    border-radius: 9px;
    background: #141414;
    text-align: center;
}

.series-home-intro__accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #006064 0%, #FDD835 50%, #00BCD4 100%);
}

.series-home-intro__content {
    max-width: 1120px;
    margin: 0 auto;
}

.series-home-intro h1 {
    margin: 0 0 12px;
    color: #fff;
    font-family: Kanit, sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.35;
}

.series-home-intro p {
    margin: 7px 0 0;
    color: #c8c8c8;
    font-size: 15px;
    line-height: 1.75;
}

.series-home-genres {
    margin: 42px 0 20px;
}

.series-home-genre {
    margin: 0 0 34px;
}

.series-home-genre__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 13px;
    padding: 0 2px 10px;
    border-bottom: 1px solid #303030;
}

.series-home-genre__header h2 {
    position: relative;
    margin: 0;
    padding-left: 13px;
    color: #f2f2f2;
    font-family: Kanit, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
}

.series-home-genre__header h2::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff9f1c 0%, #ff4f81 100%);
}

.series-home-genre__all {
    flex: 0 0 auto;
    color: #ffc000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.series-home-genre__all span {
    display: inline-block;
    margin-left: 4px;
    font-size: 21px;
    line-height: 0;
    vertical-align: -2px;
}

.series-home-genre__all:hover,
.series-home-genre__all:focus-visible {
    color: #ff7a9f;
}

.series-home-genre__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 0;
}

html[data-theme="light"] .series-home-intro {
    border-color: #dedede;
    background: #fff;
}

html[data-theme="light"] .series-home-intro h1,
html[data-theme="light"] .series-home-genre__header h2 {
    color: #222;
}

html[data-theme="light"] .series-home-intro p {
    color: #555;
}

html[data-theme="light"] .series-home-genre__header {
    border-bottom-color: #dedede;
}

@media (max-width: 1px) {
    .series-home-genre__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-home-genre__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-home-intro {
        margin-top: 22px;
        padding: 22px 18px 20px;
    }

    .series-home-intro h1 {
        font-size: 21px;
    }

    .series-home-intro p {
        font-size: 14px;
        line-height: 1.65;
    }

    .page-layout__home-genres .series-home-genres {
        margin-top: 32px;
        margin-bottom: 10px;
    }

    .series-home-genre {
        margin-bottom: 28px;
    }

    .series-home-genre__header h2 {
        font-size: 19px;
    }

    .series-home-genre__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 1px) {
    .series-home-intro {
        margin-top: 16px;
        padding: 18px 13px 16px;
        border-radius: 7px;
    }

    .series-home-intro h1 {
        margin-bottom: 9px;
        font-size: 18px;
    }

    .series-home-intro p {
        font-size: 13px;
        line-height: 1.6;
    }

    .series-home-genre__header {
        margin-bottom: 10px;
        padding-bottom: 8px;
    }

    .series-home-genre__header h2 {
        padding-left: 10px;
        font-size: 17px;
    }

    .series-home-genre__all {
        font-size: 12px;
    }

    .series-home-genre__grid {
        gap: 7px;
    }
}

@media (max-width: 1px) {
    .series-home-genre__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}

/* ========================================================================== 
   YimAnime v1.9.9.3 - 404 recovery page
   ========================================================================== */
.site-main--404 {
    min-width: 0;
}

.series-404 {
    width: min(1180px, calc(100% - 32px));
    margin: 36px auto 52px;
}

.series-404__hero {
    padding: 46px 28px 40px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface);
    text-align: center;
}

.series-404__code {
    margin: 0 0 4px;
    color: var(--color-accent);
    font-size: clamp(70px, 11vw, 132px);
    font-weight: 800;
    line-height: .95;
    letter-spacing: -.04em;
}

.series-404__title {
    margin: 18px 0 8px;
    color: var(--color-text-strong);
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 600;
    line-height: 1.35;
}

.series-404__description {
    margin: 0 auto;
    max-width: 720px;
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.7;
}

.series-404-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: min(680px, 100%);
    margin: 24px auto 0;
    overflow: hidden;
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    background: var(--color-surface-raised);
}

.series-404-search__input {
    min-width: 0;
    min-height: 46px;
    padding: 10px 14px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--color-text-strong);
    font-family: Kanit, sans-serif;
    font-size: 15px;
}

.series-404-search__input::placeholder {
    color: #8d8d8d;
}

.series-404-search__button {
    min-width: 94px;
    padding: 0 20px;
    border: 0;
    border-left: 1px solid var(--color-border-strong);
    background: var(--color-accent);
    color: #111;
    font-family: Kanit, sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.series-404-search__button:hover,
.series-404-search__button:focus-visible {
    filter: brightness(1.06);
}

.series-404__home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 18px;
    padding: 0 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: 7px;
    color: var(--color-text-strong);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.series-404__home:hover,
.series-404__home:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.series-404__genres,
.series-404__latest {
    margin-top: 38px;
}

.series-404__section-title {
    margin: 0 0 14px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-strong);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
}

.series-404__genre-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.series-404__genre {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--color-border-strong);
    border-radius: 999px;
    background: var(--color-surface-raised);
    color: var(--color-text);
    font-size: 14px;
    text-decoration: none;
}

.series-404__genre:hover,
.series-404__genre:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.series-404__latest-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 0;
}

html[data-theme="light"] .series-404__hero {
    background: #fff;
    border-color: #ddd;
}

html[data-theme="light"] .series-404__title,
html[data-theme="light"] .series-404__section-title {
    color: #171717;
}

html[data-theme="light"] .series-404__description {
    color: #555;
}

html[data-theme="light"] .series-404-search,
html[data-theme="light"] .series-404__genre {
    background: #f7f7f7;
    border-color: #ddd;
}

html[data-theme="light"] .series-404-search__input,
html[data-theme="light"] .series-404__home {
    color: #222;
}

@media (max-width: 1px) {
    .series-404__latest-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-404 {
        margin-top: 24px;
    }

    .series-404__hero {
        padding: 36px 20px 32px;
    }

    .series-404__latest-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 1px) {
    .series-404 {
        width: calc(100% - 20px);
        margin-top: 16px;
        margin-bottom: 34px;
    }

    .series-404__hero {
        padding: 28px 14px 24px;
        border-radius: 8px;
    }

    .series-404__title {
        margin-top: 14px;
        font-size: 22px;
    }

    .series-404__description {
        font-size: 14px;
    }

    .series-404-search {
        grid-template-columns: minmax(0, 1fr) 82px;
        margin-top: 20px;
    }

    .series-404-search__button {
        min-width: 0;
        padding: 0 12px;
    }

    .series-404__genres,
    .series-404__latest {
        margin-top: 30px;
    }

    .series-404__section-title {
        font-size: 18px;
    }

    .series-404__genre-list {
        gap: 7px;
    }

    .series-404__genre {
        min-height: 35px;
        padding: 0 12px;
        font-size: 13px;
    }

    .series-404__latest-grid {
        gap: 7px;
    }
}

@media (max-width: 1px) {
    .series-404__latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}

\n\n/* ==========================================================================\n   YimAnime v1.9.9.4.1 — Tablet header search + Anime Genre sidebar/H1 cleanup\n   ========================================================================== */\n.header-description .search-input form.site-search.header-search {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.header-description .search-input #s-anime,\n.header-description .search-input input[type="search"] {\n    display: block;\n    width: 100% !important;\n    max-width: 100%;\n    box-sizing: border-box;\n}\n\n@media (min-width: 601px) and (max-width: 1px) {\n    .site-header__main.header-description,\n    .header-description {\n        min-width: 0;\n    }\n\n    .header-description .site-header__layout-item {\n        width: 100%;\n        min-width: 0;\n    }\n\n    .header-description .search-input {\n        width: 100%;\n        max-width: 360px;\n        margin: 0 auto;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .header-description .search-input #s-anime,\n    .header-description .search-input input[type="search"] {\n        min-height: 40px;\n        margin: 0;\n        padding: 8px 16px;\n        border-radius: 20px;\n        font-size: 14px;\n    }\n}\n

/* ==========================================================================
   YimAnime v1.9.9.4.2 — Production cleanup
   ========================================================================== */
.series-search-empty {
    padding: 28px 24px;
    margin-bottom: 20px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    text-align: center;
}

.series-search-empty h2 {
    margin: 0 0 8px;
    color: var(--color-text-strong);
    font-size: 22px;
}

.series-search-empty p {
    margin: 0 0 18px;
}

.series-search-empty .site-search {
    width: min(100%, 460px);
    margin: 0 auto;
    padding: 0;
}

.series-search-empty .site-search__input {
    width: 100% !important;
}

/* ========================================================================== 
   YimAnime v1.9.9.4.7 — Anime Parent Related Taxonomy + Tag Links
   Real assigned Category / Platform / Genre / Type / Tag links only.
   ========================================================================== */
.series-related-terms {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
}

.series-related-terms__header {
    margin-bottom: 14px;
}

.series-related-terms__header h2 {
    position: relative;
    margin: 0;
    padding-left: 15px;
    color: var(--color-text-strong);
    font-size: 18px;
    line-height: 1.35;
}

.series-related-terms__header h2::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 3px;
    border-radius: 3px;
    background: var(--color-accent);
    content: "";
}

.series-related-terms__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.series-related-terms__link {
    display: flex;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    padding: 10px 13px;
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    background: var(--color-surface-hover);
    color: var(--color-text-strong) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, transform .15s ease;
}

.series-related-terms__link:hover,
.series-related-terms__link:focus-visible {
    border-color: var(--color-accent);
    color: var(--color-accent) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .series-related-terms {
    box-shadow: 0 2px 12px rgba(20, 30, 45, .05);
}

@media (max-width: 1px) {
    .series-related-terms__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1px) {
    .series-related-terms {
        margin-top: 9px;
        padding: 11px;
    }

    .series-related-terms__header {
        margin-bottom: 9px;
    }

    .series-related-terms__header h2 {
        padding-left: 12px;
        font-size: 15px;
    }

    .series-related-terms__grid {
        gap: 7px;
    }

    .series-related-terms__link {
        min-height: 40px;
        padding: 8px 10px;
        font-size: 12px;
    }
}

@media (max-width: 1px) {
    .series-related-terms__grid {
        grid-template-columns: 1fr;
    }
}


/* ========================================================================== 
   YimAnime v1.9.9.4.15 - Direct Player panel frame
   Keep the temporary Base-ID player visually consistent with the other
   Anime Hub panels while legacy imports are being migrated to Episodes.
   ========================================================================== */
.series-hub-direct-player {
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    background: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--color-border-subtle);
    overflow: hidden;
}

.series-hub-direct-player > .series-hub-section-header {
    margin: -14px -14px 12px;
    padding: 11px 14px 9px;
    background: var(--color-surface-raised);
    border-bottom: 1px solid var(--color-border-strong);
}

@media (max-width: 1px) {
    .series-hub-direct-player > .series-hub-section-header {
        margin: -9px -9px 8px;
        padding: 9px 9px 7px;
    }
}


/* ========================================================================== 
   YimAnime v1.9.9.4.17 - Strict pagination mode separation
   Homepage: Load More + Show All only.
   Discovery archives: numbered pagination only.
   ========================================================================== */
body.home .series-numbered-pagination,
body.home .wp-pagenavi,
body.home .pagination-x > .wp-pagenavi {
    display: none !important;
}

body.category .series-pagination,
body.tag .series-pagination,
body.tax-series_genre .series-pagination,
body.tax-series_type .series-pagination,
body.tax-series_platform .series-pagination {
    display: none !important;
}

/* v1.9.9.4.25 Restore Anime Series Group v1.9.9.5 */
.series-group {
    margin-top: 14px;
    padding: 14px;
}
.series-group__grid {
    margin-top: 0;
}
.movie-card--series-current {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent), 0 5px 18px rgba(0, 0, 0, .18);
}
.movie-card__series-current {
    position: absolute;
    z-index: 5;
    top: 43px;
    left: 7px;
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--color-accent);
    color: #111;
    font-family: Kanit, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}
@media (max-width: 1px) {
    .movie-card__series-current { top: 38px; left: 5px; padding: 3px 6px; font-size: 9px; }
}

/* VOJGUDEE legacy player compatibility v1.0.2.1 */
.series-legacy-external{margin:18px 0;padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035);text-align:center}
.series-legacy-external__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}