/* Ashdod cinema: official poster-led, mobile-first screening experience. */
body.cinemaMode{background:#0a0a0d!important;color:#f5f1e8}
body.cinemaMode>.hero,body.cinemaMode main.shell>.isnetNavDiscovery,body.cinemaMode main.shell>.results,body.cinemaMode #sportsPanel{display:none!important}
body.cinemaMode main.shell{width:min(1240px,calc(100% - 64px))!important;max-width:1240px;padding-top:0!important}
#cinemaSection{scroll-margin-top:88px;padding:30px 0 60px!important}
#cinemaSection .cinemaPanel{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent!important;overflow:visible}
#cinemaSection .cinemaPanel:before{display:none}
#cinemaSection .cinemaHead{align-items:center;margin-bottom:26px;gap:20px}
#cinemaSection .cinemaKicker{color:#d6b77a;font-size:12px;letter-spacing:.08em}
#cinemaSection .cinemaHead h1{margin:4px 0 10px;font:900 clamp(34px,4vw,52px)/1.12 Heebo,Assistant,sans-serif;letter-spacing:-1px;color:#faf6ed}
#cinemaSection .cinemaHead p{color:#aba8a4;font-size:16px;font-weight:500;margin:0}
#cinemaSection .cinemaBackButton{background:#ffffff05;color:#ccc6bb;border:1px solid #ffffff20;border-radius:999px;padding:10px 16px;min-height:44px}
.cinemaSpotlight{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:52px;padding:32px 52px;margin-bottom:32px;border:1px solid #ffffff15;border-radius:24px;background:radial-gradient(ellipse at 7% 30%,#82362450,transparent 55%),linear-gradient(120deg,#221416,#101014 70%);overflow:hidden}
.cinemaSpotlight[hidden]{display:none}
.cinemaSpotlight__copy{min-width:0;max-width:600px}
.cinemaSpotlight__eyebrow{color:#d7b977;font:800 12px Assistant,sans-serif;letter-spacing:.06em}
.cinemaSpotlight h2{font:900 clamp(30px,3.7vw,46px)/1.2 Heebo,Assistant,sans-serif;color:#fff6e9;margin:12px 0 14px;letter-spacing:-.6px;overflow-wrap:anywhere}
.cinemaSpotlight__meta{display:flex;gap:10px;flex-wrap:wrap;color:#d2c9bd;font-size:13px}
.cinemaSpotlight__meta span+span:before{content:"·";margin-inline-end:10px;color:#be9652}
.cinemaSpotlight p{color:#c0b8b3;font-size:17px;line-height:1.7;margin:18px 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cinemaSpotlight__actions{display:flex;gap:10px;flex-wrap:wrap}
.cinemaSpotlight__actions button,.cinemaSpotlight__actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #ffffff28;border-radius:12px;color:#f8eddc;background:#ffffff06;font:800 15px Assistant,sans-serif;text-decoration:none;cursor:pointer}
.cinemaSpotlight__actions button{background:#e7c480;color:#20170c;border-color:#e7c480}
.cinemaSpotlight__poster{display:block;position:relative;justify-self:center;width:100%;max-width:250px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#18151a;border:1px solid #ffffff28;box-shadow:0 22px 46px #0009;transform:rotate(-2deg);transition:transform .2s}
.cinemaSpotlight__poster:hover{transform:rotate(0deg) translateY(-3px)}
.cinemaSpotlight__poster img{width:100%;height:100%;object-fit:contain;display:block}
#cinemaSection .cinemaToolbar{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px 26px;align-items:center;padding:20px 0 24px;margin-bottom:0}
#cinemaSection .cinemaFilterGroups{display:grid;gap:10px}
#cinemaSection .cinemaFilters{gap:8px}
#cinemaSection .cinemaFilters button{min-height:44px;padding:9px 16px;border-color:#ffffff20;background:#ffffff05;color:#c7c2bc;font:700 14px Assistant,sans-serif}
#cinemaSection .cinemaFilters button.is-active{background:#e8c784;color:#241b0d;border-color:#e8c784;box-shadow:none}
.cinemaSearchField{display:grid;gap:7px;color:#b9b2a6;font-size:12px}
.cinemaSearchField input{width:100%;min-width:0;min-height:48px;padding:11px 14px;background:#17171d;color:#f5f0e7;border:1px solid #ffffff22;border-radius:12px;font:500 16px Assistant,sans-serif}
.cinemaSearchField input::placeholder{color:#908d94}
#cinemaSection .cinemaUpdated{grid-column:1/-1;color:#95919a;font-size:12px;line-height:1.5}
#cinemaSection .cinemaGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
#cinemaSection .cinemaCard{background:#141418!important;color:#f5f1e8!important;border:1px solid #ffffff14;border-radius:16px;box-shadow:none;transition:border-color .2s,transform .2s}
#cinemaSection .cinemaCard:hover{border-color:#d4af6355;transform:translateY(-3px)}
#cinemaSection .cinemaPoster{aspect-ratio:2/3;background:#19171d!important;border-bottom:1px solid #ffffff14}
#cinemaSection .cinemaPoster img{object-fit:contain;object-position:center}
#cinemaSection .cinemaPoster:after{background:linear-gradient(to top,#08080ddd,transparent 35%)}
#cinemaSection .cinemaPoster--fallback{position:relative;min-height:0}
#cinemaSection .cinemaPoster--fallback:has(img){display:block}
#cinemaSection .cinemaPlay{inset:auto 12px 12px auto;gap:8px}
#cinemaSection .cinemaPlay i{width:36px;height:36px;background:#e6c47e;color:#241b0c;box-shadow:none}
#cinemaSection .cinemaPlay b{font-size:12px}
#cinemaSection .cinemaCard__body{background:#141418!important;color:#f5f1e8!important;padding:16px!important}
#cinemaSection .cinemaCard h3{font-size:20px!important;line-height:1.35;color:#f8f3e9!important;margin:10px 0}
#cinemaSection .cinemaCard h3 a{color:inherit!important;text-decoration:none!important}
#cinemaSection .cinemaCard__body>p{color:#afabb3!important;font-size:14px!important;line-height:1.65;-webkit-line-clamp:2;margin-bottom:14px}
#cinemaSection .cinemaVenueBadges{gap:5px;margin-bottom:10px}
#cinemaSection .cinemaVenueBadges span{color:#b9b4bc!important;background:#ffffff07!important;border:1px solid #ffffff0f;font:600 11px Assistant,sans-serif;padding:3px 6px}
#cinemaSection .cinemaVenueBadges .family{color:#e7cb94!important;background:#7b56191f!important;border-color:#a684443b}
#cinemaSection .cinemaVenueRow{padding:12px 0;background:transparent!important;border:0;border-top:1px solid #ffffff15;border-radius:0}
#cinemaSection .cinemaVenueName{align-items:start;gap:6px}
#cinemaSection .cinemaVenueName b{color:#dfd8cc!important;font:700 12px Assistant,sans-serif}
#cinemaSection .cinemaVenueName span{color:#9e98a4!important;font-size:11px;white-space:nowrap}
#cinemaSection .cinemaTimes{gap:6px}
#cinemaSection .cinemaTime{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:40px;padding:6px 9px;border-radius:8px;color:#ead4a4!important;background:#24201a!important;border-color:#6c533b;text-decoration:none!important;font:700 13px Assistant,sans-serif}
#cinemaSection .cinemaTime:hover{background:#3b3021!important;border-color:#d2af67}
#cinemaSection .cinemaDetails{color:#d6b878!important;font-size:12px;text-decoration:none!important;margin-top:12px;min-height:32px;align-items:center}
#cinemaSection .cinemaNoTimes{color:#aaa4af}
#cinemaSection .cinemaEmpty{grid-column:1/-1;background:#151419;border:1px solid #ffffff20;border-radius:20px;padding:36px;color:#d1cbd5}
#cinemaSection .cinemaEmpty__links a{color:#e6c680}
body.cinemaMode .trailerModal{z-index:2000;padding:24px}
body.cinemaMode .trailerModal__card{max-height:calc(100dvh - 48px);overflow:auto;background:#15151b;color:#f4ead8;border:1px solid #ffffff25;border-radius:20px}
body.cinemaMode .trailerModal__body h2{color:#faf5ec}
body.cinemaMode .trailerModal__body p{color:#b2acb8;line-height:1.65}
body.cinemaMode .trailerModal__body a{color:#e0bd77}
body.cinemaMode .trailerModal__close{width:44px;height:44px;background:#17171ee6;color:#fff}
body.cinemaMode :is(a,button,input):focus-visible{outline:2px solid #e9ca83;outline-offset:4px}
body.cinemaMoviePage{--bg:#0b0b0f;--surface:#17171d;--ink:#f6f0e4;--muted:#a9a2b1;--line:#ffffff1c;background:#0b0b0f;color:#f6f0e4}
.cinemaMoviePage .movieHero{background:radial-gradient(ellipse at 15% 0,#762d3040,transparent 55%),#0c0c10;padding:36px 0}
.cinemaMoviePage .movieHero:after{display:none}
.cinemaMoviePage .movieHero__grid{grid-template-columns:minmax(0,1fr) 280px;gap:64px}
.cinemaMoviePage .movieHero h1{font-size:clamp(34px,4vw,54px);line-height:1.18;letter-spacing:-.7px}
.cinemaMoviePage .movieSynopsis{color:#bab2c0;font-size:19px;line-height:1.7}
.cinemaMoviePage .movieHero__media{aspect-ratio:2/3;border-radius:14px;background:#18151b;box-shadow:0 22px 50px #0008}
.cinemaMoviePage .heroPoster{background:#18151b}
.cinemaMoviePage .primaryButton{background:#e5c17c;color:#221a0d;box-shadow:none}
.cinemaMoviePage .contentCard,.cinemaMoviePage .infoCard,.cinemaMoviePage .relatedCard{background:#17171d;border-color:#ffffff1c;box-shadow:none}
.cinemaMoviePage .cinemaBlock{background:#131318;border-color:#ffffff1c}
.cinemaMoviePage .cinemaBlock__head{background:#202027;border-color:#ffffff1c}
.cinemaMoviePage .dayRow{border-color:#ffffff12}
.cinemaMoviePage .showtime{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#2c251b;color:#e9ce9a;border-color:#665139;box-shadow:none}
.cinemaMoviePage .fullSynopsis{color:#beb7c4;line-height:1.8}
.cinemaMoviePage .kicker,.cinemaMoviePage #trailerExternal{color:#d9bb7b}
.cinemaMoviePage .navAction,.cinemaMoviePage .sourceLinks a{background:#222229;border-color:#ffffff20;color:#e0d7e8}
.cinemaMoviePage .sourceLinks span{color:#d5b878}
.cinemaMoviePage .screeningCount{background:#3c3020;color:#e7c382!important}
.cinemaMoviePage .relatedCard__media{aspect-ratio:2/3}
.cinemaMoviePage .relatedCard__media img{object-fit:contain}
.cinemaMoviePage #showtimes,.cinemaMoviePage #trailerSection{scroll-margin-top:105px}
.cinemaMoviePage :is(a,button):focus-visible{outline:2px solid #e5c17c;outline-offset:4px}
@media(max-width:1050px){#cinemaSection .cinemaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cinemaSpotlight{gap:30px;padding:28px 32px}.cinemaMoviePage .movieHero__grid{gap:30px}}
@media(max-width:750px){
 body.cinemaMode main.shell{width:calc(100% - 32px)!important}
 #cinemaSection{padding-top:20px!important;scroll-margin-top:60px}
 #cinemaSection .cinemaHead{align-items:start;margin-bottom:20px;gap:12px}
 #cinemaSection .cinemaHead h1{font-size:34px}
 #cinemaSection .cinemaHead p{font-size:14px;line-height:1.6}
 #cinemaSection .cinemaBackButton{font-size:12px;padding:8px 10px;white-space:normal}
 .cinemaSpotlight{grid-template-columns:minmax(0,1fr) 130px;gap:16px;padding:22px 18px;border-radius:18px;margin-bottom:20px}
 .cinemaSpotlight h2{font-size:26px;line-height:1.3;margin:10px 0}
 .cinemaSpotlight p{font-size:14px;line-height:1.65;margin:12px 0;-webkit-line-clamp:3}
 .cinemaSpotlight__meta{font-size:11px;gap:5px}
 .cinemaSpotlight__meta span+span:before{margin-inline-end:5px}
 .cinemaSpotlight__actions{gap:8px}
 .cinemaSpotlight__actions button,.cinemaSpotlight__actions a{font-size:13px;min-height:44px;padding:9px 12px}
 #cinemaSection .cinemaToolbar{grid-template-columns:1fr;gap:16px;padding:12px 0 22px}
 #cinemaSection .cinemaFilterGroups{gap:12px}
 #cinemaSection .cinemaFilters{gap:6px;flex-wrap:wrap}
 #cinemaSection .cinemaFilters button{font-size:13px;padding:9px 12px}
 #cinemaSection .cinemaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #cinemaSection .cinemaCard{border-radius:12px}
 #cinemaSection .cinemaCard__body{padding:12px!important}
 #cinemaSection .cinemaCard h3{font-size:17px!important;line-height:1.4}
 #cinemaSection .cinemaCard__body>p{display:none}
 #cinemaSection .cinemaVenueBadges span{font-size:10px}
 #cinemaSection .cinemaVenueName{flex-wrap:wrap}
 #cinemaSection .cinemaVenueName b{font-size:12px}
 #cinemaSection .cinemaTime{min-height:44px;min-width:48px;font-size:12px}
 #cinemaSection .cinemaDetails{font-size:11px;min-height:36px}
 #cinemaSection .cinemaPlay{inset:auto 8px 8px auto;gap:5px}
 #cinemaSection .cinemaPlay i{width:32px;height:32px;font-size:13px}
 #cinemaSection .cinemaPlay b{font-size:11px}
 body.cinemaMode .trailerModal{padding:12px}
 body.cinemaMode .trailerModal__card{border-radius:14px;max-height:calc(100dvh - 24px)}
 body.cinemaMode .trailerModal__body{padding:18px}
 .cinemaMoviePage .movieHero__grid{grid-template-columns:1fr;gap:24px}
 .cinemaMoviePage .movieHero__media{width:210px;justify-self:center}
 .cinemaMoviePage .movieHero h1{font-size:34px}
 .cinemaMoviePage .movieSynopsis{font-size:17px}
 .cinemaMoviePage .sideColumn{grid-row:auto}
 .cinemaMoviePage .relatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){.cinemaSpotlight{grid-template-columns:minmax(0,1fr) 105px;padding:18px 14px;gap:12px}.cinemaSpotlight h2{font-size:23px}#cinemaSection .cinemaCard__body{padding:10px!important}#cinemaSection .cinemaTime{min-width:44px;padding:6px}}
@media(prefers-reduced-motion:reduce){.cinemaSpotlight__poster,#cinemaSection .cinemaCard,#cinemaSection .cinemaPoster img{transition:none;transform:none!important}}

.cinemaLoading{display:none}
body.cinemaMode .cinemaLoading{display:grid;place-items:center;gap:12px;min-height:50vh;color:#d7bd85;text-align:center;padding:30px}
#cinemaLoading[hidden]{display:none!important}
.cinemaLoading>span{font-size:32px}
body.cinemaMode .cinemaEmpty button{margin:12px 0}

/* Keep the landing page on the cinema canvas and reveal the film wall sooner. */
#cinemaSection{background:transparent!important;border:0!important;box-shadow:none!important;margin-top:0!important}
@media(min-width:751px){.cinemaSpotlight{grid-template-columns:minmax(0,1fr) 210px;padding:24px 40px;margin-bottom:20px;gap:42px}.cinemaSpotlight__poster{max-width:210px}#cinemaSection .cinemaHead{margin-bottom:20px}#cinemaSection .cinemaHead h1{font-size:46px}}

body.cinemaMode .trailerLinks a{background:#29231c!important;color:#efcf90!important;border:1px solid #76603c;text-decoration:none}
body.cinemaMode .trailerModal__body .cinemaKicker{color:#d7bc81}

.cinemaMoviePage .showtimeHint{color:#aaa3b1;font-size:14px;margin:0 0 18px}
.cinemaMoviePage a.showtime:hover{background:#453721;border-color:#d2af6b;color:#fff1cd}
