/* b*X shared shell v1, copied verbatim from bdrivex.com / bphotosx.com (3 Nov 2026). Only --xs-acc differs: bTicketsX
   is lime #C8F03C (wristband green). */
:root{--xs-acc:#C8F03C}
/* b*X shared shell v1 (29 Oct 2026). Identical on bmoviesx.com, bvideox.com and bmusicx.com; only --xs-acc and the
   hero art differ. Strip, header, hero, carousel heading and catalogue heading. The hero is capped (~44vh) and the
   carousel card height is whatever is left of the first screen, so the first card is fully visible on load. */
:root{--xs-hero:clamp(300px,44svh,460px);--xs-cfh:clamp(170px,calc(100svh - 36px - var(--xs-hero) - 84px),480px);--xs-ink:#f4f1e8;--xs-mute:#a9a69c;--xs-hf:'Space Grotesk',system-ui,-apple-system,sans-serif;--xs-bf:'IBM Plex Sans',system-ui,-apple-system,sans-serif}
.xs-strip{background:#0a0a0b;border-bottom:1px solid rgba(255,210,77,.16);font:500 13px/1 var(--xs-bf);position:relative;z-index:5}
.xs-strip a{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;color:#cfcabd;text-decoration:none;letter-spacing:.01em}
.xs-strip svg{width:12px;height:16px;flex:none;display:block}
.xs-strip b{color:#ffd24d;font-weight:600}
.xs-strip .xs-go{color:#7c7a73;transition:transform .16s cubic-bezier(.2,.8,.2,1),color .16s}
.xs-strip a:hover{color:var(--xs-ink)}.xs-strip a:hover .xs-go{color:#ffd24d;transform:translateX(2px)}
.xs-wrap{max-width:1160px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}
@media(max-width:640px){.xs-wrap{padding:0 16px}}
.xs-top{padding:0;margin:0;position:relative;min-height:var(--xs-hero);display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:#000;border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box}
.xs-top>video,.xs-top>.xs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-2;display:block;max-width:none}
.xs-top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.78) 0,rgba(0,0,0,0) 30%),linear-gradient(0deg,#000 0,rgba(0,0,0,.82) 26%,rgba(0,0,0,.2) 70%,rgba(0,0,0,0) 100%),linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(0,0,0,0) 66%)}
.xs-nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px;position:relative;z-index:3}
.xs-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--xs-ink);font:700 22px/1 var(--xs-hf);letter-spacing:-.02em;white-space:nowrap}
.xs-brand svg{width:20px;height:27px;flex:none;display:block}
.xs-brand i,.xs-h1 i,.xs-cat h2 i{font-style:normal;color:var(--xs-acc)}
.xs-brand i{color:#F5B800}
.xs-links{display:flex;gap:20px;align-items:center;font:500 14px/1 var(--xs-hf);min-width:0}
.xs-links>a{color:#cfcabd;text-decoration:none;white-space:nowrap}
.xs-links>a:hover{color:#fff}
@media(max-width:720px){.xs-links .xs-hs{display:none}}
.xs-in{margin-top:auto;padding-top:8px;padding-bottom:30px;position:relative;z-index:2}
::selection{background:var(--xs-acc);color:#000}
:focus-visible{outline:2px solid var(--xs-acc);outline-offset:3px}
[class*="price"],[class*="count"],[class*="amt"],[class*="num"]{font-variant-numeric:tabular-nums}
.xs-eye{font:600 12px/1 var(--xs-hf);letter-spacing:.18em;text-transform:uppercase;color:var(--xs-acc);margin:0 0 12px}
.xs-h1 .xs-x{color:#F5B800}
.xs-h1{font:800 clamp(56px,8vw,112px)/.95 var(--xs-hf);letter-spacing:-.04em;margin:0 0 12px;color:#fff;text-transform:none;text-wrap:balance}
.xs-lede{font:400 clamp(15px,1.35vw,18px)/1.5 var(--xs-bf);color:#d8d3c5;max-width:600px;margin:0 0 20px}
.xs-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.xs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:140px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--xs-hf);letter-spacing:0;text-transform:none;text-decoration:none;border:0;cursor:pointer;box-sizing:border-box;white-space:nowrap}
.xs-gold{background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#e0a800);color:#000!important}
.xs-ghost{border:1px solid rgba(255,255,255,.24);color:var(--xs-ink)!important;background:rgba(0,0,0,.35)}
.xs-ghost:hover{border-color:var(--xs-acc)}
.xs-snd{position:absolute;right:20px;bottom:30px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.5);color:var(--xs-ink);font:600 13px/1 var(--xs-hf);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.xs-snd[aria-pressed=true]{background:var(--xs-acc);border-color:var(--xs-acc);color:#000}
@media(max-width:640px){.xs-snd{top:72px;bottom:auto;right:16px;height:40px}.xs-in{padding-bottom:22px}.xs-btn{min-width:0;flex:1 1 0}}
.xs-kick{display:block;text-align:center;font:600 12px/1 var(--xs-hf);letter-spacing:.18em;text-transform:uppercase;color:var(--xs-acc);margin:0}
.xs-cfs{padding:16px 0 28px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.xs-cat .xs-eye{margin-bottom:12px}
.xs-cat h2{font:700 clamp(34px,4.8vw,60px)/.98 var(--xs-hf);letter-spacing:-.04em;margin:0;color:#fff;text-transform:none}
.xs-cat p.xs-sub{color:var(--xs-mute);font:400 17px/1.5 var(--xs-bf);margin:12px 0 0;max-width:620px}
.xs-brand svg{color:var(--xs-acc)}
.xs-cfs .cf{height:calc(var(--xs-cfh) + 24px);margin-top:12px}
.xs-cfs .cf-card{height:var(--xs-cfh)}
#films .xs-cat{max-width:1500px;margin:0 auto 40px}
/* offers shelf (hidden until the feed returns open offers) */
.ofr[hidden]{display:none}
.ofr-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;margin:22px 0 0;padding:4px 0 14px;list-style:none;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%}
.ofr-rail li{flex:none;width:clamp(160px,42vw,220px);scroll-snap-align:start}
.ofr-card{display:flex;flex-direction:column;height:100%;background:#0b0b0c;border:1px solid #1d1d1d;border-radius:14px;overflow:hidden}
.ofr-card:hover{border-color:rgba(255,210,77,.45)}
.ofr-card>a:not(.ofr-go){color:inherit;text-decoration:none;display:block}
.ofr-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111}
.ofr-ph{display:grid;place-items:center;width:100%;aspect-ratio:1/1;background:linear-gradient(160deg,#ffe58a,#ffd24d 50%,#c98f00);color:#000;font:700 44px/1 'Space Grotesk',system-ui,sans-serif}
.ofr-m{display:block;padding:10px 12px 4px}
.ofr-m b{display:block;font:600 15px/1.25 'Space Grotesk',system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4f1e8}
.ofr-p{display:block;margin-top:2px;font:600 13px/1.3 'Space Grotesk',system-ui,sans-serif;color:#ffd24d}
.ofr-go{margin:auto 12px 12px;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;background:linear-gradient(180deg,#ffe58a,#ffd24d 55%,#c98f00);color:#000;font:600 14px/1 'Space Grotesk',system-ui,sans-serif;text-decoration:none}
.ofr-go:hover{filter:brightness(1.06)}
@media (prefers-reduced-motion:reduce){.ofr-rail{scroll-behavior:auto}}
/* Wordmark option 1 (owner 31 Oct 2026): gold b logo, white name, X in the product colour; title and top bar */
.xs-brand svg{color:#F5B800}
.xs-brand .xs-nm,.xs-h1 .xs-nm{font-style:normal;color:#fff}
.xs-brand i,.xs-h1 .xs-x{color:var(--xs-acc)}
.xs-h1 .xs-hb{display:inline-block;height:.95em;width:auto;vertical-align:-.03em;margin-right:.04em;color:#F5B800}
.xs-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}