/* PsyPlay v2.0 | Single CSS | Zero Bootstrap | Zero Framework | Light Mode */

/* ══════════════════════════════════════════════════════════════════════════════
   1. RESET & BASE
   ══════════════════════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box}
html{font-size:10px;-webkit-text-size-adjust:100%;line-height:1.15}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857;color:#333;background:#e5e5e5;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;margin-top:20px;margin-bottom:10px}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}
p{margin:0 0 10px}
a{color:#307b03;text-decoration:none!important;outline:none}
a:hover,a:focus{color:#307b03}
img{vertical-align:middle;border:0;max-width:100%;height:auto}
ul,ol{margin-top:0;margin-bottom:10px}
table{border-spacing:0;border-collapse:collapse;background:transparent}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}
button{overflow:visible;cursor:pointer}
fieldset{padding:0;margin:0;border:0}

/* ══════════════════════════════════════════════════════════════════════════════
   2. INLINE SVG ICONS (zero webfonts, zero external requests)
   ══════════════════════════════════════════════════════════════════════════════ */
svg.icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.footer-social svg{display:inline-block;margin-right:12px;vertical-align:middle}

/* ══════════════════════════════════════════════════════════════════════════════
   3. LAYOUT (replaces Bootstrap grid — only what we use)
   ══════════════════════════════════════════════════════════════════════════════ */
.container{max-width:1170px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row::after{content:"";display:table;clear:both}
.col-lg-4{width:100%;padding:0 15px}
@media(min-width:992px){.col-lg-4{width:33.333%}}
.clearfix::after{content:"";display:table;clear:both}

/* ══════════════════════════════════════════════════════════════════════════════
   4. UTILITIES
   ══════════════════════════════════════════════════════════════════════════════ */
.mt20{margin-top:20px!important}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px!important}
.pad{height:20px;display:block}
.thumb{background-position:50% 25%;background-size:cover;display:inline-block}
.lazy{opacity:0;transition:opacity .3s}
.lazy[src]:not([src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"]){opacity:1}

/* ══════════════════════════════════════════════════════════════════════════════
   5. BUTTONS
   ══════════════════════════════════════════════════════════════════════════════ */
.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:2px;user-select:none;background:none;touch-action:manipulation}
.btn:hover{text-decoration:none}
.btn-block{display:block;width:100%;border-radius:3px}
.btn-block+.btn-block{margin-top:5px}
.btn-lg{padding:10px 16px;font-size:18px;line-height:1.333;border-radius:2px}
.btn-successful{background:#307b03;border:none;border-bottom:3px solid #307b03;color:#fff!important}
.btn-successful:hover{background:#307b03;border-bottom:3px solid #307b03}
.btn-primary{background:#3598DB;border:none;border-bottom:3px solid #2486C8!important;color:#fff}
.btn-primary:hover{background:#2D94D9;border-bottom:3px solid #2486C8!important}
.btn-default{background:#eee;border:none;border-bottom:3px solid #ddd!important;color:#333}
.btn-default:hover{background:#e5e5e5!important;border-bottom:3px solid #ccc!important}
.btn-danger{background:#d9534f;border:none;border-bottom:3px solid #CC091C!important;color:#fff}

/* ══════════════════════════════════════════════════════════════════════════════
   6. FORM
   ══════════════════════════════════════════════════════════════════════════════ */
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857;color:#555;background:#fff;border:1px solid #ccc;border-radius:2px;transition:border-color .15s ease}
.form-control:focus{border-color:#66afe9;outline:0;box-shadow:0 0 0 2px rgba(102,175,233,.25)}

/* ══════════════════════════════════════════════════════════════════════════════
   7. HEADER
   ══════════════════════════════════════════════════════════════════════════════ */
header{background:#fff;height:70px;width:100%;display:table;box-shadow:0 0 5px rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:99}
header .header-logo{margin-right:10px;margin-top:7px;position:relative;display:inline-block;float:left;margin-right:50px}
header .header-logo::after{background:#eee;content:"";display:inline-block;height:45px;position:absolute;right:-30px;top:5px;width:1px}
.header-pad{height:70px}
#logo{display:inline-flex;align-items:center;text-decoration:none!important;height:49px;max-width:320px}
#logo img{height:49px;width:auto;display:block}

/* ── Text logo (shown when no image uploaded) ── */
.psy-text-logo{display:flex;flex-direction:column;justify-content:center;line-height:1}
.psy-logo-name{display:inline-flex;align-items:center;gap:0;font-size:29px;font-weight:900;color:#111;letter-spacing:0;text-transform:uppercase;font-family:Arial,Helvetica,'Helvetica Neue',sans-serif;line-height:1;font-style:normal}
/* Play-button O — PRMovies style */
.psy-logo-o{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:radial-gradient(circle at 38% 35%,#8ed145,#5fa81e 55%,#3d7a0e);border-radius:50%;margin:0 1px;flex-shrink:0;position:relative;top:0;box-shadow:0 4px 14px rgba(50,110,10,.5)}
.psy-logo-o svg{display:block;margin-left:0;margin-right:2px;flex-shrink:0}
.psy-logo-tag{font-size:13px;font-weight:400;color:#999;letter-spacing:.3px;text-transform:none;margin-top:4px;display:block;font-family:Arial,Helvetica,sans-serif}

/* ── Nav menu ── */
#menu{float:left}
#menu ul.top-menu{list-style:none;padding:0;margin:0}
#menu ul.top-menu li{display:inline-block;float:left;margin:0 5px;position:relative}
#menu ul.top-menu li a{height:70px;line-height:70px;padding:0 5px;font-size:15px;color:#333;text-transform:uppercase;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;font-weight:600;letter-spacing:.6px;transform:scaleY(1.15);display:inline-block;transform-origin:center}
#menu ul.top-menu li:hover a,#menu ul.top-menu li.active a{color:#307b03}
#menu ul.top-menu li.active a{border-bottom:3px solid #307b03}

/* ── Sub menu ── */
#menu .sub-container{position:absolute;top:60px;left:-20px;width:500px;background:#fff;border:1px solid #ccc;border-top:1px solid #307b03;z-index:5;box-shadow:0 0 3px rgba(0,0,0,.1);display:none}
#menu .sub-container ul.sub-menu{padding:10px;list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:6px}
#menu .sub-container ul.sub-menu li{box-sizing:border-box;flex-shrink:0}
#menu .sub-container ul.sub-menu li a{height:30px;line-height:30px;font-size:14px;padding:0 12px;text-transform:none;display:block;white-space:nowrap;border-bottom:none!important;color:#333;background:#eee;border-radius:3px;transition:background .25s ease,color .25s ease}
#menu .sub-container ul.sub-menu li:hover a,#menu .sub-container ul.sub-menu li:hover a:hover{background:#307b03!important;color:#fff!important;transition:background .25s ease,color .25s ease}

/* ── Search ── */
#search{float:right;width:295px;margin-top:17px;position:relative}
#search input.search-input{border:1px solid #ccc;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);padding-right:50px}
#search .search-content{position:relative}
#search button{display:inline-block;font-size:18px;position:absolute;top:0;right:0;height:34px;width:34px;text-align:center;background:none;border:none;cursor:pointer;color:#307b03}
#search button svg{stroke-width:2.5}
#search button i{line-height:30px}

/* ── Mobile toggles ── */
.mobile-menu,.mobile-search{display:none;color:#307b03}

.mobile-menu.active,.mobile-search.active{background:#666}.mobile-menu.active svg,.mobile-search.active svg{color:#fff}

/* ══════════════════════════════════════════════════════════════════════════════
   8. MAIN LAYOUT
   ══════════════════════════════════════════════════════════════════════════════ */
#main{position:relative;min-height:800px}
.main-content{max-width:100%}
.main-detail{max-width:1200px;margin:0 auto}
.page-profiles .pad{height:20px}

/* ══════════════════════════════════════════════════════════════════════════════
   9. MOVIE GRID + HOMEPAGE TABS
   ══════════════════════════════════════════════════════════════════════════════ */
.movies-list-wrap{display:block;overflow:hidden;margin:0 0 40px}
.movies-list-wrap .ml-title{display:flex;align-items:center;gap:10px;margin-bottom:10px;margin-top:15px;flex-wrap:wrap}
.movies-list-wrap .ml-title > span{font-size:18px;font-weight:400;display:inline-block;padding:0 20px;height:40px;line-height:40px;background:#307b03;color:#fff;border-radius:3px 3px 0 0}

/* ── Site button (green, like "prmovies >") ── */
.psy-site-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 24px;background:#307b03;color:#fff!important;font-size:16px;font-weight:600;border-radius:4px;transition:background .2s;margin-right:10px;height:40px}
.psy-site-btn:hover{background:#307b03;color:#fff!important}
.movies-list{display:flex;flex-wrap:wrap;margin:0 -1%}
.movies-list-full{display:flex;flex-wrap:wrap}
.ml-item{width:10.5%;margin:1%;position:relative;height:260px;overflow:hidden;border-radius:4px;transition:box-shadow .2s ease,transform .2s ease}
.ml-item:hover{box-shadow:0 0 0 3px #307b03,0 4px 20px rgba(121,193,66,.4);transform:translateY(-2px);z-index:2}
.ml-item .mli-quality{background:#FED700;border-radius:3px;color:#222;font-size:11px;font-weight:500;padding:4px 6px;position:absolute;right:8px;top:8px;z-index:4}
.ml-item .mli-thumb,.ml-item img.thumb.mli-thumb{width:100%!important;height:auto!important;min-height:100%!important}
.ml-item .mli-info{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:url(./img/mask-title.png) top repeat-x;z-index:5}
.ml-item .mli-info h2{font-size:14px;margin:0;font-weight:400;text-align:center;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.6)}
.ml-item .ml-mask{display:inline-block;overflow:hidden;position:absolute;inset:0}
.ml-item .ml-mask::before{content:"";background:rgba(0,0,0,.6);position:absolute;inset:0;opacity:0;transition:opacity .2s ease;z-index:4}
.ml-item .ml-mask:hover::before{opacity:1}
.ml-item .ml-mask::after{content:"";width:55px;height:55px;background:url(./img/btn-overlay.png) center/cover;opacity:0;position:absolute;top:50%;left:50%;margin:-27.5px 0 0 -27.5px;transition:opacity .2s ease;z-index:4}
.ml-item .ml-mask:hover::after{opacity:1}
.mlw-related .movies-list .ml-item{width:14.6%;margin:1%;height:280px}

/* ══════════════════════════════════════════════════════════════════════════════
   10. BREADCRUMBS
   ══════════════════════════════════════════════════════════════════════════════ */
#bread .breadcrumb{padding:0;background:none;color:#333;list-style:none;display:flex;gap:4px}
#bread .breadcrumb a{color:#333}
#bread .breadcrumb li::after{content:"/";padding:0 4px;color:#ccc}
#bread .breadcrumb li:last-child::after{display:none}
#bread .breadcrumb li.active{color:#777}

/* ══════════════════════════════════════════════════════════════════════════════
   11. PAGINATION (matches original PsyPlay)
   ══════════════════════════════════════════════════════════════════════════════ */
#pagination{margin-top:30px;text-align:center}
.pagination{display:inline-flex;gap:0;padding:0;list-style:none;flex-wrap:wrap;justify-content:center}
.pagination li a{display:inline-block;padding:6px 12px;margin:0 5px;border-radius:3px;color:#333;text-decoration:none;border:none}
.pagination li a:hover{background:#eee}
.pagination li.active a{background:#307b03;color:#fff;border:none;cursor:default}

/* ── View All + Total count ── */
.ml-meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}
.ml-total-btn{display:inline-block;padding:6px 16px;background:#fff;color:#307b03;border:1px solid #ddd;border-radius:3px;font-size:13px;font-weight:600}
.ml-total-btn strong{color:#307b03}
.ml-view-all{display:inline-block;padding:6px 16px;background:#fff;color:#307b03;border:1px solid #ddd;border-radius:3px;font-size:13px;font-weight:600;transition:all .25s ease}
.ml-view-all:hover{background:#307b03;color:#fff;border-color:#307b03}

/* ══════════════════════════════════════════════════════════════════════════════
   12. SINGLE MOVIE PAGE
   ══════════════════════════════════════════════════════════════════════════════ */
.page-detail .pad{height:20px}
.main-detail{max-width:1200px;margin:0 auto}

/* ── Splash backdrop with play button ── */
#psy-splash{position:relative;cursor:pointer}
#psy-splash #psy-splash-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#307b03;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:transform .2s,box-shadow .2s;padding:0}
#psy-splash #psy-splash-play:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px rgba(0,0,0,.4)}
#psy-splash::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);transition:background .3s}
#psy-splash:hover::after{background:rgba(0,0,0,.15)}

/* ── Movie info block ── */
#mv-info{margin-bottom:0;position:relative}
#mv-info .mvi-cover{height:500px;width:100%;max-width:1200px;margin:0 auto;position:relative;background-size:cover;background-position:center}

/* ── Player embed area ── */
#content-embed{background:#000;width:100%;position:relative}
.psy-player-frame{display:none;background:#000;width:100%;height:500px}
.psy-player-frame.active{display:block}
.psy-player-frame iframe{width:100%!important;height:100%!important;border:0;display:block}

/* ── Player nav (server tabs below player — original style) ── */
.player_nav{background:#fff;margin-bottom:20px}
.player_nav .idTabs{list-style:none;padding:0;margin:0}
.player_nav .idTabs li{padding:12px 20px;border-bottom:1px solid #eee;display:flex;align-items:center}
.player_nav .idTabs li:last-child{border-bottom:none}
.player_nav .les-title{float:left;width:140px;font-size:13px;display:flex;align-items:center}
.player_nav .les-title strong{font-weight:600}
.player_nav .les-content{padding-left:10px}
.player_nav .les-content a{display:inline-block;padding:7px 12px 5px;min-width:72px;text-align:center;border-radius:3px;background:#f0f0f0;border-bottom:3px solid #e0e0e0;font-size:12px;color:#333;font-weight:700;text-transform:uppercase;cursor:pointer}
.player_nav .les-content a:hover{background:#666;border-color:#555;color:#fff}
.player_nav .les-content a.active{background:#307b03;border-color:#307b03;color:#fff}
.player_nav .les-content a.active::before{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;margin-right:8px;vertical-align:middle}

#mv-info .mvi-content{background:#fff;padding:20px;font-size:13px;position:relative;width:100%;margin-top:-5px}
#mv-info .mvi-content h3{font-size:20px;line-height:28px;margin:0 0 10px;display:initial;margin-right:10px}
#mv-info .mvi-content .block-trailer{display:inline-block;vertical-align:middle;margin-bottom:10px}
#mv-info .mvi-content .block-trailer .btn,.block-trailer button{border-radius:15px;padding:4px 15px;font-size:12px;cursor:pointer}

#mv-info .mvi-content .mvic-desc{width:700px;margin-right:20px;min-height:210px;float:left;padding-right:20px;border-right:1px solid #eee}
#mv-info .mvi-content .mvic-desc .desc{margin-bottom:10px;font-size:13px;font-style:italic;color:#1a1919}
#mv-info .mvi-content .mvic-info{width:100%;display:block}
#mv-info .mvi-content .mvic-info p{margin-bottom:3px}
#mv-info .mvi-content .mvic-info .mvici-left{float:left;width:48%;margin-right:2%}
#mv-info .mvi-content .mvic-info .mvici-right{float:left;width:50%}
#mv-info .mvi-content .mvic-thumb{width:140px;height:210px;float:left;margin-right:20px;background-size:cover;background-position:center}
#mv-info .mvi-content .mvic-thumb img{width:140px;height:210px;object-fit:cover}
#mv-info .mvi-content .quality{display:inline-block;font-size:11px;text-transform:uppercase;background:#222;color:#fff;margin-left:2px;padding:2px 5px;border-radius:3px}

/* ── Keywords ── */
#mv-keywords{margin-bottom:20px;padding:20px;display:block;clear:both;background:#f5f5f5}
#mv-keywords strong{margin-right:10px}
#mv-keywords a{margin:5px 15px 5px 0;color:#888;text-transform:capitalize}
#mv-keywords a:hover{color:#307b03}
#mv-keywords a h5{font-size:14px;font-weight:400;white-space:nowrap;display:inline-block;margin:0}
#mv-keywords a h5::before{content:'#'}
#mv-keywords a::before{content:'#'}

/* ── Download links table (original style) ── */
.psy-download-section{margin:20px 0}
.psy-dl-title{margin-bottom:0}
.psy-dl-title span{display:inline-block;padding:8px 20px;background:#307b03;color:#fff;font-size:16px;font-weight:600;border-radius:3px 3px 0 0}
.psy-dl-table{width:100%;border-collapse:collapse;background:#fff}
.psy-dl-table thead th{background:#888;color:#fff;padding:10px 20px;font-size:13px;font-weight:600;text-align:center}
.psy-dl-table tbody td{padding:12px 20px;text-align:center;border-bottom:1px solid #eee;font-size:13px;vertical-align:middle}
.psy-dl-table tbody tr:nth-child(even){background:#f9f9f9}
.psy-dl-table tbody tr:hover{background:#f0f0f0}
.psy-dl-btn{display:inline-block;padding:8px 30px;background:#307b03;color:#fff!important;border-radius:3px;font-weight:600;font-size:13px;transition:background .2s}
.psy-dl-btn:hover{background:#307b03}

/* ── Comments section ── */
#commentfb{padding:10px 20px;margin:20px 0;background:#fff;display:block}
.comment-avatar{float:left}
.comment-avatar img{border-radius:5px;height:40px;width:40px}
.comment-author{float:left;margin-left:15px;padding:4px}
p.author-name{margin:0;font-size:16px;font-weight:700;color:#353535}
p.comment-date{font-size:12px}
.comment-cont{margin-bottom:13px;border-bottom:1px solid #eaeaea}
.post-comments .comment-cont:last-child{border-bottom:0}
.post-comments{list-style:none;padding:0}
a.comment-reply-link{color:#fff;font-size:11px;padding:5px;background:#307b03}
a.comment-reply-link:hover{background:#6d6d6d}
#comments h3{margin-bottom:25px}
#respond p label{display:block}
#respond p textarea,#respond p input{width:100%;padding:5px 10px;background:#f5f5f5;border:1px solid #d8d8d8}
#respond p input[type=submit]{width:auto;color:#fff;padding:10px 15px;background:#307b03;border:0;border-radius:3px;cursor:pointer}
#respond p input[type=submit]:hover{background:#307b03}

/* ── Fake player buttons (mobile) ── */
.mobile-btn{padding:10px;background:#fff;border-bottom:1px solid #ddd;display:none}
.mobile-btn .btn{width:48%;float:left;margin:0 1%}
.mobile-btn .btn-01{margin-right:2%}
.mobile-btn .btn-02{margin-left:2%}
.psy-trailer-btn{cursor:pointer}

/* ══════════════════════════════════════════════════════════════════════════════
   13. DOWNLOAD / WATCH LINKS
   ══════════════════════════════════════════════════════════════════════════════ */
#list-eps{background:#fff;margin-bottom:20px}
#list-eps .le-server{padding:10px 20px;border-bottom:1px solid #eee}
#list-eps .le-server:last-of-type{border-bottom:none}
#list-eps .le-server .les-title{display:inline-block;width:120px;float:left;padding-top:10px}
#list-eps .le-server .les-content{padding-left:130px;font-size:0}
#list-eps .le-server .les-content .btn-eps{padding:7px 12px 5px;min-width:72px;text-align:center;border-radius:3px;background:#f0f0f0;border-bottom:3px solid #e0e0e0;font-size:12px;color:#333;font-weight:700;margin:5px;white-space:nowrap;display:inline-block}
#list-eps .le-server .les-content .btn-eps:hover{border-color:#555;background:#666;color:#fff}

/* ══════════════════════════════════════════════════════════════════════════════
   15. PAGES (generic, 404)
   ══════════════════════════════════════════════════════════════════════════════ */
.infopage{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.infopage .infopage-head{display:block;padding:10px 20px;border-bottom:1px solid #eee;font-size:20px;background:#f8f8f8}
.infopage .content{padding:15px 20px}
.page-404{background:#fff url(./img/404.png) bottom center no-repeat;min-height:600px}
.not-found{text-align:center;padding:80px 0}
.not-found h1{font-size:140px;margin-top:100px}

/* ══════════════════════════════════════════════════════════════════════════════
   16. FOOTER
   ══════════════════════════════════════════════════════════════════════════════ */
footer{background:#1E1E1E;padding:20px 0 40px;color:#fff;margin-top:30px}
footer a{color:#ccc}
#footer .footer-link{float:left;margin-right:60px}
.footer-link-head{font-size:16px}
.footer-link a{display:block;padding:3px 0;color:#ccc}
.footer-link a:hover{color:#307b03}
.footer-social a{color:#fff;display:inline-block}
.footer-social a:hover{color:#307b03}
.footer-social svg{width:28px;height:28px;margin-right:12px}
#social-foot{margin-top:10px}
.footer-copyright{text-align:center}
.mv-ft-logo{max-width:200px;height:auto}
.footer-one{float:left;width:33.333%}
.footer-subs{float:left;width:33.333%}

/* ══════════════════════════════════════════════════════════════════════════════
   17. SLIDER — contained width, hover-reveal info panel (original PsyPlay)
   ══════════════════════════════════════════════════════════════════════════════ */
#psy-slider{position:relative;width:100%;overflow:hidden;background:#bbb;height:405px;margin-bottom:20px}
#psy-slider .psy-slides{display:flex;height:100%;will-change:transform;transition:transform .5s ease}
#psy-slider .psy-slide{min-width:100%;height:100%;position:relative;background-size:cover;background-position:50% 25%}
#psy-slider .psy-slide-link{position:absolute;inset:0;z-index:2}

/* ── Caption: dark panel that slides in from right on hover ── */
#psy-slider .psy-slide-caption{
  position:absolute;right:-380px;top:0;
  width:380px;height:100%;
  padding:25px 30px;
  color:#fff;background:rgba(0,0,0,.75);
  opacity:0;
  transition:right .35s ease, opacity .35s ease;
  z-index:5;
  overflow-y:auto;
  display:flex;flex-direction:column;justify-content:center
}
#psy-slider .psy-slide:hover .psy-slide-caption{right:0;opacity:1}
#psy-slider .psy-slide-caption h2{margin:0 0 10px;font-size:22px;color:#307b03;word-wrap:break-word;line-height:1.3}
#psy-slider .psy-slide-caption .sc-desc{font-size:13px;color:#ccc;line-height:1.5;margin:0 0 12px}

/* ── Info block inside caption ── */
.slide-caption-info{background:rgba(0,0,0,.5);border-radius:4px;padding:4px 0;border:1px solid rgba(255,255,255,.15);margin-bottom:15px;font-size:12px}
.slide-caption-info .sci-row{margin:8px 15px;line-height:1.2em;color:#ccc}
.slide-caption-info .sci-row strong{display:inline-block;width:75px;color:#fff}
.slide-caption-info .sci-row a{color:#ccc}
.slide-caption-info .sci-row a:hover{color:#307b03}

/* ── Dots: bottom-left like original Swiper pagination ── */
#psy-slider .psy-dots{position:absolute;bottom:18px;left:20px;display:flex;gap:6px;z-index:4}
#psy-slider .psy-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.7);cursor:pointer;border:none;padding:0;box-shadow:0 0 3px rgba(0,0,0,.5);transition:all .2s}
#psy-slider .psy-dot.active{background:transparent;border:2px solid #fff;width:13px;height:13px}

/* ══════════════════════════════════════════════════════════════════════════════
   18. BACKDROP SLIDESHOW (single page)
   ══════════════════════════════════════════════════════════════════════════════ */
#psy-backdrops{padding:15px;background:#fff;margin-top:20px}
#psy-backdrops-track{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
#psy-backdrops-track::-webkit-scrollbar{display:none}
#psy-backdrops-track img{height:120px;width:auto;border-radius:3px;cursor:pointer;flex-shrink:0}

/* ══════════════════════════════════════════════════════════════════════════════
   19. TRAILER MODAL (pure CSS/JS, no Bootstrap modal)
   ══════════════════════════════════════════════════════════════════════════════ */
#psy-trailer-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);align-items:center;justify-content:center}
#psy-trailer-modal.open{display:flex}
#psy-trailer-inner{position:relative;width:800px;max-width:95vw;background:#000}
#psy-trailer-inner iframe{width:100%;height:450px;border:0;display:block}
#psy-trailer-close{position:absolute;top:-36px;right:0;color:#fff;background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px}
#psy-trailer-close:hover{color:#307b03}

/* ══════════════════════════════════════════════════════════════════════════════
/* ══════════════════════════════════════════════════════════════════════════════
   21. ADMIN BAR FIX
   ══════════════════════════════════════════════════════════════════════════════ */
.admin-bar header{top:32px!important}
.admin-bar .header-pad{padding-top:32px}
@media(max-width:782px){
  .admin-bar header{top:46px!important}
  .admin-bar .header-pad{padding-top:46px}
}

/* ══════════════════════════════════════════════════════════════════════════════
   22. PRINT
   ══════════════════════════════════════════════════════════════════════════════ */
@media print{
  *{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}
  a,a:visited{text-decoration:underline}
  header,footer,.mobile-menu,.mobile-search,#psy-slider,.psy-prev,.psy-next,.psy-dots{display:none}
  img{max-width:100%!important}
}

/* ══════════════════════════════════════════════════════════════════════════════
   23. RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── XL screens ── */
@media(min-width:1600px){
  .container{max-width:1580px}
}
@media(max-width:1599px){
  .container{max-width:1300px}
  .ml-item{height:200px}
  #psy-slider{height:355px}
  #search{width:275px}
  .psy-player-frame{height:470px}
}
@media(max-width:1325px){
  .container{max-width:1170px}
  #search{width:215px}
  #logo{height:40px}.psy-logo-name{font-size:22px}.psy-logo-o{width:38px;height:38px}
  header .header-logo::after{display:none}
  header .header-logo{margin-right:20px;margin-top:14px}
  .ml-item{height:180px}
  .ml-item .mli-info h2{font-size:12px}
  .main-detail{width:100%}
  .mlw-related .movies-list .ml-item{height:240px}
  footer .footer-one,footer .footer-subs{width:50%}
  footer .footer-copyright{width:100%;float:none;text-align:center;padding-top:30px}
  #menu ul.top-menu li a{font-size:14px;transform:none}
  #psy-slider .psy-slide-caption{width:320px;right:-320px}
}

/* ── Large tablets / small laptops ── */
@media(max-width:1199px){
  .container{max-width:970px}
  #menu{position:absolute;float:none;bottom:0;left:15px;right:15px;border-top:1px solid #ddd}
  #menu ul.top-menu{margin-bottom:0;display:block}
  #menu ul.top-menu li.active a{border-bottom:2px solid #307b03}
  #menu .sub-container{top:40px;left:-10px;width:470px}
  #menu .sub-container ul.sub-menu li{margin:.65%;width:32%}
  #menu .sub-container ul.sub-menu li a{height:24px;line-height:24px}
  #main{margin-top:0}
  #psy-slider{height:245px}
  #psy-slider .psy-slide-caption{width:280px;right:-280px;padding:15px 20px}
  #psy-slider .psy-slide-caption h2{font-size:18px}
  .slide-caption-info{display:none}
  .pad{height:20px}
  .ml-item{width:14.6%;height:230px}
  #mv-info .mvi-content .mvic-desc{width:500px;border-right:none;padding-right:0}.mvic-side{min-height:auto;padding:10px 15px}
  #mv-info .mvi-cover{height:400px}.psy-player-frame{height:430px}
  #mv-keywords a h5{font-size:12px}
  #mv-info .mvi-content .mvic-info .mvici-left{width:63%;margin-right:2%}
  #mv-info .mvi-content .mvic-info .mvici-right{width:35%}
  .main-detail{width:100%}
}

/* ── Medium: menu becomes vertical ── */
@media(max-width:991px){
  .container{width:100%}
  .mobile-menu,.mobile-search{display:inline-block;cursor:pointer;height:34px;width:34px;text-align:center;line-height:32px;background:#eee;border-radius:3px;position:absolute;top:17px;left:15px;color:#307b03}
  .mobile-menu svg,.mobile-search svg{vertical-align:middle;margin-top:-2px;stroke-width:2.5}
  .mobile-menu.active,.mobile-search.active{background:#666}  .mobile-menu.active svg,.mobile-search.active svg{color:#fff}
  .mobile-search{left:auto;right:15px}
  header{position:relative!important;display:block!important;top:auto!important}
  header .container{height:70px}
  .header-pad{height:0}
  header .header-logo{float:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
  #main{margin-top:0!important}
  #menu{border-top:none;top:70px;right:15px;left:15px;background:#eee;display:none;position:absolute;z-index:100;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
  #menu.active{display:block!important}
  #menu ul.top-menu{width:100%;background:#eee}
  #menu ul.top-menu li{float:none;display:block;margin:0;border-bottom:1px solid #bbb;background:#eee}
  #menu ul.top-menu li.active a{border-bottom:none}
  #menu ul.top-menu li a{color:#333;display:block;height:40px;line-height:40px;padding:0 15px;font-size:14px;font-weight:700;background:#eee;transform:none}
  #menu ul.top-menu li a:hover,#menu ul.top-menu li.active a{color:#307b03;background:#e2e2e2}
  #menu .sub-container{width:100%;display:block!important;position:relative;top:auto;left:auto;background:#eee!important;border:none;box-shadow:none}
  #menu .sub-container ul.sub-menu li{border-bottom:none;width:23%;margin:1%}
  #menu .sub-container ul.sub-menu li a{height:28px;line-height:28px;font-size:12px;color:#555!important;background:#ddd}
  #search{float:none;position:absolute;bottom:-64px;left:0;right:0;width:auto;padding:15px;background:#fff;margin:15px;display:none}
  #search.active{display:inline-block}
  .ml-item{width:23%;margin:1%;height:260px}
  .ml-item .mli-info h2{font-weight:700;font-size:14px}
  #psy-slider{height:250px}
  #psy-slider .psy-slide-caption{display:none}
  .movies-list-wrap .ml-title > span{font-size:14px;padding:0 14px;height:34px;line-height:34px;background:#307b03;color:#fff;font-weight:600}
  #mv-info .mvi-cover{height:350px}.psy-player-frame{height:400px}
  #mv-info .mvi-content{margin-top:0}
  .mobile-btn{display:block}
  #mv-info .mvi-content .mvic-desc{float:none;padding-left:160px;margin-right:0;width:100%;padding-right:0;border-right:none}.mvic-side{display:none}
  .mlw-related .movies-list .ml-item{width:23%;height:300px}
  footer .footer-one,footer .footer-subs{float:left}
  .footer-copyright{width:100%;text-align:center}
}

/* ── Tablets ── */
@media(max-width:799px){
  #menu{left:0;right:0}
  #search{margin:0;padding:15px;padding-top:5px;top:70px;bottom:auto}
  #mv-info .mvi-content .mvic-thumb{width:100px;height:150px}
  #mv-info .mvi-content .mvic-thumb img{width:100px;height:150px}
  #mv-info .mvi-content .mvic-desc{padding-left:120px}
  #mv-info .mvi-content h3,#mv-info .mvi-content h1{font-size:18px}
  #mv-info .mvi-content .mvic-info .mvici-left{width:100%;float:none;margin-right:0}
  .mlw-related .movies-list .ml-item{width:23%;height:240px}
  #mv-info .mvi-content .mvic-thumb{display:none}
  #mv-info .mvi-content .mvic-desc{padding-right:0;padding-left:0}
  #mv-info .mvi-cover{height:300px}.psy-player-frame{height:300px}
  footer .footer-one{display:none}
  footer .footer-subs{float:right}
  footer .footer-copyright{float:left;width:50%;text-align:left;padding-top:10px}
}

/* ── Small phones ── */
@media(max-width:640px){
  #psy-slider .psy-slide-caption{display:none}
  #psy-slider{height:180px}
  .ml-item{height:200px}
  #bread{display:none}
  #mv-info .mvi-cover{height:220px}.psy-player-frame{height:250px}
  .mlw-related .movies-list .ml-item{width:31.3%;height:240px}
  #list-eps .le-server .les-title{float:none;width:100%;padding-top:0;margin-bottom:5px}
  #list-eps .le-server .les-content{padding-left:0}
  #list-eps .le-server{padding:10px 15px}
  .mobile-btn .btn{font-size:14px}
  footer .footer-subs,footer .footer-copyright{width:100%;float:none;margin-bottom:20px;text-align:center}
}

/* ── Extra small ── */
@media(max-width:520px){
  .ml-item{height:250px;margin:1%;width:31.3%}
  #logo{height:30px}.psy-logo-name{font-size:16px}.psy-logo-tag{display:none}.psy-logo-o{width:28px;height:28px;border-width:2px}
  header,header .container{height:50px}
  .header-pad{height:0}
  .mobile-menu,.mobile-search{top:8px;height:30px;width:30px}
  .mobile-menu svg,.mobile-search svg{width:16px;height:16px;vertical-align:middle;margin-top:-2px}
  header .header-logo{float:none;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  #menu{top:50px}
  #search{top:50px}
  #mv-info .mvi-cover{height:200px}.psy-player-frame{height:220px}
  #mv-info .mvi-cover::before{width:70px;height:70px;margin-top:-35px;margin-left:-35px}
}

@media(max-width:479px){
  .ml-item{height:250px;margin:1.5%;width:47%}
  #psy-slider{height:140px}
  #menu ul.top-menu li a{padding:0 8px}
  #menu .sub-container ul.sub-menu li{margin:0;width:33.33%}
  #menu .sub-container ul.sub-menu li a{padding-left:8px;background:#ddd!important}
  .mlw-related .movies-list .ml-item{width:48%;height:240px}
  #mv-info .mvi-content{padding:10px}
  #mv-info .mvi-content .mvic-info .mvici-left,#mv-info .mvi-content .mvic-info .mvici-right{width:100%;float:none}
  #mv-keywords{padding:10px;font-size:12px}
  #mv-info .mvi-content h3,#mv-info .mvi-content h1{line-height:1.3em;display:block;margin-bottom:10px}
  #mv-info .mvi-cover{height:180px}.psy-player-frame{height:200px}
  .mobile-btn .btn{font-size:13px}
}

/* ── Production additions (non-visual) ────────────────────────────────────── */
/* H1 on single page: same visual size as original h3 — SEO fix, zero design change */
#mv-info .mvi-content h1{font-size:20px;line-height:28px;margin:0 0 10px;display:block;font-weight:700}
/* Screen-reader only H1 for archive pages */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Skip-to-content link */
.skip-link{position:absolute;top:-100px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:99999;font-size:14px;text-decoration:none!important;border-radius:0 0 4px 0;transition:top .2s}
.skip-link:focus{top:0}

/* ── Star Rating ────────────────────────────────────────────────────────────── */
.mvic-side{float:left;padding:15px 20px;min-height:210px;display:flex;align-items:center;justify-content:center}
.psy-rate-label{margin:0 0 8px;font-size:12px}
.psy-star-rating{text-align:center}
.psy-stars-wrap{display:inline-flex;gap:3px}
.psy-star{background:none;border:none;cursor:pointer;font-size:26px;color:#ddd;padding:0;line-height:1;transition:color .15s,transform .1s;outline:none}
.psy-star:hover,.psy-star.hover{color:#f5c518;transform:scale(1.12)}
.psy-star.active{color:#f5c518}
.psy-star.rated{cursor:default}
.psy-star:focus-visible{outline:2px solid #307b03;border-radius:2px}
.psy-rating-text{display:block;font-size:11px;color:#888;font-style:italic;margin-top:6px}