/*
 * 123Movies / Cinematic Premium — visual skin v1
 * Designed to layer on top of existing PHP catalogue behavior.
 * No changes to database queries, search, watch history, ads, or admin.
 */
:root {
  --cinema-bg: #090d12;
  --cinema-surface: #111820;
  --cinema-surface-2: #161e28;
  --cinema-border: #29313d;
  --cinema-text: #f6f4f2;
  --cinema-muted: #a9b2c0;
  --cinema-coral: #f34d50;
  --cinema-coral-dark: #cb303a;
  --cinema-gold: #e8c98e;
  --cinema-radius: 16px;
  --cinema-shadow: 0 20px 60px rgba(0,0,0,.24);
}

/* Universal accessibility and understated motion */
body { -webkit-font-smoothing: antialiased; }
body a:focus-visible, body button:focus-visible, body input:focus-visible {
  outline: 2px solid var(--cinema-gold); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}

/* Shared navigation across catalogue and detail pages */
body .pictures-global-header {
  background: rgba(10,14,20,.96); border-bottom: 1px solid #232b34;
  box-shadow: 0 8px 26px rgba(0,0,0,.2); backdrop-filter: blur(16px);
}
body .pictures-main-menu > li > a,
body .pictures-nav-submenu-toggle { color: #cbd1dc; }
body .pictures-main-menu > li > a:hover,
body .pictures-nav-submenu-toggle:hover,
body .pictures-main-menu > li.active > a,
body .pictures-main-menu > li.active > .pictures-nav-submenu-toggle { color: #fff; }
body .pictures-main-menu > li.active > a::after { background: var(--cinema-coral); }
body .pictures-global-header .pictures-header-search input,
body .pictures-global-header .pictures-header-search input[type='search'],
body .pictures-global-header .pictures-header-search input[type='text'] {
  color: #f8f9fb; background:#121923; border-color:#303945;
}
body .pictures-global-header .pictures-header-search input::placeholder { color:#8793a4; }
body .pictures-global-header .pictures-header-search input:focus { border-color:var(--cinema-coral); }
body .pictures-global-header .pictures-search-panel { background:#141c26; color:#fff; border-color:#374150; }

/* Homepage design system. Existing movie and series data stays dynamic. */
body.pictures-home { background:var(--cinema-bg); color:var(--cinema-text); }
body.pictures-home .home-main { padding:26px 0 58px; }
body.pictures-home .home-main > .container {
  width:min(100% - 60px, 1560px) !important; max-width:1560px !important;
}
body.pictures-home .home-hero-grid.home-hero-with-trends { gap:18px; margin-bottom:22px; grid-template-columns:minmax(0,3.3fr) minmax(245px,1fr); }
body.pictures-home #slider.home-hero-slider,
body.pictures-home .home-hero-slider,
body.pictures-home .home-hero-slider .home-hero-slide { height:470px !important; }
body.pictures-home .home-hero-slider { border-radius:20px; box-shadow:var(--cinema-shadow); }
body.pictures-home .home-hero-shade {
  background:linear-gradient(90deg,rgba(4,7,12,.95) 0%,rgba(5,9,14,.76) 32%,rgba(4,7,12,.17) 78%),linear-gradient(0deg,rgba(4,7,12,.45),transparent 50%);
}
body.pictures-home .home-hero-copy { bottom:43px; left:45px; max-width:550px; }
body.pictures-home .home-hero-eyebrow { color:var(--cinema-gold); font-size:11px; letter-spacing:2.2px; }
body.pictures-home .home-hero-eyebrow::before { content:''; display:inline-block; vertical-align:middle; width:3px;height:13px;background:var(--cinema-gold);margin-right:10px; }
body.pictures-home .home-hero-copy h1 { font-size:clamp(34px,4.1vw,58px); line-height:1.04; font-weight:850; letter-spacing:-.045em; margin-bottom:18px; }
body.pictures-home .home-hero-copy h1 a:hover { color:#fff; }
body.pictures-home .home-hero-logo { max-height:146px; }
body.pictures-home .home-hero-meta { gap:9px; margin-bottom:19px; }
body.pictures-home .home-hero-meta span { padding:6px 9px; background:rgba(7,9,14,.45); border:1px solid rgba(255,255,255,.27); border-radius:6px; font-size:12px; }
body.pictures-home .home-watch-btn { min-height:42px; padding:11px 21px; background:var(--cinema-coral); border-radius:9px; font-size:13px; box-shadow:0 9px 28px rgba(243,77,80,.24); }
body.pictures-home .home-watch-btn:hover { background:var(--cinema-coral-dark); transform:translateY(-2px); }
body.pictures-home .home-hero-slider .swiper-pagination-bullet-active { background:var(--cinema-coral); }
body.pictures-home .home-trend-stack { gap:18px; }
body.pictures-home .home-trend-card { border:1px solid #323944; border-radius:17px; box-shadow:none; }
body.pictures-home .home-trend-shade { background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.89)); }
body.pictures-home .home-trend-badge { color:#fff; background:rgba(11,16,23,.86); border:1px solid #596170; border-radius:99px; padding:6px 10px; }
body.pictures-home .home-trend-copy { left:18px; right:18px; bottom:17px; }
body.pictures-home .home-trend-copy strong { font-size:17px; }
body.pictures-home .home-trend-copy small { color:#bfc7d2; font-size:11px; }

/* Genre shortcuts */
body.pictures-home .home-discovery-strip { margin:0 0 30px; padding:13px 16px; gap:9px; border-radius:13px; background:#121920; border:1px solid #27313b; box-shadow:none; }
body.pictures-home .home-discovery-strip > span { color:var(--cinema-gold); font-size:10px; }
body.pictures-home .home-discovery-strip a { color:#d7dce5; background:#1c252e; border:1px solid #303b47; border-radius:999px; padding:8px 14px; font-size:12px; }
body.pictures-home .home-discovery-strip a:hover { color:#fff; border-color:var(--cinema-coral); background:#2a2028; }

/* Catalogue section rhythm */
body.pictures-home .home-catalog-section,
body.pictures-home .home-continue-section { margin:48px 0 52px; }
body.pictures-home .home-section-header { border-bottom:0; padding-bottom:0; margin-bottom:19px; }
body.pictures-home .home-heading-wrap h2 { color:var(--cinema-text); font-size:22px; font-weight:780; letter-spacing:-.024em; }
body.pictures-home .home-heading-wrap p { color:var(--cinema-muted); font-size:12px; }
body.pictures-home .home-heading-accent { width:3px; background:var(--cinema-coral); border-radius:99px; }
body.pictures-home .home-view-all { color:var(--cinema-coral); font-weight:750; }
body.pictures-home .home-view-all:hover { color:#ff8384; }
body.pictures-home .home-tabs button { color:#b3becc; background:#141c25; border:1px solid #34404c; border-radius:999px; padding:8px 14px; }
body.pictures-home .home-tabs button:hover { color:#fff; background:#252e3b; }
body.pictures-home .home-tabs button.active,
body.pictures-home .home-tabs button[aria-selected='true'] { color:#fff; background:var(--cinema-coral); border-color:var(--cinema-coral); }
body.pictures-home .home-card-grid { gap:15px !important; }
body.pictures-home .home-card-grid .ml-item .ml-mask {
  border-radius:12px; background:#151c26; border:1px solid rgba(255,255,255,.07);
  box-shadow:none; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.pictures-home .home-card-grid .ml-item:hover .ml-mask { transform:translateY(-4px); border-color:rgba(243,77,80,.65); box-shadow:0 15px 36px rgba(0,0,0,.45); }
body.pictures-home .home-card-grid .ml-item .mli-info,
body.pictures-home .home-card-grid .ml-item .mli-info h2,
body.pictures-home .home-card-grid .ml-item .mli-info a { color:#f1f1f3; }
body.pictures-home .home-card-grid .ml-item .mli-info .imdb,
body.pictures-home .home-card-grid .ml-item .mli-info span { color:var(--cinema-muted); }
body.pictures-home .home-card-grid .ml-item .mli-quality { background:var(--cinema-gold); color:#111; }
body.pictures-home .home-episode-grid { gap:15px; }
body.pictures-home .home-episode-grid > * { border-radius:12px; overflow:hidden; }
body.pictures-home .home-history-row-shell { color:#fff; }
body.pictures-home .home-more-strip { border-color:#26313c; color:#a5b1c1; }
body.pictures-home .home-more-strip > span { color:var(--cinema-muted); }
body.pictures-home .home-more-strip a { background:#18212a; color:#e4e9f0; border-radius:7px; }
body.pictures-home .home-more-strip a:hover { background:#282c37; color:#fff; }
body.pictures-home .home-more-strip a.home-more-primary { background:var(--cinema-coral); color:#fff; }
body.pictures-home .home-explore-row { margin-top:64px; border-top:1px solid #27313b; gap:17px; }
body.pictures-home .home-explore-row a { align-items:flex-start; text-align:left; padding:28px; min-height:162px; background:linear-gradient(130deg,#241d24,#151c24); border:1px solid #513039; border-radius:15px; }
body.pictures-home .home-explore-row a:hover { border-color:var(--cinema-coral); box-shadow:0 20px 46px rgba(0,0,0,.2); transform:translateY(-3px); }
body.pictures-home .home-explore-row strong { color:#fff; font-size:17px; }
body.pictures-home .home-explore-row span { color:#b8c2ce; margin:10px 0 15px; font-size:12px; }
body.pictures-home .home-explore-row b { color:var(--cinema-coral); font-size:12px; }

/* Landing page /: retain SEO and search while shifting to a premium movie-first look. */
body:has(.landing-page) {
  --brand:var(--cinema-coral); --brand-strong:var(--cinema-coral-dark);
  --page-bg:var(--cinema-bg); --panel:#121921; --ink:var(--cinema-text);
  --text:#b5bfcc; --muted:#9ba6b7; --line:#28323d;
  --soft-brand:rgba(243,77,80,.10); --shadow:0 16px 54px rgba(0,0,0,.25);
  background:var(--cinema-bg); color:#b5bfcc;
}
body .landing-top.landing-hero {
  width:100%; max-width:none;
  padding-bottom:85px;
  background:radial-gradient(circle at 78% 26%,rgba(124,66,67,.28),transparent 34%),radial-gradient(circle at 14% 14%,rgba(91,42,49,.28),transparent 35%),linear-gradient(135deg,#151318,#090e14 72%);
}
body .landing-hero::before { opacity:.36; }
body .landing-hero-nav { max-width:1380px; width:min(100% - 64px,1380px); }
body .landing-hero-brand img { max-height:50px; }
body .landing-hero-menu > a { color:#c6cfdb; }
body .landing-hero-menu > a:hover { color:#fff; }
body .landing-hero-menu .landing-hero-enter { border-radius:9px; background:var(--cinema-coral); border-color:var(--cinema-coral); color:#fff; }
body .landing-hero-menu .landing-hero-enter:hover { background:var(--cinema-coral-dark); }
body .landing-hero-content { max-width:860px; padding-top:105px; }
body .landing-hero-kicker { color:var(--cinema-gold); letter-spacing:2.2px; }
body .landing-hero-kicker span { background:var(--cinema-coral); }
body .landing-hero-title { color:#fff; font-size:clamp(43px,6vw,79px); line-height:1.04; letter-spacing:-.055em; }
body .landing-hero-title strong { color:var(--cinema-coral); }
body .landing-hero-copy { max-width:620px; color:#bec6d1; font-size:16px; }
body .landing-hero .landing-search { background:#171e28; border:1px solid #3d4856; border-radius:13px; box-shadow:0 14px 32px rgba(0,0,0,.27); }
body .landing-hero .landing-search:focus-within { border-color:var(--cinema-coral); box-shadow:0 12px 36px rgba(243,77,80,.13); }
body .landing-hero .landing-search input[type='search'] { color:#fff; }
body .landing-hero .landing-search input[type='search']::placeholder { color:#8995a5; }
body .landing-hero .landing-search button { color:#fff; background:var(--cinema-coral); border:0; }
body .landing-hero .landing-search button:hover { background:var(--cinema-coral-dark); }
body .landing-hero .browse-button { border-radius:10px; color:#fff; border-color:var(--cinema-coral); background:var(--cinema-coral); }
body .landing-hero .browse-button:hover { background:var(--cinema-coral-dark); }
body .landing-hero .landing-secondary-button { border-radius:10px; background:#19212b; border:1px solid #374250; color:#fff; }
body .landing-hero .landing-secondary-button:hover { background:#242e3b; }
body .landing-hero-popular { color:#b9c3d1; }
body .landing-hero-popular a { color:#e4eaf0; border:1px solid #37404d; border-radius:999px; background:#1b222b; padding:6px 12px; }
body .landing-hero-popular a:hover { border-color:var(--cinema-coral); color:#fff; }
body .landing-content { width:min(100% - 64px,1250px); }
body .landing-content article { background:#111820; border-color:#29333f; padding:48px 56px; border-radius:17px; }
body .landing-content article::before { background:linear-gradient(90deg,var(--cinema-coral),transparent); height:3px; }
body .landing-heading { color:#f1f3f5; font-size:clamp(24px,2.7vw,36px); }
body .landing-heading::after { background:var(--cinema-coral); }
body .article-prose { color:#b7c1ce; }
body .article-prose > p:first-child { color:#cbd2dc; }
body .article-prose h2 { color:#f1f4f8; border-color:var(--cinema-coral); background:linear-gradient(90deg,rgba(243,77,80,.12),transparent); }
body .article-prose h3 { color:#edf0f4; }
body .article-prose a { color:#ff777b; }
body .article-prose .site-note { color:#c4cad4; background:#1e242c; border-color:#45333b; }
body .article-prose .site-note strong { color:#fff; }
body .landing-search-suggest { background:#141d27; border-color:#333d49; }
body .landing-search-suggest .live-result-item { background:#141d27 !important; color:#fff !important; border-bottom-color:#293441 !important; }
body .landing-search-suggest .live-result-item:hover { background:#23303c !important; color:#fff !important; }
body .landing-footer { background:#0c1219; border-top:1px solid #29323c; }
body .landing-footer .footer-logo strong span { color:var(--cinema-coral); }

/* Better entry point to the real catalogue. No database requests added. */
.cinema-entry { width:min(100% - 64px,1250px); margin:-38px auto 62px; position:relative; z-index:2; }
.cinema-entry-title { display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:18px; }
.cinema-entry-title h2 { color:#fff; margin:0; font-size:24px; letter-spacing:-.03em; }
.cinema-entry-title p { color:#aab4c1; margin:6px 0 0; font-size:13px; }
.cinema-entry-title a { color:#fb7477; font-size:13px; font-weight:750; white-space:nowrap; }
.cinema-entry-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.cinema-entry-card { min-height:165px; display:flex; flex-direction:column; justify-content:flex-end; padding:21px; border:1px solid #4d3b42; border-radius:16px; color:#fff; text-decoration:none; overflow:hidden; position:relative; isolation:isolate; background:#1d2430; transition:transform .2s,border-color .2s; }
.cinema-entry-card::before { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 90% 8%,rgba(255,255,255,.14),transparent 34%),linear-gradient(145deg,rgba(16,21,29,.08),rgba(2,5,10,.76)); }
.cinema-entry-card:nth-child(1) { background:linear-gradient(130deg,#794040,#291825); }
.cinema-entry-card:nth-child(2) { background:linear-gradient(125deg,#45476b,#171a2f); }
.cinema-entry-card:nth-child(3) { background:linear-gradient(130deg,#68543a,#241b20); }
.cinema-entry-card:nth-child(4) { background:linear-gradient(125deg,#2c5660,#16242e); }
.cinema-entry-card:hover { color:#fff; border-color:var(--cinema-coral); transform:translateY(-4px); }
.cinema-entry-icon { font-size:30px; line-height:1; margin-bottom:auto; color:#ffd0be; }
.cinema-entry-card strong { display:block; font-size:19px; letter-spacing:-.025em; }
.cinema-entry-card span:last-child { font-size:12px; color:#cbd3dd; margin-top:5px; }

/* Consistent footer on catalogue and detail pages */
body .pictures-footer { background:#0c1219; color:#e2e7ed; border-top:1px solid #29323c; }
body .pictures-footer-brand p,body .pictures-footer-disclaimer { color:#9ba7b7; }
body .pictures-footer-column h3 { color:#fff; }
body .pictures-footer-column > a { color:#bac4d1; }
body .pictures-footer-column > a:hover,body .pictures-footer-top:hover { color:var(--cinema-coral); }
body .pictures-footer-socials a { border-color:#323d49; border-radius:10px; }
body .pictures-footer-socials a:hover { border-color:var(--cinema-coral); background:rgba(243,77,80,.1); }

@media (max-width:1100px) {
  body.pictures-home .home-main > .container { width:calc(100% - 38px)!important; }
  body.pictures-home #slider.home-hero-slider,body.pictures-home .home-hero-slider,body.pictures-home .home-hero-slider .home-hero-slide { height:420px!important; }
  body.pictures-home .home-hero-grid.home-hero-with-trends { grid-template-columns:minmax(0,2fr) minmax(210px,1fr); }
  .cinema-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  body .pictures-global-header { background:#0b1016; }
  body.pictures-home .home-main > .container { width:calc(100% - 26px)!important; }
  body.pictures-home .home-main { padding-top:12px; }
  body.pictures-home .home-hero-grid.home-hero-with-trends { grid-template-columns:1fr; gap:12px; }
  body.pictures-home #slider.home-hero-slider,body.pictures-home .home-hero-slider,body.pictures-home .home-hero-slider .home-hero-slide { height:410px!important; }
  body.pictures-home .home-hero-copy { left:22px; right:20px; bottom:24px; }
  body.pictures-home .home-hero-copy h1 { font-size:35px; }
  body.pictures-home .home-trend-stack { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  body.pictures-home .home-trend-card { min-height:155px; }
  body.pictures-home .home-catalog-section,body.pictures-home .home-continue-section { margin:36px 0; }
  body.pictures-home .home-heading-wrap h2 { font-size:20px; }
  body.pictures-home .home-explore-row a { min-height:140px; }
  body .landing-top.landing-hero { padding-bottom:68px; }
  body .landing-hero-nav { width:calc(100% - 32px); }
  body .landing-hero-content { padding-top:85px; }
  body .landing-hero-title { font-size:clamp(38px,9vw,55px); }
  body .landing-content { width:calc(100% - 28px); }
  body .landing-content article { padding:30px 24px; }
  .cinema-entry { width:calc(100% - 28px); margin-top:-20px; }
}
@media (max-width:480px) {
  body.pictures-home #slider.home-hero-slider,body.pictures-home .home-hero-slider,body.pictures-home .home-hero-slider .home-hero-slide { height:365px!important; }
  body.pictures-home .home-hero-copy { left:18px; }
  body.pictures-home .home-trend-stack { grid-template-columns:1fr 1fr; }
  body.pictures-home .home-trend-card { min-height:136px; }
  body.pictures-home .home-trend-copy strong { font-size:12px; }
  body.pictures-home .home-trend-copy small { font-size:9px; }
  body.pictures-home .home-heading-wrap h2 { font-size:18px; }
  body .landing-hero-content { padding-top:64px; }
  body .landing-hero-title { font-size:38px; }
  body .landing-hero-copy { font-size:14px; }
  body .landing-hero .browse-button { min-width:0; }
  .cinema-entry-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .cinema-entry-card { min-height:142px; padding:15px; }
  .cinema-entry-card strong { font-size:16px; }
  .cinema-entry-icon { font-size:25px; }
}


/* ================================================================
   CINEMATIC PREMIUM v2: post-install visual QA refinements
   Grounded in the screenshot of /home after v1 installation.
   CSS only: no PHP queries, ad placements, player, or history logic.
   ================================================================ */

/* A little more room for the films and less edge-to-edge crowding. */
body.pictures-home .home-main { padding-top:30px; padding-bottom:72px; }
body.pictures-home .home-main > .container {
  width:calc(100% - 64px)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.pictures-home .home-hero-grid.home-hero-with-trends {
  gap:17px;
  grid-template-columns:minmax(0,3.35fr) minmax(236px,1fr);
  margin-bottom:20px;
}
body.pictures-home #slider.home-hero-slider,
body.pictures-home .home-hero-slider,
body.pictures-home .home-hero-slider .home-hero-slide {
  height:465px!important;
}
body.pictures-home .home-hero-slider { border-radius:18px; }
body.pictures-home .home-hero-slide { background-position:center 32%; }
body.pictures-home .home-hero-shade {
  background:
    linear-gradient(90deg,rgba(5,9,14,.96) 0%,rgba(5,9,14,.77) 29%,rgba(5,9,14,.10) 82%),
    linear-gradient(0deg,rgba(5,9,14,.55),transparent 40%);
}
body.pictures-home .home-hero-copy { left:38px;bottom:36px;max-width:510px; }
body.pictures-home .home-hero-logo { max-height:145px; }
body.pictures-home .home-hero-copy h1 { font-size:clamp(38px,3.7vw,55px); }
body.pictures-home .home-hero-meta span { background:rgba(8,12,18,.58); }
body.pictures-home .home-watch-btn { border-radius:9px;min-height:44px;padding:12px 19px; }
body.pictures-home .home-trend-stack { gap:17px; }
body.pictures-home .home-trend-card { border-radius:16px; }
body.pictures-home .home-trend-copy strong { font-size:16px;line-height:1.22; }

/* Discovery: quiet, scrollable pills that no longer dominate the page. */
body.pictures-home .home-discovery-strip {
  margin:0 0 39px;
  padding:12px 15px;
  gap:8px;
  border:1px solid #26303b;
  background:#101820;
  border-radius:12px;
}
body.pictures-home .home-discovery-strip a {
  padding:7px 12px;
  line-height:1.2;
  background:#1a2530;
  color:#d7e0e8;
  border:1px solid #2b3946;
}
body.pictures-home .home-discovery-strip a:hover { background:#30303b; }

/* Establish consistent rhythm and make section subtitles legible. */
body.pictures-home .home-catalog-section,
body.pictures-home .home-continue-section { margin:42px 0 49px; }
body.pictures-home .home-section-header { gap:11px 20px;margin-bottom:21px; }
body.pictures-home .home-heading-wrap h2 { color:#f5f6f8;font-size:24px;line-height:1.15;letter-spacing:-.035em; }
body.pictures-home .home-heading-wrap p { color:#9eabb9;font-size:12px;line-height:1.55; }
body.pictures-home .home-heading-accent { height:27px;border-radius:4px; }
body.pictures-home .home-view-all { font-size:12px;letter-spacing:.01em; }
body.pictures-home .home-tabs button { padding:8px 13px;font-weight:700; }

/* Desktop posters: cap grid density and improve text/ratings over artwork. */
body.pictures-home .home-card-grid,
body.pictures-home .home-popular-grid,
body.pictures-home .home-episode-grid {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px!important;
}
body.pictures-home .home-card-grid .ml-item { overflow:visible; }
body.pictures-home .home-card-grid .ml-item .ml-mask {
  overflow:hidden;
  border-radius:12px;
  border:1px solid #293440;
  background:#131a23;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.pictures-home .home-card-grid .ml-item .ml-mask img.mli-thumb {
  display:block;
  transform:scale(1);
  transition:transform .35s ease;
}
body.pictures-home .home-card-grid .ml-item:hover .ml-mask img.mli-thumb { transform:scale(1.045); }
body.pictures-home .home-card-grid .ml-item .mli-info {
  padding:23px 9px 10px;
  background:linear-gradient(to bottom,transparent 0%,rgba(3,6,11,.72) 40%,rgba(3,6,11,.96) 100%);
  border-radius:0 0 11px 11px;
}
body.pictures-home .home-card-grid .ml-item .mli-info h2 {
  font-size:12px;
  font-weight:750;
  line-height:1.35;
  text-align:left;
  color:#fff;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-shadow:0 1px 4px rgba(0,0,0,.7);
}
body.pictures-home .home-card-grid .ml-item .mli-quality {
  padding:5px 7px;
  right:8px;top:8px;
  color:#19190e;
  background:#e8c98e;
  border:1px solid rgba(255,255,255,.19);
  border-radius:6px;
  font-size:10px;
  font-weight:850;
  box-shadow:0 3px 8px rgba(0,0,0,.3);
}
body.pictures-home .home-card-grid .ml-item .ml-mask::before { background:rgba(2,7,13,.49); }
body.pictures-home .home-episode-card { overflow:visible; }
body.pictures-home .home-episode-poster { border:1px solid #293440;border-radius:12px; }
body.pictures-home .home-episode-poster img { transition:transform .3s ease; }
body.pictures-home .home-episode-poster:hover img { transform:scale(1.04); }
body.pictures-home .home-episode-badge {
  border-radius:5px;
  background:rgba(5,13,21,.89);
  color:#f7f9fc;
  font-size:10px;
}
body.pictures-home .home-episode-title {
  display:block;
  margin-top:9px;
  color:#e7edf5;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}
body.pictures-home .home-episode-title:hover { color:#ff777b; }

/* These were still inheriting pale-theme defaults in the screenshot. */
body.pictures-home .home-more-strip {
  margin-top:24px;
  padding:14px 16px;
  background:#101820!important;
  border:1px solid #28323d!important;
  border-radius:11px;
  box-shadow:none!important;
  gap:10px;
}
body.pictures-home .home-more-strip > span { color:#c1cbd7; }
body.pictures-home .home-more-strip > a:not(.home-more-primary) {
  background:#1d2833;
  border:1px solid #34414e;
  color:#d7e1e8;
  padding:8px 13px;
  border-radius:7px;
}
body.pictures-home .home-more-strip > a:not(.home-more-primary):hover { border-color:#f34d50; }
body.pictures-home .home-more-strip .home-more-primary {
  padding:10px 16px;
  border-radius:8px;
  background:#e9484e;
  font-weight:800;
  text-decoration:none;
}
body.pictures-home .home-more-strip .home-more-primary:hover { background:#fa5c61; }

/* The shared pagination stylesheet is light; render it dark too. */
body .pictures-pagination-wrap { margin:22px 0 32px; }
body .pictures-page-btn {
  color:#d9e2ec!important;
  background:#17212b;
  border:1px solid #33404d;
  box-shadow:none;
  border-radius:8px;
}
body a.pictures-page-btn:hover,body a.pictures-page-btn:focus {
  background:#28303d;
  border-color:#f34d50;
  color:#fff!important;
}
body .pictures-page-btn.active {
  background:#e9484e;
  border-color:#e9484e;
  color:#fff!important;
}
body .pictures-page-ellipsis { color:#9aa8b6; }

/* History shelf: the original light-theme text could disappear on dark. */
body.pictures-home .home-history-row .watch-history-card-link { color:#f7f8fa; }
body.pictures-home .home-history-row .watch-history-title { color:#f0f3f7;font-weight:750;font-size:12px; }
body.pictures-home .home-history-row .watch-history-meta { color:#9faebe;font-size:11px; }
body.pictures-home .home-history-row .watch-history-resume { color:#ff6f73;font-size:11px; }
body.pictures-home .home-history-row .watch-history-poster { background:#18222f;border-radius:11px; }
body.pictures-home .home-history-row .watch-history-progress { background:#ef5559; }

/* Finish the exploration cards to feel part of the same design system. */
body.pictures-home .home-explore-row { margin-top:58px;gap:17px;padding-top:30px; }
body.pictures-home .home-explore-row a {
  border-radius:15px;
  padding:26px;
  min-height:160px;
  background:radial-gradient(circle at top right,rgba(237,74,79,.12),transparent 45%),#161b23;
  border:1px solid #48303a;
}
body.pictures-home .home-explore-row strong { font-size:18px; }
body.pictures-home .home-explore-row span { color:#b9c3ce;line-height:1.5; }

/* Tighter responsive progression than v1, without breaking existing JS. */
@media (min-width:1650px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
}
@media (max-width:1150px) {
  body.pictures-home .home-main > .container { width:calc(100% - 40px)!important; }
  body.pictures-home .home-hero-grid.home-hero-with-trends { grid-template-columns:minmax(0,2.3fr) minmax(195px,1fr); }
  body.pictures-home #slider.home-hero-slider,
  body.pictures-home .home-hero-slider,
  body.pictures-home .home-hero-slider .home-hero-slide { height:420px!important; }
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important; }
}
@media (max-width:850px) {
  body.pictures-home .home-hero-grid.home-hero-with-trends { grid-template-columns:1fr; }
  body.pictures-home .home-trend-stack { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto; }
  body.pictures-home .home-trend-card { min-height:170px; }
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:13px!important; }
  body.pictures-home .home-section-header { align-items:flex-start; }
}
@media (max-width:660px) {
  body.pictures-home .home-main > .container { width:calc(100% - 26px)!important; }
  body.pictures-home .home-main { padding-top:13px; }
  body.pictures-home #slider.home-hero-slider,
  body.pictures-home .home-hero-slider,
  body.pictures-home .home-hero-slider .home-hero-slide { height:365px!important; }
  body.pictures-home .home-hero-copy { left:20px;right:17px;bottom:22px; }
  body.pictures-home .home-hero-logo { max-height:100px; }
  body.pictures-home .home-hero-copy h1 { font-size:35px; }
  body.pictures-home .home-trend-stack { gap:10px; }
  body.pictures-home .home-trend-card { min-height:140px; }
  body.pictures-home .home-discovery-strip { overflow-x:auto;flex-wrap:nowrap;gap:8px;scrollbar-width:none; }
  body.pictures-home .home-discovery-strip > span,body.pictures-home .home-discovery-strip a { flex-shrink:0; }
  body.pictures-home .home-section-header { flex-direction:column;align-items:flex-start;gap:11px; }
  body.pictures-home .home-heading-wrap h2 { font-size:21px; }
  body.pictures-home .home-tabs { width:100%;flex-wrap:nowrap;overflow-x:auto; }
  body.pictures-home .home-view-all { margin-left:0; }
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important; }
  body.pictures-home .home-catalog-section,body.pictures-home .home-continue-section { margin:34px 0 38px; }
  body.pictures-home .home-more-strip { padding:12px; }
  body.pictures-home .home-more-strip .home-more-primary { width:100%;margin-left:0;text-align:center; }
  body.pictures-home .home-explore-row { grid-template-columns:1fr;gap:12px; }
}
@media (max-width:410px) {
  body.pictures-home #slider.home-hero-slider,
  body.pictures-home .home-hero-slider,
  body.pictures-home .home-hero-slider .home-hero-slide { height:340px!important; }
  body.pictures-home .home-hero-copy h1 { font-size:30px; }
  body.pictures-home .home-trend-card { min-height:124px; }
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important; }
}


/* ================================================================
   CINEMATIC PREMIUM v3: controlled density, balanced footer,
   numbered film-strip hero selector (replaces dots).
   Existing database, poster markup, player and history are unchanged.
   ================================================================ */

/* Make the page feel composed, not either crowded or overly stretched. */
body.pictures-home .home-main {
  padding-top: 26px;
  padding-bottom: 38px;
}
body.pictures-home .home-main > .container {
  width: calc(100% - 64px) !important;
  max-width: 1480px !important;
}
body.pictures-home .home-hero-grid.home-hero-with-trends { margin-bottom: 20px; }
body.pictures-home .home-discovery-strip { margin-bottom: 34px; }
body.pictures-home .home-catalog-section,
body.pictures-home .home-continue-section { margin: 38px 0 46px; }
body.pictures-home .home-section-header { margin-bottom: 19px; }
body.pictures-home .home-heading-wrap h2 { font-size: clamp(20px, 1.65vw, 25px); }
body.pictures-home .home-banner-ad:empty,
body.pictures-home .home-middle-ad:empty { display: none; }

/* Desktop: 8 posters across; smaller viewports step down naturally.
   Applies consistently to Popular, Movies, TV series, and Episodes. */
body.pictures-home .home-card-grid,
body.pictures-home .home-popular-grid,
body.pictures-home .home-episode-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  column-gap: 15px !important;
  row-gap: 22px !important;
}
body.pictures-home .home-card-grid .ml-item .ml-mask,
body.pictures-home .home-episode-poster {
  border-radius: 11px;
  border: 1px solid #303a45;
}
body.pictures-home .home-card-grid .ml-item .mli-info h2 {
  font-size: 11px;
  line-height: 1.35;
}
body.pictures-home .home-episode-title {
  font-size: 11.5px;
  line-height: 1.4;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.pictures-home .home-more-strip { margin-top: 23px; }

/* The three end-of-page cards should lead naturally into the footer. */
body.pictures-home .home-explore-row {
  margin: 42px 0 0;
  padding-top: 28px;
  gap: 16px;
}
body.pictures-home .home-explore-row a {
  min-height: 145px;
  padding: 22px 24px;
  justify-content: center;
}
body.pictures-home .home-explore-row a span { margin: 8px 0 12px; }

/* Film-strip chapter navigation without a text heading. Numbered frames with a progress underline.
   Built as real buttons in home.php; retains click and touch navigation. */
body.pictures-home .home-hero-slider .home-hero-chapters {
  position: absolute;
  bottom: 18px;
  right: 18px;
  left: auto;
  top: auto;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  width: max-content;
  max-width: min(62%, 440px);
  padding: 6px;
  background: rgba(8, 12, 18, .83);
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 11px;
  box-shadow: 0 12px 34px rgba(0,0,0,.30);
  backdrop-filter: blur(12px);
  overflow-x: auto;
  scrollbar-width: none;
}
body.pictures-home .home-hero-chapters::-webkit-scrollbar { display: none; }
body.pictures-home .home-hero-slider .home-hero-chapters .home-chapter {
  appearance: none;
  position: relative;
  flex: 0 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 37px;
  margin: 0;
  padding: 7px 4px 5px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #c3c9d2;
  opacity: 1;
  cursor: pointer;
  line-height: 1;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
body.pictures-home .home-hero-chapters .home-chapter:hover,
body.pictures-home .home-hero-chapters .home-chapter.is-active {
  background: rgba(243,77,80,.17);
  color: #fff;
  border-color: rgba(243,77,80,.5);
}
body.pictures-home .home-hero-chapters .chapter-number {
  font: 800 12px/1 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: .4px;
}
body.pictures-home .home-hero-chapters .chapter-track {
  display: block;
  width: 26px;
  height: 3px;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255,255,255,.23);
}
body.pictures-home .home-hero-chapters .chapter-progress {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--cinema-coral);
}
body.pictures-home .home-hero-chapters .home-chapter.is-active .chapter-progress {
  animation: cinema-film-progress 6.5s linear both;
}
@keyframes cinema-film-progress { from { width: 0; } to { width: 100%; } }
body.pictures-home .home-hero-slider:hover .home-chapter.is-active .chapter-progress,
body.pictures-home .home-hero-slider:focus-within .home-chapter.is-active .chapter-progress {
  animation-play-state: paused;
}
body.pictures-home .home-hero-chapters .home-chapter:focus-visible {
  outline: 2px solid var(--cinema-gold);
  outline-offset: 2px;
}

/* Footer: aligned with the main content, no giant empty gap, better contrast. */
body.pictures-home .pictures-footer { margin-top: 0 !important; }
body .pictures-footer {
  background: linear-gradient(180deg, #11171f 0%, #0c1118 100%);
  border-top: 1px solid #2d3844;
}
body .pictures-footer-inner {
  max-width: 1480px;
  width: calc(100% - 64px);
  padding-top: 46px;
  padding-bottom: 24px;
}
body .pictures-footer-main {
  display: grid;
  grid-template-columns: minmax(225px, 1.85fr) repeat(4, minmax(110px, 1fr));
  gap: clamp(18px, 2.7vw, 44px);
  align-items: start;
}
body .pictures-footer-brand { max-width: 340px; }
body .pictures-footer-logo {
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
body .pictures-footer-logo::before {
  content: '';
  height: 25px;
  width: 3px;
  border-radius: 3px;
  background: var(--cinema-coral);
}
body .pictures-footer-logo img {
  max-width: 186px;
  height: 43px;
  filter: grayscale(1) brightness(0) invert(1);
}
body .pictures-footer-brand p {
  color: #aab5c3;
  line-height: 1.65;
  font-size: 12px;
}
body .pictures-footer-column h3 {
  font-size: 13px;
  letter-spacing: .02em;
  margin-bottom: 17px;
}
body .pictures-footer-column > a {
  line-height: 1.45;
  color: #b8c3d2;
  margin-bottom: 10px;
  font-size: 12px;
}
body .pictures-footer-divider {
  margin: 30px 0 19px;
  background: #303944;
}
body .pictures-footer-bottom {
  grid-template-columns: minmax(180px, .8fr) minmax(250px, 1.5fr) auto;
  gap: 26px;
  align-items: center;
}
body .pictures-footer-disclaimer { max-width: 700px; }
body .pictures-footer-copy,
body .pictures-footer-disclaimer,
body .pictures-footer-top { font-size: 11px; line-height: 1.55; }

@media (max-width: 1279px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(7,minmax(0,1fr)) !important; }
}
@media (max-width: 1099px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(6,minmax(0,1fr)) !important; }
  body .pictures-footer-main { grid-template-columns: 1.2fr repeat(2,minmax(0,1fr)); gap: 26px; }
  body .pictures-footer-brand { grid-column: 1 / -1; }
  body .pictures-footer-bottom { grid-template-columns: minmax(160px,1fr) auto; }
  body .pictures-footer-disclaimer { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 899px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
  body.pictures-home .home-main > .container { width: calc(100% - 38px) !important; }
  body .pictures-footer-inner { width: calc(100% - 38px); }
}
@media (max-width: 740px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; column-gap:12px!important; row-gap:18px!important; }
  body .pictures-footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap:26px 20px; }
  body .pictures-footer-brand { grid-column: 1 / -1; }
  body .pictures-footer-inner { padding-top: 35px; }
  body .pictures-footer-bottom { grid-template-columns: 1fr; gap: 10px; }
  body .pictures-footer-disclaimer { grid-column: auto; grid-row: auto; }
  body.pictures-home .home-hero-slider .home-hero-chapters { top: 12px; bottom: auto; right: 12px; max-width: calc(100% - 24px); }
}
@media (max-width: 560px) {
  body.pictures-home .home-main > .container { width: calc(100% - 26px) !important; }
  body .pictures-footer-inner { width: calc(100% - 30px); }
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; column-gap:10px!important; row-gap:16px!important; }
  body.pictures-home .home-catalog-section,
  body.pictures-home .home-continue-section { margin: 32px 0 38px; }
  body.pictures-home .home-explore-row { margin-top: 32px; padding-top:22px; }
  body.pictures-home .home-hero-slider .home-hero-chapters .home-chapter {
    flex-basis:32px; width:32px; height:32px; padding:5px 2px 4px;
  }
  body.pictures-home .home-hero-chapters .chapter-track { width:20px; }
  body.pictures-home .home-hero-chapters .chapter-number { font-size:10px; }
  body .pictures-footer-main { gap: 22px 16px; }
}
@media (max-width: 390px) {
  body.pictures-home .home-card-grid,
  body.pictures-home .home-popular-grid,
  body.pictures-home .home-episode-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.pictures-home .home-hero-chapters .home-chapter.is-active .chapter-progress {
    animation: none !important;
    width:100%;
  }
}


/* ================================================================
   CINEMATIC PREMIUM v5: consistent ivory/coral branding, typography,
   visual rhythm and restrained hero motion. Keep V4's eight-poster grid.
   ================================================================ */

/* One consistent brand: same logo in header, landing page, and footer. */
body .pictures-global-header {
  background:rgba(10,15,21,.975);
  border-bottom:1px solid #27313b;
  box-shadow:0 7px 28px rgba(0,0,0,.22);
}
body .pictures-global-header .pictures-header-inner {
  width:calc(100% - 64px);
  max-width:1480px;
  gap:clamp(16px,2.3vw,34px);
}
body .pictures-global-header .pictures-header-brand {
  flex-shrink:0;
  padding:4px 0;
}
body .pictures-global-header .pictures-header-logo {
  width:auto;
  height:43px;
  max-width:190px;
  object-fit:contain;
  filter:none!important;
}
body .pictures-global-header .pictures-main-menu { gap:clamp(13px,1.45vw,22px); }
body .pictures-global-header .pictures-main-menu > li > a,
body .pictures-global-header .pictures-nav-submenu-toggle {
  color:#c2cbd6;
  font-size:12px;
  font-weight:750;
  letter-spacing:.025em;
  transition:color .2s ease;
}
body .pictures-global-header .pictures-main-menu > li > a:hover,
body .pictures-global-header .pictures-nav-submenu-toggle:hover,
body .pictures-global-header .pictures-main-menu > li.active > a,
body .pictures-global-header .pictures-main-menu > li.active > .pictures-nav-submenu-toggle { color:#fff; }
body .pictures-global-header .pictures-main-menu > li.active::after {
  height:3px;
  background:var(--cinema-coral);
  box-shadow:0 -2px 12px rgba(243,77,80,.3);
}
body .pictures-global-header .pictures-header-search { flex-basis:clamp(215px,20vw,315px); }
body .pictures-global-header .pictures-search-form {
  height:40px;
  border:1px solid #354251;
  border-radius:9px;
  background:#121b25;
}
body .pictures-global-header .pictures-search-form:focus-within {
  border-color:var(--cinema-coral);
  box-shadow:0 0 0 3px rgba(243,77,80,.11);
}
body .pictures-global-header .pictures-search-form input { height:38px; }
body .pictures-global-header .pictures-search-form button { height:38px; color:#f4f4f5; }
body .pictures-global-header .pictures-search-form button:hover { color:var(--cinema-coral); }
body .pictures-global-header .pictures-submenu,
body .pictures-global-header .pictures-search-panel { background:#151d27; border-color:#313e4b; }
body .pictures-global-header .pictures-submenu a { color:#d1d8e1; }
body .pictures-global-header .pictures-submenu a:hover { color:#fff; background:#26323e; }

/* Fine-tune section rhythm. Eight columns are intentionally NOT changed. */
body.pictures-home .home-main { padding-bottom:40px; }
body.pictures-home .home-discovery-strip { margin-bottom:32px; }
body.pictures-home .home-catalog-section,
body.pictures-home .home-continue-section { margin-top:40px; margin-bottom:44px; }
body.pictures-home .home-section-header { margin-bottom:21px; }
body.pictures-home .home-heading-wrap h2 {
  font-size:clamp(21px,1.65vw,25px);
  font-weight:800;
  letter-spacing:-.03em;
}
body.pictures-home .home-heading-wrap p { font-size:12px; color:#adb8c5; line-height:1.5; }
body.pictures-home .home-card-grid .ml-item .mli-info {
  padding:26px 10px 12px;
  background:linear-gradient(180deg,transparent 0%,rgba(4,8,13,.80) 36%,rgba(4,8,13,.98) 100%);
}
body.pictures-home .home-card-grid .ml-item .mli-info h2 {
  font-size:12px;
  font-weight:780;
  letter-spacing:-.012em;
  line-height:1.38;
  text-shadow:0 2px 5px rgba(0,0,0,.9);
}
body.pictures-home .home-card-grid .ml-item .mli-quality,
body.pictures-home .home-card-grid .ml-item .imdb {
  font-weight:800;
}
body.pictures-home .home-episode-title {
  color:#eaf0f6;
  font-size:12px;
  line-height:1.45;
  font-weight:750;
}
body.pictures-home .home-explore-row { margin-top:38px; }
body.pictures-home .home-explore-row a { min-height:148px; }

/* Subtle headline entrance on slide changes. Numbered chapters stay intact. */
@keyframes cinema-v5-hero-copy {
  from { opacity:.55; transform:translateY(11px); }
  to { opacity:1; transform:translateY(0); }
}
body.pictures-home .home-hero-slide.is-featured .home-hero-copy {
  animation:cinema-v5-hero-copy .7s cubic-bezier(.2,.7,.2,1) both;
}

/* Branded footer: real ivory/coral logo, same content width as header. */
body .pictures-footer {
  background:linear-gradient(180deg,#101720 0%,#0c1219 100%);
  border-top:1px solid #303b46;
}
body .pictures-footer-inner {
  width:calc(100% - 64px);
  max-width:1480px;
  padding-top:43px;
  padding-bottom:21px;
}
body .pictures-footer-main { gap:clamp(20px,2.5vw,42px); }
body .pictures-footer-brand { max-width:330px; }
body .pictures-footer-logo { display:inline-flex; margin-bottom:13px; }
body .pictures-footer-logo::before { display:none!important; }
body .pictures-footer-logo img {
  display:block;
  width:auto;
  height:48px;
  max-width:200px;
  filter:none!important;
  object-fit:contain;
}
body .pictures-footer-brand p { color:#aebac8; font-size:12.5px; line-height:1.75; }
body .pictures-footer-column h3 { font-size:13px; letter-spacing:.025em; margin-bottom:15px; }
body .pictures-footer-column > a { font-size:12.5px; line-height:1.5; margin-bottom:9px; }
body .pictures-footer-divider { margin:27px 0 18px; }
body .pictures-footer-bottom { gap:18px; }
body .pictures-footer-top { color:#f3a6a7; }

/* Landing page brand is identical to catalogue brand. */
body .landing-hero-brand img { width:auto; height:48px; max-height:48px; object-fit:contain; }
body .landing-footer .footer-logo img { width:auto; height:45px; max-width:190px; object-fit:contain; display:block; }
body .landing-footer .footer-logo small { display:block; margin-top:6px; }

@media (max-width:1180px) and (min-width:901px) {
  body .pictures-global-header .pictures-header-inner { gap:16px; }
  body .pictures-global-header .pictures-header-logo { height:36px; max-width:160px; }
  body .pictures-global-header .pictures-header-search { flex-basis:230px; }
  body .pictures-global-header .pictures-main-menu { gap:12px; }
  body .pictures-global-header .pictures-main-menu > li > a,
  body .pictures-global-header .pictures-nav-submenu-toggle { font-size:11px; }
}
@media (max-width:900px) {
  body .pictures-global-header .pictures-header-inner { width:calc(100% - 28px); gap:10px; }
  body .pictures-global-header .pictures-header-logo { height:35px; max-width:165px; }
  body .pictures-global-header .pictures-header-search { flex:0 0 38px; width:auto; }
  body .pictures-global-header .pictures-mobile-menu-button,
  body .pictures-global-header .pictures-mobile-search-button {
    background:#151f29; border-color:#34404d; color:#f4f5f7;
    border-radius:9px;
  }
  body .pictures-global-header .pictures-main-nav,
  body .pictures-global-header .pictures-search-panel {
    background:#121b24; border:1px solid #34404d; border-radius:0 0 12px 12px;
  }
  body .pictures-global-header .pictures-main-menu > li.active > a,
  body .pictures-global-header .pictures-main-menu > li.active > .pictures-nav-submenu-toggle {
    background:rgba(243,77,80,.12); color:#fff;
  }
  body .pictures-global-header .pictures-submenu { background:#19232f; border-color:#34404d; }
}
@media (max-width:740px) {
  body.pictures-home .home-catalog-section,
  body.pictures-home .home-continue-section { margin-top:34px; margin-bottom:38px; }
  body .pictures-footer-inner { width:calc(100% - 34px); padding-top:33px; }
  body .pictures-footer-logo img { height:43px; }
}
@media (max-width:560px) {
  body.pictures-home .home-card-grid .ml-item .mli-info h2 { font-size:11px; }
  body.pictures-home .home-episode-title { font-size:11px; }
  body .pictures-footer-column h3 { margin-bottom:11px; }
  body .pictures-footer-bottom { gap:11px; }
}
@media (prefers-reduced-motion:reduce) {
  body.pictures-home .home-hero-slide.is-featured .home-hero-copy { animation:none!important; }
  body.pictures-home .home-hero-slider .swiper-wrapper { transition:none!important; }
}