/* Arabic-only typography and direction. Posters and brand artwork keep their orientation. */
@font-face{font-family:CinemaArabic;src:url('noto-arabic-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:CinemaArabic;src:url('noto-arabic-bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
html[lang=ar] .cinema-page,
html[lang=ar] .cinema-page :is(h1,h2,h3,strong,button,input,.cinema-brand,.cinema-navigation,.header-actions,.nav-flyout,.category-pill,.cinema-footer-full,.mobile-menu-brand),
html[lang=ar] .cinema-page #download-modal{font-family:CinemaArabic,Arial,sans-serif;letter-spacing:normal}
html[lang=ar] .cinema-page{line-height:1.75}
html[lang=ar] .hero-copy{text-align:start;max-width:620px}
html[lang=ar] .hero-copy h1{line-height:1.6;font-size:32px;overflow-wrap:normal;text-wrap:balance}
html[lang=ar] .hero-copy p{font-size:17px;line-height:1.9;max-width:610px}
html[lang=ar] .hero-art{transform:none;object-position:left center;mask-image:linear-gradient(#000 33%,#0000 100%),linear-gradient(90deg,#000 0%,#0000 85%)}
html[lang=ar] .cinema-page h2{line-height:1.7}
html[lang=ar] .cinema-page [data-app-name]{unicode-bidi:isolate;overflow-wrap:normal}
html[lang=ar] .cinema-page [data-locale=ar][dir=auto]{unicode-bidi:isolate}
html[lang=ar] .film-title{font-size:15px;line-height:1.7;white-space:normal;overflow-wrap:normal;word-break:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:3.4em}
html[lang=ar] .film-caption{font-size:12px;line-height:1.8;min-height:1.8em}
html[lang=ar] .category-pill{font-size:14px;line-height:1.8;padding-block:8px}
html[lang=ar] .search-result span{font-size:15px;line-height:1.7;min-width:0;text-align:start}
html[lang=ar] .search-result img{flex-shrink:0}
html[lang=ar] .search-input-host input{font-size:14px;line-height:1.7;text-align:start}
html[lang=ar] .search-download{font-size:13px;line-height:1.8;flex-shrink:0}
html[lang=ar] .search-app{flex-wrap:wrap}
html[lang=ar] .search-app>div{flex:1 1 80px}
html[lang=ar] .search-heading,html[lang=ar] .search-empty{line-height:1.8;font-size:14px}
html[lang=ar] .header-actions .header-list{border-left:0;padding-left:0;border-inline-start:1px solid #ffffff14;padding-inline-start:20px}
html[lang=ar] .header-actions,html[lang=ar] .cinema-navigation{font-size:14px;line-height:1.7}
html[lang=ar] .nav-flyout-aside{border-radius:0 9px 9px 0}
html[lang=ar] .nav-flyout h3{line-height:1.7;font-size:14px}
html[lang=ar] .nav-flyout a{line-height:1.8;font-size:14px}
html[lang=ar] .cinema-footer-full{line-height:1.9}
html[lang=ar] .cinema-footer-full .footer-group h3{font-family:CinemaArabic,Arial,sans-serif;line-height:1.8;font-size:16px}
html[lang=ar] .footer-group li{line-height:1.9}
html[lang=ar] .cinema-footer-full .cinema-languages summary{font-size:14px;line-height:1.8}
html[lang=ar] .language-options button{line-height:1.8}
html[lang=ar] .cinema-page #download-modal h2{font-family:CinemaArabic,Arial,sans-serif;font-size:25px;line-height:1.6;overflow-wrap:normal;text-wrap:balance}
html[lang=ar] .cinema-page #download-modal .dialog-description{font-size:15px;line-height:1.9}
html[lang=ar] .cinema-page #download-modal [data-modal-availability]{font-size:12px;line-height:1.8}
html[lang=ar] .cinema-confirm{line-height:1.8;font-size:15px}
html[lang=ar] .selected-film strong{line-height:1.8;min-width:0}
html[lang=ar] .selected-film img{flex-shrink:0}
html[lang=ar] .cinema-later{font-size:14px!important;line-height:1.8}
html[lang=ar] .cinema-page #copy-download{font-family:CinemaArabic,Arial,sans-serif;line-height:1.8}
html[lang=ar] .cinema-page #copy-download :is(input,code,[dir=ltr]){direction:ltr;unicode-bidi:isolate}
@media(max-width:1100px){html[lang=ar] .cinema-header-full .cinema-navigation{gap:16px}html[lang=ar] .header-actions{gap:14px}}
@media(max-width:950px){html[lang=ar] .header-actions .header-list{border:0;padding:0}}
@media(max-width:900px){html[lang=ar] .hero-art{mask-image:linear-gradient(#000 33%,#0000 100%)}html[lang=ar] .hero-copy p{font-size:16px}}
@media(max-width:760px){html[lang=ar] .hero-copy h1{font-size:28px;margin-bottom:10px}html[lang=ar] .cinema-page h2{font-size:20px}html[lang=ar] .cinema-search .search-panel{max-height:calc(100dvh - 80px);overflow-y:auto}html[lang=ar] .search-app .search-download{flex-basis:100%;max-width:none;margin-top:4px}html[lang=ar] .search-input-host input{font-size:13px}html[lang=ar] .header-actions{gap:8px}html[lang=ar] .film-title{font-size:14px}html[lang=ar] .film-caption{font-size:11px}}
@media(max-width:380px){html[lang=ar] .hero-copy h1{font-size:25px}html[lang=ar] .hero-copy p{font-size:15px}html[lang=ar] .cinema-page h2{font-size:18px}}