.ys-page-design-two{position:relative;width:100%;height:var(--ys-height,700px);min-height:520px;padding:0!important;overflow:hidden;background:#050608;color:#fff}
.ys-page-design-two.ys-fullscreen{width:100vw!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin-left:calc(50% - 50vw)!important}
.ys-page-design-two .ys-hero-shell{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;clip-path:none!important;overflow:hidden!important;box-shadow:none!important}
.ys-page-design-two .ys-hero-track,.ys-page-design-two .ys-hero-track .slick-list,.ys-page-design-two .ys-hero-track .slick-track,.ys-page-design-two .ys-slide{height:100%!important}
.ys-page-design-two .ys-slide{position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 47%,rgba(1,3,6,.46) 72%,rgba(1,3,6,.66)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 34%),var(--ys-image)!important;background-size:100% 100%,100% 100%,var(--ys-photo-fit,cover)!important;background-position:center,center,var(--ys-photo-position,center center)!important;background-repeat:no-repeat!important}
.ys-page-design-two .ys-slide::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 var(--ys-edge-size,120px) calc(var(--ys-edge-size,120px)/3) rgba(0,0,0,var(--ys-edge-darkness,.45))}
.ys-page-design-two .ys-bg-trailer{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;object-fit:cover;pointer-events:none;background:#000;opacity:0;animation:ysPageTwoTrailerIn .7s ease forwards}
@keyframes ysPageTwoTrailerIn{to{opacity:1}}
.ys-page-design-two .ys-copy{position:absolute!important;z-index:5!important;top:50%!important;right:5%!important;bottom:auto!important;left:auto!important;display:block!important;width:min(var(--ys-box-width,500px),42vw)!important;height:auto!important;min-height:0!important;max-height:calc(100% - 150px)!important;padding:var(--ys-box-padding,22px)!important;overflow:auto;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--ys-box-radius-tl,18px) var(--ys-box-radius-tr,18px) var(--ys-box-radius-br,18px) var(--ys-box-radius-bl,18px)!important;background:linear-gradient(135deg,rgba(8,16,22,var(--ys-box-opacity,.76)),rgba(1,5,8,calc(var(--ys-box-opacity,.76) * .68)))!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important;backdrop-filter:blur(9px)!important;transform:translateY(-58%) scale(var(--ys-box-scale,1))!important;transform-origin:right center!important}
.ys-page-design-two .ys-copy h2{margin:0 0 11px;color:#fff;font-size:clamp(32px,3.35vw,56px);font-weight:800;line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 4px 20px #000;overflow-wrap:anywhere}
.ys-page-design-two .ys-copy p{display:-webkit-box;margin:0 0 15px;overflow:hidden;color:rgba(255,255,255,.8);font-size:14px;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ys-page-design-two .ys-meta,.ys-page-design-two .ys-genres{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.ys-page-design-two .ys-meta i{width:4px;height:4px;border-radius:50%;background:var(--ys-accent,#e50914)}.ys-page-design-two .ys-genres span{padding:4px 10px;border:1px solid rgba(255,255,255,.38);border-radius:20px;background:rgba(0,0,0,.22);font-size:11px}
.ys-page-design-two .ys-rating{position:absolute;right:var(--ys-rating-right,22px);bottom:var(--ys-rating-bottom,22px);display:inline-flex;align-items:baseline;gap:.14em;color:#fff;font-size:var(--ys-rating-size,28px);font-weight:800}.ys-page-design-two .ys-rating-star,.ys-page-design-two .ys-rating strong{color:#f5c518}.ys-page-design-two .ys-rating small{font-size:var(--ys-rating-small-size,13px)}
.ys-page-design-two .ys-page-two-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ys-page-design-two .ys-watch-trailer-inline{--ys-btn-bg:var(--ys-watch-bg,#e50914);--ys-btn-color:var(--ys-watch-color,#fff);--ys-btn-border:var(--ys-watch-border,#e50914);--ys-btn-border-width:var(--ys-watch-border-width,1px);--ys-btn-radius:var(--ys-watch-radius,8px);display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:var(--ys-watch-width,190px);height:var(--ys-watch-height,48px);padding:0 18px;border:var(--ys-btn-border-width) solid var(--ys-btn-border);border-radius:var(--ys-btn-radius);background:var(--ys-watch-bg,#e50914);color:var(--ys-watch-color,#fff);font-size:var(--ys-watch-font,16px);font-weight:700;cursor:pointer;box-shadow:0 10px var(--ys-watch-glow,18px) color-mix(in srgb,var(--ys-watch-bg,#e50914) 45%,transparent)}
.ys-page-design-two .ys-page-two-thumbs{position:absolute;z-index:9;right:3%;bottom:18px;left:3%;display:flex;align-items:center;gap:12px;height:100px;padding:9px 12px;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(4,7,10,.55);box-shadow:0 14px 40px rgba(0,0,0,.48);backdrop-filter:blur(11px);scrollbar-width:none}.ys-page-design-two .ys-page-two-thumbs::-webkit-scrollbar{display:none}
.ys-page-design-two .ys-page-two-thumbs .ys-thumb{position:relative!important;display:block!important;flex:1 1 0!important;min-width:120px!important;max-width:230px!important;width:auto!important;height:80px!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.3)!important;border-radius:11px!important;background:#070a0e!important;opacity:.72;cursor:pointer;transition:.22s}.ys-page-design-two .ys-page-two-thumbs .ys-thumb img{width:100%;height:100%;object-fit:cover}.ys-page-design-two .ys-page-two-thumbs .ys-thumb span{position:absolute;right:0;bottom:0;left:0;padding:20px 8px 6px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font-size:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ys-page-design-two .ys-page-two-thumbs .ys-thumb.is-active{border:2px solid var(--ys-accent,#e50914)!important;opacity:1;box-shadow:0 0 13px var(--ys-accent,#e50914)}
.ys-page-design-two .ys-prev,.ys-page-design-two .ys-next{z-index:10}.ys-page-design-two .ys-prev{left:18px!important}.ys-page-design-two .ys-next{right:18px!important}
.ys-page-design-two .ys-copy .ys-box-logo{position:absolute!important;z-index:12!important;right:0!important;bottom:calc(100% + var(--ys-logo-bottom,18px))!important;left:auto!important;width:var(--ys-logo-width,160px)!important;max-width:none!important;height:auto!important;object-fit:contain;pointer-events:none;transform:translateX(var(--ys-logo-left,0px));filter:drop-shadow(0 5px 14px rgba(0,0,0,.65))}
.ys-page-design-two>.ys-screen-logo{position:absolute!important;z-index:12!important;left:50%!important;right:auto!important;bottom:var(--ys-logo-bottom,18px)!important;width:var(--ys-logo-width,160px)!important;max-width:none!important;height:auto!important;object-fit:contain;pointer-events:none;transform:translateX(calc(-50% + var(--ys-logo-left,0px)))!important;filter:drop-shadow(0 5px 14px rgba(0,0,0,.65))}
.ys-page-design-two .ys-copy{overflow:visible!important}
.ys-page-design-two .ys-trailer-modal{display:none}

@media(max-width:900px){.ys-page-design-two .ys-copy{right:4%!important;width:min(var(--ys-box-width,500px),55vw)!important}.ys-page-design-two .ys-page-two-thumbs{right:2%;left:2%}}
@media(max-width:767px){.ys-page-design-two{height:560px;min-height:520px}.ys-page-design-two.ys-fullscreen{height:100vh!important;min-height:100vh!important}.ys-page-design-two .ys-slide{background-image:linear-gradient(0deg,rgba(0,0,0,.7),transparent 64%),var(--ys-image)!important;background-size:100% 100%,var(--ys-photo-fit,cover)!important;background-position:center,var(--ys-photo-position,center center)!important}.ys-page-design-two .ys-copy{top:auto!important;right:5%!important;bottom:112px!important;left:5%!important;width:90%!important;max-height:58%!important;padding:16px!important;transform:none!important;transform-origin:center!important}.ys-page-design-two .ys-copy h2{font-size:30px}.ys-page-design-two .ys-copy p{font-size:12px;-webkit-line-clamp:2}.ys-page-design-two .ys-page-two-thumbs{right:3%;bottom:10px;left:3%;height:88px;padding:8px}.ys-page-design-two .ys-page-two-thumbs .ys-thumb{flex:0 0 112px!important;min-width:112px!important;height:70px!important}.ys-page-design-two .ys-rating{position:static;margin:4px 0 8px}.ys-page-design-two .ys-watch-trailer-inline{width:auto;min-width:145px}.ys-page-design-two .ys-prev,.ys-page-design-two .ys-next{width:38px;height:52px}}

/* v1.16.1: connect every inherited Elementor Style control to Design 2. */
.ys-page-design-two .ys-copy{top:auto!important;right:5%!important;bottom:calc(var(--ys-box-bottom,10px) + 118px)!important;transform:translateX(var(--ys-box-x,0px)) scale(var(--ys-box-scale,1))!important;transform-origin:right bottom!important}
.ys-page-design-two .ys-page-two-thumbs{bottom:var(--ys-thumb-bottom,24px)!important;border-radius:var(--ys-thumb-radius-tl,27px) var(--ys-thumb-radius-tr,27px) var(--ys-thumb-radius-br,27px) var(--ys-thumb-radius-bl,27px)!important;scale:var(--ys-thumb-scale-x,100%) var(--ys-thumb-scale-y,100%)}
.ys-page-design-two.ys-thumbs-center .ys-page-two-thumbs{left:50%!important;right:auto!important;width:min(84%,1180px)!important;transform:translateX(calc(-50% + var(--ys-thumb-x,0px)))!important;transform-origin:center bottom}
.ys-page-design-two.ys-thumbs-left .ys-page-two-thumbs{left:20px!important;right:auto!important;width:min(58%,850px)!important;transform:translateX(var(--ys-thumb-x,0px))!important;transform-origin:left bottom}
.ys-page-design-two.ys-thumbs-right .ys-page-two-thumbs{left:auto!important;right:20px!important;width:min(58%,850px)!important;transform:translateX(var(--ys-thumb-x,0px))!important;transform-origin:right bottom}
.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs{height:158px}
.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs .ys-thumb{flex:0 0 86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:124px!important}
.ys-page-design-two .ys-watch-trailer-inline{font-size:var(--ys-watch-font,16px)!important;transform:translate(var(--ys-watch-x,0px),calc(-1 * var(--ys-watch-gap,18px)))!important}
.ys-page-design-two.ys-watch-left .ys-page-two-actions{justify-content:flex-start}.ys-page-design-two.ys-watch-center .ys-page-two-actions{justify-content:center}.ys-page-design-two.ys-watch-right .ys-page-two-actions{justify-content:flex-end}

@media(max-width:900px){.ys-page-design-two.ys-thumbs-left .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-right .ys-page-two-thumbs{width:min(88%,850px)!important}}
@media(max-width:767px){.ys-page-design-two .ys-copy{top:auto!important;right:5%!important;bottom:calc(var(--ys-box-bottom,10px) + 98px)!important;left:5%!important;width:min(var(--ys-box-width,500px),90vw)!important;max-height:58%!important;padding:var(--ys-box-padding,16px)!important;transform:translateX(var(--ys-box-x,0px)) scale(var(--ys-box-scale,1))!important;transform-origin:center bottom!important}.ys-page-design-two .ys-page-two-thumbs{bottom:var(--ys-thumb-bottom,10px)!important}.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs{height:140px}.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs .ys-thumb{height:108px!important}}

/* v1.16.5: compact phone composition; desktop and tablet stay unchanged. */
@media(max-width:767px){
 .ys-page-design-two,.ys-page-design-two.ys-fullscreen{height:100svh!important;min-height:620px!important;max-height:850px!important}
 .ys-page-design-two .ys-slide{background-image:linear-gradient(0deg,rgba(1,3,6,.88) 0,rgba(1,3,6,.58) 39%,rgba(1,3,6,.05) 72%),var(--ys-image)!important;background-size:100% 100%,var(--ys-photo-fit,cover)!important;background-position:center,var(--ys-photo-position,center center)!important}
 .ys-page-design-two .ys-copy{top:auto!important;right:4%!important;bottom:calc(var(--ys-thumb-bottom,10px) + 90px)!important;left:4%!important;width:92%!important;max-width:none!important;max-height:52%!important;padding:14px 15px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(8,13,18,.76),rgba(2,5,8,.52))!important;box-shadow:0 12px 34px rgba(0,0,0,.4)!important;transform:translateX(var(--ys-box-x,0px)) scale(clamp(.76,var(--ys-box-scale,1),1))!important;transform-origin:center bottom!important;backdrop-filter:blur(7px)!important}
 .ys-page-design-two .ys-copy h2{margin-bottom:7px!important;font-size:clamp(24px,7.5vw,34px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
 .ys-page-design-two .ys-meta{margin-bottom:7px!important;font-size:12px!important}
 .ys-page-design-two .ys-genres{margin-bottom:7px!important;gap:5px!important}.ys-page-design-two .ys-genres span{padding:3px 8px!important;font-size:10px!important}
 .ys-page-design-two .ys-copy p{margin-bottom:10px!important;font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:2!important}
 .ys-page-design-two .ys-rating{position:static!important;display:inline-flex!important;margin:0 0 9px!important;font-size:clamp(20px,var(--ys-rating-size,24px),30px)!important}
 .ys-page-design-two .ys-page-two-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;justify-content:stretch!important}
 .ys-page-design-two .ys-play,.ys-page-design-two .ys-watch-trailer-inline{width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;margin:0!important;padding:0 10px!important;font-size:12px!important;transform:none!important}
 .ys-page-design-two .ys-play i,.ys-page-design-two .ys-watch-trailer-inline i{font-size:13px!important}
 .ys-page-design-two .ys-prev,.ys-page-design-two .ys-next{display:none!important}
 .ys-page-design-two .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-center .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-left .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-right .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs{right:3%!important;bottom:var(--ys-thumb-bottom,10px)!important;left:3%!important;width:94%!important;height:76px!important;padding:7px!important;gap:8px!important;border-radius:12px!important;scale:none!important;transform:none!important}
 .ys-page-design-two .ys-page-two-thumbs .ys-thumb,.ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs .ys-thumb{flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:60px!important;border-radius:8px!important}
 .ys-page-design-two .ys-page-two-thumbs .ys-thumb span{display:none!important}
 .ys-page-design-two .ys-copy .ys-box-logo{right:0!important;bottom:calc(100% + 10px)!important;width:min(var(--ys-logo-width,125px),145px)!important;transform:translateX(var(--ys-logo-left,0px))!important}
 .ys-page-design-two>.ys-screen-logo{bottom:var(--ys-logo-bottom,18px)!important;width:min(var(--ys-logo-width,125px),145px)!important}
 .ys-page-design-two .ys-slide{background-size:100% 100%,var(--ys-mobile-photo-fit,cover)!important;background-position:center,var(--ys-mobile-photo-x,50%) var(--ys-mobile-photo-y,50%)!important}
 .ys-page-design-two .ys-bg-trailer{object-position:var(--ys-mobile-photo-x,50%) var(--ys-mobile-photo-y,50%)!important}
}

/* v1.16.8: on desktop the thumbnail box hugs its real item count. */
@media(min-width:901px){
 .ys-page-design-two.ys-thumbs-center .ys-page-two-thumbs{width:min(var(--ys-thumb-landscape-width,196px),84%,1180px)!important}
 .ys-page-design-two.ys-thumbs-left .ys-page-two-thumbs,.ys-page-design-two.ys-thumbs-right .ys-page-two-thumbs{width:min(var(--ys-thumb-landscape-width,196px),58%,850px)!important}
 .ys-page-design-two .ys-page-two-thumbs .ys-thumb{flex:0 0 160px!important;width:160px!important;min-width:160px!important;max-width:160px!important}
 .ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs{width:min(var(--ys-thumb-portrait-width,122px),92vw)!important}
 .ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs .ys-thumb{flex-basis:86px!important;width:86px!important;min-width:86px!important;max-width:86px!important}
}

/* v1.16.11: responsive title size and texture clipped inside the letters. */
.ys-page-design-two .ys-copy h2{position:relative;isolation:isolate;display:table;width:auto;max-width:100%;padding:6px 10px;font-size:var(--ys-title-size,56px)!important}
.ys-page-design-two:not(.ys-title-texture-on) .ys-copy h2{background:none!important}
.ys-page-design-two.ys-title-texture-on .ys-copy h2{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;opacity:var(--ys-title-texture-opacity,1)!important;text-shadow:none!important}
@media(max-width:900px){.ys-page-design-two .ys-copy h2{font-size:var(--ys-title-size,44px)!important}}
@media(max-width:767px){.ys-page-design-two .ys-copy h2{padding:4px 7px;font-size:var(--ys-title-size,30px)!important}}

/* v3: Design 2 must never participate in page scroll anchoring. */
.ys-page-design-two{overflow-anchor:none!important;}
.ys-page-design-two .ys-hero-shell,.ys-page-design-two .ys-hero-track,.ys-page-design-two .ys-page-two-thumbs{overflow-anchor:none!important;}

/* v1.16.26 mobile group-position fix: on phones, the Transparent Information Box
   "Distance From Bottom" control moves the info box + thumbnail section together.
   Desktop/tablet behavior is unchanged. */
@media(max-width:767px){
 .ys-page-design-two .ys-page-two-thumbs,
 .ys-page-design-two.ys-thumbs-center .ys-page-two-thumbs,
 .ys-page-design-two.ys-thumbs-left .ys-page-two-thumbs,
 .ys-page-design-two.ys-thumbs-right .ys-page-two-thumbs,
 .ys-page-design-two.ys-thumbs-portrait .ys-page-two-thumbs{
   bottom:var(--ys-box-bottom,10px)!important;
 }
 .ys-page-design-two .ys-copy{
   bottom:calc(var(--ys-box-bottom,10px) + 86px + var(--ys-mobile-info-box-offset,0px))!important;
 }
 .ys-page-design-two.ys-thumbs-portrait .ys-copy{
   bottom:calc(var(--ys-box-bottom,10px) + 150px + var(--ys-mobile-info-box-offset,0px))!important;
 }
}

/* Design 2: keep Play anchored to the left edge of the transparent box.
   Trailer alignment stays independent and Play does not shift when no trailer exists. */
@media(min-width:768px){
 .ys-page-design-two .ys-page-two-actions{position:relative!important;width:100%!important;justify-content:flex-start!important}
 .ys-page-design-two .ys-play{margin-left:0!important;margin-right:0!important}
 .ys-page-design-two.ys-watch-left .ys-watch-trailer-inline{margin-left:0!important}
 .ys-page-design-two.ys-watch-right .ys-watch-trailer-inline{margin-left:auto!important}
 .ys-page-design-two.ys-watch-center .ys-watch-trailer-inline{position:absolute!important;left:50%!important;margin-left:0!important;transform:translate(calc(-50% + var(--ys-watch-x,0px)),calc(-1 * var(--ys-watch-gap,18px)))!important}
}