/* XemPhimFun 1.1. Fonts referenced below already belong to the installed source. */
@font-face{font-family:XPFMenu;src:url('../../../../public/assets/webfonts/inter/Inter-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
.xpf-site .xpf-nav-item>span{font-family:XPFMenu,XHDInter,Inter,sans-serif;font-weight:800;font-size:15px;letter-spacing:.025em;line-height:1.5;text-transform:uppercase;-webkit-font-smoothing:antialiased}
.xpf-site .xpf-nav-item{padding-inline:32px;gap:24px;width:250px;color:rgba(255,255,255,.75)}
.xpf-site .xpf-nav-item:hover,.xpf-site .xpf-nav-item:focus-visible{color:#fff}
.xpf-site .xpf-nav-item.is-active{color:#ffc72c}
.xpf-site .xpf-nav-item.is-active svg{filter:drop-shadow(0 0 9px #ffcf3040)}
.xpf-site .xpf-side:hover,.xpf-site .xpf-side:focus-within{width:250px}
/* Actual 56px circle / 20px solid icon, not an oversized or outlined symbol. */
.xpf-site .xpf-slide-actions .xpf-play{width:56px;height:56px;min-width:56px;min-height:56px;border:0;border-radius:50%;padding:0;background:#fff!important;color:#000!important;line-height:1;box-shadow:0 8px 22px #0005}
.xpf-site .xpf-slide-actions .xpf-play svg{width:24px;height:24px;fill:currentColor;stroke:none;margin:0 0 0 2px}
.xpf-site .xpf-slide-actions .xpf-save{width:48px;height:48px;min-width:48px;border-radius:50%;color:#ffffffcc;background:#ffffff1a;border:1px solid #ffffff33}
.xpf-site .xpf-slide-actions .xpf-save svg{width:18px;height:18px;fill:currentColor;stroke:none}
.xpf-site .xpf-slide-actions .xpf-save[aria-pressed=true]{color:#ffc72c;border-color:#ffc72c;background:#ffc72c18}
.xpf-site .xpf-details{font:600 15.2px/1.5 XHDInter,Inter,sans-serif;min-height:48px;padding:12px 24px;gap:10px;background:#ffffff1a;border:1px solid #ffffff33;color:#fff;border-radius:999px}
.xpf-site .xpf-details svg{width:16px;height:16px;stroke:none;fill:currentColor}
.xpf-site .xpf-slide-actions .xpf-play:hover{transform:scale(1.05)}
.xpf-site .xpf-slide-actions .xpf-save:hover,.xpf-site .xpf-details:hover{background:#ffffff26;border-color:#ffffff66;color:#fff}
.xpf-site .xpf-hero .xpf-meta .xpf-pill{font-size:12.8px;line-height:1.5;padding:4px 12px;font-weight:600;background:#ffffff1a}
.xpf-site .xpf-hero .xpf-meta{margin-bottom:12px}
.xpf-site .xpf-hero .xpf-slide-title{margin-top:0;margin-bottom:8px}
.xpf-site .xpf-hero .xpf-slide-title img{width:auto;height:auto;max-width:min(380px,100%);max-height:110px;object-fit:contain;object-position:left center;filter:drop-shadow(2px 2px 20px #0008)}
.xpf-site .xpf-hero .xpf-original{font-size:16px;font-weight:500;color:#9ca3af}
.xpf-site .xpf-hero .xpf-hero-genres{font-size:14px;font-weight:600;color:#9ca3af;margin-bottom:16px}
.xpf-site .xpf-hero .xpf-slide-description{font-size:15px;line-height:1.7;color:#9ca3af;margin-bottom:24px}
/* Keep the full-height reference geometry. 1528px in saved HTML is not a fixed image width. */
.xpf-site .xpf-hero .xpf-backdrop img{transform:none;object-fit:cover;object-position:center top;transition:none}
.xpf-site .xpf-hero .xpf-backdrop{transition:opacity .3s ease}
/* Poster hover stays entirely scoped to homepage rows. */
.xpf-site .xpf-card-play{width:56px;height:56px;background:#fff!important;color:#000!important;border:0;box-shadow:0 8px 24px #0006;transform:translate(-50%,-50%) scale(.88)}
.xpf-site .xpf-card-play svg{width:24px;height:24px;fill:currentColor;stroke:none;margin-left:2px}
.xpf-site .xpf-card:hover .xpf-card-play,.xpf-site .xpf-card:focus-within .xpf-card-play{transform:translate(-50%,-50%) scale(1);opacity:1}
.xpf-site .xpf-card:hover .xpf-card-image>img{transform:scale(1.05)}
.xpf-site .xpf-card-shade{background:linear-gradient(0deg,#000d,rgba(0,0,0,.24),rgba(0,0,0,.1))}
/* Trailer is a sibling background layer. Text/buttons remain in place; no modal/reflow. */
.xpf-hero>.xpf-slides{z-index:2;pointer-events:none}
.xpf-hero .xpf-slide.is-active{pointer-events:auto}
.xpf-inline-trailer{position:absolute;inset:0;z-index:1;background:#000;pointer-events:none;opacity:0;transition:opacity .45s ease}
.xpf-inline-trailer.is-ready{opacity:1}
.xpf-inline-trailer-player,.xpf-inline-trailer-player>div,.xpf-inline-trailer-player>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0}
.xpf-hero.has-trailer-ready .xpf-slide.is-active .xpf-backdrop{opacity:0}
.xpf-hero.has-trailer .xpf-trailer-trigger{visibility:hidden;pointer-events:none}
.xpf-trailer-tools{position:absolute;z-index:7;right:56px;top:24px;display:flex;gap:8px}
.xpf-site .xpf-trailer-tools .xpf-control{width:38px;height:38px;color:#fff;border:1px solid #ffffff33;background:#0007;backdrop-filter:blur(8px)}
.xpf-site .xpf-trailer-tools svg{width:17px;height:17px}
.xpf-trailer-message{position:absolute;z-index:7;right:56px;top:76px;max-width:360px;padding:12px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#08080ce8;border:1px solid #ffffff25;border-radius:12px;font:400 13px/1.5 XHDInter,Inter,sans-serif;color:#eee}
.xpf-trailer-message [role=status]{flex-basis:100%}
.xpf-site .xpf-trailer-message .xpf-pill{color:#fff;font-size:12px;line-height:1.4}
@media(max-width:1024px){.xpf-site .xpf-hero .xpf-slide-title img{max-width:300px;max-height:85px}.xpf-trailer-tools,.xpf-trailer-message{right:32px}}
@media(max-width:768px){
 .xpf-site .xpf-slide-actions .xpf-play{width:48px;height:48px;min-width:48px;min-height:48px}
 .xpf-site .xpf-slide-actions .xpf-play svg{width:22px;height:22px}
 .xpf-site .xpf-slide-actions .xpf-save{width:42px;height:42px;min-width:42px}
 .xpf-site .xpf-hero .xpf-details{width:42px;height:42px;min-width:42px;min-height:42px;padding:0}
 .xpf-site .xpf-hero .xpf-slide-title{margin:6px 0}
 .xpf-site .xpf-hero .xpf-slide-title img{max-width:min(170px,100%);max-height:45px}
 .xpf-site .xpf-hero .xpf-original{font-size:12px}
 .xpf-site .xpf-hero .xpf-meta{margin:4px 0 8px}
 .xpf-site .xpf-hero .xpf-meta .xpf-pill{font-size:11px;padding:2px 8px}
 .xpf-trailer-tools{right:16px;top:16px}.xpf-trailer-message{right:16px;left:16px;max-width:none;top:64px}
 .xpf-site .xpf-card-play{width:48px;height:48px}.xpf-site .xpf-card-play svg{width:22px;height:22px}
}
@media(max-width:480px){.xpf-site .xpf-hero .xpf-slide-title img{max-width:min(140px,100%);max-height:38px}}
@media(prefers-reduced-motion:reduce){.xpf-site .xpf-card:hover .xpf-card-image>img,.xpf-site .xpf-slide-actions .xpf-play:hover{transform:none}}