/* Second-generation composition: page layouts, editorial imagery and streaming UI. */
:root{--cinema-ink:#08090d;--cinema-surface:#111319;--cinema-muted:#9a9da8;--cinema-accent:#fa3c56;--cinema-cold:#8096ff;--cinema-edge:#ffffff14}
body.hod-redesign{background:var(--cinema-ink)!important;font-family:Lato,Arial,sans-serif;font-size:15px;line-height:1.65;color:#fafafa}
.hod-redesign .navbar{height:auto;min-height:86px;border-bottom:1px solid #ffffff0d;background:rgba(8,9,13,.88)!important;padding:16px 0;box-shadow:none}
.hod-redesign .navbar>.container{width:90%;max-width:1640px;padding:0}
.hod-redesign .navbar-header{min-height:50px}
.hod-redesign .navbar .cinema-wordmark,.cinema-wordmark{position:relative;display:inline-block;font-family:Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1;color:#fff!important;text-decoration:none}
.cinema-wordmark>span{color:var(--cinema-accent)}
.cinema-wordmark>small{display:block;font:700 8px/1.8 Lato,Arial,sans-serif;letter-spacing:2.1px;color:#b1b2bb;margin-top:5px}
.hod-redesign .navbar-nav>li>a{padding:14px 14px;font-size:13px;line-height:20px;font-weight:600;color:#b2b4bf;letter-spacing:0}
.hod-redesign .navbar .cinema-nav-login{border:1px solid #ffffff28;border-radius:6px;color:#fff;display:flex;gap:14px;align-items:center;margin-left:18px}
.hod-redesign h1,.hod-redesign h2,.hod-redesign h3{letter-spacing:-.045em}
.cinema-overline{font:700 10px/1.5 Lato,Arial,sans-serif;letter-spacing:2.8px;color:#a3a6b2;text-transform:uppercase;display:block}
.cinema-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cinema-accent);box-shadow:0 0 14px #fa3c5670;margin-right:10px;vertical-align:middle}
.cinema-landing{margin:0!important;padding-top:86px;background:var(--cinema-ink);overflow:hidden}
.cinema-hero{position:relative;min-height:780px;min-height:calc(100svh - 86px);max-height:1150px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:66px 7vw 110px;background:#08090d;isolation:isolate}
.cinema-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#08090de6,#08090d70 70%,#08090d55),linear-gradient(0deg,#08090d,transparent 60%),url('/img/backgroundStart_thriller.jpg') center/cover;opacity:.7;z-index:-1}
.cinema-hero:after{content:'';position:absolute;right:-150px;top:10%;width:850px;height:600px;background:radial-gradient(ellipse,#6060ca24,transparent 67%);pointer-events:none;z-index:-1}
.cinema-hero-content{max-width:650px;position:relative;z-index:2}
.hod-redesign .cinema-display{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(76px,7.8vw,140px);line-height:.91;letter-spacing:-.075em;margin:26px 0 26px}
.cinema-display em,.cinema-auth-art h2 em{font-style:normal;color:transparent;background:linear-gradient(115deg,#ff3951 10%,#ff846a 75%);background-clip:text;-webkit-background-clip:text}
.cinema-welcome{font-size:17px;font-weight:600;color:#f5f5f7;margin:0 0 10px}
.cinema-lead{color:#a9acb8;font-size:16px;line-height:1.85;max-width:520px}
.cinema-lead strong{color:#dbdce3;font-weight:600}
.cinema-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hod-redesign .btn.cinema-primary,.hod-redesign .btn.cinema-secondary{min-height:52px;padding:14px 24px;display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:6px;letter-spacing:.01em;font-size:13px}
.hod-redesign .btn.cinema-primary{background:#fa3c56!important;color:#fff!important;border:1px solid #fa3c56;box-shadow:0 6px 24px #fa3c561a}
.hod-redesign .btn.cinema-secondary{background:#ffffff08!important;color:#eee!important;border:1px solid #ffffff30;box-shadow:none}
.hod-redesign .cinema-primary:hover{background:#ff5871!important}
.cinema-gift-link{display:inline-flex;align-items:center;gap:10px;color:#a9acb8!important;margin-top:24px;font-size:12px}
.cinema-hero-stack{position:relative;height:500px;width:100%;max-width:650px;justify-self:center;perspective:1200px}
.cinema-art-card{position:absolute;width:55%;height:82%;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #000b;border:1px solid #ffffff25;top:5%;background:#11151d}
.cinema-art-card img{height:100%;width:100%;object-fit:cover}
.cinema-art-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d)}
.cinema-art-card>span:not(.cinema-card-tag):not(.cinema-card-play){position:absolute;left:24px;bottom:32px;color:#fff;letter-spacing:5px;z-index:1;font-size:18px;font-weight:800}
.cinema-art-back{right:-1%;transform:rotate(13deg) translateY(30px);opacity:.55;height:75%}
.cinema-art-middle{right:18%;transform:rotate(5deg);opacity:.8}
.cinema-art-front{left:0;transform:rotate(-8deg);height:89%;width:57%;top:8%}
.cinema-art-front strong{position:absolute;left:24px;bottom:64px;z-index:1;letter-spacing:-3px;font:900 clamp(32px,3.7vw,66px)/1 Arial,sans-serif}
.cinema-card-tag{position:absolute;top:22px;left:22px;font-size:9px;font-weight:700;letter-spacing:2px;z-index:1;color:#fff}
.cinema-card-play{position:absolute;left:24px;bottom:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ffffff60;color:#fff;z-index:1;font-size:10px}
.cinema-hero-bottom{position:absolute;bottom:24px;left:7vw;right:7vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff12;padding-top:22px;color:#686d7a;font-size:9px;letter-spacing:2px}
.cinema-hero-bottom>a:nth-child(2){width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;color:#dadce6}
.cinema-hero-bottom>a:last-child{display:flex;align-items:center;gap:20px;color:#757b88}
.cinema-hero-bottom img{width:100px;height:auto}
.cinema-section{padding:82px 7vw;max-width:1800px;margin:0 auto}
.cinema-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}
.hod-redesign .cinema-section h2{font-size:clamp(32px,3.6vw,54px);line-height:1.07;margin:16px 0 0;max-width:680px}
.cinema-section-copy{font-size:14px;color:#9fa3b0;line-height:1.8;max-width:600px;justify-self:end}
.cinema-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cinema-world{position:relative;display:block;height:300px;border-radius:9px;overflow:hidden;background:#171922;isolation:isolate;border:1px solid #ffffff15;color:#fff!important}
.cinema-world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;z-index:-2;opacity:.85}
.cinema-world:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000d);z-index:-1}
.cinema-world-index{position:absolute;left:26px;top:22px;color:#ffffff90;font-size:12px}
.cinema-world>div{position:absolute;left:26px;bottom:28px}
.cinema-world small{font-size:9px;letter-spacing:2.2px;color:#d4d4de}
.hod-redesign .cinema-world h3{font-size:39px;margin:7px 0 0;font-weight:800}
.cinema-world>i{position:absolute;right:24px;bottom:34px;transform:rotate(45deg);font-size:17px}
.cinema-world-mystery{background:#262035}
.cinema-inline-action{display:inline-flex;gap:20px;align-items:center;padding-bottom:7px;border-bottom:1px solid #ffffff35;margin-top:28px;font-size:12px;font-weight:700;color:#fff!important}
.cinema-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.cinema-editorial-art{height:440px;position:relative;border-radius:9px;overflow:hidden;background:#141621}
.cinema-editorial-art>img{width:100%;height:100%;object-fit:cover;object-position:80% center;opacity:.55;transform:scale(1.08)}
.cinema-editorial-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b13,transparent)}
.cinema-editorial-stamp{position:absolute;bottom:35px;left:35px;font:900 clamp(28px,3vw,46px)/1.06 Arial,sans-serif;letter-spacing:-2px;z-index:1}
.cinema-editorial-copy .cinema-lead{margin:24px 0 28px}
.cinema-device-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;background:radial-gradient(ellipse at 75% 50%,#546cc01c,transparent 50%)}
.cinema-device-section .cinema-lead{margin:26px 0 0}
.cinema-devices{height:340px;position:relative}
.cinema-device-tv{position:absolute;top:5px;left:0;width:88%;height:80%;border:9px solid #242630;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0007}
.cinema-device-tv>img{width:100%;height:100%;object-fit:cover;opacity:.6}
.cinema-device-tv>.cinema-wordmark{position:absolute;left:25px;top:20px;font-size:22px}
.cinema-device-tv>i{position:absolute;left:45%;top:42%;font-size:42px}
.cinema-device-phone{position:absolute;right:0;bottom:0;width:26%;height:78%;border:6px solid #353742;border-radius:22px;background:#08090d;overflow:hidden;box-shadow:0 20px 40px #0008}
.cinema-device-phone img{width:100%;height:100%;object-fit:cover;opacity:.8}
.cinema-device-phone>i{position:absolute;top:45%;left:36%;font-size:30px}
.cinema-device-base{position:absolute;bottom:18%;left:20%;width:45%;height:7px;background:#303340;border-radius:50%}
.cinema-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto}
.cinema-plan{padding:36px 40px;border:1px solid #ffffff18;border-radius:10px;background:#111319;display:flex;flex-direction:column}
.cinema-plan-gold{background:linear-gradient(135deg,#252433,#121319);border-color:#888bca60}
.cinema-plan-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:3px;color:#dddde9}
.cinema-plan-top i{color:#929bff}
.cinema-plan-price{font-size:27px;line-height:1.5;margin:28px 0 20px;overflow-wrap:anywhere}
.cinema-plan-price .plan-price{font:900 50px/1 Arial,sans-serif;letter-spacing:-2px;color:#fff}
.cinema-plan-price .plan-type{font-size:12px;color:#959aaa;display:block;margin-top:7px}
.cinema-plan ul{padding:24px 0;list-style:none;border-top:1px solid #ffffff15;margin:0 0 18px;flex:1}
.cinema-plan li{display:flex;gap:12px;align-items:baseline;margin-bottom:16px;color:#b5b7c5;font-size:14px}
.cinema-plan li i{color:#9aa6ff;font-size:11px}
.cinema-footer{padding:54px 7vw 26px;border-top:1px solid #ffffff12;background:#08090d;color:#797e8d;font-size:11px}
.cinema-footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:38px}
.cinema-footer-devices{display:flex;gap:24px;flex-wrap:wrap;color:#b0b4c1;font-size:12px}
.cinema-footer-social{display:flex;gap:20px;font-size:18px}
.cinema-footer a{color:#b0b4c1}
.cinema-footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff0d;padding-top:24px}
.cinema-close{position:absolute;right:24px;top:24px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff30;background:#121319a0;color:#fff;z-index:103}
/* Access and registration are entirely new two-column compositions. */
body.hod-redesign.hod-form-page{background:var(--cinema-ink)!important}
.cinema-auth{max-width:1440px;min-height:100svh;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;padding:116px 5vw 50px;gap:70px;align-items:center}
.cinema-auth-art{position:relative;padding:46px 44px 38px;min-height:680px;border-radius:10px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 80%,#5b496044,transparent 60%),linear-gradient(140deg,#202128,#101117);border:1px solid #ffffff0b;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.cinema-auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#101117);pointer-events:none;z-index:-1}
.hod-redesign .cinema-auth-art h2{font:900 clamp(48px,5vw,80px)/.96 Arial,sans-serif;letter-spacing:-.06em;margin:28px 0}
.cinema-auth-posters{position:relative;height:290px;margin:20px -10px 0;isolation:isolate}
.cinema-auth-posters img{position:absolute;width:40%;height:260px;object-fit:cover;border-radius:7px;border:1px solid #ffffff20;box-shadow:0 20px 45px #0008;top:10px}
.cinema-auth-posters img:nth-child(1){left:0;transform:rotate(-12deg);opacity:.7}
.cinema-auth-posters img:nth-child(2){left:30%;transform:translateY(-15px);z-index:1}
.cinema-auth-posters img:nth-child(3){right:0;transform:rotate(12deg);opacity:.7}
.cinema-auth-genres{display:flex;gap:18px;justify-content:center;margin-top:18px;color:#b4b6c2;font-size:9px;letter-spacing:2px}
.cinema-auth-signature{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff15;color:#626876;font-size:9px;letter-spacing:2px}
.cinema-form-stage{padding:32px 0;max-width:490px;width:100%;justify-self:center}
.cinema-form-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.cinema-form-top .cinema-overline{font-size:9px;letter-spacing:1.8px}
.cinema-step{font-size:9px;letter-spacing:1.5px;color:#666d7c;white-space:nowrap}
.hod-redesign .cinema-form-stage h1{font:800 clamp(30px,3.3vw,48px)/1.13 Lato,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 18px}
.cinema-heading-dot{color:var(--cinema-accent)}
.cinema-form-intro{color:#9da2b1;font-size:14px;line-height:1.6;margin-bottom:22px}
.cinema-form-body{margin-top:26px}
.cinema-field-label{display:block;color:#b9bdc8;font-size:12px;margin:0 0 9px;font-weight:500!important}
.hod-redesign .cinema-form-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]){border-radius:6px;background:#15171e!important;border-color:#2c303b!important;height:52px}
.hod-redesign .cinema-form-body input:focus{border-color:#869bff!important}
.hod-redesign .cinema-form-body .btn-primary,.hod-redesign .cinema-form-body .btn-prime-red{border-radius:6px;background:#fa3c56!important;min-height:52px;box-shadow:none}
.cinema-login .cinema-form-body{margin-top:36px}
.cinema-form-body .form-group{margin-bottom:22px}
.cinema-form-body .help-block{margin:18px 0;font-size:12px}
.cinema-login #forgetPw{color:#a1b2ff!important}
.cinema-form-foot{border-top:1px solid #ffffff12;padding-top:22px;margin-top:38px;color:#727989;font-size:10px;display:flex;align-items:center;gap:10px}
.cinema-trial-price{font-size:13px;color:#afb5c5;padding:16px 20px;border-left:2px solid #8197ff;background:linear-gradient(90deg,#8197ff0c,transparent)}
.cinema-trial-benefits{display:grid;gap:10px;padding:20px 0 0;color:#b0b5c3;font-size:12px}
.cinema-trial-benefits i{color:#8294ed;margin-right:6px;font-size:10px}
.cinema-signup .cinema-form-stage{padding:14px 0}
.cinema-signup #formSubscription small,.cinema-gift #formSubscription small{font-size:11px!important;line-height:1.6;color:#999fae}
.cinema-signup #formSubscription>.form-group:last-child{font-size:12px;color:#8c94a5}
.cinema-signup #divPanelCodePromo>.row{padding:0!important;margin:0!important}
.cinema-signup #divPanelCodePromo .col-xs-11{padding:0;width:100%;text-align:left}
.cinema-signup #divPanelCodePromo h5{font-size:12px;font-weight:500;color:#a5b6ff!important;letter-spacing:0;margin:0 0 22px}
.cinema-signup #btnSubscr{width:100%;padding:14px!important}
.cinema-signup #formSubscription>.form-group,.cinema-signup #formSubscription>div{max-width:100%}
.cinema-gift .cinema-form-icon{color:#8ea4ff;font-size:20px}
.cinema-gift-explain{color:#a1b2ff!important;font-size:12px}
.cinema-gift #formSubscription>.row{margin:0}
.cinema-gift #formSubscription .col-xs-12{padding:0;margin:0!important}
.cinema-gift .checkGift{padding:20px 0!important;border-bottom:1px solid #ffffff12;margin-bottom:24px!important}
.cinema-gift .checkGift strong{font-size:12px;color:#929bad}
.cinema-gift .costoGift{font-size:23px!important;letter-spacing:-.02em}
.cinema-gift #formSubscription .btn-prime-red{width:100%;padding:14px!important}
.cinema-support{display:grid;grid-template-columns:1fr 1.1fr;max-width:1180px;margin:0 auto;padding:150px 5vw 70px;gap:90px;min-height:100svh}
.cinema-support h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:30px 0 24px}
.cinema-support aside>p{color:#9ba4b4;line-height:1.8}
.cinema-support-orbit{display:flex;gap:25px;align-items:center;min-height:200px;font:800 30px/1 Arial,sans-serif;color:#4f586d}
.cinema-support-orbit i{font-size:64px;color:#8498ff}
.cinema-support-form #formContact{padding:0}
.cinema-support-form #formContact .row[style]{margin:0!important;padding:0!important}
.cinema-support-form #MessageContact{min-height:160px;height:190px}
/* A distinct application shell for utility and payment screens. */
.hod-redesign .cinema-screen-heading{max-width:1100px;margin:0 auto 32px;display:flex;gap:30px;align-items:center}
.cinema-screen-rule{height:1px;background:#ffffff12;flex:1}
.hod-redesign .hero-widget{border-radius:8px;background:#12151d;border:1px solid #ffffff14;box-shadow:none;padding:30px}
.hod-redesign .hero-widget h3{font-size:26px}
.hod-redesign .hero-widget button:not(.close){border-radius:6px!important;min-height:44px;padding:10px 18px;border:1px solid #ffffff20;background:#5269c4!important;color:#fff;font-size:12px}
.cinema-account-grid>.row{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left!important}
.cinema-account-grid>.row:before,.cinema-account-grid>.row:after{content:none}
.cinema-account-grid>.row>.row{margin:0!important;width:100%}
.cinema-account-grid>.row>.row>.col-xs-12,.cinema-account-grid>.row>.row>form>.col-xs-12{padding:0}
.cinema-account-grid .row{margin-left:0!important;margin-right:0!important}
.cinema-account-grid .col-sm-12[style*='margin:13px']{margin:16px 0!important;width:100%;padding-left:0;padding-right:0}
.hod-redesign.hod-tv :is(.overlayAccount,.overlayBilling,.overlayContact,.overlayInfoSearch,.overlayInfoMovie,.overlayMyHODTV,.overlayActivateOption,.overlayInvite,.overlayUserEnableNow){overflow-x:hidden;overflow-y:auto;contain:paint;background:#08090d}
.hod-redesign.hod-tv:has(:is(#divSubscriberAccount,#divSubscriberBilling,#divContactSub,#divMovie)[style*='100%']) .navbarBottom{visibility:hidden}
.hod-redesign.hod-tv :is(.overlaySubtitle,.overlaySeriesEpisode,.overlayReadMoreMovie,.overlayTokens){overflow-y:auto;overscroll-behavior:contain}
.hod-redesign.hod-tv .overlaySubtitle{z-index:2147483647;background:#08090def;backdrop-filter:blur(16px)}
.hod-redesign.hod-tv .cinema-choice-panel{position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 48px)!important;height:auto!important;max-height:calc(100svh - 140px);max-width:760px;margin:90px auto 45px!important;padding:34px;background:#141822;border:1px solid #ffffff18;border-radius:12px;overflow:auto}
.cinema-choice-panel h2{font-size:30px!important;line-height:1.2;margin:0 0 24px}
.cinema-choice-panel .btnSubtitle{width:100%;min-height:54px;padding:14px 18px;border-radius:7px!important;background:#202735!important;border:1px solid #ffffff18;color:#c6d2e7!important;text-align:left;font-size:14px!important;display:flex;align-items:center;gap:14px}
.cinema-choice-panel .btnSubtitle:has(i[style*='display: block']),.cinema-choice-panel .btnSubtitle:focus-visible{border-color:#889aff;background:#3b4e822b!important;color:#fff!important}
.cinema-choice-panel .col-xs-6{margin-bottom:14px;padding:0 7px}
.cinema-choice-panel .btnSubtitle i{color:#96aaff;font-size:16px}
.cinema-choice-panel #listSeriesEpisode{height:auto!important;max-height:65svh;overflow-y:auto}
.cinema-onboarding-card{position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 48px)!important;height:auto!important;max-width:660px;padding:40px;margin:110px auto 45px!important;background:#151925;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 25px 100px #0006;overflow:hidden;color:#b6c0d4;font-size:14px;line-height:1.9}
.cinema-onboarding-card h2{font-size:32px;line-height:1.15;margin-bottom:24px}
.cinema-onboarding-card .col-sm-12{padding:0;margin:0!important}
.cinema-onboarding-card button{border-radius:7px!important;min-height:48px;padding:12px 18px!important;margin:10px 5px!important;font-size:12px;border:1px solid #ffffff25;background:#536ed0;color:#fff}
.cinema-onboarding-card #btnDisableOnlineUser{background:#ffffff09;color:#b6c0d4}
.cinema-onboarding-card #txtNameUserOnLine{width:100%!important}
.hod-redesign.hod-tv #divInviteContainer{max-width:1000px;margin:0 auto;padding:85px 24px 100px}
.hod-redesign.hod-tv .cinema-chat-history{background:#101724!important;border:1px solid #ffffff16;border-radius:10px;padding:22px!important;height:55svh!important;min-height:200px;overflow-y:auto!important}
.hod-redesign.hod-tv #discussion{margin:0;padding:0;list-style:none;color:#b9c8e0;font-size:14px;line-height:1.8}
.hod-redesign.hod-tv #discussion li{padding:14px 18px;margin:0 0 12px;background:#1c2941;border-radius:9px;max-width:90%;overflow-wrap:anywhere}
.hod-redesign.hod-tv #divChat .input-group{margin-top:18px}
.hod-redesign.hod-tv #divChat .input-group-btn .btn{border-radius:0 8px 8px 0;background:#526dd6!important;font-size:12px}
.hod-redesign.hod-tv #divUserOnLineNow .list-group-item,.hod-redesign.hod-tv #listInvite .list-group-item{padding:18px;border:1px solid #ffffff14!important;border-radius:9px!important;background:#141d2d!important;margin-bottom:12px;box-shadow:none}
.hod-redesign.hod-tv #divMovieTitles{padding:70px 24px;max-width:1200px;margin:auto;top:0!important}
.hod-redesign.hod-tv #divAllMovieTitles{height:80svh!important;overflow-y:auto}
.cinema-account-grid>.row>div,.cinema-account-grid>.row>form{width:100%;min-width:0;padding:0;margin:0;float:none}
.cinema-account-grid>.row>div:has(#changeCC-form){grid-column:1/-1}
.cinema-account-grid .hero-widget{height:100%;margin:0}
.cinema-account-grid .hero-widget label{font-size:12px!important;color:#9aa7be;line-height:1.5}
.cinema-account-grid .hero-widget .col-xs-4{width:40%}
.cinema-account-grid .hero-widget .col-xs-8{width:60%}
.cinema-account-grid .hero-widget .icon{color:#8ba3ff}
.cinema-billing-panel{background:#131620;border:1px solid #ffffff13;border-radius:10px;padding:35px}
.cinema-billing-panel>header{display:flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff12;padding-bottom:28px;margin-bottom:30px}
.cinema-billing-panel>header>i{width:64px;height:64px;display:grid;place-items:center;font-size:25px;color:#96acff;background:#8197ff12;border:1px solid #8197ff30;border-radius:12px}
.hod-redesign .cinema-billing-panel h1{font-size:36px;margin:0 0 12px}
.cinema-billing-panel>header p{color:#909db2;font-size:13px;margin:0}
.hod-redesign .cinema-invoice-section h2{font-size:16px;letter-spacing:0;margin:0 0 22px}
.cinema-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.cinema-billing-panel .table{min-width:460px}
.cinema-billing-panel .table th{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#7f8da8;font-weight:600;padding:16px}
.cinema-billing-panel .table td{font-size:13px;padding:20px 16px}
.cinema-invoices{padding-top:15px}
.hod-redesign .cinema-document{padding-top:140px;max-width:1100px;margin:0 auto;padding-bottom:70px;color:#a5afc2;font-size:15px;line-height:1.9;background:transparent!important}
.cinema-document>.container{max-width:100%;width:100%}
.hod-redesign .cinema-document h2{font-size:clamp(38px,5vw,66px);margin:0 0 40px!important;text-align:left;line-height:1.1;color:#fff}
.hod-redesign .cinema-document h3,.hod-redesign .cinema-document h4{font-size:22px;line-height:1.4;letter-spacing:-.025em;color:#d9e3f6;margin:30px 0 16px}
.hod-redesign .cinema-document .about-subscription{padding:0;margin:0;max-width:none}
.hod-redesign .cinema-document [style*='margin-top: 10vh'],.hod-redesign .cinema-document [style*='margin-top:10vh']{margin-top:25px!important}
.cinema-public-film{width:100%!important;max-width:1280px!important;height:auto!important;padding:128px 35px 60px;margin:0 auto!important;background:transparent!important;box-shadow:none!important}
.hod-redesign .well input{border-radius:6px!important;background:#1a1e29!important}
.hod-redesign .main-container .snip1404 .plan-title:after{content:none}
.hod-redesign #divSelectType .text{border:1px solid #ffffff18!important;border-radius:8px;background:#181c27;height:100%;padding:24px}
.hod-redesign #divSelectType .hero-widget{background:transparent;border:0;padding:0}
.hod-redesign #divSelectType .snip1404{margin:0;width:100%}
.hod-redesign #divSelectType .col-md-10{width:100%;padding:0}
.hod-redesign #divSelectType .main-plan-section,.hod-redesign #divSelectType .main-plan-section-black{padding:0;background:transparent}
.hod-redesign #divSelectType .plan-cost{color:#fff!important;padding:22px 0;text-align:left}
.hod-redesign #divSelectType .plan-price{font-size:42px;color:#fff}
.hod-redesign #divSelectType .plan-type{color:#b0b7c7}
.hod-redesign #divSelectType .plan-features li,.hod-redesign #divSelectType .plan-features h4{color:#c3cad9!important}
.hod-redesign #divSelectType .plan-features{padding-bottom:8px}
.hod-redesign #divSelectType .plan-features i{color:#92a4ff}
.hod-redesign #divSelectType .main-plan-section>div[style*='height:30px']{background:#627aff20!important;border-radius:6px;height:auto!important}
.hod-redesign #divSelectType .main-plan-section>div[style*='height:300px'],.hod-redesign #divSelectType .main-plan-section-black>div[style*='height:300px']{height:auto!important;min-height:280px}
/* Streaming catalog, search and film details. Original carousel selectors remain. */
.hod-redesign.hod-tv .navbar>.container{width:94%}
.hod-redesign.hod-tv .navbar-nav>li>a{padding:13px 10px;font-size:12px}
.cinema-catalog-hero{position:relative;background:linear-gradient(90deg,#090b12 0%,#090b1288 55%,transparent);min-height:540px;isolation:isolate}
.cinema-catalog-hero #divBoxInfo{background:linear-gradient(0deg,#08090d,transparent 70%);min-height:540px;padding:90px 7vw 64px}
.cinema-catalog-hero #descrButtonDiv{max-width:700px}
.cinema-catalog-hero #titleBoxUp_start{font:900 clamp(40px,5.5vw,84px)/1.05 Lato,Arial,sans-serif;margin:22px 0!important;letter-spacing:-.055em}
.cinema-catalog-hero #descrBoxUp_start{font-size:15px;font-weight:400;color:#b3bac9!important;max-width:520px;line-height:1.85}
.cinema-catalog-hero #buttonBoxUp_start{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:26px}
.cinema-catalog-hero #buttonBoxUp_start .btn{border-radius:5px;font-size:13px;min-height:46px}
.cinema-catalog-hero #buttonBoxUp_start .btn:has(.fa-info-circle),.cinema-detail-actions #buttonBoxUp .btn:has(.fa-step-forward){background:#ffffff10!important;border:1px solid #ffffff35;box-shadow:none}
.hod-redesign.hod-tv #divSliderAll{padding-top:86px;position:relative}
.hod-redesign.hod-tv #divMovieList{position:relative;z-index:1}
.hod-redesign.hod-tv #divInfoDesktop{margin-top:0!important}
.cinema-detail-panels #divSummary{width:100%!important;max-width:100%}
.hod-redesign.hod-tv #divSlideBoxFilms{padding:26px 6vw 70px;background:#08090d!important;position:relative;z-index:1}
.hod-redesign.hod-tv .colorSfondoTitle{padding:0 8px}
.hod-redesign.hod-tv .colorSfondoTitle h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 18px;display:flex;align-items:center;gap:15px}
.hod-redesign.hod-tv .colorSfondoTitle h3:after{content:'';height:1px;background:#ffffff0c;flex:1}
.hod-redesign.hod-tv .slick-slide{margin:0 7px}
.hod-redesign.hod-tv .slick-slide img{border-radius:6px;border:1px solid #ffffff0d;box-shadow:none;object-fit:cover}
.hod-redesign.hod-tv .containerPoster{border-radius:6px}
.hod-redesign.hod-tv .navbarBottom{position:fixed;top:50%;bottom:auto;left:18px;width:54px;height:auto;transform:translateY(-50%);border-radius:12px;background:#161923e6;border:1px solid #ffffff15;padding:6px;z-index:20}
.hod-redesign.hod-tv .navbarBottom a{float:none;width:100%;height:62px;flex-direction:column;gap:3px;border-radius:7px;font-size:8px;color:#a6aec2;padding:0;letter-spacing:.2px}
.hod-redesign.hod-tv .navbarBottom a button{min-height:30px;min-width:36px}
.hod-redesign.hod-tv .navbarBottom .fa{font-size:18px}
.cinema-dock-label{display:block;font-size:8px;line-height:1.2;font-weight:600}
.hod-redesign.hod-tv #imgFull{width:100%!important;height:640px!important;object-fit:cover;top:86px!important;left:0!important;margin:0!important;opacity:.75;mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.hod-redesign.hod-tv #imgFull_overlay_lg,.hod-redesign.hod-tv #imgFull_overlay_sm{opacity:0!important;pointer-events:none}
.hod-redesign.hod-tv #divSearchContainer,.hod-redesign.hod-tv #divMyHODContainer{max-width:1500px;margin:auto;padding:75px 6vw 100px}
.hod-redesign.hod-tv .divTitlePage{position:static!important;width:auto!important;height:auto!important;padding:0;margin:20px 0 30px;text-align:left}
.hod-redesign.hod-tv .divTitlePage h3{font-size:44px}
.hod-redesign.hod-tv #sBox{margin:0!important}
.hod-redesign.hod-tv #sBox>div:first-child{margin:0 0 32px!important}
.hod-redesign.hod-tv #sBox>div[style*='width:100vh']{width:auto!important;margin-top:40px!important}
.hod-redesign.hod-tv #searchTxtMovie{max-width:720px;height:60px!important;border-radius:6px;background:#151924!important;font-size:18px}
.hod-redesign.hod-tv #divSearchRandom{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0}
.hod-redesign.hod-tv #divSearchRandom img{margin:0!important;border-radius:6px;max-width:calc(50% - 6px);height:auto!important;width:150px;aspect-ratio:150/220;object-fit:cover}
.hod-redesign.hod-tv #divPreference{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start}
.hod-redesign.hod-tv #divPreference img{border-radius:6px}
.cinema-detail-hero{position:relative;min-height:420px;padding:70px 6vw 45px;overflow:hidden;isolation:isolate}
.cinema-detail-hero #imgInfoMovieUp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;mask-image:none;-webkit-mask-image:none;z-index:-2}
.cinema-detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090dfa,#08090d44),linear-gradient(0deg,#08090d,transparent);z-index:-1}
.cinema-detail-copy{max-width:750px;text-align:left}
.cinema-detail-copy h1{font-size:clamp(38px,4.5vw,70px);line-height:1.06}
.cinema-detail-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px;align-items:center}
.cinema-detail-actions #buttonBoxUp{margin:0!important}
.cinema-detail-actions #divSocialUp{display:flex;gap:9px}
.cinema-detail-actions #divSocialUp .btn{color:#c4cede!important;border-radius:50%;width:44px;padding:0;background:#ffffff08!important}
.cinema-detail-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;max-width:1100px;margin:20px auto 60px;padding:0 28px;text-align:left}
.cinema-detail-tabs{display:flex;flex-direction:column;gap:20px;font-size:13px}
.cinema-detail-tabs a{color:#b5bbce}
.cinema-detail-tabs hr{margin:7px 0 0;border-color:#8096ff}
.cinema-detail-panels{color:#aeb6c7;line-height:1.85;font-size:15px;min-height:250px}
.cinema-detail-panels #divInfo>div{padding:12px 0;border-bottom:1px solid #ffffff0c;display:flex;gap:16px;flex-wrap:wrap}
.cinema-detail-panels strong{color:#fff}
.cinema-detail-panels #trailerImgBoxUp{height:auto!important;max-width:100%;border-radius:8px;width:360px}
.cinema-detail-panels #ShareBoxUp{height:auto!important;font-size:16px!important;color:#b2bacd!important}
.hod-redesign.hod-tv #divInfoMobile{padding:0 22px 80px}
.hod-redesign.hod-tv #imgInfoMovieUp_bt{width:100%!important;height:240px;object-fit:cover;border-radius:8px}
.hod-redesign.hod-tv #divInfoMobile #divBoxInfo{padding:20px 0;background:none;min-height:0}
.hod-redesign.hod-tv #divInfoMobile #descrBoxUp_bt{font-size:15px!important;line-height:1.8}
.cinema-readmore{max-width:820px;margin:90px auto 50px;padding:50px;border:1px solid #ffffff14;background:#131620;border-radius:12px}
.hod-redesign.hod-tv #container4.cinema-readmore{position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 48px)!important;height:auto!important;max-height:calc(100svh - 140px);margin:90px auto 50px!important;overflow:auto}
.cinema-readmore #ReadMoreTitle{font-size:clamp(30px,4vw,50px);text-align:left}
.cinema-readmore #ReadMoreCategory{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#829aff}
.cinema-readmore #ReadMoreDescr{font-size:16px!important;line-height:1.9;margin-top:30px!important}
/* Recompose the existing film player chrome without altering its event hooks. */
.cinema-player-top{position:fixed;top:max(22px,env(safe-area-inset-top));right:28px;display:flex;gap:12px;align-items:center;z-index:102;max-width:calc(100% - 100px);flex-wrap:wrap;justify-content:flex-end}
.cinema-player-top #cast{position:static;min-width:44px;min-height:44px;background:#171b26a0;border:1px solid #ffffff22;border-radius:6px;padding:10px}
.cinema-player-top #cast img{width:22px;height:22px}
.cinema-player-top .btn{background:#171b26a0!important;border:1px solid #ffffff22;box-shadow:none;font-size:11px;border-radius:6px;padding:10px 14px}
.cinema-player-top .row{margin:0;display:flex;gap:10px;align-items:center}
.cinema-player-top .row>div{float:none;width:auto;padding:0}
.cinema-player-top .fa{font-size:17px}
.hod-redesign.hod-tv #closeMovieDivBtn{position:fixed;top:18px;left:22px;padding:0;margin:0;z-index:103;background:#10141e88;border:1px solid #ffffff20;border-radius:50%}
.hod-redesign.hod-tv #divFilmControl{position:fixed;bottom:0;z-index:2147483646;display:flex;flex-direction:column;gap:10px;padding:60px 5vw 24px!important;background:linear-gradient(transparent,#050608f5 80%)}
.cinema-player-time{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#bec7dc}
.cinema-player-time strong{font-weight:400!important}
.hod-redesign.hod-tv #movieControlButton{display:flex;align-items:center;gap:12px}
.hod-redesign.hod-tv #movieControlButton button{height:44px;width:44px;min-width:44px;border-radius:50%;background:#ffffff0a!important;display:grid;place-items:center}
.hod-redesign.hod-tv #movieControlButton button[style*='display:none']{display:none}
.hod-redesign.hod-tv #movieControlButton #fullscreen{margin-left:auto}
.hod-redesign.hod-tv #progress-bar{height:4px!important;border-radius:5px;order:0;margin:0;cursor:pointer}
.hod-redesign.hod-tv #progress-bar::-webkit-progress-bar{background:#ffffff25;border-radius:5px}
.hod-redesign.hod-tv #progress-bar::-webkit-progress-value{background:#fa3c56;border-radius:5px}
.hod-redesign.hod-tv #progress-bar::-moz-progress-bar{background:#fa3c56}
.hod-redesign .movie{max-width:1200px;width:100%!important;min-height:600px;display:grid;grid-template-columns:.8fr 1.2fr;background:#12151d!important;box-shadow:none!important;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;margin:0 auto}
.hod-redesign .movie .movie-img{width:100%;height:100%;max-height:800px;object-fit:cover}
.hod-redesign .movie .text-movie-cont{padding:45px;width:auto}
.hod-redesign .movie h1{font-size:clamp(30px,4vw,58px);line-height:1.1}
.hod-redesign .movie .movie-gen{color:#9aa7bd;font-size:12px;display:flex;gap:15px;flex-wrap:wrap;margin:20px 0;padding:0}
.hod-redesign .movie .watch-btn{border:1px solid #ffffff30;background:#fa3c56;border-radius:6px;padding:14px 18px;max-width:100%}
.hod-redesign .movie .watch-btn h3{font-size:13px;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:8px}
.hod-redesign .movie .action-row{display:flex;gap:15px;margin:26px 0;align-items:center}
.hod-redesign .movie .action-row .col2{float:none;width:auto}
.hod-redesign .movie .summary-row{border-top:1px solid #ffffff15;padding-top:28px}
.hod-redesign .movie .movie-description,.hod-redesign .movie .movie-actors{font-size:14px;color:#aeb8cc;line-height:1.9;letter-spacing:0}
@media(hover:hover){.cinema-world:hover>img{transform:scale(1.06)}.cinema-art-front{transition:transform .4s}.cinema-hero-stack:hover .cinema-art-front{transform:rotate(-5deg) translateY(-8px)}}
@media(max-width:1199px){.cinema-hero{padding:60px 5vw 110px;min-height:730px}.cinema-hero-stack{height:440px}.cinema-hero-bottom{left:5vw;right:5vw}.cinema-auth{gap:40px;padding:115px 4vw 40px}.cinema-auth-art{padding:30px;min-height:620px}.cinema-auth-posters{height:250px}.cinema-auth-posters img{height:220px}.cinema-section{padding:64px 5vw}.cinema-editorial,.cinema-device-section{gap:45px}.hod-redesign.hod-tv .navbar-nav>li>a{padding:14px 7px;font-size:11px}}
@media(max-width:991px){.cinema-hero{grid-template-columns:1.1fr 1fr;min-height:690px}.hod-redesign .cinema-display{font-size:80px}.cinema-hero-stack{height:360px}.cinema-art-front strong{font-size:40px}.cinema-section-heading{gap:30px}.cinema-world{height:250px}.cinema-world-grid{gap:14px}.cinema-editorial-art{height:340px}.cinema-auth-art{min-height:580px;padding:26px}.hod-redesign .cinema-auth-art h2{font-size:56px}.cinema-auth{gap:32px}.cinema-support{gap:40px}.cinema-footer-top{flex-wrap:wrap}.cinema-footer-devices{gap:16px}.hod-redesign.hod-tv .navbarBottom{left:6px;width:48px}.hod-redesign.hod-tv #divSlideBoxFilms{padding-left:65px;padding-right:24px}.cinema-detail-body{grid-template-columns:160px 1fr}}
@media(max-width:767px){.hod-redesign .navbar{min-height:74px;padding:13px 0}.hod-redesign .navbar>.container{width:100%;padding:0 22px}.hod-redesign .navbar .cinema-wordmark{font-size:29px}.cinema-wordmark>small{font-size:7px;letter-spacing:1.5px}.hod-redesign .navbar-header{min-height:45px}.hod-redesign .navbar-collapse{margin:0 -22px;padding:0 22px}.hod-redesign .navbar-nav>li>a{padding:15px 10px}.hod-redesign .navbar .cinema-nav-login{margin:8px 0 12px;display:inline-flex;padding:12px 20px}.cinema-landing{padding-top:74px}.cinema-hero{display:block;padding:40px 24px 90px;max-height:none;min-height:0}.cinema-hero-content{max-width:100%}.hod-redesign .cinema-display{font-size:clamp(68px,19vw,112px);margin:24px 0}.cinema-overline{font-size:8px;letter-spacing:1.8px}.cinema-welcome{font-size:14px}.cinema-lead{font-size:14px;line-height:1.75}.cinema-actions{gap:10px;margin-top:25px}.hod-redesign .btn.cinema-primary,.hod-redesign .btn.cinema-secondary{padding:13px 17px;min-height:48px;font-size:11px;gap:10px}.cinema-gift-link{margin-top:18px}.cinema-hero-stack{height:320px;width:90%;max-width:420px;margin:28px auto 10px}.cinema-art-front strong{font-size:46px}.cinema-art-card{border-radius:8px}.cinema-card-tag{font-size:7px;letter-spacing:1px;left:15px;top:15px}.cinema-art-front strong{left:18px}.cinema-hero-bottom{left:24px;right:24px;bottom:20px;font-size:7px;letter-spacing:1px;gap:12px}.cinema-hero-bottom>a:last-child{gap:10px}.cinema-hero-bottom img{width:67px}.cinema-hero-bottom>a:last-child>span{display:none}.cinema-section{padding:48px 24px}.cinema-section-heading{display:block;margin-bottom:24px}.hod-redesign .cinema-section h2{font-size:34px;margin-top:12px}.cinema-section-copy{margin-top:20px;font-size:13px}.cinema-world-grid{grid-template-columns:1fr;gap:14px}.cinema-world{height:215px}.cinema-world>img{object-position:center 35%}.hod-redesign .cinema-world h3{font-size:37px}.cinema-editorial,.cinema-device-section{grid-template-columns:1fr;gap:32px}.cinema-editorial-art{height:300px;order:2}.cinema-editorial-stamp{font-size:34px;left:25px;bottom:25px}.cinema-editorial-copy .cinema-lead{margin:22px 0}.cinema-devices{height:260px;margin-top:10px}.cinema-plan-grid{grid-template-columns:1fr}.cinema-plan{padding:28px 25px}.cinema-plan-price .plan-price{font-size:42px}.cinema-footer{padding:38px 24px 26px}.cinema-footer-top{display:block}.cinema-footer-devices{margin:28px 0}.cinema-footer-bottom{display:block;line-height:2.2}.cinema-footer-bottom>span{display:block}.cinema-auth{grid-template-columns:1fr;padding:106px 24px 38px;gap:30px;min-height:100svh}.cinema-auth-art{min-height:0;padding:26px;border-radius:8px;display:block;order:2}.hod-redesign .cinema-auth-art h2{font-size:48px;margin:18px 0;line-height:.94}.cinema-auth-posters{height:220px;width:80%;max-width:360px;margin:30px auto 0}.cinema-auth-posters img{height:190px}.cinema-auth-genres{font-size:8px;gap:14px;margin-top:16px}.cinema-auth-signature{margin-top:22px;padding-top:16px}.cinema-form-stage{padding:0;max-width:520px}.cinema-form-top{margin-bottom:25px}.cinema-form-top .cinema-overline{font-size:8px;letter-spacing:1.1px}.cinema-step{font-size:8px}.hod-redesign .cinema-form-stage h1{font-size:34px}.cinema-form-body{margin-top:24px}.cinema-login .cinema-form-body{margin-top:28px}.cinema-form-foot{margin-top:28px}.cinema-signup .cinema-form-stage{padding:0}.cinema-support{grid-template-columns:1fr;gap:28px;padding:116px 24px 50px}.cinema-support h1{font-size:42px;margin:20px 0 18px}.cinema-support-orbit{display:none}.hod-redesign.hod-tv #divSliderAll{padding-top:74px}.cinema-catalog-hero,.cinema-catalog-hero #divBoxInfo{min-height:420px}.cinema-catalog-hero #divBoxInfo{padding:52px 24px 38px}.cinema-catalog-hero #titleBoxUp_start{font-size:44px}.cinema-catalog-hero #descrBoxUp_start{font-size:13px}.hod-redesign.hod-tv #imgFull{top:74px!important;height:470px!important}.hod-redesign.hod-tv #divSlideBoxFilms{padding:20px 15px 100px}.hod-redesign.hod-tv .colorSfondoTitle h3{font-size:20px}.hod-redesign.hod-tv .navbarBottom{left:0;right:0;top:auto;bottom:0;width:100%;height:auto;transform:none;display:flex;gap:5px;border-radius:0;border-width:1px 0 0;padding:7px 12px max(8px,env(safe-area-inset-bottom))}.hod-redesign.hod-tv .navbarBottom a{width:25%;height:48px;gap:3px}.hod-redesign.hod-tv .navbarBottom a button{min-height:27px}.hod-redesign.hod-tv #divSearchContainer,.hod-redesign.hod-tv #divMyHODContainer{padding:64px 22px 100px}.hod-redesign.hod-tv .divTitlePage h3{font-size:34px}.cinema-detail-hero{padding:70px 24px 36px;min-height:340px}.cinema-detail-body{grid-template-columns:1fr;gap:24px;padding:0 24px}.cinema-detail-tabs{flex-direction:row;gap:20px;overflow-x:auto}.cinema-detail-panels{font-size:14px}.cinema-readmore{margin:75px 16px 35px;padding:28px 22px}.cinema-player-top{right:16px;top:20px;gap:8px}.cinema-player-top .btn{padding:10px;font-size:10px}.hod-redesign.hod-tv #closeMovieDivBtn{left:14px}.hod-redesign.hod-tv #divFilmControl{padding:55px 20px 20px!important}.hod-redesign .movie{grid-template-columns:1fr;min-height:0}.hod-redesign .movie .movie-img{height:320px}.hod-redesign .movie .text-movie-cont{padding:28px 24px}.hod-redesign .cinema-screen-heading{margin-bottom:24px;gap:18px}.hod-redesign .hero-widget{padding:22px}}
@media(prefers-reduced-motion:reduce){.cinema-world>img,.cinema-art-front{transition:none}.cinema-world:hover>img,.cinema-hero-stack:hover .cinema-art-front{transform:none}}
@media(max-width:767px){.cinema-account-grid>.row{grid-template-columns:1fr;gap:20px}.cinema-billing-panel{padding:24px 18px}.cinema-billing-panel>header{gap:16px}.cinema-billing-panel>header>i{width:48px;min-width:48px;height:48px;font-size:20px}.hod-redesign .cinema-billing-panel h1{font-size:28px}.hod-redesign .cinema-document{padding:110px 24px 45px}.hod-redesign .cinema-document h2{font-size:42px}.cinema-public-film{padding:100px 16px 40px}.cinema-account-grid .hero-widget .col-xs-4,.cinema-account-grid .hero-widget .col-xs-8{float:none;width:100%;padding:0}}
@media(max-width:767px){.hod-redesign.hod-tv .cinema-choice-panel{width:calc(100% - 32px)!important;padding:24px 18px;margin-top:72px}.cinema-choice-panel h2{font-size:25px!important}.cinema-choice-panel .btnSubtitle{font-size:12px!important;padding:12px;gap:8px}.cinema-onboarding-card{padding:28px 22px;width:calc(100% - 32px)!important;margin-top:84px}.cinema-onboarding-card h2{font-size:27px}.cinema-onboarding-card button{width:100%;margin:7px 0!important}.hod-redesign.hod-tv #divInviteContainer{padding:64px 20px 90px}.hod-redesign.hod-tv .cinema-chat-history{height:55svh!important;padding:15px!important}.hod-redesign.hod-tv #discussion li{max-width:100%;padding:12px}.hod-redesign.hod-tv #divChat .input-group-btn .btn{padding:12px}}
@media(max-width:767px){.hod-redesign.hod-tv .cinema-choice-panel{margin:72px auto 30px!important}.cinema-onboarding-card{margin:84px auto 30px!important}.hod-redesign.hod-tv #container4.cinema-readmore{margin:72px auto 30px!important;width:calc(100% - 32px)!important;padding:26px 22px}}
.hod-redesign.hod-tv #divMessageActivateOption .cinema-onboarding-card{display:none}
.hod-redesign.hod-tv #divMessageActivateOption .cinema-onboarding-card[style*="width: 100%"],
.hod-redesign.hod-tv #divMessageActivateOption .cinema-onboarding-card[style*="width:100%"]{display:block}