/* 123Movies Cinematic Premium | Catalogue listings V12
   Mirrors the shared homepage poster cards. All selectors are restricted
   to catalogue pages, leaving the home, landing, watch, and stream pages alone.
*/
body.pictures-catalog {
  --catalog-bg: #090d12;
  --catalog-surface: #141c25;
  --catalog-border: #303b48;
  --catalog-coral: #f34d50;
  --catalog-gold: #e8c98e;
  background:var(--catalog-bg);
  color:#f6f4f2;
}
body.pictures-catalog #main.page-category {
  background:var(--catalog-bg);
  color:#f6f4f2;
  min-height:65vh;
  padding-bottom:52px;
}
body.pictures-catalog #main.page-category > .container {
  width:calc(100% - 60px) !important;
  max-width:1560px !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box;
}
body.pictures-catalog .page-category .pad {display:none!important;}
body.pictures-catalog .page-category .main-content,
body.pictures-catalog .page-category .main-category,
body.pictures-catalog .page-category .movies-list-wrap.mlw-category {
  width:100%; float:none; max-width:none; min-width:0;
  background:transparent; box-shadow:none;
}
body.pictures-catalog .page-category .main-content { padding:25px 0 4px; }
body.pictures-catalog .page-category .ml-title.ml-title-page {
  background:transparent!important;
  padding:0 0 5px!important;
  margin:0 0 20px!important;
  height:auto!important;
  min-height:32px;
  border:0!important;
}
body.pictures-catalog .page-category .ml-title.ml-title-page h1,
body.pictures-catalog .page-category .ml-title.ml-title-page h1 span {
  font-size:clamp(21px,1.9vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.035em;
  font-weight:800!important;
  text-transform:none;
  color:#f6f4f2!important;
}
body.pictures-catalog .page-category .ml-title.ml-title-page h1 {
  border-left:3px solid var(--catalog-coral);
  padding:2px 0 2px 13px;
  margin:0!important;
}
/* Eight-column responsive grid, matching the V5 homepage. */
body.pictures-catalog .page-category .movies-list.movies-list-full {
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  column-gap:15px!important;
  row-gap:22px!important;
  width:100%;
  max-width:none;
  margin:0!important;
  padding:0!important;
  clear:both;
  float:none;
}
body.pictures-catalog .page-category .movies-list.movies-list-full > .ml-item {
  box-sizing:border-box;
  position:relative;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  overflow:visible;
  background:transparent;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item > a.ml-mask {
  display:block!important;
  box-sizing:border-box;
  position:relative!important;
  top:auto!important;left:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2/3;
  border:1px solid var(--catalog-border);
  border-radius:11px;
  overflow:hidden;
  background:var(--catalog-surface);
  text-decoration:none;
  transform:translateY(0);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item > a.ml-mask:hover {
  transform:translateY(-4px);
  border-color:rgba(243,77,80,.68);
  box-shadow:0 13px 30px rgba(0,0,0,.4);
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item > a.ml-mask:focus-visible {
  outline:2px solid var(--catalog-coral);
  outline-offset:3px;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item img.mli-thumb {
  display:block!important;
  position:absolute!important;
  top:0;left:0;
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  transform:scale(1);
  transition:transform .35s ease;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .ml-mask:hover img.mli-thumb {
  transform:scale(1.045);
}
/* Preserve homepage-like bottom shading and two-line poster titles. */
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .ml-mask::before {
  content:'';
  display:block;
  position:absolute;
  inset:0;
  z-index:2;
  background:rgba(3,7,13,.35);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .ml-mask:hover::before {opacity:1;}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .ml-mask::after {display:none!important;}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .mli-info {
  position:absolute;
  z-index:5;
  left:0;right:0;bottom:0;
  width:100%;
  height:auto;
  padding:24px 9px 10px;
  background:linear-gradient(to bottom,transparent 0%,rgba(3,6,11,.72) 42%,rgba(3,6,11,.96) 100%);
  border-radius:0 0 10px 10px;
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .mli-info h2 {
  color:#fff!important;
  text-align:left!important;
  margin:0;
  font-size:11.5px!important;
  line-height:1.35;
  font-weight:750!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .mli-quality {
  z-index:6;
  top:8px; right:8px;
  background:var(--catalog-gold)!important;
  color:#19190e!important;
  font-size:10px!important;
  font-weight:850!important;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.18);
  padding:5px 7px;
  box-shadow:0 3px 9px rgba(0,0,0,.32);
}
body.pictures-catalog .page-category .movies-list.movies-list-full > .clearfix {display:none;}
body.pictures-catalog .page-category .movies-list.movies-list-full > h1 {grid-column:1/-1;color:#e5eaf2;font-size:18px;}
body.pictures-catalog .page-category .pictures-pagination-wrap {
  width:100%;
  margin:25px 0 31px;
  padding:0;
  background:transparent;
}
body.pictures-catalog .page-category .pictures-page-btn {border-radius:8px;}
body.pictures-catalog .page-category .pictures-page-btn.active {background:var(--catalog-coral);border-color:var(--catalog-coral);}
@media (max-width:1279px) {
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(7,minmax(0,1fr))!important;}
}
@media (max-width:1099px) {
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}
@media (max-width:899px) {
  body.pictures-catalog #main.page-category > .container {width:calc(100% - 38px)!important;}
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (max-width:740px) {
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:12px!important;row-gap:18px!important;}
  body.pictures-catalog .page-category .main-content {padding-top:18px;}
}
@media (max-width:560px) {
  body.pictures-catalog #main.page-category > .container {width:calc(100% - 26px)!important;}
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:10px!important;row-gap:16px!important;}
  body.pictures-catalog .page-category .ml-title.ml-title-page {margin-bottom:17px!important;}
  body.pictures-catalog .page-category .movies-list.movies-list-full .ml-item .mli-info h2 {font-size:11px!important;}
  body.pictures-catalog .page-category .pictures-pagination-wrap {margin:18px 0 23px;}
}
@media (max-width:390px) {
  body.pictures-catalog .page-category .movies-list.movies-list-full {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (prefers-reduced-motion:reduce) {
  body.pictures-catalog .page-category .ml-item .ml-mask,
  body.pictures-catalog .page-category .ml-item img.mli-thumb {transition:none!important;}
}


/* V14: cleaner catalogue heading and more compact pagination-to-footer rhythm.
   Scoped to listing pages only. Does not change movie-card grid or navigation logic. */
body.pictures-catalog .page-category .ml-title.ml-title-page h1 span {
  /* Original all.css supplied a bright cyan background to spans in headings. */
  background:transparent !important;
  color:#f6f4f2 !important;
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
  line-height:inherit !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:none !important;
  vertical-align:baseline !important;
}
/* A calm heading with the existing coral marker from V12. */
body.pictures-catalog .page-category .ml-title.ml-title-page {
  margin-bottom:19px !important;
}
/* The old theme stacked an outer 40px margin, a 52px main padding,
   and a 64px footer top margin after the pagination. */
body.pictures-catalog #main.page-category {
  min-height:0 !important;
  padding-bottom:26px !important;
}
body.pictures-catalog #main.page-category .movies-list-wrap.mlw-category {
  margin-bottom:0 !important;
}
body.pictures-catalog .page-category .main-content.main-category {
  padding-bottom:0 !important;
}
body.pictures-catalog .page-category .movies-list.movies-list-full + .pictures-pagination-wrap {
  margin-top:23px !important;
  margin-bottom:0 !important;
}
body.pictures-catalog .pictures-footer {
  margin-top:0 !important;
}
@media (max-width:600px) {
  body.pictures-catalog #main.page-category { padding-bottom:20px !important; }
  body.pictures-catalog .page-category .movies-list.movies-list-full + .pictures-pagination-wrap {
    margin-top:18px !important;
    margin-bottom:0 !important;
    padding-bottom:3px;
  }
}


/* V15: Remove the bottom body-background band under the shared footer on
   Genre, Country, Release Year and Cast listing pages only.
   A short listing could leave a visible 30-50px #090d12 area below the
   #0c1219 footer; stretch the page instead of painting another fake strip. */
body.pictures-catalog.pictures-filter-listing {
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  margin:0!important;
  padding:0!important;
  background:#0c1219!important;
}
body.pictures-catalog.pictures-filter-listing #main.page-category {
  flex:1 0 auto;
  width:100%;
  background:#090d12;
}
body.pictures-catalog.pictures-filter-listing > #site-footer.pictures-footer {
  flex:0 0 auto;
  align-self:stretch;
  width:100%;
  margin-top:0!important;
  margin-bottom:0!important;
}