:root{--bg:#0b0b0c;--surface:#151516;--surface-2:#1d1d1f;--surface-3:#242427;--text:#f2f2f3;--muted:#97979d;--line:#2a2a2d;--accent:#e51d4b;--accent-2:#ff3f67;--accent-dark:#9f0f33;--accent-rgb:229,29,75;--shell:1680px;--sidebar:340px;--radius:5px;--shadow:0 18px 55px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 32px),var(--shell));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:relative;z-index:50;background:#111;border-bottom:1px solid #242424;box-shadow:0 5px 22px rgba(0,0,0,.25)}.header-top{min-height:78px;display:grid;grid-template-columns:220px minmax(280px,680px) 1fr;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-main{font-size:29px;font-weight:950;letter-spacing:-.07em;line-height:1}.brand-main span{color:var(--accent)}.brand small{color:#68686d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-logo{max-width:210px;max-height:58px;width:auto;height:auto}.header-search{position:relative;display:flex;height:42px;background:#fff;border-radius:3px}.header-search input{min-width:0;flex:1;border:0;background:transparent;color:#222;outline:0;padding:0 15px}.header-search button{width:50px;border:0;background:var(--accent);color:#fff;cursor:pointer;border-radius:0 3px 3px 0}.header-search button:hover{background:var(--accent-2)}.header-search svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.live-search-results{display:none;position:absolute;left:0;right:0;top:48px;background:#181819;border:1px solid var(--line);box-shadow:var(--shadow);max-height:490px;overflow:auto}.live-search-results.is-visible{display:block}.search-result{display:flex;gap:10px;padding:9px;border-bottom:1px solid #28282b}.search-result:hover{background:#222225}.search-result img{width:76px;height:44px;object-fit:cover;background:#111}.search-result span{min-width:0}.search-result strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{display:block;color:var(--muted);margin-top:2px}.search-message{padding:16px;color:var(--muted);text-align:center}.menu-toggle{display:none;justify-self:end;width:42px;height:42px;border:1px solid var(--line);background:#1b1b1d;border-radius:4px;place-content:center;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:#fff}.nav-line{background:#181819;border-top:1px solid #222}.main-nav ul,.mobile-menu ul,.site-footer ul{list-style:none;padding:0;margin:0}.main-nav>ul{display:flex;align-items:center;gap:0;overflow:auto;scrollbar-width:none}.main-nav>ul::-webkit-scrollbar{display:none}.main-nav a{display:block;padding:13px 18px;color:#d4d4d7;font-size:13px;font-weight:750;text-transform:uppercase;white-space:nowrap;border-right:1px solid #252527}.main-nav li:first-child a{border-left:1px solid #252527}.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--accent);color:#fff}.mobile-menu{background:#181819;padding:8px 16px;border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:10px;border-bottom:1px solid var(--line)}
.headline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:15px}.headline>div{display:flex;align-items:center;gap:10px}.headline-mark{display:block;width:4px;height:25px;background:var(--accent)}.headline h1,.headline h2{margin:0;font-size:21px;line-height:1.15;text-transform:uppercase}.category-strip{display:flex;gap:8px;overflow:auto;padding-bottom:18px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip a{white-space:nowrap;padding:6px 12px;border-radius:3px;background:#1b1b1d;border:1px solid #29292c;color:#c9c9cc;font-size:12px}.category-strip a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.archive-head{display:flex;align-items:flex-start;gap:11px;padding-top:31px;padding-bottom:20px}.archive-head p{margin:0;color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:850}.archive-head h1{margin:3px 0 0;font-size:28px;line-height:1.15}.archive-description{color:var(--muted);margin-top:8px}
.page-layout,.single-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar);gap:24px;align-items:start}.main-column,.single-primary{min-width:0}.content-section{padding-bottom:52px}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px}.movie-card{min-width:0}.movie-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#171719;border-radius:var(--radius)}.movie-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.thumb-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 58%);opacity:.92}.movie-card:hover img{transform:scale(1.045);filter:brightness(.72)}.movie-play{position:absolute;left:50%;top:50%;z-index:3;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--accent-rgb),.95);color:#fff;opacity:0;transform:translate(-50%,-44%) scale(.85);transition:.2s}.movie-card:hover .movie-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.movie-play svg{width:21px;fill:currentColor;margin-left:3px}.badge{position:absolute;z-index:3;font-size:10px;font-weight:800;line-height:1;padding:5px 7px;border-radius:2px}.badge-category{left:7px;bottom:7px;background:var(--accent);color:#fff;max-width:56%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-duration{right:7px;bottom:7px;background:rgba(0,0,0,.84);color:#fff}.badge-views{right:7px;top:7px;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.78);color:#fff}.badge-views svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.movie-card-body{padding-top:8px}.movie-card h2{margin:0;font-size:14px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.movie-card h2 a:hover{color:var(--accent)}
.video-sidebar{min-width:0;padding-bottom:52px}.sidebar-sticky{position:sticky;top:14px;display:grid;gap:24px}.sidebar-section{background:#121214;border:1px solid #252529;padding:12px}.sidebar-title{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #2a2a2e}.sidebar-title span{width:4px;height:20px;background:var(--accent)}.sidebar-title h2{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.02em}.sidebar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.mini-card{min-width:0}.mini-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1b1b1d;border-radius:3px}.mini-thumb img{width:100%;height:100%;object-fit:cover;transition:.25s}.mini-card:hover img{transform:scale(1.05);filter:brightness(.72)}.mini-views{position:absolute;right:4px;bottom:4px;padding:3px 5px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-weight:750}.mini-card h3{margin:6px 0 0;font-size:11px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.mini-card h3 a:hover{color:var(--accent)}
.pagination .nav-links,ul.page-numbers{display:flex;justify-content:center;gap:6px;margin-top:32px;list-style:none;padding:0}.pagination .page-numbers,ul.page-numbers a,ul.page-numbers span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;background:#181819;border:1px solid var(--line);border-radius:3px}.pagination .page-numbers.current,.pagination a.page-numbers:hover,ul.page-numbers .current,ul.page-numbers a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.single-heading{padding-top:25px;padding-bottom:15px}.single-category{display:inline-block;color:var(--accent);font-weight:800;text-transform:uppercase;font-size:11px;margin-bottom:5px}.single-heading h1{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.2}.watch-shell{padding-bottom:10px}.player-wrap{position:relative;aspect-ratio:16/9;background:#000;border:1px solid #252525;overflow:hidden}.player-placeholder,.player-stage,.player-stage iframe{position:absolute;inset:0;width:100%;height:100%}.player-placeholder{display:grid;place-items:center;background-image:var(--player-poster);background-size:cover;background-position:center}.player-placeholder[hidden]{display:none}.player-blur{position:absolute;inset:-25px;background:inherit;background-size:cover;background-position:center;filter:blur(18px) brightness(.42)}.player-blur::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.player-view-badge{position:absolute;z-index:3;top:12px;right:12px;padding:7px 10px;border-radius:3px;background:rgba(0,0,0,.78);font-size:11px;font-weight:800}.player-start{position:relative;z-index:2;display:grid;place-items:center;gap:8px;border:0;background:transparent;color:#fff;cursor:pointer}.player-start span{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 0 0 10px rgba(var(--accent-rgb),.13),0 12px 35px rgba(0,0,0,.5)}.player-start:hover span{transform:scale(1.06);background:var(--accent-2)}.player-start svg{width:31px;fill:#fff;margin-left:4px}.player-start strong{font-size:14px}.player-empty{position:relative;z-index:2;padding:18px;background:rgba(0,0,0,.75);color:#ccc}.player-stage iframe{border:0;background:#000}.player-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#050505;color:#aaa}.player-notice{display:flex;align-items:center;gap:8px;background:#181819;border:1px solid #28282b;border-top:0;padding:10px 12px;color:#bfbfc4;font-size:12px}.player-notice span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.player-selector{background:#151516;border:1px solid #28282b;border-top:0;padding:12px}.selector-row{display:flex;align-items:flex-start;gap:12px}.selector-row+.selector-row{margin-top:10px}.selector-row>strong{width:64px;flex:0 0 64px;color:#85858b;font-size:10px;letter-spacing:.12em;padding-top:8px}.server-tabs,.episode-tabs{display:flex;flex-wrap:wrap;gap:7px}.server-tabs button,.episode-tabs button,.player-controls button{border:1px solid #343438;background:#222225;color:#d4d4d7;border-radius:3px;padding:7px 11px;cursor:pointer;font-size:12px;font-weight:750}.server-tabs button:hover,.server-tabs button.is-active,.episode-tabs button:hover,.episode-tabs button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.episode-tabs button{min-width:38px}.player-controls{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.player-controls button:disabled{opacity:.35;cursor:not-allowed}.player-controls button:not(:disabled):hover{border-color:var(--accent);color:#fff}.movie-body{padding-top:20px;padding-bottom:34px}.movie-main{max-width:none}.video-info-box{margin:0!important;padding:16px!important;background:#171719!important;border:1px solid #2a2a2d!important;border-radius:4px!important;color:#d8d8db!important}.video-info-box>div:first-child,.video-info-title{color:var(--accent)!important;font-weight:850!important;text-transform:uppercase!important;font-size:12px!important;margin-bottom:9px!important}.video-info-box>div:not(:first-child){color:#d8d8db!important;font-size:13px!important;line-height:1.5!important;margin-bottom:5px!important}.video-info-box p{margin:0;color:#c3c3c7}.post-taxonomies{margin-top:14px;padding:12px 0;color:#8f8f95;font-size:12px;border-top:1px solid var(--line)}.post-taxonomies div+div{margin-top:5px}.post-taxonomies strong{color:#cfcfd2}.post-taxonomies a:hover{color:var(--accent)}.related-section{border-top:1px solid var(--line);padding-bottom:55px}.related-section .headline{padding-top:29px}.related-section .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.site-footer{border-top:1px solid #252527;background:#111;color:#7e7e84}.footer-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner strong{color:#eee;font-size:17px}.footer-inner p{margin:5px 0 0}.site-footer ul{display:flex;gap:18px}.site-footer a:hover{color:var(--accent)}.empty-state{padding:70px 20px;background:#151516;border:1px dashed #343438;text-align:center}.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0}.not-found{text-align:center;padding:110px 20px}.not-found>span{font-size:90px;font-weight:950;color:var(--accent);line-height:1}.not-found h1{font-size:34px;margin:10px 0}.not-found p{color:var(--muted)}.not-found a{display:inline-block;margin-top:10px;padding:10px 15px;background:var(--accent);border-radius:3px}
@media(max-width:1500px){:root{--sidebar:320px}.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.related-section .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-top{grid-template-columns:190px minmax(260px,600px) 1fr}}
@media(max-width:1220px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-section .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){.page-layout,.single-layout{grid-template-columns:1fr}.video-sidebar{padding-top:6px}.sidebar-sticky{position:static}.sidebar-section{padding:14px}.sidebar-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.related-section .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.header-top{grid-template-columns:190px minmax(260px,1fr) auto}.menu-toggle{display:grid}.nav-line{display:none}.mobile-menu:not([hidden]){display:block}}
@media(max-width:840px){.movie-grid,.related-section .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.shell{width:min(calc(100% - 22px),var(--shell))}.header-top{min-height:64px;grid-template-columns:145px 1fr auto;gap:10px}.brand-main{font-size:23px}.brand small{display:none}.custom-logo{max-width:140px;max-height:48px}.header-search{height:38px}.header-search button{width:42px}.movie-grid,.related-section .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.sidebar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.headline{padding-top:22px}.headline h1,.headline h2{font-size:18px}.single-heading{padding-top:18px}.footer-inner{display:block;padding:30px 0}.site-footer ul{margin-top:16px;flex-wrap:wrap}}
@media(max-width:540px){.header-top{grid-template-columns:120px minmax(0,1fr) 40px}.brand-main{font-size:21px}.header-search input{padding-inline:10px;font-size:12px}.movie-grid,.related-section .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 9px}.sidebar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px}.movie-card h2{font-size:12.5px;min-height:36px}.movie-play{display:none}.badge{font-size:9px}.single-heading h1{font-size:22px}.player-start span{width:58px;height:58px}.player-start svg{width:25px}.selector-row{display:block}.selector-row>strong{display:block;width:auto;padding:0 0 7px}.episode-row{margin-top:12px!important}.player-controls{justify-content:space-between}.video-info-box{border-inline:0!important;border-radius:0!important}.sidebar-section{padding:10px}.mini-card h3{font-size:11px}.player-view-badge{top:8px;right:8px;padding:5px 7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* v2.2 — clean thumbnails: no hover logo, no dark veil, animated running border. */
.thumb-shade,.movie-play{display:none!important}
.movie-thumb,.mini-thumb{isolation:isolate;border:1px solid #252529;transition:border-color .2s,box-shadow .2s}
.movie-thumb::before,.mini-thumb::before{content:"";position:absolute;inset:-1px;z-index:8;padding:2px;border-radius:4px;pointer-events:none;opacity:0;background:conic-gradient(from var(--javhd-border-angle),transparent 0 58%,rgba(var(--accent-rgb),.15) 67%,var(--accent) 76%,#fff 81%,var(--accent) 86%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .18s}
.movie-card:hover .movie-thumb::before,.mini-card:hover .mini-thumb::before{opacity:1;animation:javhd-border-run .95s linear infinite}
.movie-card:hover .movie-thumb,.mini-card:hover .mini-thumb{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16),0 0 18px rgba(var(--accent-rgb),.18)}
.movie-card:hover .movie-thumb img,.mini-card:hover .mini-thumb img{transform:scale(1.025);filter:none}
@property --javhd-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes javhd-border-run{to{--javhd-border-angle:360deg}}
@media(prefers-reduced-motion:reduce){.movie-card:hover .movie-thumb::before,.mini-card:hover .mini-thumb::before{animation:none;background:var(--accent)}}

/* v2.3 — Roboto, Font Awesome icons, sharp industrial UI and player spinner. */
:root{--radius:0;--cut:7px}
body,button,input,textarea,select{font-family:"Roboto",Arial,"Segoe UI",sans-serif}
body{font-weight:400}
.brand-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--accent);font-size:26px}
.header-search,.header-search button,.menu-toggle,.live-search-results,.search-result img,
.movie-thumb,.mini-thumb,.sidebar-section,.player-wrap,.player-notice,.player-selector,
.server-tabs button,.episode-tabs button,.player-controls button,.video-info-box,.empty-state,
.nav-links a,.nav-links span,.page-numbers a,.page-numbers span,.not-found a{border-radius:0!important}
.header-search button,.menu-toggle{font-size:17px}
.menu-toggle{color:#fff}
.main-nav a,.mobile-menu a{font-weight:700;letter-spacing:.02em}
.headline-icon,.archive-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(var(--accent-rgb),.65);background:#171719;color:var(--accent);font-size:14px;clip-path:polygon(0 var(--cut),var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.headline-mark{display:none}
.sidebar-title>i{display:grid;place-items:center;width:27px;height:27px;background:var(--accent);color:#fff;font-size:12px;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
.sidebar-title{gap:10px;border-bottom-color:#303034}
.category-strip{gap:9px}
.category-strip a,.single-category,.post-taxonomies a{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid #3a3a3f;background:linear-gradient(180deg,#222225,#171719);color:#d9d9dd;font-weight:800;letter-spacing:.035em;text-transform:uppercase;clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));box-shadow:inset 3px 0 0 var(--accent)}
.category-strip a{padding:7px 13px}
.category-strip a:hover,.single-category:hover,.post-taxonomies a:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.single-category{padding:6px 10px;margin-bottom:8px;font-size:10px}
.post-taxonomies{display:grid;gap:10px}
.post-taxonomies>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-taxonomies strong{color:#8e8e95;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.post-taxonomies a{padding:5px 9px;font-size:10px}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:0;padding:6px 8px;clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px))}
.badge-category{background:linear-gradient(90deg,var(--accent),#a50d31);box-shadow:inset 3px 0 0 rgba(255,255,255,.24)}
.badge-duration,.badge-views,.mini-views,.player-view-badge{background:rgba(7,7,8,.9);border:1px solid rgba(255,255,255,.14);color:#fff}
.badge i,.mini-views i,.player-view-badge i{color:var(--accent)}
.mini-views{display:inline-flex;align-items:center;gap:4px;right:4px;bottom:4px;padding:4px 6px;font-size:9px;font-weight:800;clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%)}
.movie-card h2,.mini-card h3{font-weight:700}
.player-wrap{border:1px solid #303034;box-shadow:0 0 0 1px #090909,0 16px 38px rgba(0,0,0,.35)}
.player-start{gap:10px}
.player-start span{width:74px;height:64px;border-radius:0;background:linear-gradient(135deg,var(--accent),var(--accent-dark));clip-path:polygon(0 11px,11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 9px rgba(var(--accent-rgb),.12),0 15px 35px rgba(0,0,0,.55)}
.player-start span i{font-size:27px;margin-left:3px}
.player-start strong{font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 5px #000}
.player-view-badge{display:inline-flex;align-items:center;gap:6px;border-radius:0;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}
.player-notice{border-left:3px solid var(--accent)}
.player-notice span{display:grid;place-items:center;width:23px;height:23px;border-radius:0;background:var(--accent);clip-path:polygon(0 5px,5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%)}
.selector-row>strong{display:flex;align-items:center;gap:6px;width:76px;flex-basis:76px;color:#a0a0a6}
.selector-row>strong i{color:var(--accent);font-size:12px}
.server-tabs button,.episode-tabs button,.player-controls button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#3a3a40;background:linear-gradient(180deg,#27272b,#1d1d20);clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);font-weight:800;letter-spacing:.02em}
.server-tabs button:hover,.server-tabs button.is-active,.episode-tabs button:hover,.episode-tabs button.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:inset 3px 0 0 rgba(255,255,255,.22)}
.player-controls button:not(:disabled):hover{background:#252529;border-color:var(--accent);color:#fff}
.player-loading{z-index:5;display:grid;place-items:center;background:radial-gradient(circle at center,#151517 0,#080809 52%,#000 100%);color:#fff}
.player-loading-inner{display:grid;justify-items:center;gap:15px;text-align:center}
.player-loading-spinner{position:relative;display:grid;place-items:center;width:70px;height:70px}
.player-loading-spinner::before,.player-loading-spinner::after{content:"";position:absolute;border-radius:50%;border:2px solid transparent}
.player-loading-spinner::before{inset:0;border-top-color:var(--accent);border-right-color:rgba(var(--accent-rgb),.25);animation:javhd-spinner 1s linear infinite}
.player-loading-spinner::after{inset:10px;border-bottom-color:#fff;border-left-color:rgba(255,255,255,.2);animation:javhd-spinner .72s linear infinite reverse}
.player-loading-spinner i{font-size:20px;color:var(--accent);animation:javhd-pulse 1s ease-in-out infinite}
.player-loading span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d6d6da}
@keyframes javhd-spinner{to{transform:rotate(360deg)}}
@keyframes javhd-pulse{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}
.page-numbers,.nav-links{gap:6px}
.page-numbers a,.page-numbers span,.nav-links a,.nav-links span{clip-path:polygon(0 5px,5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%)}
@media(max-width:540px){.headline-icon,.archive-icon{width:27px;height:27px}.category-strip a{padding:6px 10px;font-size:10px}.player-start span{width:62px;height:54px}.player-start span i{font-size:23px}.selector-row>strong{width:auto;flex-basis:auto}.badge{padding:5px 6px;gap:4px}.badge-category{max-width:62%}}
@media(prefers-reduced-motion:reduce){.player-loading-spinner::before,.player-loading-spinner::after,.player-loading-spinner i{animation:none}}

/* v2.4 — clean missing-image cards, no category badge, cache-safe views, robust SVG loader. */
.movie-thumb.has-no-image,.mini-thumb.has-no-image{background:#09090a}
.movie-thumb.has-no-image::after,.mini-thumb.has-no-image::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0d0d0f,#050506);z-index:0}
.movie-thumb.has-no-image .badge,.mini-thumb.has-no-image .mini-views{z-index:4}
.badge-category{display:none!important}
.search-result-empty{flex:0 0 76px;width:76px;height:44px;background:linear-gradient(135deg,#111113,#080809);border:1px solid #26262a}
.player-wrap.has-no-poster .player-placeholder{background:#000}
.player-wrap.has-no-poster .player-blur{display:none}
.player-loading-spinner{width:80px;height:80px}
.player-loading-spinner svg{position:absolute;inset:0;width:80px;height:80px;overflow:visible}
.player-loading-spinner .loading-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:3}
.player-loading-spinner .loading-ring{fill:none;stroke-linecap:square;transform-origin:40px 40px}
.player-loading-spinner .loading-ring-one{stroke:var(--accent);stroke-width:4;stroke-dasharray:44 151}
.player-loading-spinner .loading-ring-two{stroke:#fff;stroke-width:3;stroke-dasharray:28 110}
.player-loading-spinner::before,.player-loading-spinner::after{display:none!important}
.player-loading-spinner i{position:relative;z-index:2}


/* v2.4.1 — fixed centered player loader */
.player-loading-inner{gap:14px}
.player-loading-spinner{position:relative;display:grid;place-items:center;width:82px;height:82px;isolation:isolate}
.player-loading-spinner svg{display:none!important}
.player-loading-spinner::before,.player-loading-spinner::after{display:none!important}
.player-loading-spinner i{position:relative;z-index:3;font-size:18px;color:var(--accent);animation:javhd-pulse 1s ease-in-out infinite}
.player-loading-ring{position:absolute;inset:0;display:block;border-style:solid;border-color:transparent;box-sizing:border-box;pointer-events:none}
.player-loading-ring--outer{border-width:4px;border-top-color:var(--accent);border-right-color:rgba(var(--accent-rgb),.28);animation:javhd-spinner .9s linear infinite}
.player-loading-ring--inner{inset:12px;border-width:3px;border-bottom-color:#fff;border-left-color:rgba(255,255,255,.22);animation:javhd-spinner .68s linear infinite reverse}
@media(prefers-reduced-motion:reduce){.player-loading-ring--outer,.player-loading-ring--inner{animation:none}}


/* v2.5 — professional sharp-corner breadcrumb bar. */
.breadcrumb-strip{background:#111113;border-top:1px solid #1d1d20;border-bottom:1px solid #29292d;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.breadcrumb-bar{min-height:46px;overflow:hidden}
.breadcrumb-bar ol{display:flex;align-items:stretch;min-width:0;margin:0;padding:0;list-style:none;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.breadcrumb-bar ol::-webkit-scrollbar{display:none}
.breadcrumb-item{display:flex;align-items:center;min-width:0;position:relative}
.breadcrumb-item:not(:last-child)::after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:25px;flex:0 0 25px;color:#55555d;font-size:9px}
.breadcrumb-item a,.breadcrumb-current{display:flex;align-items:center;gap:8px;min-width:0;height:45px;padding:0 5px;color:#aaaab1;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;transition:color .18s ease,background .18s ease}
.breadcrumb-item a:hover{color:#fff}
.breadcrumb-item a i,.breadcrumb-current i{color:var(--accent);font-size:12px;flex:0 0 auto}
.breadcrumb-item:first-child a{width:45px;padding:0;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.breadcrumb-item:first-child a i{color:#fff;font-size:14px}
.breadcrumb-item:first-child a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.breadcrumb-current{max-width:min(52vw,620px);color:#f4f4f6;position:relative;padding-right:12px}
.breadcrumb-current::after{content:"";position:absolute;left:5px;right:12px;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.breadcrumb-current span{display:block;overflow:hidden;text-overflow:ellipsis}
.single-heading{padding-top:19px}
@media(max-width:680px){.breadcrumb-strip{box-shadow:none}.breadcrumb-bar{width:100%;padding-left:11px;padding-right:11px}.breadcrumb-item:not(:last-child)::after{width:20px;flex-basis:20px}.breadcrumb-item a,.breadcrumb-current{font-size:10px;height:42px}.breadcrumb-current{max-width:62vw}.breadcrumb-bar{min-height:43px}.single-heading{padding-top:16px}}


/* v2.6.1 — external thumbnail loading; server switching is manual and lightweight. */
.movie-thumb,.mini-thumb,.search-result{--image-skeleton:#111114}
.movie-thumb::before,.mini-thumb::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,#0d0d0f 20%,#1a1a1e 38%,#0d0d0f 56%);background-size:220% 100%;animation:javhd-image-shimmer 1.25s linear infinite}
.movie-thumb.has-no-image::before,.mini-thumb.has-no-image::before{display:none}
.javhd-remote-image{position:relative;z-index:1;opacity:0;transition:opacity .32s ease,transform .3s ease,filter .3s ease}
.javhd-remote-image.is-loaded{opacity:1}
.search-result .javhd-remote-image{opacity:0;transition:opacity .25s ease}
.search-result .javhd-remote-image.is-loaded{opacity:1}
.movie-thumb:has(.javhd-remote-image.is-loaded)::before,.mini-thumb:has(.javhd-remote-image.is-loaded)::before{display:none}
@keyframes javhd-image-shimmer{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.movie-thumb::before,.mini-thumb::before{animation:none}.javhd-remote-image{transition:none}}


/* v2.7 — PageSpeed: immediate LCP paint, lighter below-fold rendering. */
.javhd-remote-image,.search-result .javhd-remote-image{opacity:1!important}
.movie-thumb::before,.mini-thumb::before{z-index:0}
.movie-card,.mini-card{content-visibility:auto;contain-intrinsic-size:180px 240px}
.sidebar-section:nth-child(2),.related-section{content-visibility:auto;contain-intrinsic-size:900px}
@media(max-width:760px){.movie-card,.mini-card{contain-intrinsic-size:150px 210px}}


/* v2.7.2 — restore compact desktop header; clean icons; stacked mobile search. */
.header-top{grid-template-columns:220px minmax(320px,620px) 1fr;gap:34px}
.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;flex:0 0 auto;padding:0;border:0;background:none;clip-path:none;color:var(--accent);font-size:24px;line-height:1;transform:none}
.headline>div{position:relative;gap:11px;padding-left:13px}
.headline>div::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;background:var(--accent)}
.headline-icon,.archive-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;flex:0 0 auto;padding:0;border:0;background:none;clip-path:none;color:var(--accent);font-size:19px;line-height:1;transform:none}
.headline h1,.headline h2{letter-spacing:-.02em}
@media(max-width:1500px){.header-top{grid-template-columns:190px minmax(300px,580px) 1fr;gap:30px}}
@media(max-width:1080px){.header-top{grid-template-columns:190px minmax(260px,1fr) auto;gap:18px}}
@media(max-width:760px){
  .header-top{min-height:0;grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"brand menu" "search search";align-items:center;gap:12px 14px;padding-top:14px;padding-bottom:14px}
  .brand{grid-area:brand;justify-self:start;min-width:0}
  .menu-toggle{grid-area:menu;justify-self:end}
  .header-search{grid-area:search;width:min(100%,620px);height:44px;margin:0 auto}
  .live-search-results{top:50px}
}
@media(max-width:540px){
  .header-top{grid-template-columns:minmax(0,1fr) 40px;gap:11px 12px;padding-top:12px;padding-bottom:12px}
  .header-search{height:42px}
  .brand-main{font-size:23px}
  .brand-icon{font-size:21px}
  .headline-icon,.archive-icon{font-size:17px}
}

.header-tools{display:flex;align-items:stretch;gap:9px;min-width:0}
.header-tools .header-search{flex:1 1 auto;min-width:0}
.player-notice-text{min-width:0;line-height:1.45}
@media(max-width:760px){
  .header-tools{grid-area:search;width:100%;height:44px;margin:0 auto;gap:8px}
  .header-search{grid-area:auto!important;width:auto!important;height:44px!important;margin:0!important}
}
@media(max-width:420px){
  .header-tools{gap:7px}
}


.video-info-box>div:first-child,.video-info-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}


/* v2.7.2.8 — configurable branding/menu, correct LCP priority, touch-safe rendering. */
.javhd-settings-logo{display:block;object-fit:contain}
.movie-grid>.movie-card:nth-child(-n+6){content-visibility:visible}
.breadcrumb-item:not(:last-child)::after{content:"";font-family:inherit;font-weight:400;background-color:#55555d;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 320 512%22%3E%3Cpath d%3D%22M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z%22%2F%3E%3C%2Fsvg%3E") center/8px 8px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 320 512%22%3E%3Cpath d%3D%22M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z%22%2F%3E%3C%2Fsvg%3E") center/8px 8px no-repeat}
@media (hover:none),(pointer:coarse){
  .movie-thumb::before,.mini-thumb::before{display:none!important;animation:none!important}
  .movie-thumb,.mini-thumb,.movie-thumb img,.mini-thumb img,.javhd-remote-image{transition:none!important}
  .movie-card:hover .movie-thumb,.mini-card:hover .mini-thumb{border-color:#252529;box-shadow:none}
  .movie-card:hover .movie-thumb img,.mini-card:hover .mini-thumb img,.movie-card:hover img,.mini-card:hover img{transform:none!important;filter:none!important}
}



/* v2.7.2.11 — slightly larger navigation typography. */
.main-nav a{font-size:14px}
.mobile-menu a{font-size:13px;font-weight:800}
.category-strip a{font-size:13px}
@media(max-width:680px){
  .main-nav a{font-size:13px;padding:13px 16px}
  .category-strip a{font-size:11px;padding:7px 11px}
}


/* v2.7.2.12 — reactions, reporting and cinema lights. */
.video-action-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#111113;border:1px solid #2b2b30;border-top:0;padding:11px 12px}
.reaction-actions,.utility-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.video-action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid #34343a;background:#202024;color:#d8d8dd;padding:8px 12px;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);font:800 11px/1 Roboto,Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
.video-action-button:hover,.video-action-button.is-active{border-color:var(--accent);background:#2a171d;color:#fff}
.video-action-button.is-report:hover{background:#2b1d12;border-color:#ff8c42}
.video-action-button:disabled{cursor:default;opacity:.72}
.video-action-button b{min-width:18px;padding-left:7px;border-left:1px solid #444;color:#fff;font-size:10px}
.cinema-lights-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.94);cursor:pointer;animation:javhd-lights-in .18s ease-out}
.cinema-lights-overlay[hidden],.video-report-modal[hidden]{display:none!important}
body.javhd-cinema-mode .watch-shell{position:relative;z-index:10002;background:#080809;box-shadow:0 0 0 1px #303038,0 0 65px rgba(var(--accent-rgb),.18)}
body.javhd-cinema-mode .watch-shell .player-wrap{box-shadow:0 0 0 1px #45454c,0 20px 70px rgba(0,0,0,.8)}
@keyframes javhd-lights-in{from{opacity:0}to{opacity:1}}
.video-report-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.82)}
.video-report-dialog{position:relative;width:min(520px,100%);background:#151519;border:1px solid #3b3b42;border-left:4px solid var(--accent);box-shadow:0 24px 80px rgba(0,0,0,.72);padding:24px}
.video-report-dialog h2{display:flex;align-items:center;gap:10px;margin:0 36px 20px 0;color:#fff;font-size:20px}
.video-report-dialog h2 i{color:var(--accent)}
.report-close{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #38383e;background:#202024;color:#bfc0c6;cursor:pointer}
.report-close:hover{border-color:var(--accent);color:#fff}
.video-report-dialog label{display:block;color:#d9d9de;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.video-report-dialog label+label{margin-top:15px}
.video-report-dialog select,.video-report-dialog textarea{display:block;width:100%;margin-top:7px;border:1px solid #37373e;border-radius:0;background:#0d0d0f;color:#fff;padding:11px 12px;font:400 13px/1.5 Roboto,Arial,sans-serif;box-sizing:border-box}
.video-report-dialog textarea{resize:vertical;min-height:112px}
.video-report-dialog select:focus,.video-report-dialog textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.report-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.report-actions button{min-height:38px;border:1px solid #3a3a40;border-radius:0;padding:9px 15px;font-weight:800;cursor:pointer}
.report-cancel{background:#222227;color:#c4c4ca}.report-submit{display:inline-flex;align-items:center;gap:7px;background:var(--accent);border-color:var(--accent)!important;color:#fff}
.report-actions button:disabled{opacity:.55;cursor:wait}
.report-status{min-height:20px;margin-top:13px;font-size:12px;color:#b8b8be}.report-status.is-loading{color:#e1c36b}.report-status.is-success{color:#60d699}.report-status.is-error{color:#ff748e}
body.javhd-report-open{overflow:hidden}
@media(max-width:680px){.video-action-bar{align-items:stretch}.reaction-actions,.utility-actions{width:100%}.video-action-button{flex:1 1 auto}.video-report-dialog{padding:20px 16px}.video-report-dialog h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cinema-lights-overlay{animation:none}}


/* v2.7.2.14 — reliable inline SVG icons, no icon font or CSS mask. */
.javhd-icon-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.javhd-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.125em;color:inherit;stroke:currentColor;fill:none;overflow:visible}
.brand-icon,.headline-icon,.archive-icon{stroke-width:2}
.player-start .javhd-icon{width:31px;height:31px;margin-left:4px;color:#fff}
.player-loading-spinner>.javhd-icon{display:block!important;position:relative!important;inset:auto!important;width:18px!important;height:18px!important;z-index:3;color:var(--accent);animation:javhd-pulse 1s ease-in-out infinite}
.player-view-badge .javhd-icon,.badge .javhd-icon,.mini-views .javhd-icon{vertical-align:-.14em}
@media(max-width:540px){.player-start .javhd-icon{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.player-loading-spinner>.javhd-icon{animation:none}}


/* v2.7.2.15 — bold inline SVG icon system: larger, aligned and readable. */
.javhd-icon{
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  vertical-align:middle;
  color:inherit;
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
  shape-rendering:geometricPrecision;
}
.javhd-icon use{pointer-events:none}
.brand-icon{width:26px;height:26px;flex-basis:26px;color:var(--accent)}
.headline-icon,.archive-icon{width:22px;height:22px;flex-basis:22px;color:var(--accent)}
.headline>div{align-items:center}
.sidebar-title{align-items:center;gap:10px}
.sidebar-title>.javhd-icon{width:20px;height:20px;flex-basis:20px;color:var(--accent);stroke-width:2.7}
.sidebar-title h2{line-height:1.15}
.breadcrumb-item a,.breadcrumb-current{align-items:center}
.breadcrumb-item a>.javhd-icon,.breadcrumb-current>.javhd-icon{width:15px;height:15px;flex-basis:15px;margin:0;color:var(--accent);stroke-width:2.65}
.breadcrumb-item:first-child a>.javhd-icon{width:17px;height:17px;flex-basis:17px;color:#fff}
.player-notice>span>.javhd-icon{display:block;width:15px;height:15px;flex-basis:15px;color:#fff;stroke-width:2.8}
.selector-row{align-items:center}
.selector-row>strong{align-items:center;min-height:34px;padding-top:0;font-size:11px;line-height:1;letter-spacing:.1em}
.selector-row>strong>.javhd-icon{display:block;width:16px;height:16px;flex-basis:16px;color:var(--accent);stroke-width:2.7}
.server-tabs button,.episode-tabs button,.player-controls button{align-items:center;line-height:1.1}
.player-controls .javhd-icon{width:15px;height:15px;flex-basis:15px;stroke-width:2.7}
.video-action-button{min-height:40px;gap:8px;padding:9px 13px;font-size:12px;line-height:1}
.video-action-button>.javhd-icon{display:block;width:18px;height:18px;flex-basis:18px;stroke-width:2.7}
.video-action-button b{font-size:11px}
.player-view-badge,.badge,.mini-views{display:flex;align-items:center;gap:4px}
.player-view-badge .javhd-icon{width:14px;height:14px;flex-basis:14px;stroke-width:2.7}
.badge .javhd-icon,.mini-views .javhd-icon{width:12px;height:12px;flex-basis:12px;stroke-width:2.8}
.player-start .javhd-icon{display:block;width:32px;height:32px;flex-basis:32px;margin-left:3px;color:#fff;stroke-width:2.8}
.player-loading-spinner>.javhd-icon{width:20px!important;height:20px!important;flex-basis:20px!important;stroke-width:2.8}
.report-close .javhd-icon,.report-submit .javhd-icon{width:18px;height:18px;flex-basis:18px;stroke-width:2.7}
.javhd-icon--fire,.javhd-icon--house,.javhd-icon--circle-play,.javhd-icon--play,.javhd-icon--triangle-exclamation{stroke-width:2.8}
@media(max-width:540px){
  .brand-icon{width:23px;height:23px;flex-basis:23px}
  .headline-icon,.archive-icon{width:20px;height:20px;flex-basis:20px}
  .sidebar-title>.javhd-icon{width:19px;height:19px;flex-basis:19px}
  .player-start .javhd-icon{width:27px;height:27px;flex-basis:27px}
  .selector-row>strong{display:flex;width:auto;min-height:auto;padding:0 0 8px;font-size:11px}
  .video-action-button>.javhd-icon{width:17px;height:17px;flex-basis:17px}
}


/* v2.7.2.16 — automatic Home link and cleaner, better-spaced header branding. */
.header-top{grid-template-columns:260px minmax(320px,620px) 1fr;column-gap:44px}
.brand{gap:11px;overflow:visible}
.brand-main{display:inline-flex;align-items:center;white-space:nowrap;font-family:"Roboto",Arial,"Segoe UI",sans-serif;font-size:30px;font-weight:900;line-height:1;letter-spacing:0;font-kerning:normal;text-rendering:geometricPrecision}
.brand-primary,.brand-accent{display:block;line-height:1}
.brand-primary{letter-spacing:-.045em}
.brand-accent{margin-left:2px;color:var(--accent);letter-spacing:-.035em}
.brand-tagline{max-width:105px;margin-left:2px;font-size:11px;line-height:1.2}
.javhd-home-menu-item>a{font-weight:850}
@media(max-width:1500px){.header-top{grid-template-columns:225px minmax(300px,580px) 1fr;column-gap:36px}}
@media(max-width:1080px){.header-top{grid-template-columns:205px minmax(260px,1fr) auto;column-gap:24px}}
@media(max-width:760px){.header-top{grid-template-columns:minmax(0,1fr) 42px;column-gap:14px}.brand-main{font-size:25px}.brand-tagline{display:none}}
@media(max-width:540px){.header-top{grid-template-columns:minmax(0,1fr) 40px;column-gap:12px}.brand-main{font-size:23px}.brand-icon{width:22px;height:22px;flex-basis:22px}}


/* v2.7.2.17 — darker search field and text-only brand. */
.brand{gap:0}
.brand-main{flex:0 0 auto}
.brand-icon{display:none!important}
.header-search{
  background:#1b1b1e;
  border:1px solid #34343a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.12);
}
.header-search:focus-within{
  border-color:#55555d;
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12),inset 0 1px 0 rgba(255,255,255,.03);
}
.header-search input{
  background:#1b1b1e;
  color:#f0f0f2;
  caret-color:var(--accent);
}
.header-search input::placeholder{color:#888890;opacity:1}
.header-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.55}
.header-search button{
  background:var(--accent);
  border-left:1px solid rgba(255,255,255,.08);
}
.header-search button:hover{background:var(--accent)}
.live-search-results{top:47px}
@media(max-width:760px){.brand{gap:0}}


/* v2.7.2.18 — configurable professional legal footer. */
.site-footer{margin-top:48px;border-top:1px solid #29292d;background:#141416;color:#8f8f97}
.footer-menu-band{background:#171719;border-bottom:1px solid #29292d}
.footer-navigation{min-height:48px;display:flex;align-items:center}
.footer-navigation ul{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}
.footer-navigation li{position:relative}
.footer-navigation li+li::before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;background:#34343a;transform:translateY(-50%)}
.footer-navigation a{display:block;padding:15px 18px;color:#d2d2d7;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
.footer-navigation li:first-child a{padding-left:0}
.footer-navigation a:hover,.footer-navigation .current-menu-item>a{color:#fff;text-shadow:0 0 18px rgba(var(--accent-rgb),.35)}
.footer-legal-band{background:#222225;border-top:1px solid rgba(255,255,255,.015)}
.footer-legal-inner{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;text-align:center}
.footer-disclaimer{max-width:930px;margin:0;color:#a6a6ae;font-size:13px;line-height:1.75}
.footer-contact-link{color:#f1f1f3;font-weight:800;border-bottom:1px solid rgba(var(--accent-rgb),.65)}
.footer-contact-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.footer-copyright{margin:7px 0 0;color:#9a9aa2;font-size:12px;line-height:1.4}
@media(max-width:680px){
  .site-footer{margin-top:34px}
  .footer-navigation{min-height:0}
  .footer-navigation ul{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-navigation li+li::before{display:none}
  .footer-navigation a,.footer-navigation li:first-child a{padding:13px 12px;border-right:1px solid #29292d;border-bottom:1px solid #29292d;text-align:center;font-size:11px}
  .footer-navigation li:nth-child(2n) a{border-right:0}
  .footer-legal-inner{min-height:0;padding:22px 4px}
  .footer-disclaimer{font-size:11.5px;line-height:1.7}
  .footer-copyright{font-size:11px}
}


/* v2.7.2.20 — centered sharp-cut navigation matching category tags. */
.nav-line{
  padding:10px 0;
  background:#151517;
  border-top:1px solid #242428;
  border-bottom:1px solid #202023;
}
.main-nav{
  display:flex;
  justify-content:center;
  align-items:center;
}
.main-nav>ul{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px;
  overflow-x:auto;
  border:1px solid #34343a;
  border-radius:0;
  background:#101012;
  clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}
.main-nav a,
.main-nav li:first-child a{
  position:relative;
  display:block;
  padding:10px 18px;
  border:1px solid #35353b;
  border-radius:0;
  background:linear-gradient(180deg,#222225,#171719);
  color:#d8d8dc;
  line-height:1.2;
  clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));
  box-shadow:inset 3px 0 0 var(--accent);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.main-nav a:hover{
  background:#29292e;
  border-color:#4a4a52;
  color:#fff;
}
.main-nav .current-menu-item>a,
.main-nav .current_page_item>a,
.main-nav .current-menu-ancestor>a{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  border-color:var(--accent-2);
  color:#fff;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.24),0 7px 18px rgba(var(--accent-rgb),.2);
}

.mobile-menu{
  padding:12px 16px 15px;
  background:#151517;
  border-top:1px solid #26262b;
}
.mobile-menu>ul{
  width:min(100%,540px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:7px;
  border:1px solid #34343a;
  border-radius:0;
  background:#101012;
  clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.mobile-menu a{
  padding:11px 12px;
  border:1px solid #35353b;
  border-radius:0;
  background:linear-gradient(180deg,#222225,#171719);
  text-align:center;
  clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));
  box-shadow:inset 3px 0 0 var(--accent);
}
.mobile-menu a:hover,
.mobile-menu .current-menu-item>a,
.mobile-menu .current_page_item>a{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  border-color:var(--accent-2);
  color:#fff;
}

.footer-menu-band{
  padding:15px 0;
  background:#171719;
  border-bottom:1px solid #29292d;
}
.footer-navigation{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer-navigation ul{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  padding:7px;
  border:1px solid #34343a;
  border-radius:0;
  background:#101012;
  clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));
  box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
}
.footer-navigation li+li::before{display:none}
.footer-navigation a,
.footer-navigation li:first-child a{
  display:block;
  padding:10px 15px;
  border:1px solid #35353b;
  border-radius:0;
  background:linear-gradient(180deg,#222225,#171719);
  color:#cfcfd5;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
  clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));
  box-shadow:inset 3px 0 0 var(--accent);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.footer-navigation a:hover{
  background:#29292e;
  border-color:#4a4a52;
  color:#fff;
  text-shadow:none;
}
.footer-navigation .current-menu-item>a,
.footer-navigation .current_page_item>a{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  border-color:var(--accent-2);
  color:#fff;
  text-shadow:none;
}

@media(max-width:1080px){
  .nav-line{display:none}
}
@media(max-width:680px){
  .footer-menu-band{padding:12px 0}
  .footer-navigation ul{
    width:min(100%,520px);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:7px;
  }
  .footer-navigation a,
  .footer-navigation li:first-child a{
    height:100%;
    padding:11px 9px;
    white-space:normal;
    text-align:center;
    font-size:11px;
  }
}
@media(max-width:380px){
  .mobile-menu>ul,
  .footer-navigation ul{grid-template-columns:1fr}
}

/* v2.7.2.22 — unified two-corner menus; instant hover; no movement or animation. */
.nav-line{
  padding:9px 0;
  background:#151517;
}
.main-nav{
  display:flex;
  justify-content:center;
  align-items:center;
}
.main-nav>ul{
  width:auto;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0;
  border:0;
  background:transparent;
  clip-path:none;
  box-shadow:none;
  overflow-x:auto;
  scrollbar-width:none;
}
.main-nav>ul::-webkit-scrollbar{display:none}
.main-nav li,
.footer-navigation li,
.mobile-menu li{flex:0 0 auto}

.main-nav a,
.main-nav li:first-child a,
.footer-navigation a,
.footer-navigation li:first-child a,
.mobile-menu a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #34343a;
  background:#202024;
  color:#d8d8dd;
  clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);
  box-shadow:inset 3px 0 0 var(--accent);
  transform:none!important;
  transition:none!important;
  overflow:visible;
}
.main-nav a::before,
.footer-navigation a::before,
.mobile-menu a::before{content:none!important;display:none!important}

.main-nav a:hover,
.footer-navigation a:hover,
.mobile-menu a:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  box-shadow:none;
  transform:none!important;
}
.main-nav .current-menu-item>a,
.main-nav .current_page_item>a,
.main-nav .current-menu-ancestor>a,
.footer-navigation .current-menu-item>a,
.footer-navigation .current_page_item>a,
.mobile-menu .current-menu-item>a,
.mobile-menu .current_page_item>a{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  box-shadow:none;
}

.mobile-menu{
  padding:11px 12px 14px;
  background:#151517;
}
.mobile-menu>ul{
  width:min(100%,560px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  clip-path:none;
  box-shadow:none;
}
.mobile-menu li{min-width:0}
.mobile-menu a{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  text-align:center;
}

.footer-menu-band{
  padding:15px 0;
  background:#171719;
}
.footer-navigation{
  display:flex;
  justify-content:center;
  align-items:center;
}
.footer-navigation ul{
  width:auto;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  padding:0;
  border:0;
  background:transparent;
  clip-path:none;
  box-shadow:none;
}
.footer-navigation a,
.footer-navigation li:first-child a{padding:10px 16px}

@media(max-width:680px){
  .nav-line{padding:7px 0}
  .main-nav{justify-content:flex-start}
  .main-nav>ul{
    width:100%;
    justify-content:flex-start;
    gap:7px;
    padding:0 12px;
    scroll-padding-inline:12px;
    -webkit-overflow-scrolling:touch;
  }
  .main-nav a,
  .main-nav li:first-child a{
    min-height:39px;
    padding:9px 13px;
    font-size:12px;
  }
  .footer-menu-band{padding:12px 0}
  .footer-navigation ul{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .footer-navigation li{min-width:0}
  .footer-navigation a,
  .footer-navigation li:first-child a{
    width:100%;
    min-height:42px;
    padding:10px 8px;
    white-space:normal;
    text-align:center;
    font-size:11px;
  }
}
@media(max-width:380px){
  .mobile-menu>ul,
  .footer-navigation ul{grid-template-columns:1fr}
}


/* v2.7.2.23 — dedicated WordPress Page layout (legal/info pages). */
.standard-page{
  width:100%;
  padding-top:28px;
  padding-bottom:58px;
}
.standard-page-article{
  width:100%;
  min-width:0;
}
.standard-page-header{
  position:relative;
  margin:0 0 20px;
  padding:24px 26px;
  border:1px solid var(--line);
  background:#151517;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
.standard-page-header::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:0;
  width:4px;
  background:var(--accent);
}
.standard-page-kicker{
  margin:0 0 6px;
  color:var(--accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.standard-page-header h1{
  margin:0;
  color:#fff;
  font-size:clamp(25px,4vw,40px);
  line-height:1.16;
}
.standard-page-content{
  width:100%;
  min-width:0;
  color:#d2d2d7;
}
.standard-page-content::after{
  content:"";
  display:table;
  clear:both;
}
.standard-page-content > :first-child{margin-top:0}
.standard-page-content > :last-child{margin-bottom:0}
.standard-page-content img,
.standard-page-content iframe,
.standard-page-content video{
  max-width:100%;
}
.standard-page-content iframe,
.standard-page-content video{
  border:0;
}
.standard-page-content .alignwide{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.standard-page-content .alignfull{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}
.page-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:24px;
}
.page-links a,
.page-links > span{
  min-width:38px;
  padding:8px 11px;
  border:1px solid #343438;
  background:#202024;
  color:#fff;
  text-align:center;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
.page-links a:hover{
  border-color:var(--accent);
  background:var(--accent);
}
@media(max-width:680px){
  .standard-page{padding:18px 12px 40px}
  .standard-page-header{padding:20px 18px}
}




/* v2.7.2.33 — compact 1120px movie area and period-based top sidebar. */
:root{--movie-shell:1120px;--sidebar:300px}
.page-layout.shell,
.single-layout.shell,
.headline.shell,
.category-strip.shell,
.archive-head.shell,
.single-heading.shell,
.breadcrumb-bar.shell{
  width:min(calc(100% - 32px),var(--movie-shell));
}
.page-layout,.single-layout{gap:20px}
.page-layout .movie-grid,
.single-layout .related-section .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.sidebar-title{position:relative}
.top-period-toggle{
  margin-left:auto;
  flex:0 0 34px;
  width:34px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #36363b;
  background:#1d1d20;
  color:#d9d9dd;
  cursor:pointer;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.top-period-toggle:hover,
.top-period-toggle[aria-expanded="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.top-period-toggle>.javhd-icon{width:18px;height:18px;stroke-width:2.8}
.top-period-menu{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:-2px 0 12px;
  padding-bottom:11px;
  border-bottom:1px solid #2d2d31;
}
.top-period-menu[hidden]{display:none!important}
.top-period-menu button{
  min-width:0;
  min-height:34px;
  padding:7px 6px;
  border:1px solid #343439;
  background:#1d1d20;
  color:#bdbdc4;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  cursor:pointer;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.top-period-menu button:hover,
.top-period-menu button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
.top-period-panel[hidden]{display:none!important}
.sidebar-empty{grid-column:1/-1;margin:5px 0;color:var(--muted);font-size:12px;text-align:center}
.javhd-remote-image.is-deferred{visibility:hidden}

.sidebar-taxonomy-cloud{display:flex;flex-wrap:wrap;gap:7px}
.sidebar-taxonomy-cloud a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:6px 9px;
  border:1px solid #343439;
  background:#1c1c1f;
  color:#d3d3d8;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.sidebar-taxonomy-cloud a span{color:#7f7f87;font-size:9px}
.sidebar-taxonomy-cloud a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.sidebar-taxonomy-cloud a:hover span{color:#fff}
.sidebar-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sidebar-category-list a{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:8px 9px;
  border:1px solid #303035;
  background:#1b1b1e;
  color:#d0d0d5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.sidebar-category-list a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-category-list a>b{flex:0 0 auto;color:var(--accent);font-size:9px}
.sidebar-category-list a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.sidebar-category-list a:hover>b{color:#fff}

@media(max-width:1080px){
  .page-layout.shell,.single-layout.shell,.headline.shell,.category-strip.shell,.archive-head.shell,.single-heading.shell,.breadcrumb-bar.shell{width:min(calc(100% - 32px),var(--movie-shell))}
  .page-layout .movie-grid,.single-layout .related-section .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .sidebar-category-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:840px){
  .page-layout .movie-grid,.single-layout .related-section .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sidebar-category-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .page-layout.shell,.single-layout.shell,.headline.shell,.category-strip.shell,.archive-head.shell,.single-heading.shell,.breadcrumb-bar.shell{width:min(calc(100% - 22px),var(--movie-shell))}
  .page-layout .movie-grid,.single-layout .related-section .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sidebar-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  .page-layout .movie-grid,.single-layout .related-section .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top-period-menu{gap:5px}
  .top-period-menu button{font-size:10px}
  .sidebar-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.sidebar-category-list{grid-template-columns:1fr}}

/* v2.7.2.34 — five-column desktop grid, no home category strip, lighter view badges. */
:root{
  --movie-shell:1320px;
  --sidebar:300px;
}
.page-layout.shell,
.single-layout.shell,
.headline.shell,
.archive-head.shell,
.single-heading.shell,
.breadcrumb-bar.shell{
  width:min(calc(100% - 32px),var(--movie-shell));
}
.page-layout .movie-grid,
.single-layout .related-section .movie-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

/* Keep view counts easy to read without the heavy black box or border. */
.badge-views,
.mini-views,
.player-view-badge{
  border:0!important;
  background:rgba(54,54,62,.66)!important;
  color:rgba(255,255,255,.96)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.badge-views .javhd-icon,
.mini-views .javhd-icon,
.player-view-badge .javhd-icon{
  color:var(--accent-2);
}
.mini-views{
  z-index:4;
  top:5px;
  right:5px;
  bottom:auto;
  padding:4px 6px;
}

@media(max-width:840px){
  .page-layout .movie-grid,
  .single-layout .related-section .movie-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .page-layout.shell,
  .single-layout.shell,
  .headline.shell,
  .archive-head.shell,
  .single-heading.shell,
  .breadcrumb-bar.shell{
    width:min(calc(100% - 22px),var(--movie-shell));
  }
  .page-layout .movie-grid,
  .single-layout .related-section .movie-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:540px){
  .page-layout .movie-grid,
  .single-layout .related-section .movie-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .badge-views,
  .mini-views,
  .player-view-badge{
    background:rgba(54,54,62,.72)!important;
    box-shadow:none;
  }
}



/* v2.7.2.36 — correct Page breadcrumbs, unified accent themes, and rebuilt search. */
:root[data-javhd-accent="blue"]{--accent:#2f7cff;--accent-2:#69a5ff;--accent-dark:#174ca6;--accent-rgb:47,124,255}
:root[data-javhd-accent="violet"]{--accent:#8b5cf6;--accent-2:#b197fc;--accent-dark:#5b21b6;--accent-rgb:139,92,246}
:root[data-javhd-accent="emerald"]{--accent:#10b981;--accent-2:#42d6a5;--accent-dark:#047857;--accent-rgb:16,185,129}
:root[data-javhd-accent="orange"]{--accent:#f97316;--accent-2:#fb9b55;--accent-dark:#c2410c;--accent-rgb:249,115,22}

/* Keep the search field and search button on one exact, cut-corner surface. */
.header-tools{position:relative;align-items:stretch}
.header-search{position:relative;height:46px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible}
.header-search-control{
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid #35353b;
  background:#19191c;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.12);
}
.header-search:focus-within .header-search-control{
  border-color:var(--accent);
  box-shadow:0 0 0 2px rgba(var(--accent-rgb),.13),inset 0 1px 0 rgba(255,255,255,.035);
}
.header-search-control input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0 15px;
  border:0!important;
  border-radius:0!important;
  background:#19191c!important;
  color:#f1f1f3;
  outline:0;
}
.header-search-control button{
  flex:0 0 52px;
  width:52px;
  height:100%;
  margin:0;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:var(--accent)!important;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.header-search-control button:hover,.header-search-control button:focus-visible{background:var(--accent-2)!important;outline:0}
.header-search-control button>.javhd-icon{width:20px;height:20px}
.live-search-results{
  top:52px!important;
  border-color:#35353b;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}

/* Icon-only color picker beside Search. */
.theme-picker{position:relative;flex:0 0 46px;width:46px;height:46px;z-index:12}
.theme-picker-toggle{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid #35353b;
  border-radius:0;
  background:#1b1b1f;
  color:var(--accent);
  cursor:pointer;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.theme-picker-toggle:hover,.theme-picker-toggle:focus-visible,.theme-picker-toggle[aria-expanded="true"]{border-color:var(--accent);background:#242429;color:#fff;outline:0}
.theme-picker-toggle>.javhd-icon{width:21px;height:21px;stroke-width:2.45}
.theme-picker-menu{
  position:absolute;
  top:52px;
  right:0;
  width:208px;
  display:grid;
  grid-template-columns:repeat(5,32px);
  justify-content:center;
  gap:6px;
  padding:11px;
  border:1px solid #35353b;
  background:#17171a;
  box-shadow:0 16px 36px rgba(0,0,0,.42);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.theme-picker-menu[hidden]{display:none!important}
.theme-picker-menu button{
  --swatch:#e51d4b;
  --swatch-2:#ff3f67;
  position:relative;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.17);
  border-radius:0;
  background:linear-gradient(135deg,var(--swatch),var(--swatch-2));
  cursor:pointer;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.theme-picker-menu button[data-theme-color="blue"]{--swatch:#2f7cff;--swatch-2:#69a5ff}
.theme-picker-menu button[data-theme-color="violet"]{--swatch:#8b5cf6;--swatch-2:#b197fc}
.theme-picker-menu button[data-theme-color="emerald"]{--swatch:#10b981;--swatch-2:#42d6a5}
.theme-picker-menu button[data-theme-color="orange"]{--swatch:#f97316;--swatch-2:#fb9b55}
.theme-picker-menu button:hover,.theme-picker-menu button:focus-visible{border-color:#fff;outline:0}
.theme-picker-menu button[aria-checked="true"]{box-shadow:0 0 0 2px #17171a,0 0 0 4px #fff}

/* Embedded legal/removal Page HTML follows the selected site accent too. */
.standard-page-content .jremove-page{--jr-accent:var(--accent)!important;--jr-accent-dark:var(--accent-dark)!important}
.standard-page-content .j2257-page{--j2257-accent:var(--accent)!important;--j2257-accent-dark:var(--accent-dark)!important}
.standard-page-content .jremove-hero{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),transparent 44%),var(--jr-panel)!important}
.standard-page-content .jremove-quick{background:rgba(var(--accent-rgb),.07)!important}
.standard-page-content .j2257-hero{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),transparent 42%),var(--j2257-panel)!important}
.standard-page-content .j2257-alert{border-color:rgba(var(--accent-rgb),.45)!important;background:rgba(var(--accent-rgb),.07)!important}

/* Remaining accent glows and gradients use the current palette. */
.movie-play{background:rgba(var(--accent-rgb),.95)}
.badge-views .javhd-icon,.mini-views .javhd-icon,.player-view-badge .javhd-icon{color:var(--accent-2)}

@media(max-width:760px){
  .header-tools{height:44px!important}
  .header-search{height:44px!important}
  .theme-picker,.theme-picker-toggle{width:44px;height:44px;flex-basis:44px}
  .header-search-control button{width:48px;flex-basis:48px}
  .live-search-results,.theme-picker-menu{top:50px!important}
}
@media(max-width:420px){
  .header-search-control input{padding-inline:11px;font-size:12px}
  .theme-picker-menu{right:0;width:198px;grid-template-columns:repeat(5,30px)}
  .theme-picker-menu button{width:30px;height:30px}
}


/* v2.7.2.37 — connected chevron breadcrumbs with centered icons and instant hover. */
.breadcrumb-strip{
  background:#111113;
  border-top:1px solid #1d1d20;
  border-bottom:1px solid #29292d;
}
.breadcrumb-bar{
  min-height:48px;
  overflow:hidden;
}
.breadcrumb-bar ol{
  display:flex;
  align-items:center;
  gap:3px;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:0;
  overflow-x:auto;
  list-style:none;
  white-space:nowrap;
  scrollbar-width:none;
}
.breadcrumb-item{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  position:relative;
}
.breadcrumb-item:not(:last-child)::after{
  display:none!important;
  content:none!important;
}
.breadcrumb-item a,
.breadcrumb-current{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  height:46px;
  margin:0;
  padding:0 20px 0 18px;
  border:0;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.20),rgba(var(--accent-rgb),.10));
  color:#d9d9de;
  font-size:11px;
  font-weight:850;
  letter-spacing:.035em;
  line-height:1;
  text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%);
  transition:none!important;
  transform:none!important;
}
.breadcrumb-item:nth-child(2) a,
.breadcrumb-item:nth-child(2) .breadcrumb-current{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.24),rgba(var(--accent-rgb),.14));
}
.breadcrumb-item:nth-child(3) a,
.breadcrumb-item:nth-child(3) .breadcrumb-current{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.17),rgba(var(--accent-rgb),.09));
}
.breadcrumb-item:nth-child(n+4) a,
.breadcrumb-item:nth-child(n+4) .breadcrumb-current{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));
}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus-visible{
  background:var(--accent)!important;
  color:#fff!important;
  outline:0;
  transition:none!important;
  transform:none!important;
}
.breadcrumb-item a:hover>.javhd-icon,
.breadcrumb-item a:focus-visible>.javhd-icon{
  color:#fff!important;
}
.breadcrumb-item a>.javhd-icon,
.breadcrumb-current>.javhd-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  margin:0;
  color:var(--accent-2);
  stroke-width:2.65;
}
.breadcrumb-item:first-child a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:53px;
  min-width:53px;
  padding:0 4px 0 0;
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  color:#fff;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);
}
.breadcrumb-item:first-child a:hover,
.breadcrumb-item:first-child a:focus-visible{
  background:var(--accent-2)!important;
}
.breadcrumb-item:first-child a>.javhd-icon{
  width:17px;
  height:17px;
  flex-basis:17px;
  color:#fff;
}
.breadcrumb-item:first-child a span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.breadcrumb-current{
  max-width:min(52vw,620px);
  color:#fff;
}
.breadcrumb-current::after{
  display:none!important;
  content:none!important;
}
.breadcrumb-current span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:680px){
  .breadcrumb-bar{min-height:44px}
  .breadcrumb-bar ol{min-height:44px;gap:2px}
  .breadcrumb-item a,
  .breadcrumb-current{
    height:42px;
    padding-left:16px;
    padding-right:18px;
    font-size:10px;
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%,9px 50%);
  }
  .breadcrumb-item:first-child a{
    width:48px;
    min-width:48px;
    padding:0 4px 0 0;
    clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);
  }
  .breadcrumb-current{max-width:64vw}
}

/* v2.7.2.39 — compact icon-only player actions; theme-colored shells, semantic icons. */
.video-action-bar{
  justify-content:center;
  padding:9px 12px;
}
.video-action-buttons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
}
.video-action-buttons .video-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  width:42px;
  min-width:42px;
  height:40px;
  min-height:40px;
  margin:0;
  padding:0;
  gap:0;
  border:1px solid rgba(var(--accent-rgb),.40);
  background:rgba(var(--accent-rgb),.09);
  color:#d8d8dd;
  transition:none!important;
  transform:none!important;
}
.video-action-buttons .video-action-button:hover,
.video-action-buttons .video-action-button:focus-visible,
.video-action-buttons .video-action-button.is-active{
  border-color:var(--accent);
  background:rgba(var(--accent-rgb),.24);
  color:#fff;
  outline:0;
  transition:none!important;
  transform:none!important;
}
.video-action-buttons .video-action-button:disabled{
  opacity:.58;
}
.video-action-buttons .video-action-button.is-active:disabled{
  opacity:1;
}
.video-action-buttons .video-action-button>.javhd-icon{
  display:block;
  width:19px;
  height:19px;
  flex:0 0 19px;
  stroke-width:2.65;
}
.video-action-button[data-reaction="like"]>.javhd-icon{
  color:#8fdfaa;
}
.video-action-button[data-reaction="dislike"]>.javhd-icon{
  color:#f09a9a;
}
.video-action-button[data-lights-toggle]>.javhd-icon{
  color:#ead477;
}
.video-action-button.is-report>.javhd-icon{
  color:#f05c68;
}
.video-action-button[data-reaction="like"]:hover>.javhd-icon,
.video-action-button[data-reaction="like"]:focus-visible>.javhd-icon,
.video-action-button[data-reaction="like"].is-active>.javhd-icon{
  color:#baf2cc;
}
.video-action-button[data-reaction="dislike"]:hover>.javhd-icon,
.video-action-button[data-reaction="dislike"]:focus-visible>.javhd-icon,
.video-action-button[data-reaction="dislike"].is-active>.javhd-icon{
  color:#ffc1c1;
}
.video-action-button[data-lights-toggle]:hover>.javhd-icon,
.video-action-button[data-lights-toggle]:focus-visible>.javhd-icon,
.video-action-button[data-lights-toggle].is-active>.javhd-icon{
  color:#fff0a8;
}
.video-action-button.is-report:hover>.javhd-icon,
.video-action-button.is-report:focus-visible>.javhd-icon{
  color:#ffb1b8;
}
.video-action-label,
.video-action-count{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  .video-action-bar{
    align-items:center;
    padding:8px 10px;
  }
  .video-action-buttons{
    width:auto;
    max-width:100%;
    gap:6px;
  }
  .video-action-buttons .video-action-button{
    flex:0 0 40px;
    width:40px;
    min-width:40px;
    height:38px;
    min-height:38px;
  }
}

/* v2.7.2.40 — cut-corner media/sidebar shells and active-tab underlines. */
.movie-thumb,
.mini-thumb,
.player-wrap,
.player-notice,
.player-selector,
.sidebar-section,
.video-info-box,
.top-period-menu,
.top-period-toggle,
.sidebar-taxonomy-cloud a,
.sidebar-category-list a{
  border-radius:0!important;
}

.movie-thumb,
.mini-thumb{
  clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)!important;
}

.player-wrap,
.player-notice,
.player-selector,
.sidebar-section,
.video-info-box{
  clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)!important;
}

.player-placeholder,
.player-stage,
.player-stage iframe,
.player-loading,
.player-placeholder img{
  border-radius:0!important;
}

.sidebar-section{
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)) #121214;
}

/* underline active/current tabs instantly, without animation */
.main-nav a,
.server-tabs button,
.episode-tabs button,
.top-period-menu button,
.breadcrumb-item a,
.breadcrumb-current{
  position:relative;
  transition:none!important;
}

.main-nav a::after,
.server-tabs button::after,
.episode-tabs button::after,
.top-period-menu button::after,
.breadcrumb-item a::after,
.breadcrumb-current::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:7px;
  height:2px;
  background:currentColor;
  opacity:0;
  transition:none!important;
  pointer-events:none;
}

.main-nav .current-menu-item>a::after,
.main-nav .current_page_item>a::after,
.main-nav .current-menu-ancestor>a::after,
.server-tabs button.is-active::after,
.episode-tabs button.is-active::after,
.top-period-menu button.is-active::after,
.breadcrumb-current::before{
  opacity:1;
}

.breadcrumb-item a:hover::after,
.breadcrumb-item a:focus-visible::after{
  opacity:1;
}

/* keep the home breadcrumb clean */
.breadcrumb-item:first-child a::after{
  display:none!important;
}

/* match underline spacing on compact buttons */
.server-tabs button::after,
.episode-tabs button::after,
.top-period-menu button::after{
  left:9px;
  right:9px;
  bottom:5px;
}

.main-nav a::after{
  left:15px;
  right:15px;
  bottom:8px;
}

.breadcrumb-item a::after,
.breadcrumb-current::before{
  left:16px;
  right:16px;
  bottom:8px;
  background:rgba(255,255,255,.95);
}

@media(max-width:680px){
  .movie-thumb,
  .mini-thumb{
    clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)!important;
  }

  .player-wrap,
  .player-notice,
  .player-selector,
  .sidebar-section,
  .video-info-box{
    clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)!important;
  }

  .main-nav a::after,
  .breadcrumb-item a::after,
  .breadcrumb-current::before{
    left:12px;
    right:12px;
  }
}

/* v2.7.2.41 — clearly visible two-corner media cards and centered compact header. */
:root{
  --javhd-cut-card:14px;
  --javhd-cut-media:11px;
}

/* Header follows the same centered 1320px axis as the movie area. */
.header-top.shell{
  width:min(calc(100% - 32px),var(--movie-shell));
  margin-inline:auto;
  grid-template-columns:230px minmax(360px,680px) minmax(46px,1fr);
  column-gap:38px;
}
.header-tools{
  width:100%;
  max-width:680px;
}

/* Remove the old rectangular animated outline; it hid the cut corners. */
.movie-thumb::before,
.mini-thumb::before{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.movie-card:hover .movie-thumb,
.mini-card:hover .mini-thumb{
  border-color:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)!important;
}

/* Full movie cards: panel, image and title are one visibly cut shell. */
.movie-card{
  position:relative;
  overflow:hidden;
  background:#141416;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(
    var(--javhd-cut-card) 0,
    100% 0,
    100% calc(100% - var(--javhd-cut-card)),
    calc(100% - var(--javhd-cut-card)) 100%,
    0 100%,
    0 var(--javhd-cut-card)
  );
  box-shadow:inset 0 0 0 1px #2d2d33;
}
.movie-card-body{
  padding:9px 10px 11px;
}
.movie-thumb{
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(
    var(--javhd-cut-media) 0,
    100% 0,
    100% calc(100% - var(--javhd-cut-media)),
    calc(100% - var(--javhd-cut-media)) 100%,
    0 100%,
    0 var(--javhd-cut-media)
  )!important;
  box-shadow:inset 0 0 0 1px #2d2d33;
}

/* Top-video cards use the same cut language without bulky borders. */
.mini-card{
  position:relative;
  overflow:hidden;
  padding:1px 1px 7px;
  background:rgba(255,255,255,.022);
  clip-path:polygon(
    9px 0,
    100% 0,
    100% calc(100% - 9px),
    calc(100% - 9px) 100%,
    0 100%,
    0 9px
  );
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}
.mini-thumb{
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(
    8px 0,
    100% 0,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    0 100%,
    0 8px
  )!important;
  box-shadow:inset 0 0 0 1px #2d2d33;
}
.mini-card h3{
  padding-inline:7px;
}

/* The whole player stack is one cut shell, so the video itself is clipped too. */
.watch-shell{
  position:relative;
  overflow:hidden;
  padding-bottom:0!important;
  background:#151516;
  clip-path:polygon(
    var(--javhd-cut-card) 0,
    100% 0,
    100% calc(100% - var(--javhd-cut-card)),
    calc(100% - var(--javhd-cut-card)) 100%,
    0 100%,
    0 var(--javhd-cut-card)
  );
  box-shadow:inset 0 0 0 1px #303036;
}
.player-wrap,
.player-notice,
.player-selector,
.video-action-bar{
  border-radius:0!important;
  clip-path:none!important;
}
.player-wrap{
  border:0!important;
  box-shadow:inset 0 0 0 1px #303036;
}

/* Every right-sidebar section has obvious top-left / bottom-right cuts. */
.sidebar-section{
  position:relative;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)) #121214;
  clip-path:polygon(
    var(--javhd-cut-card) 0,
    100% 0,
    100% calc(100% - var(--javhd-cut-card)),
    calc(100% - var(--javhd-cut-card)) 100%,
    0 100%,
    0 var(--javhd-cut-card)
  )!important;
  box-shadow:inset 0 0 0 1px #303036;
}

/* Keep utility/taxonomy blocks consistent. */
.video-info-box,
.top-period-menu,
.sidebar-taxonomy-cloud a,
.sidebar-category-list a{
  border-radius:0!important;
}
.video-info-box{
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
}

@media(max-width:1500px){
  .header-top.shell{
    grid-template-columns:210px minmax(320px,620px) minmax(46px,1fr);
    column-gap:30px;
  }
}
@media(max-width:1080px){
  .header-top.shell{
    grid-template-columns:190px minmax(260px,1fr) auto;
    column-gap:20px;
  }
}
@media(max-width:760px){
  .header-top.shell{
    width:min(calc(100% - 22px),var(--movie-shell));
    grid-template-columns:minmax(0,1fr) 42px;
    column-gap:14px;
  }
  .header-tools{
    max-width:none;
  }
  :root{
    --javhd-cut-card:10px;
    --javhd-cut-media:8px;
  }
  .movie-card-body{padding:8px 8px 10px}
}
@media(max-width:540px){
  .header-top.shell{
    grid-template-columns:minmax(0,1fr) 40px;
    column-gap:12px;
  }
}

/* v2.7.2.42 — thumbnail-only cut corners and desktop hover outline. */
/* Keep titles/body outside the cut shell. */
.movie-card,
.mini-card{
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  box-shadow:none!important;
}
.movie-card-body{
  padding:8px 0 0!important;
}
.mini-card h3{
  margin:6px 0 0!important;
  padding:0!important;
}

/* Only the visual thumbnail keeps the two cut corners. */
.movie-thumb,
.mini-thumb{
  position:relative;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px #2d2d33!important;
}
.movie-thumb{
  clip-path:polygon(
    var(--javhd-cut-media) 0,
    100% 0,
    100% calc(100% - var(--javhd-cut-media)),
    calc(100% - var(--javhd-cut-media)) 100%,
    0 100%,
    0 var(--javhd-cut-media)
  )!important;
}
.mini-thumb{
  clip-path:polygon(
    8px 0,
    100% 0,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    0 100%,
    0 8px
  )!important;
}

/* Static accent outline on desktop hover; follows the clipped thumbnail. */
.movie-thumb::after,
.mini-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  padding:2px;
  pointer-events:none;
  opacity:0;
  background:var(--accent);
  clip-path:inherit;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  transition:none!important;
}
@media (hover:hover) and (pointer:fine){
  .movie-card:hover .movie-thumb::after,
  .mini-card:hover .mini-thumb::after{
    opacity:1;
  }
  .movie-card:hover .movie-thumb,
  .mini-card:hover .mini-thumb{
    box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.75)!important;
  }
}
@media (hover:none),(pointer:coarse){
  .movie-thumb::after,
  .mini-thumb::after{
    display:none!important;
  }
}

/* v2.7.2.48 — duration badge only on main and related movie thumbnails. */
.badge-duration{
  position:absolute;
  z-index:10;
  left:7px;
  right:auto;
  bottom:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:4px 7px;
  border:0!important;
  border-radius:2px!important;
  background:rgba(12,13,16,.26)!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.88)!important;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
  pointer-events:none;
}
@media(max-width:680px){
  .badge-duration{
    left:5px;
    bottom:5px;
    min-height:18px;
    padding:3px 6px;
    font-size:9px;
  }
}


/* v2.7.2.58 — compact mobile breadcrumbs that always stay inside the viewport. */
@media(max-width:680px){
  .breadcrumb-bar.shell{
    min-width:0;
    overflow:hidden;
  }

  .breadcrumb-bar ol{
    width:100%;
    min-width:0;
    overflow:hidden;
  }

  .breadcrumb-item{
    min-width:0;
    overflow:hidden;
  }

  /* On deep paths, keep Home + the nearest parent + the current page. */
  .breadcrumb-item:nth-child(n+2):not(:nth-last-child(-n+2)){
    display:none;
  }

  .breadcrumb-item:first-child{
    flex:0 0 44px;
    overflow:visible;
  }

  .breadcrumb-item:first-child a{
    width:44px;
    min-width:44px;
  }

  /* Shorten the category/parent label instead of letting it push the title off-screen. */
  .breadcrumb-item:not(:first-child):not(:last-child){
    flex:0 1 104px;
    max-width:28vw;
  }

  .breadcrumb-item:not(:first-child):not(:last-child) a{
    width:100%;
    max-width:100%;
    padding-left:12px;
    padding-right:14px;
    gap:6px;
    overflow:hidden;
  }

  .breadcrumb-item:not(:first-child):not(:last-child) a span{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* The current title uses every remaining pixel and is shortened with an ellipsis. */
  .breadcrumb-item:last-child{
    flex:1 1 0;
    max-width:none;
  }

  .breadcrumb-current{
    width:100%;
    max-width:none;
    padding-left:12px;
    padding-right:12px;
    gap:6px;
    overflow:hidden;
  }

  .breadcrumb-current span{
    flex:1 1 auto;
    width:0;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(max-width:420px){
  .breadcrumb-item:not(:first-child):not(:last-child){
    flex-basis:92px;
    max-width:25vw;
  }

  .breadcrumb-item a,
  .breadcrumb-current{
    font-size:9px;
    letter-spacing:.02em;
  }
}