.cinema-carousel { display:block; }
.cinema-stage { display:grid; }
.cinema-slide { grid-area:1/1; display:grid; position:relative; isolation:isolate; min-width:0; min-height:calc(100svh - var(--masthead-height,130px) - 82px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .8s ease,visibility .8s; overflow:hidden; }
.cinema-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.cinema-slide .cinema-hero-layout { width:100%; }
.cinema-carousel .cinema-hero-bottom { position:relative; background:#00272b; }
.cinema-carousel .cinema-hero-bottom-inner { min-height:82px; }
.cinema-carousel .cinema-caption-text { font:inherit; color:#b9cecd; direction:rtl; }
.cinema-controls { display:flex; align-items:center; gap:10px; }
.cinema-controls[hidden] { display:none; }
.cinema-controls button { cursor:pointer; color:#b9cecd; background:transparent; border:1px solid transparent; padding:0; min-height:44px; min-width:44px; transition:background .2s,color .2s,border-color .2s; }
.cinema-controls button:hover { color:#ffb84a; background:#ffffff09; }
.cinema-controls button:focus-visible { outline:2px solid #ffb84a; outline-offset:3px; }
.cinema-controls .cinema-arrow { border:1px solid #ffffff30; border-radius:50%; font:22px Arial,sans-serif; }
.cinema-dots { display:flex; gap:7px; }
.cinema-dots button { position:relative; font:11px Arial,sans-serif; }
.cinema-dots button::after { content:''; position:absolute; bottom:4px; left:8px; right:8px; height:2px; background:#ffffff26; transition:background .3s; }
.cinema-dots button[aria-current="true"] { color:#ffb84a; }
.cinema-dots button[aria-current="true"]::after { background:#ffb84a; box-shadow:0 0 12px #ffa61465; }
.cinema-pause { font:16px Arial,sans-serif; border-radius:50%; }
.cinema-announcement { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1100px) {
 .cinema-slide { grid-template-rows:auto auto; min-height:0; align-content:start; }
 .cinema-slide .cinema-hero-layout { align-self:start; }
 .cinema-slide .cinema-hero-media { align-self:end; touch-action:pan-y; }
 .cinema-carousel .cinema-hero-bottom-inner { flex-wrap:wrap; justify-content:center; gap:8px 28px; }
 .cinema-carousel .cinema-hero-caption { display:none; }
}
@media(max-width:600px) {
 .cinema-controls { gap:5px; }
 .cinema-carousel .cinema-hero-bottom-inner { padding:12px 14px; }
 .cinema-carousel .cinema-hero-scroll { display:none; }
 .cinema-slide .cinema-hero-layout { min-height:395px; }
}
@media(prefers-reduced-motion:reduce) { .cinema-slide,.cinema-controls button { transition:none; } }