/* SFlix multi-choice catalog filters */
.sflix-filter-modal .modal-dialog { width:calc(100% - 28px); max-width:900px; margin:28px auto; }
.sflix-filter-modal .modal-content { overflow:hidden; border:0; border-radius:16px; background:#fff; color:#24344d; box-shadow:0 25px 70px rgba(25,75,84,.22); }
.sflix-filter-head { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; padding:22px 24px 18px; border-bottom:1px solid #e3eaf3; background:linear-gradient(135deg,#f6fcfd,#e8f8fa); }
.sflix-filter-kicker { display:inline-flex; align-items:center; gap:7px; color:#00879a; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.sflix-filter-head h2 { margin:6px 0 0; color:#172b49; font-size:23px; font-weight:800; line-height:1.2; }
.sflix-filter-head p { margin:6px 0 0; color:#71829b; font-size:12px; }
.sflix-filter-close { display:inline-flex; width:36px; height:36px; flex:0 0 36px; align-items:center; justify-content:center; border:0; border-radius:10px; background:#fff; color:#70839d; box-shadow:0 4px 14px rgba(25,75,84,.08); cursor:pointer; }
.sflix-filter-close:hover { color:#00879a; }
.sflix-filter-body { padding:20px 24px 22px; }
.sflix-filter-search { display:block; margin:0 0 18px; }
.sflix-filter-search>span,.sflix-filter-select-row label>span { display:block; margin-bottom:7px; color:#425570; font-size:11px; font-weight:800; }
.sflix-filter-search>div { position:relative; }
.sflix-filter-search i { position:absolute; left:13px; top:50%; color:#8ca0b9; transform:translateY(-50%); }
.sflix-filter-search input { width:100%; height:44px; margin:0 !important; padding:0 13px 0 38px !important; border:1px solid #dbe5f1 !important; border-radius:10px !important; background:#fbfdff !important; color:#1c2e48 !important; box-shadow:none !important; }
.sflix-filter-search input:focus { border-color:#00acc1 !important; box-shadow:0 0 0 3px rgba(0,172,193,.10) !important; }
.sflix-filter-section { min-width:0; }
.sflix-filter-section-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:9px; }
.sflix-filter-section-title strong { color:#263b58; font-size:12px; }
.sflix-filter-section-title span { color:#8b9bb0; font-size:9px; }
.sflix-filter-pills { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:19px; }
.sflix-filter-pill { margin:0; cursor:pointer; }
.sflix-filter-pill input,.sflix-filter-options input { position:absolute; opacity:0; pointer-events:none; }
.sflix-filter-pill span { display:inline-flex; min-height:36px; align-items:center; gap:7px; padding:7px 12px; border:1px solid #dbe5f1; border-radius:9px; background:#f8fcfd; color:#5e728f; font-size:11px; font-weight:700; }
.sflix-filter-pill span i { display:none; }
.sflix-filter-pill input:checked+span { border-color:#a8dfe5; background:#e8f8fa; color:#00879a; }
.sflix-filter-pill input:checked+span i { display:inline-block; }
.sflix-filter-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
.sflix-filter-grid .sflix-filter-section { padding:14px; border:1px solid #e1e9f2; border-radius:12px; background:#fbfdff; }
.sflix-filter-options { display:grid; grid-template-columns:1fr; gap:5px; max-height:195px; overflow:auto; padding-right:4px; scrollbar-width:thin; }
.sflix-filter-options label { position:relative; margin:0; cursor:pointer; }
.sflix-filter-options label span { display:block; padding:7px 9px; border:1px solid transparent; border-radius:7px; color:#657994; font-size:10px; line-height:1.2; }
.sflix-filter-options label:hover span { background:#f0f5fb; color:#263b58; }
.sflix-filter-options input:checked+span { border-color:#bee7eb; background:#e8f8fa; color:#00879a; font-weight:800; }
.sflix-filter-years { grid-template-columns:repeat(3,1fr); }
.sflix-filter-years label span { text-align:center; }
.sflix-filter-select-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-top:17px; }
.sflix-filter-select-row label { margin:0; }
.sflix-filter-select-row select { width:100%; height:42px; margin:0 !important; padding:0 10px !important; border:1px solid #dbe5f1 !important; border-radius:9px !important; background:#fff !important; color:#293d59 !important; box-shadow:none !important; }
.sflix-filter-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 24px; border-top:1px solid #e3eaf3; background:#f8fcfd; }
.sflix-filter-reset,.sflix-filter-submit { display:inline-flex; min-height:39px; align-items:center; justify-content:center; gap:7px; padding:8px 13px; border-radius:9px; font-size:11px; font-weight:800; text-decoration:none !important; }
.sflix-filter-reset { border:1px solid #d8e3f0; background:#fff; color:#687b94 !important; }
.sflix-filter-submit { border:0; background:linear-gradient(135deg,#00acc1,#00879a); color:#fff; cursor:pointer; }

.sflix-filter-results-page { padding-top:18px; padding-bottom:45px; }
.sflix-filter-results-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; padding:18px 20px; border:1px solid #e0e8f2; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(25,75,84,.05); }
.sflix-filter-results-kicker { display:inline-flex; align-items:center; gap:6px; color:#00acc1; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.sflix-filter-results-header h1 { margin:4px 0 0; color:#263b58; font-size:22px; font-weight:800; }
.sflix-filter-results-header p { margin:4px 0 0; color:#8291a6; font-size:11px; }
.sflix-filter-edit { display:inline-flex; align-items:center; gap:7px; border:0; border-radius:8px; background:#00acc1; color:#fff !important; font-size:11px; font-weight:800; }
.sflix-filter-active-list { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:0 0 18px; }
.sflix-filter-active-list span,.sflix-filter-active-list a { display:inline-flex; padding:6px 9px; border-radius:999px; background:#e8f8fa; color:#00879a !important; font-size:10px; font-weight:750; text-decoration:none !important; }
.sflix-filter-active-list a { background:#f1f3f6; color:#68798e !important; }
.sflix-filter-empty { padding:55px 20px; border:1px dashed #d4e0ed; border-radius:13px; background:#fff; text-align:center; }
.sflix-filter-empty>span { display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:14px; background:#e8f8fa; color:#00acc1; font-size:18px; }
.sflix-filter-empty h2 { margin:12px 0 4px; color:#273d59; font-size:18px; }
.sflix-filter-empty p { margin:0 0 14px; color:#8190a4; font-size:11px; }
.sflix-filter-pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:25px; }
.sflix-filter-pagination a,.sflix-filter-pagination span { display:inline-flex; min-width:36px; height:36px; align-items:center; justify-content:center; padding:0 9px; border:1px solid #dce5ef; border-radius:8px; background:#fff; color:#536a87 !important; font-size:11px; font-weight:800; text-decoration:none !important; }
.sflix-filter-pagination a.active { border-color:#00acc1; background:#00acc1; color:#fff !important; }
.sflix-filter-pagination span { border-color:transparent; background:transparent; }

@media(max-width:767px){
  .sflix-filter-modal .modal-dialog{width:calc(100% - 16px);margin:8px auto}.sflix-filter-head{padding:18px 16px 15px}.sflix-filter-head h2{font-size:19px}.sflix-filter-body{padding:16px}.sflix-filter-grid{grid-template-columns:1fr}.sflix-filter-options{max-height:160px}.sflix-filter-select-row{grid-template-columns:1fr}.sflix-filter-foot{padding:13px 16px}.sflix-filter-results-header{align-items:flex-start;flex-direction:column}.sflix-filter-results-header .sflix-filter-edit{width:100%;justify-content:center}.sflix-filter-years{grid-template-columns:repeat(4,1fr)}
}

.sflix-filter-modal{z-index:1200;}
.sflix-filter-modal .modal-content{font-family:Montserrat,Arial,sans-serif;}
.sflix-filter-launch{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px!important;border-radius:8px!important;background:#00acc1!important;color:#fff!important;font-size:12px!important;font-weight:700!important;}
.sflix-filter-launch:hover{background:#00879a!important;color:#fff!important;}

/* Keep the labeled filter action aligned to the right instead of inheriting the old circular icon size. */
.block_area-header .viewmore .sflix-filter-launch{
  width:auto!important;
  height:auto!important;
  min-width:78px;
  line-height:1.2!important;
}

/* SFlix dark-theme skin for the multi-choice filter. */
.sflix-filter-modal .modal-content{
  border:1px solid #343944;
  background:#17191f;
  color:#dce2eb;
  box-shadow:0 28px 80px rgba(0,0,0,.52);
}
.sflix-filter-head{
  border-color:#30343f;
  background:linear-gradient(135deg,#1d2027,#15171c);
}
.sflix-filter-kicker{color:#4ed8e8;}
.sflix-filter-head h2{color:#f3f6f9;}
.sflix-filter-head p{color:#8e95a5;}
.sflix-filter-close{background:#242832;color:#aeb6c3;box-shadow:none;}
.sflix-filter-close:hover{background:#2b303b;color:#5cdeec;}
.sflix-filter-search>span,.sflix-filter-select-row label>span{color:#b8c0cc;}
.sflix-filter-search i{color:#747d8b;}
.sflix-filter-search input{
  border-color:#363b47!important;
  background:#101216!important;
  color:#edf1f5!important;
}
.sflix-filter-search input::placeholder{color:#626b78;}
.sflix-filter-section-title strong{color:#e6ebf1;}
.sflix-filter-section-title span{color:#747d8b;}
.sflix-filter-pill span{
  border-color:#353a46;
  background:#1b1e25;
  color:#a5adba;
}
.sflix-filter-pill input:checked+span{
  border-color:rgba(0,172,193,.5);
  background:rgba(0,172,193,.12);
  color:#5cdeec;
}
.sflix-filter-grid .sflix-filter-section{
  border-color:#30343f;
  background:#14161b;
}
.sflix-filter-options label span{color:#949dab;}
.sflix-filter-options label:hover span{background:#20242c;color:#e4e9ef;}
.sflix-filter-options input:checked+span{
  border-color:rgba(0,172,193,.42);
  background:rgba(0,172,193,.11);
  color:#5cdeec;
}
.sflix-filter-select-row select{
  border-color:#363b47!important;
  background:#101216!important;
  color:#e8edf3!important;
}
.sflix-filter-select-row select option{background:#101216;color:#e8edf3;}
.sflix-filter-foot{border-color:#30343f;background:#14161b;}
.sflix-filter-reset{border-color:#383e4a;background:#1c1f26;color:#aab3c0!important;}
.sflix-filter-results-header{
  border-color:#343944;
  background:#17191f;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.sflix-filter-results-header h1{color:#f1f4f7;}
.sflix-filter-results-header p{color:#8d95a3;}
.sflix-filter-active-list span{background:rgba(0,172,193,.12);color:#5cdeec!important;}
.sflix-filter-active-list a{background:#252932;color:#a1aab7!important;}
.sflix-filter-empty{border-color:#3a404c;background:#17191f;}
.sflix-filter-empty>span{background:rgba(0,172,193,.12);color:#4ed8e8;}
.sflix-filter-empty h2{color:#f0f3f7;}
.sflix-filter-empty p{color:#8e95a5;}
.sflix-filter-pagination a,.sflix-filter-pagination span{
  border-color:#343a46;
  background:#17191f;
  color:#aeb6c2!important;
}
.sflix-filter-pagination a:hover{border-color:#00acc1;color:#5cdeec!important;}