/* Cinemai title-details and cinema playback. Uses the existing theme palette. */
html[data-cinemai-tv] body[data-cinemai-page="watch"] .head_sidebar{display:none!important;}
body[data-cinemai-page="watch"] #main-container.main-content{margin:0!important;}
body[data-cinemai-page="watch"] .head_sidebar{background:transparent;}
body[data-cinemai-page="watch"] .tag_header{background:transparent;}
body[data-cinemai-page="watch"] #main-container>.container-fluid{padding-left:0!important;padding-right:0!important;}
.cinemai-title-page{position:relative;isolation:isolate;color:#f5f5f7;background:var(--body-bg,#0f1014);margin:0;min-height:100vh;}
.cinemai-title-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.cinemai-title-hero{position:relative;padding:40vh 5% 48px max(125px,7.5%);}
html[data-cinemai-tv] .cinemai-title-hero{padding-left:5%;}
.cinemai-title-art,.cinemai-background-preview,.cinemai-title-shade{position:absolute;inset:0;width:100%;height:100%;}
.cinemai-title-art{object-fit:cover;object-position:center;}
.cinemai-background-preview{object-fit:cover;opacity:0;transition:opacity .4s;}
.cinemai-background-preview[data-playing="true"]{opacity:1;}
.cinemai-title-shade{background:linear-gradient(0deg,rgba(15,16,20,.95),rgba(15,16,20,.64) 38%,rgba(15,16,20,.1) 80%),linear-gradient(90deg,rgba(15,16,20,.48),transparent 85%);}
.cinemai-title-content{margin:0;}
.cinemai-title-tabs{display:flex;gap:30px;margin-bottom:26px;}
.cinemai-title-tabs button{border:0;border-bottom:3px solid transparent;padding:12px 0;background:transparent;color:#c4c4cd;font-size:18px;font-weight:600;cursor:pointer;}
.cinemai-title-tabs button[aria-selected="true"]{color:#fff;border-color:var(--main,#6e67cc);}
.cinemai-overview-layout{max-width:820px;}
.cinemai-title-copy{min-width:0;color:#fff;}
.cinemai-back{position:absolute;top:96px;display:inline-block;color:#ddd;padding:10px 0;font-size:16px;}
.cinemai-title-page [hidden]{display:none;}
.cinemai-read-more{border:0;background:transparent;color:#d0cbff;padding:6px 0 16px;cursor:pointer;font-weight:600;}
.cinemai-details-panel{min-height:300px;max-width:1050px;}
.cinemai-details-panel h2{font-size:32px;margin:0 0 24px;}
.cinemai-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;}
.cinemai-detail-grid dt{color:#b9b8c6;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
.cinemai-detail-grid dd{font-size:18px;margin:0;overflow-wrap:anywhere;}
.cinemai-eyebrow{font-size:12px;letter-spacing:.16em;color:#d6d4e6;margin-bottom:16px;}
.cinemai-title-copy h1{font-size:clamp(36px,4.5vw,72px);font-weight:750;line-height:1.08;margin:0 0 16px;overflow-wrap:anywhere;}
.cinemai-title-meta{display:flex;gap:12px;flex-wrap:wrap;color:#ddd;font-size:16px;margin-bottom:18px;}
.cinemai-title-meta span+span:before{content:'·';margin-right:12px;}
.cinemai-synopsis{font-size:20px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:620px;color:#e1e1e6;margin:26px 0;}
.cinemai-synopsis[data-expanded="true"]{display:block;overflow:visible;}
.cinemai-title-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.cinemai-secondary-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;}
.cinemai-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#e0e0e6;font-size:15px;cursor:pointer;}
.cinemai-secondary:hover{background:#ffffff12;color:#fff;text-decoration:none;}
.cinemai-secondary.active{color:var(--main,#6e67cc);background:#6e67cc18;border-color:var(--main,#6e67cc);}
.cinemai-secondary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.cinemai-rating span{font-size:12px;opacity:.75;}
.cinemai-share-dialog{width:min(520px,92vw);border:1px solid #ffffff26;border-radius:14px;padding:24px;background:var(--body-bg,#0f1014);color:#eee;}
.cinemai-share-dialog::backdrop{background:#000b;}
.cinemai-share-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;}
.cinemai-share-heading h2{font-size:24px;margin:0;}
.cinemai-share-dialog p{color:#bdbdc7;margin:12px 0 22px;}
.cinemai-share-dialog label{font-size:13px;color:#bdbdc7;}
.cinemai-share-dialog input{display:block;width:100%;padding:12px;border:1px solid #ffffff30;border-radius:8px;background:#222329;color:#eee;margin:5px 0 20px;}
.cinemai-share-dialog small{color:#999ba4;}
.cinemai-action{min-height:48px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff40;border-radius:8px;background:#222329d9;color:#fff;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;}
.cinemai-action:hover{color:#fff;background:#33343b;text-decoration:none;}
.cinemai-action[hidden]{display:none;}
.cinemai-action:disabled{opacity:.55;cursor:not-allowed;background:transparent;}
.cinemai-availability-note{font-size:15px;color:#c9c9d2;margin-left:12px;}
.cinemai-title-copy .cinemai-primary{min-width:190px;min-height:56px;font-size:18px;}
.cinemai-primary{background:var(--main,#6e67cc);border-color:transparent;min-width:150px;}
.cinemai-primary:hover{background:var(--main,#6e67cc);filter:brightness(1.08);}
.cinemai-title-page :focus-visible,.cinemai-cinema :focus-visible{outline:3px solid #fff;outline-offset:4px;}
.cinemai-resume-note{font-size:13px;color:#ccc;margin-top:14px;}
.cinemai-similar{padding:10px 5% 55px max(125px,7.5%);}
html[data-cinemai-tv] .cinemai-similar{padding-left:5%;}
.cinemai-similar h2{font-size:25px;font-weight:600;margin-bottom:22px;}
.cinemai-title-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,24%);gap:20px;overflow-x:auto;padding:5px 5px 20px;scroll-snap-type:x proximity;}
.cinemai-title-card{min-width:0;scroll-snap-align:start;color:inherit;display:block;}
.cinemai-title-card:hover{color:inherit;text-decoration:none;}
.cinemai-title-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#222329;}
.cinemai-title-card h3{font-size:17px;margin:12px 0 5px;line-height:1.3;}
.cinemai-title-card small{color:#999ba4;}
.cinemai-trailer-dialog{width:min(1100px,94vw);border:1px solid #ffffff30;border-radius:12px;padding:16px;background:var(--body-bg,#0f1014);color:#fff;}
.cinemai-trailer-dialog::backdrop{background:#000d;}
.cinemai-trailer-dialog video{display:block;width:100%;max-height:76vh;margin-top:12px;background:#000;}
.cinemai-cinema{position:fixed;inset:0;z-index:1050;background:#000;color:#fff;overflow:auto;}
.cinemai-cinema-bar{height:65px;padding:10px 24px;display:flex;gap:24px;align-items:center;background:#0f1014;}
.cinemai-cinema-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cinemai-player-stage{position:relative;isolation:isolate;z-index:0;width:100%;height:calc(100vh - 65px);}
.cinemai-player-stage .player-video,.cinemai-player-stage .video-player{width:100%;height:100%;max-width:none;margin:0;}
.cinemai-player-stage .video-player>video,.cinemai-player-stage .video-player>iframe{width:100%;height:100%;object-fit:contain;}
.cinemai-player-stage .pt_vdo_plyr,.cinemai-player-stage .embed-responsive{height:100%;width:100%;padding:0;}
.cinemai-cinema .cinemai-player-stage .mejs__container,.cinemai-cinema .cinemai-player-stage .video-js,.cinemai-cinema .cinemai-player-stage .plyr{width:100%!important;height:100%!important;max-height:none;}
.cinemai-end-panel{position:absolute;z-index:2;inset:65px 0 0;background:linear-gradient(90deg,#0f1014e8,#0f1014f5);padding:8vh 8vw;overflow:auto;}
.cinemai-end-panel[hidden]{display:none;}
.cinemai-cinema[data-ended="1"] .mejs__controls,.cinemai-cinema[data-ended="1"] .mejs__overlay-button{visibility:hidden;}
.cinemai-end-panel h2{font-size:34px;margin-bottom:20px;}
.cinemai-end-recommendation{max-width:480px;margin-bottom:25px;}
.cinemai-end-recommendation img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;}
.cinemai-end-recommendation h3{margin:16px 0;}
@media(max-width:700px){.cinemai-title-hero{padding:32vh 6% 24px;}.cinemai-back{top:85px;}.cinemai-title-copy h1{font-size:36px;}.cinemai-title-meta{font-size:14px;gap:7px;}.cinemai-synopsis{font-size:16px;}.cinemai-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cinemai-similar{padding-left:6%;}.cinemai-title-rail{grid-auto-columns:75%;}.cinemai-title-actions{gap:8px;}.cinemai-action{padding:12px 16px;}.cinemai-secondary-actions{gap:4px;}.cinemai-cinema-bar strong{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.cinemai-background-preview{transition:none;}}
/* TV uses explicit app detection, not screen width: large desktop windows keep desktop navigation. */
html[data-cinemai-tv] .cinemai-title-hero{padding-top:34vh;padding-left:5vw;padding-right:5vw;}
html[data-cinemai-tv] .cinemai-back{top:90px;font-size:20px;min-height:48px;}
html[data-cinemai-tv] .cinemai-title-tabs button{font-size:22px;min-height:52px;}
html[data-cinemai-tv] .cinemai-title-meta,html[data-cinemai-tv] .cinemai-secondary{font-size:20px;}
html[data-cinemai-tv] .cinemai-secondary{min-height:52px;padding:10px 16px;}
html[data-cinemai-tv] .cinemai-title-copy .cinemai-primary{min-height:60px;font-size:22px;min-width:200px;}
html[data-cinemai-tv] .cinemai-title-copy{max-width:min(850px,80vw);}
@media(max-width:700px){.cinemai-title-page{padding-bottom:80px;}.cinemai-title-copy .cinemai-primary{min-width:160px;}.cinemai-availability-note{margin-left:0;}.cinemai-secondary-actions{gap:0;}.cinemai-secondary{padding:9px 8px;font-size:14px;}}