/* Self-contained Helios editorial strips — no global card/carousel overrides. */
.cmh-hl-section{width:100%;box-sizing:border-box;margin:30px auto 38px;padding:26px clamp(15px,2.6vw,36px);border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,#121627,#171b2c 68%,#101523);color:#f5f7fb;overflow:visible;position:relative;z-index:1}
.cmh-hl-section:focus-within{z-index:45}
.cmh-hl-section--events{background:linear-gradient(125deg,#101722,#17252b 60%,#111b25)}
.cmh-hl-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}
.cmh-hl-eyebrow{font:700 11px/1.3 system-ui,sans-serif;color:#ebb477;letter-spacing:.14em}
.cmh-hl-section--events .cmh-hl-eyebrow{color:#7ed2c4}
.cmh-hl-header h2{font:800 clamp(23px,2.7vw,34px)/1.14 system-ui,sans-serif;letter-spacing:-.025em;color:#fff;margin:7px 0 7px}
.cmh-hl-header p{font:400 14px/1.55 system-ui,sans-serif;color:#c4cad6;margin:0;max-width:680px}
.cmh-hl-all{color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font:650 13px/1.3 system-ui,sans-serif;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:11px 14px;border-radius:10px}
.cmh-hl-all:hover,.cmh-hl-all:focus-visible{color:#fff;border-color:#e9b987}
.cmh-hl-controls{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.cmh-hl-controls label{font:650 13px system-ui,sans-serif;color:#fff}
/* Same dark, searchable city control as the homepage and KupBilecik filters. */
.cmh-hl-controls{position:relative;z-index:35}
.cmh-hl-city-picker{position:relative;box-sizing:border-box;min-width:215px;width:min(290px,100%);flex:0 1 290px;z-index:40}
.cmh-hl-city-picker select[data-cmh-hl-city]{box-sizing:border-box;display:block;width:100%;height:46px;padding:0 38px 0 14px;background:#1b2232;color:#f5f7fc;border:1px solid #49566e;border-radius:13px;font:650 14px/1.3 Inter,system-ui,sans-serif}
.cmh-hl-city-picker.is-enhanced select[data-cmh-hl-city]{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.cmh-hl-city-control{box-sizing:border-box;display:flex;align-items:center;gap:9px;height:48px;width:100%;padding:0 7px 0 12px;border:1px solid #49566e;border-radius:13px;background:#1b2232;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:border-color .18s,box-shadow .18s}
.cmh-hl-city-picker:focus-within .cmh-hl-city-control,.cmh-hl-city-picker.is-open .cmh-hl-city-control{border-color:#ff709b;box-shadow:0 0 0 3px rgba(255,67,115,.15)}
.cmh-hl-city-pin{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;color:#ff8dad}
.cmh-hl-city-pin svg{width:19px;height:19px;display:block}
html body .cmh-hl-section .cmh-hl-city-input{box-sizing:border-box!important;display:block!important;flex:1;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#f5f7fc!important;-webkit-text-fill-color:#f5f7fc!important;caret-color:#ff709b!important;font:650 14px/1.2 Inter,system-ui,sans-serif!important;text-overflow:ellipsis}
html body .cmh-hl-section .cmh-hl-city-input::placeholder{color:#a5b2c8!important;opacity:1!important;-webkit-text-fill-color:#a5b2c8!important}
.cmh-hl-city-toggle{box-sizing:border-box;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.045);color:#dde4f3;cursor:pointer}
.cmh-hl-city-toggle:hover{background:rgba(255,49,95,.13);border-color:rgba(255,49,95,.35)}
.cmh-hl-city-toggle svg{display:block;width:17px;height:17px;transition:transform .17s}
.cmh-hl-city-picker.is-open .cmh-hl-city-toggle svg{transform:rotate(180deg)}
.cmh-hl-city-toggle:focus-visible,.cmh-hl-city-input:focus-visible{outline:2px solid #ff94b4!important;outline-offset:2px}
.cmh-hl-city-dropdown{box-sizing:border-box;position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:500;display:block;max-height:min(320px,55vh);overflow-y:auto;overflow-x:hidden;padding:7px;margin:0;border:1px solid #515d75;border-radius:14px;background:#161c2b;box-shadow:0 20px 45px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.02);overscroll-behavior:contain;scrollbar-color:#677792 #161c2b;scrollbar-width:thin}
.cmh-hl-city-dropdown[hidden]{display:none!important}
.cmh-hl-city-dropdown::-webkit-scrollbar{width:8px}
.cmh-hl-city-dropdown::-webkit-scrollbar-thumb{background:#61718c;border:2px solid #161c2b;border-radius:12px}
.cmh-hl-city-caption{padding:7px 11px;color:#a8b4c9;font:800 10px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.cmh-hl-city-option{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:43px;margin:0;padding:10px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#e8eef9;text-align:left;font:650 14px/1.3 Inter,system-ui,sans-serif;cursor:pointer}
.cmh-hl-city-option:hover,.cmh-hl-city-option.is-active{background:#303449;border-color:#5b4e67;color:#fff}
.cmh-hl-city-option[aria-selected="true"]{background:#402b41;color:#ffadc6;font-weight:800}
.cmh-hl-city-option[aria-selected="true"]:after{content:'✓';margin-left:auto;color:#ff9dbb;font-size:15px}
.cmh-hl-city-empty{padding:12px 11px;color:#b6c3d7;font:500 13px/1.5 Inter,system-ui,sans-serif}

.cmh-hl-status{font:400 12px/1.4 system-ui,sans-serif;color:#c0cbd5}
.cmh-hl-carousel{position:relative;display:flex;align-items:center;gap:12px;min-width:0}
.cmh-hl-rail{min-width:0;flex:1;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 1px 12px}
.cmh-hl-rail::-webkit-scrollbar{display:none}
.cmh-hl-card{box-sizing:border-box;flex:0 0 clamp(190px,22%,260px);min-width:0;border-radius:13px;overflow:hidden;background:#222a38;border:1px solid rgba(255,255,255,.11);scroll-snap-align:start;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease}
.cmh-hl-card:hover{transform:translateY(-2px);border-color:#a1b4cd}
.cmh-hl-card__main{display:flex;flex-direction:column;color:#fff;text-decoration:none;flex:1}
.cmh-hl-card__main:hover{color:#fff}
.cmh-hl-card__poster{display:block;position:relative;aspect-ratio:3/3.7;background:linear-gradient(145deg,#344a67,#202b41);overflow:hidden}
.cmh-hl-card__poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 27%}
/* 2.9.20.369: Premiera poster shown in full; native 2:3 ratio never crops titles/credits.
   Restrict this to premiere cards: special-event artwork can use different ratios. */
.cmh-hl-section--premieres .cmh-hl-card__poster{aspect-ratio:2/3;background:linear-gradient(155deg,#161c2b 0%,#0d1322 55%,#202b40 100%)}
.cmh-hl-section--premieres .cmh-hl-card__poster img{width:100%;height:100%;object-fit:contain;object-position:center center}
.cmh-hl-section--premieres .cmh-hl-card__content{flex:1;min-height:135px}
/* Safety fallback for stale HTML from a full-page cache. Backend no longer renders this link. */
.cmh-hl-section--premieres .cmh-hl-card__ticket{display:none!important}

.cmh-hl-card__fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:55px}
.cmh-hl-card__tag{position:absolute;top:10px;left:10px;right:10px;width:max-content;max-width:calc(100% - 20px);box-sizing:border-box;background:rgba(12,17,26,.87);color:#fff;padding:6px 9px;border-radius:7px;font:750 11px/1.35 system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmh-hl-card__content{display:flex;gap:7px;flex-direction:column;padding:15px;min-height:134px}
.cmh-hl-card__title{font:750 15px/1.34 system-ui,sans-serif;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cmh-hl-card__date{font:600 12px/1.4 system-ui,sans-serif;color:#f1cf9d}
.cmh-hl-section--events .cmh-hl-card__date{color:#a8e2d7}
.cmh-hl-card__where{font:400 12px/1.4 system-ui,sans-serif;color:#c7d2df;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cmh-hl-card__cta{font:700 12px/1.4 system-ui,sans-serif;color:#f4f8ff;margin-top:auto;padding-top:8px}
.cmh-hl-card__ticket{display:block;text-align:center;padding:10px 6px;background:#c18a50;color:#121623!important;text-decoration:none;font:800 12px/1.4 system-ui,sans-serif}
.cmh-hl-card__ticket:hover{background:#f2ba78}
.cmh-hl-arrow{flex:0 0 33px;width:33px;height:44px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:9px;color:#fff;font:28px system-ui,sans-serif;cursor:pointer}
.cmh-hl-arrow:hover,.cmh-hl-arrow:focus-visible{background:rgba(255,255,255,.23)}
.cmh-hl-arrow:disabled{opacity:.34;cursor:default}
.cmh-hl-empty{flex:1;align-self:center;padding:30px 16px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;color:#cdd7df;font:400 14px/1.5 system-ui,sans-serif}
.cmh-hl-source{font:400 11px system-ui,sans-serif;color:#9fabbb;margin-top:6px}
@media(max-width:760px){.cmh-hl-section{border-radius:14px;padding:19px 12px 20px;margin:20px auto 26px}.cmh-hl-header{align-items:flex-start;flex-direction:column;gap:12px}.cmh-hl-header h2{font-size:24px}.cmh-hl-header p{font-size:13px}.cmh-hl-all{padding:8px 10px}.cmh-hl-carousel{gap:6px}.cmh-hl-card{flex-basis:min(67vw,260px)}.cmh-hl-arrow{flex-basis:25px;width:25px;height:39px;font-size:23px}.cmh-hl-rail{gap:10px}.cmh-hl-city-picker{width:100%;flex:1 1 230px;max-width:100%}.cmh-hl-city-dropdown{max-height:min(280px,43dvh)}.cmh-hl-card__content{min-height:124px;padding:12px}}
@media(prefers-reduced-motion:reduce){.cmh-hl-card{transition:none}.cmh-hl-rail{scroll-behavior:auto!important}}

@media(prefers-reduced-motion:reduce){.cmh-hl-city-control,.cmh-hl-city-toggle svg{transition:none}}