/** Shopify CDN: Minification failed

Line 221:0 Unexpected "`"

**/
/* On collection pages we render our own branded header + pill-rail
       above the product grid via the `cine-collection-skin` snippet.
       Hide every Ella default chrome element so they don't double up:

       • main-collection-banner section — renders breadcrumb + page title
         (#shopify-section-banner is the section wrapper)
       • toolbar.liquid snippet — renders REFINED BY + VIEW AS + ITEMS
         PER PAGE + SORT BY (custom element <toolbar-item> + `.toolbar`
         + `.toolbar-wrapper`)
       • Filter sidebar, refined-by list, etc.

       All gated on `body.cpdp-page.cine-light` so live theme is unaffected. */
    body.cpdp-page.cine-light.template-collection #MainContent #shopify-section-banner,
    body.cpdp-page.cine-light.template-collection #MainContent [id^="shopify-section"][id*="banner"]:not([id*="image-banner"]),
    body.cpdp-page.cine-light.template-collection #MainContent .main-collection-banner,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-banner,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-header,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-hero,
    body.cpdp-page.cine-light.template-collection #MainContent .heading-banner,
    body.cpdp-page.cine-light.template-collection #MainContent .breadcrumb,
    body.cpdp-page.cine-light.template-collection #MainContent .breadcrumb-area,
    body.cpdp-page.cine-light.template-collection #MainContent .breadcrumb-wrapper,
    body.cpdp-page.cine-light.template-collection #MainContent .page-title,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-title,
    body.cpdp-page.cine-light.template-collection #MainContent toolbar-item,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-wrapper,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-item,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-mobile,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-sidebar,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-viewAs,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-col,
    body.cpdp-page.cine-light.template-collection #MainContent .toolbar-label,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-toolbar,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-filter,
    body.cpdp-page.cine-light.template-collection #MainContent .collection-sidebar,
    body.cpdp-page.cine-light.template-collection #MainContent .product-filter,
    body.cpdp-page.cine-light.template-collection #MainContent .refined-by,
    body.cpdp-page.cine-light.template-collection #MainContent .results-count,
    body.cpdp-page.cine-light.template-collection #MainContent [class*="filter-by"],
    body.cpdp-page.cine-light.template-collection #MainContent [class*="refined-by"],
    body.cpdp-page.cine-light.template-collection #MainContent [class*="halo-filter"],
    body.cpdp-page.cine-light.template-collection #MainContent .page-sidebar,
    body.cpdp-page.cine-light.template-collection #MainContent #halo-sidebar,
    body.cpdp-page.cine-light.template-collection #MainContent .sidebarBlock,
    body.cpdp-page.cine-light.template-collection #MainContent .refined-widgets,
    body.cpdp-page.cine-light.template-collection #MainContent .facets,
    body.cpdp-page.cine-light.template-collection #MainContent .facets__form,
    body.cpdp-page.cine-light.template-collection #MainContent .facets__heading,
    body.cpdp-page.cine-light.template-collection #MainContent .facets__list,
    body.cpdp-page.cine-light.template-collection #MainContent .facets__panel,
    body.cpdp-page.cine-light.template-collection #MainContent [class*="facets__"],
    body.cpdp-page.cine-light.template-collection #MainContent .js-filter,
    body.cpdp-page.cine-light.template-collection #MainContent [data-filter-form],
    body.cpdp-page.cine-light.template-collection #MainContent [class*="collection-info"]:not(.cinecoll) { display: none !important; }
/* ── Our search landing / no-results block ──────────────────────────── */
    .cinesearch-empty { max-width: 1080px; margin: 8px auto 16px; padding: 0 clamp(18px,4vw,32px); }
.cinesearch-empty__msg { text-align: center; font-size: 16px; color: #54535c; margin: 0 0 20px; }
.cine-searchbox {
      display: flex; align-items: stretch; max-width: 520px; margin: 0 auto 8px;
      border: 1.5px solid #eceae6; border-radius: 100px; overflow: hidden; background: #fff;
      transition: border-color .15s, box-shadow .15s;
    }
.cine-searchbox:focus-within { border-color: #16151a; box-shadow: 0 0 0 3px rgba(22,21,26,.05); }
.cine-searchbox__ico { color: #9694a0; align-self: center; margin-left: 20px; flex-shrink: 0; }
.cine-searchbox__input {
      flex: 1; min-width: 0; border: 0; outline: 0; background: transparent;
      padding: 15px 16px; font-size: 15px; font-family: inherit; color: #16151a;
    }
.cine-searchbox__btn {
      flex-shrink: 0; width: 56px; border: 0; background: #d12442; color: #fff;
      display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s;
    }
.cine-searchbox__btn:hover { background: #b01a34; }
/* AI Studio promo */
    .cinepromo { text-align: center; margin: clamp(40px,6vw,72px) auto 0; max-width: 1080px; }
.cinepromo__ey { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #d12442; }
.cinepromo__ttl { font-family: 'Clash Grotesk','Plus Jakarta Sans',sans-serif; font-size: clamp(24px,3vw,34px); font-weight: 700; color: #16151a; margin: 10px 0 8px; letter-spacing: -.01em; }
.cinepromo__sub { font-size: 15px; color: #54535c; max-width: 540px; margin: 0 auto 32px; line-height: 1.6; }
.cinepromo__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.cinepromo__card {
      display: flex; flex-direction: column; text-align: left; text-decoration: none;
      background: #fff; border: 1px solid #eceae6; border-radius: 16px; overflow: hidden;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }
.cinepromo__card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(22,21,26,.35); border-color: #d6d3cc; }
.cinepromo__media { display: block; aspect-ratio: 4/3; overflow: hidden; background: #f2efea; }
.cinepromo__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.cinepromo__card:hover .cinepromo__media img { transform: scale(1.05); }
.cinepromo__card-ttl { font-size: 16px; font-weight: 700; color: #16151a; margin: 18px 18px 6px; letter-spacing: -.01em; }
.cinepromo__card-txt { font-size: 13.5px; color: #54535c; line-height: 1.5; margin: 0 18px 20px; }
@media (max-width: 760px) {
      .cinepromo__grid { grid-template-columns: 1fr; gap: 14px; }
      .cinepromo__media { aspect-ratio: 16/9; }
    }
/* ── cine-collection-skin styling ──────────────────────────────────── */
    .cinecoll { margin: 0 auto; max-width: 1500px; padding: 14px clamp(14px, 3vw, 38px) 4px; font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #16151a; }
.cinecoll *, .cinecoll *::before, .cinecoll *::after { box-sizing: border-box; }
.cinecoll a { color: inherit; text-decoration: none; }
.cinecoll__crumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #54535c; margin: 0 0 14px; letter-spacing: .01em; }
.cinecoll__crumb a { color: #54535c; }
.cinecoll__crumb a:hover { color: #d12442; }
.cinecoll__crumb svg { color: #9694a0; flex-shrink: 0; }
.cinecoll__crumb span[aria-current="page"] { color: #16151a; font-weight: 600; }
.cinecoll__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 0 0 8px; }
.cinecoll__title { font-size: clamp(28px, 3.8vw, 44px) !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.05 !important; margin: 0 !important; color: #16151a !important; }
.cinecoll__count { font-size: 12px; color: #54535c; font-weight: 700; padding: 5px 12px; background: #fff; border: 1px solid #eceae6; border-radius: 100px; letter-spacing: .04em; text-transform: uppercase; }
.cinecoll__intro { font-size: 15px; line-height: 1.55; color: #54535c; max-width: 620px; margin: 4px 0 18px; }
.cinecoll__intro p { margin: 0; }
.cinecoll__rail { margin: 14px 0 0; padding: 10px 0; position: sticky; top: 64px; z-index: 40; background: #faf9f7; border-bottom: 1px solid transparent; transition: border-color .2s; }
.cinecoll__rail.is-stuck { border-bottom-color: #eceae6; }
.cinecoll__pills { display: flex; gap: 8px; flex-wrap: wrap; }
.cinepill { position: relative; }
.cinepill__btn {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 10px 16px; border-radius: 100px;
      background: #fff; border: 1.5px solid #eceae6;
      color: #16151a; font-family: inherit; font-size: 13.5px; font-weight: 600;
      cursor: pointer; transition: all .16s ease; white-space: nowrap;
    }
.cinepill__btn:hover { border-color: #c9986a; box-shadow: 0 4px 14px -8px rgba(201,152,106,.55); }
.cinepill.is-active .cinepill__btn { background: #d12442; border-color: #d12442; color: #fff; }
.cinepill.is-active .cinepill__btn:hover { box-shadow: 0 6px 18px -8px rgba(209,36,66,.65); }
.cinepill.is-open .cinepill__btn { border-color: #16151a; }
.cinepill.is-active.is-open .cinepill__btn { border-color: #d12442; }
.cinepill__icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: #9694a0; flex-shrink: 0; transition: color .16s; }
.cinepill__btn:hover .cinepill__icon { color: #c9986a; }
.cinepill.is-active .cinepill__icon { color: rgba(255,255,255,.85); }
.cinepill__badge { background: rgba(255,255,255,.25); padding: 1px 7px; border-radius: 100px; font-size: 11px; font-weight: 700; }
.cinepill:not(.is-active) .cinepill__badge { background: #f3f1ec; color: #54535c; }
.cinepill__chev { transition: transform .2s; flex-shrink: 0; opacity: .7; }
.cinepill.is-open .cinepill__chev { transform: rotate(180deg); }
.cinepill__panel {
      position: absolute; top: calc(100% + 10px); left: 0;
      min-width: 280px; max-width: 380px;
      background: #fff; border: 1px solid #eceae6; border-radius: 16px;
      box-shadow: 0 24px 50px rgba(22,21,26,.12);
      padding: 0; overflow: hidden;
      z-index: 100;
      opacity: 0; pointer-events: none; transform: translateY(-6px);
      transition: opacity .18s ease, transform .18s ease;
    }
.cinepill.is-open .cinepill__panel { opacity: 1; pointer-events: auto; transform: none; }
.cinepill__panel-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 14px 16px; border-bottom: 1px solid #eceae6;
    }
.cinepill__panel-ttl { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #54535c; }
.cinepill__panel-close { background: none; border: 0; color: #54535c; cursor: pointer; padding: 4px; line-height: 0; }
.cinepill__panel-close:hover { color: #16151a; }
.cinepill__values { max-height: 360px; overflow-y: auto; padding: 6px 0; scrollbar-width: thin; }
.cinepill__opt {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 16px; cursor: pointer; transition: background .14s;
      font-size: 14px; color: #16151a;
    }
.cinepill__opt:hover { background: #faf9f7; }
.cinepill__opt input { position: absolute; opacity: 0; pointer-events: none; }
.cinepill__opt-box {
      flex-shrink: 0; width: 18px; height: 18px; border-radius: 5px;
      border: 1.5px solid #d0cec9; background: #fff; transition: all .14s; position: relative;
    }
.cinepill__opt input:checked + .cinepill__opt-box {
      background: #d12442; border-color: #d12442;
    }
.cinepill__opt input:checked + .cinepill__opt-box::after {
      content: ""; position: absolute; left: 5px; top: 1px;
      width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }
.cinepill__opt.is-disabled { opacity: 0.4; cursor: not-allowed; }
.cinepill__opt-lbl { flex: 1; line-height: 1.3; }
.cinepill__opt-count { font-size: 11.5px; color: #9694a0; font-weight: 600; }
/* ===== Visual grid layouts (swatch / tile) ===== */
    .cinepill__panel--grid-swatch, .cinepill__panel--grid-tile { min-width: 340px; max-width: 440px; }
.cinepill__panel--price { width: 300px; min-width: 300px; max-width: 300px; }
.cinepill__values--price { max-height: none; overflow: hidden; padding: 0; }
.cinepill__values--grid-swatch, .cinepill__values--grid-tile {
      display: grid; gap: 6px; padding: 12px;
      max-height: 380px; overflow-y: auto; overflow-x: hidden;
      scrollbar-width: thin; scrollbar-color: #d6d3cc transparent;
    }
.cinepill__values--grid-swatch { grid-template-columns: repeat(3, 1fr); }
.cinepill__values--grid-tile   { grid-template-columns: repeat(3, 1fr); }
/* shared option container for grid items */
    .cineopt {
      position: relative; display: flex; flex-direction: column; align-items: center;
      gap: 8px; padding: 14px 8px 12px; border-radius: 12px;
      cursor: pointer; transition: all .14s ease;
      background: #fff; border: 1.5px solid #eceae6;
      text-align: center; min-height: 116px; justify-content: flex-start;
    }
.cineopt input { position: absolute; opacity: 0; pointer-events: none; }
.cineopt:hover:not(.is-disabled) { border-color: #c9986a; transform: translateY(-1px); box-shadow: 0 6px 16px -10px rgba(201,152,106,.55); }
.cineopt.is-checked,
    .cineopt:has(input:checked) { border-color: #d12442; background: linear-gradient(180deg, #fff 60%, rgba(209,36,66,.06)); }
.cineopt.is-checked::after,
    .cineopt:has(input:checked)::after {
      content: ''; position: absolute; top: 6px; right: 6px;
      width: 16px; height: 16px; border-radius: 100px; background: #d12442;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 6.5l2 2 4-4.5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
      background-size: 12px 12px; background-repeat: no-repeat; background-position: center;
      box-shadow: 0 1px 4px rgba(209,36,66,.3);
    }
.cineopt.is-disabled,
    .cineopt:has(input:disabled) {
      opacity: .32; cursor: not-allowed; pointer-events: none;
      filter: grayscale(75%); background: #faf9f7;
    }
.cineopt.is-disabled .cineglyph--swatch,
    .cineopt:has(input:disabled) .cineglyph--swatch { box-shadow: inset 0 0 0 1px rgba(22,21,26,.08); }
.cineopt__lbl { font-size: 12px; font-weight: 600; line-height: 1.2; color: #16151a; }
.cineopt__count { font-size: 10.5px; font-weight: 600; color: #9694a0; }
.cineopt.is-checked .cineopt__lbl,
    .cineopt:has(input:checked) .cineopt__lbl { color: #d12442; }
` (base.css) overrides our inline
       fill="none" presentation attr, turning outline icons into solid blobs. Reset here;
       shapes that need fill carry their own fill="currentColor" attr and are unaffected. */
    .cineglyph svg, .cinepill__icon svg, .cinepill__chev,
    .cinepill__panel-close svg, .cinecoll__crumb svg, .cinechip svg { fill: none; }
.cineopt:hover .cineglyph--swatch { transform: scale(1.06); }
.cineopt.is-checked .cineglyph--swatch,
    .cineopt:has(input:checked) .cineglyph--swatch { box-shadow: inset 0 0 0 1px rgba(22,21,26,.06), 0 0 0 2px #faf9f7, 0 0 0 4px #d12442; }
.cineopt:hover .cineglyph--tile { background: #fff8ed; color: #c9986a; }
.cineopt.is-checked .cineglyph--tile,
    .cineopt:has(input:checked) .cineglyph--tile { background: #d12442; color: #fff; }
.cinepill__price { display: flex; gap: 12px; padding: 14px 16px; width: 100%; }
.cinepill__price label { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #54535c; }
.cinepill__price-wrap { min-width: 0; }
.cinepill__price-wrap { display: flex; align-items: center; border: 1.5px solid #eceae6; border-radius: 10px; padding: 0 12px; transition: border-color .15s; }
.cinepill__price-wrap:focus-within { border-color: #16151a; }
.cinepill__price-wrap i { color: #9694a0; font-style: normal; font-weight: 700; font-size: 14px; margin-right: 4px; }
.cinepill__price input { flex: 1; padding: 10px 0; border: 0; outline: 0; font-size: 14px; font-family: inherit; color: #16151a; background: transparent; min-width: 0; }
.cinepill__price input::-webkit-outer-spin-button,
    .cinepill__price input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cinepill__panel-foot { display: flex; gap: 10px; padding: 14px 16px; border-top: 1px solid #eceae6; }
.cinepill__clear { background: none; border: 1.5px solid #eceae6; padding: 9px 18px; border-radius: 100px; font-size: 13px; font-weight: 700; color: #16151a; cursor: pointer; font-family: inherit; transition: all .15s; }
.cinepill__clear:hover { border-color: #16151a; }
.cinepill__apply { flex: 1; background: #16151a; color: #fff; border: 0; padding: 10px 18px; border-radius: 100px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; transition: background .15s; letter-spacing: .02em; }
.cinepill__apply:hover { background: #d12442; }
.cinecoll__chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0 0; }
.cinechip {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 5px 10px 5px 7px; background: #fff; border: 1px solid #eceae6;
      border-radius: 100px; font-size: 12.5px; color: #16151a; transition: all .14s; font-weight: 600;
    }
.cinechip > .cineglyph { width: 18px; height: 18px; border-radius: 100px; }
.cinechip > .cineglyph--tile { background: transparent; color: #d12442; }
.cinechip > .cineglyph--tile svg { width: 14px; height: 14px; }
.cinechip:hover { border-color: #d12442; color: #d12442; box-shadow: 0 4px 12px -8px rgba(209,36,66,.55); }
.cinechip--reset { padding: 5px 12px; color: #d12442; border-style: dashed; border-color: #d12442; }
.cinechip--reset:hover { background: #d12442; color: #fff; }
.cinechip > svg { flex-shrink: 0; opacity: .65; margin-left: 2px; }
.cinecoll__tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 22px 0 26px; padding: 14px 0; border-top: 1px solid #eceae6; border-bottom: 1px solid #eceae6; }
.cinecoll__tools-count { font-size: 13.5px; color: #54535c; font-weight: 600; }
/* ── Custom sort dropdown (on-brand, replaces native <select>) ───────── */
    .cinecoll__sort { position: relative; display: flex; align-items: center; gap: 10px; }
.cinecoll__sort-lbl { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9694a0; }
.cinesort__btn {
      display: inline-flex; align-items: center; gap: 9px;
      background: #fff; border: 1.5px solid #eceae6; border-radius: 100px;
      padding: 9px 16px; font-size: 13.5px; color: #16151a; font-weight: 700;
      font-family: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s;
    }
.cinesort__btn:hover { border-color: #d6d3cc; }
[data-cinesort].is-open .cinesort__btn { border-color: #16151a; box-shadow: 0 0 0 3px rgba(22,21,26,.06); }
.cinesort__chev { color: #54535c; transition: transform .2s ease; flex-shrink: 0; }
[data-cinesort].is-open .cinesort__chev { transform: rotate(180deg); }
.cinesort__menu {
      position: absolute; top: calc(100% + 8px); right: 0; min-width: 224px;
      list-style: none; margin: 0; padding: 6px;
      background: #fff; border: 1px solid #eceae6; border-radius: 14px;
      box-shadow: 0 24px 50px rgba(22,21,26,.14);
      z-index: 200; opacity: 0; pointer-events: none; transform: translateY(-6px);
      transition: opacity .18s ease, transform .18s ease;
    }
[data-cinesort].is-open .cinesort__menu { opacity: 1; pointer-events: auto; transform: none; }
.cinesort__opt {
      padding: 10px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 600;
      color: #54535c; cursor: pointer; white-space: nowrap;
      transition: background .12s, color .12s;
    }
.cinesort__opt:hover { background: #faf9f7; color: #16151a; }
[data-cinesort] .cinesort__menu .cinesort__opt.is-sel,
    [data-cinesort] .cinesort__menu .cinesort__opt.is-sel:hover {
      background: #d12442 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 700;
    }
/* Backdrop for mobile bottom-sheet */
    .cinecoll__backdrop { position: fixed; inset: 0; background: rgba(22,21,26,0.55); opacity: 0; pointer-events: none; transition: opacity .22s ease; z-index: 9998; }
.cinecoll__backdrop.is-open { opacity: 1; pointer-events: auto; }
body.cinecoll-locked { overflow: hidden; }
/* JS-controlled body lock for mobile bottom-sheet */
    body.cinecoll-locked .cinecoll__rail { z-index: 40; }
/* AJAX loading state: fade grid + global spinner */
    body.cinecoll-loading #main-collection-product-grid,
    body.cinecoll-loading .collection,
    body.cinecoll-loading .collection--empty {
      opacity: 0.32; pointer-events: none; transition: opacity .18s ease;
    }
body.cinecoll-loading::after {
      content: ''; position: fixed; top: 50%; left: 50%;
      margin: -18px 0 0 -18px; width: 36px; height: 36px;
      border: 3px solid rgba(22,21,26,.12); border-top-color: #d12442;
      border-radius: 50%; animation: cinespin .75s linear infinite;
      z-index: 10050; pointer-events: none;
    }
/* Re-open the merged style block so subsequent <style> rules in this
       theme.liquid don't have to re-declare anything. */
    .cinecoll { /* anchor for any later additions */ }
/* ── Hide Dawn's native facets / sort / banner on collection & search — replaced by the .cinecoll skin ── */
body.template-collection #main-collection-filters,
body.template-collection .facets-container,
body.template-collection facet-filters-form,
body.template-collection .collection-sorting,
body.template-collection .product-count,
body.template-collection .collection-hero,
body.template-collection .banner--collection,
body.template-collection .title-wrapper--no-top-margin,
body.template-search .facets-container,
body.template-search facet-filters-form,
body.template-search .collection-sorting,
body.template-search .product-count { display:none !important; }
body.template-collection #ProductGridContainer,
body.template-search #ProductGridContainer { width:100%; }

/* search-specific Dawn facet markup */
body.template-search #main-search-filters,
body.template-search .facets-vertical-sort,
body.template-search .facets-wrapper,
body.template-search .product-count-vertical { display:none !important; }
body.template-search .facets-vertical { display:block !important; }

/* ── Mobile: collapse the pill-rail behind a single "Filter" button ── */
.cinecoll__mfilter{ display:none; }
@media (max-width:760px){
  .cinecoll__mfilter{ display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid #e4e1db;
    border-radius:999px; padding:11px 18px; font:600 14px/1 'Plus Jakarta Sans',sans-serif; color:#16151a; cursor:pointer; }
  .cinecoll__mfilter-count{ background:#d12442; color:#fff; font-size:11px; font-weight:700; min-width:18px; height:18px;
    border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:0 5px; }
  .cinecoll__mfilter-chev{ transition:transform .25s; margin-left:2px; }
  .cinecoll__mfilter[aria-expanded="true"] .cinecoll__mfilter-chev{ transform:rotate(180deg); }
  .cinecoll__pills{ display:none !important; }
  .cinecoll.is-mfilter-open .cinecoll__pills{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
  .cinecoll.is-mfilter-open .cinecoll__pills .cinepill{ width:100%; }
  .cinecoll.is-mfilter-open .cinecoll__pills .cinepill__btn{ width:100%; justify-content:center; gap:6px; padding-left:8px; padding-right:8px; }
  .cinecoll.is-mfilter-open .cinecoll__pills .cinepill__lbl{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

@media (max-width:380px){ .cinecoll.is-mfilter-open .cinecoll__pills{ grid-template-columns:repeat(2,1fr) !important; } }

/* ── Mobile: pill value panel as a full-width bottom-sheet (was overflowing off-screen) ── */
@media (max-width:760px){
  .cinepill__panel{
    position:fixed !important; top:auto !important; bottom:0 !important; left:0 !important; right:0 !important;
    width:auto !important; max-width:none !important; min-width:0 !important;
    border-radius:22px 22px 0 0 !important; border-left:0 !important; border-right:0 !important; border-bottom:0 !important;
    transform:translateY(100%); transition:transform .26s cubic-bezier(.2,.7,.2,1);
    z-index:10000; box-shadow:0 -10px 40px rgba(22,21,26,.18);
  }
  .cinepill.is-open .cinepill__panel{ transform:none !important; }
  .cinepill__panel--price{ width:auto !important; min-width:0 !important; max-width:none !important; }
  .cinepill__values{ max-height:55vh; }
}