/* 01: the film picker and inline cinema schedule. */
.reel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0 5px}.reel-heading h1{font-size:27px;line-height:1.25;font-weight:650;letter-spacing:-1.2px}.reel-heading>button{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--muted);padding:0}.reel-heading svg{width:18px}.reel-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin-bottom:10px}.reel-caption>div{display:flex;align-items:center;gap:5px}.reel-caption button{min-height:33px;min-width:34px;display:grid;place-items:center;padding:0}.reel-caption svg{width:16px}#reel-position{font-size:10px;font-variant-numeric:tabular-nums;margin-right:5px}
.poster-reel{--poster-width:104px;display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 0 12px}.poster-reel::-webkit-scrollbar{display:none}.poster-reel:after{content:'';flex:0 0 calc(100% - var(--poster-width) - 14px)}.poster-reel>[role=tab]{position:relative;flex:0 0 var(--poster-width);width:var(--poster-width);min-width:0;padding:0;text-align:left;scroll-snap-align:start;touch-action:pan-x pan-y}.poster-reel>[role=tab]:focus-visible{outline-offset:-2px}.poster-reel .poster{outline:2px solid transparent;outline-offset:-2px;opacity:.7;border-radius:3px;transition:opacity .2s,outline-color .2s}.poster-reel [aria-selected=true] .poster{opacity:1;outline-color:var(--yellow)}.reel-film-title{display:block;font-size:11px;color:var(--muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px}[aria-selected=true]>.reel-film-title{color:var(--ink)}.reel-selected-mark{position:absolute;top:7px;right:7px;width:21px;height:21px;display:none;place-items:center;border-radius:50%;background:var(--yellow);color:var(--bg)}.reel-selected-mark svg{width:14px;height:14px;stroke-width:2}[aria-selected=true]>.reel-selected-mark{display:grid}
.selected-film{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 0 15px;border-top:1px solid var(--line);margin-top:5px}.selected-film-copy{flex:1;min-width:0}.selected-film-copy>p{font-size:11px;color:var(--muted);margin-bottom:6px}.selected-film h2{font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1.3;overflow-wrap:anywhere}.film-info-link{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:0;min-height:34px;margin-top:2px}.film-info-link svg{width:14px}.selected-film-price{position:relative;display:flex;flex-direction:column;align-items:flex-end;max-width:45%;flex-shrink:0;padding-bottom:30px}.selected-film-price>small{font-size:10px;color:var(--muted);margin-bottom:6px}.selected-film-price>strong{font-size:24px;font-weight:650;color:var(--yellow);letter-spacing:-.8px;font-variant-numeric:tabular-nums}.selected-film-price>.save-button{position:absolute;right:-6px;bottom:-5px}.reel-dates{margin-bottom:9px}
.screening-tabs{display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--line)}.screening-tabs button{position:relative;padding:13px 0;font-size:16px;color:var(--muted);min-height:46px;letter-spacing:-.4px}.screening-tabs [aria-pressed=true]{color:var(--ink);font-weight:600}.screening-tabs [aria-pressed=true]:after{content:'';position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--yellow)}.screening-tabs>span{font-size:11px;margin-left:auto;color:var(--muted);white-space:nowrap}.screening-bands{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0 4px}.screening-bands button{font-size:12px;white-space:nowrap;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.screening-bands [aria-pressed=true]{color:var(--ink);background:var(--panel);border-color:#8b937c}
.screening-theater{padding:23px 0;border-bottom:1px solid var(--line);min-width:0}.screening-theater header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.screening-theater header>div{min-width:0}.screening-theater header p{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:6px}.screening-theater h3{font-size:18px;line-height:1.35;font-weight:600}.screening-theater header>strong{font-size:19px;font-weight:600;color:var(--yellow);white-space:nowrap;letter-spacing:-.5px;text-align:right}.screening-theater header>strong small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.session-grid button{display:flex;align-items:flex-start;flex-direction:column;gap:6px;padding:11px 11px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);min-width:0}.session-grid button>b{font-size:20px;font-weight:550;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.session-grid button>strong{font-size:12px;font-weight:500;color:var(--muted)}.session-grid button>small{font-size:10px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.session-grid .lowest-session{border-color:#818b35}.session-grid .lowest-session>strong{color:var(--yellow)}.expand-theater{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--muted);width:100%;min-height:40px;padding:4px 0;margin:7px 0 -7px}.expand-theater svg{width:14px}.expand-theater[aria-expanded=true] svg{transform:rotate(180deg)}
.reel-timeline h3{font-size:13px;color:var(--muted);font-weight:500;padding:24px 0 6px}.reel-time-row{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:18px 0;border-bottom:1px solid var(--line)}.reel-time-row>b{font-size:22px;font-weight:550;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.reel-time-row>span{flex:1;font-size:13px;line-height:1.5;min-width:0}.reel-time-row small{font-size:10px;line-height:1.6;display:block;margin-top:5px;color:var(--muted)}.reel-time-row>strong{font-size:13px;color:var(--yellow);font-weight:600;white-space:nowrap}.reel-time-row>svg{width:15px}.reel-film-actions{display:flex;gap:10px;margin-top:26px}.reel-film-actions>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;border:1px solid var(--line);border-radius:24px;padding:10px 8px;min-height:46px}.reel-film-actions svg{width:17px}.reel-empty{text-align:center;padding:42px 5px;border-bottom:1px solid var(--line)}.reel-empty h3{font-size:19px;line-height:1.5}.reel-empty p{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0}.reel-empty button{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--yellow)}.reel-empty svg{width:16px}.reel-search-label{display:block;font-size:12px;margin:22px 0 10px}#reel-query{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:14px;font-size:16px;min-height:50px}.reel-search-count{font-size:12px;margin:20px 0 3px}.reel-search-result{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:13px 0;border-bottom:1px solid var(--line)}.reel-search-result>.poster{width:48px;flex-shrink:0}.reel-search-result>span:not(.poster){flex:1;font-size:15px;line-height:1.4}.reel-search-result small{display:block;font-size:11px;margin-top:7px}.reel-search-result>svg{width:18px}
/* 02: browse several films at once, with the same date and price language. */
.board-tools,.venue-tools{display:flex;align-items:center;gap:16px;margin:12px 0 20px;font-size:12px;color:var(--muted)}.board-tools button,.venue-tools button{font-size:12px;display:flex;align-items:center;gap:6px;padding:0}.board-tools>span{margin-left:auto}.board-tools .filter-chip{border:1px solid var(--line);border-radius:5px;min-height:38px;padding:8px 12px}.board-tools [aria-pressed=true]{background:var(--yellow);color:var(--bg);border-color:var(--yellow)}.board-tools svg,.venue-tools svg{width:14px}.poster-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 17px}.poster-board article{min-width:0}.board-cover{position:relative}.board-cover .save-button{position:absolute;right:8px;bottom:8px;border-radius:50%;border:1px solid #fff5;background:#111e;min-height:36px;width:36px}.board-copy{display:block;padding-top:13px}.board-copy h2{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin-bottom:7px}.board-copy p{font-size:11px;color:var(--muted);line-height:1.5}.board-copy>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:12px 0 7px}.board-copy strong{font-size:21px;font-weight:600;letter-spacing:-.7px;color:var(--yellow)}.board-copy svg{width:18px}.board-copy>small{font-size:11px;color:var(--muted);line-height:1.5}
/* 03: choose a cinema, then browse its films and sessions in place. */
.venue-tools{justify-content:space-between;margin-bottom:5px}.venue{border-bottom:1px solid var(--line)}.venue-heading{display:flex;align-items:center;gap:12px;padding:21px 0;width:100%;text-align:left}.venue-pin{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.venue-pin svg{width:18px;height:18px}.venue-copy{flex:1;min-width:0}.venue-copy>small{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.venue-copy h2{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.4px}.venue-copy>span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.venue-heading>strong{font-size:19px;white-space:nowrap;color:var(--yellow);font-weight:600;letter-spacing:-.7px}.venue-heading>strong small{display:block;text-align:right;font-weight:400;font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:0}.venue-heading>svg{width:16px;color:var(--muted)}.is-open .venue-heading>svg{transform:rotate(180deg)}.is-open .venue-pin{color:var(--yellow);border-color:var(--yellow)}.venue-films{padding:0 13px 5px;background:var(--panel);border-radius:6px;margin:0 0 22px}.venue-film{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.venue-film:last-of-type{border-bottom:0}.venue-poster{width:53px;flex-shrink:0}.venue-film>div{flex:1;min-width:0}.venue-film h3{font-size:15px;font-weight:600;line-height:1.4;padding-top:1px}.venue-film p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0 10px}.venue-times{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.venue-times button{min-height:45px;border:1px solid #58604f;border-radius:4px;padding:7px;font-size:12px;font-variant-numeric:tabular-nums}.venue-times small{font-size:9px;display:block;color:var(--muted);margin-top:4px;max-width:59px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.venue-times a{width:32px;height:45px;display:grid;place-items:center}.venue-times svg{width:16px}.venue-films>.more{margin-top:0;margin-bottom:12px}
@media(min-width:768px){.reel-heading{padding:25px 0 9px}.reel-heading h1{font-size:36px}.reel-heading>button{font-size:14px}.reel-caption{font-size:12px;margin-bottom:15px}.poster-reel{--poster-width:150px;gap:20px;padding-bottom:17px}.poster-reel:after{flex-basis:calc(100% - var(--poster-width) - 20px)}.reel-film-title{font-size:13px}.selected-film{padding:25px 0 18px}.selected-film h2{font-size:32px}.selected-film-copy>p{font-size:13px}.film-info-link{font-size:13px;min-height:40px}.selected-film-price>strong{font-size:31px}.selected-film-price>small{font-size:12px}.screening-tabs button{font-size:18px}.screening-tabs{gap:32px}.screening-bands button{font-size:13px;padding:8px 16px}.theater-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;align-items:start}.screening-theater{padding:28px 0}.screening-theater h3{font-size:20px}.screening-theater header>strong{font-size:22px}.session-grid button{padding:14px}.session-grid button>b{font-size:23px}.session-grid button>strong{font-size:13px}.session-grid button>small{font-size:11px}.reel-time-row{gap:23px;padding:21px 0}.reel-time-row>span{font-size:15px}.reel-time-row>strong{font-size:17px}.reel-film-actions{max-width:440px;margin-inline:auto}.reel-film-actions>button{font-size:13px}.poster-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.board-copy h2{font-size:18px}.board-copy p,.board-copy>small{font-size:12px}.board-copy strong{font-size:24px}.venue-list{max-width:840px}.venue-tools{max-width:840px}.venue-heading{padding:27px 0;gap:20px}.venue-pin{width:43px;height:43px}.venue-copy h2{font-size:22px}.venue-copy>small,.venue-copy>span{font-size:13px}.venue-heading>strong{font-size:25px}.venue-films{padding:4px 23px 10px}.venue-film{padding:23px 0;gap:20px}.venue-poster{width:75px}.venue-film h3{font-size:19px}.venue-film p{font-size:13px}.venue-times button{font-size:14px;padding:9px 14px}.venue-times small{font-size:11px;max-width:90px}}
@media(max-width:359px){.reel-heading h1{font-size:25px}.reel-heading>button{font-size:11px}.selected-film h2{font-size:23px}.selected-film-price>strong{font-size:21px}.screening-tabs{gap:20px}.screening-tabs button{font-size:15px}.screening-bands button{font-size:11px;padding:7px 10px}.session-grid{gap:6px}.session-grid button{padding:10px 8px}.session-grid button>b{font-size:18px}.session-grid button>strong{font-size:11px}.session-grid button>small{font-size:9px}.reel-time-row{gap:9px}.reel-time-row>b{font-size:19px}.reel-time-row>strong{font-size:12px}.reel-time-row>svg{display:none}.poster-board{gap:25px 12px}.board-copy h2{font-size:15px}.board-copy strong{font-size:18px}.board-copy p,.board-copy>small{font-size:10px}.venue-heading{gap:8px}.venue-pin{width:28px;height:28px}.venue-pin svg{width:15px}.venue-copy h2{font-size:16px}.venue-heading>strong{font-size:17px}.venue-heading>svg{width:13px}.venue-films{padding-inline:10px}.venue-film{gap:10px}.venue-poster{width:45px}.venue-film h3{font-size:14px}.venue-times{gap:5px}.venue-times button{font-size:11px;padding:6px}.venue-times small{max-width:50px}}