.sf-page { min-height: 100vh; }
.sf-shell { width: min(1240px, calc(100% - 32px)); margin-inline: auto; }

.hero-slider { margin: 26px auto 38px; }
.slider-container {
  position: relative;
  height: clamp(390px, 48vw, 570px);
  border-radius: 26px !important;
  overflow: hidden;
  background: #050809 !important;
  border: 1px solid rgba(50,244,207,.18) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.58) !important;
}
.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  transition: opacity .7s ease, transform 1.1s ease, visibility .7s;
  background-position: center;
  background-size: cover;
}
.slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4,7,9,.98) 5%, rgba(4,7,9,.82) 42%, rgba(4,7,9,.18) 78%),
    linear-gradient(0deg, #07080b 0%, transparent 48%);
}
.slide.active { opacity: 1; visibility: visible; transform: scale(1); z-index: 2; }
.slide-content {
  position: relative;
  z-index: 3;
  height: 100%;
  max-width: 720px;
  padding: clamp(28px, 5vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.slide-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 15px; }
.latest-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--sf-accent); box-shadow: 0 0 0 7px rgba(0,217,173,.12); }
.slide-badge { border-radius: 999px !important; padding: 6px 12px !important; font-size: 11px !important; }
.slide-title { font-size: clamp(30px, 4vw, 54px) !important; line-height: 1.18; margin-bottom: 14px !important; }
.slide-meta { display: flex; gap: 10px; flex-wrap: wrap; color: #d1d5db; font-size: 13px; margin-bottom: 14px; }
.slide-meta span { padding: 5px 9px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); }
.slide-desc { max-width: 610px; color: #c7ccd3 !important; font-size: 14px !important; line-height: 1.85 !important; margin-bottom: 23px !important; }
.slide-actions { display: flex; align-items: center; gap: 11px; }
.slide-btn { border-radius: 12px !important; padding: 12px 24px !important; }
.slide-secondary { color: #fff; text-decoration: none; padding: 11px 18px; border: 1px solid rgba(255,255,255,.17); border-radius: 12px; background: rgba(5,8,9,.55); backdrop-filter: blur(8px); }
.slider-controls { position: absolute; inset-inline: 25px; bottom: 22px; z-index: 8; display: flex; align-items: center; justify-content: space-between; }
.slider-dots { position: static !important; display: flex; gap: 7px; }
.dot { width: 22px !important; height: 4px !important; border-radius: 99px !important; background: rgba(255,255,255,.25) !important; cursor: pointer; }
.dot.active { width: 48px !important; background: var(--sf-accent) !important; }
.slider-arrows { display: flex; gap: 8px; }
.slider-arrow { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; color: #fff; background: rgba(3,6,8,.65); cursor: pointer; font-size: 19px; backdrop-filter: blur(9px); }
.slider-arrow:hover { border-color: var(--sf-accent); color: var(--sf-accent-light); }

.catalog-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 22px; }
.catalog-heading small { display: block; color: var(--sf-accent); font-size: 12px; margin-bottom: 5px; }
.catalog-heading h1 { font-size: clamp(24px, 3vw, 34px); }
.catalog-heading p { color: var(--sf-muted); font-size: 13px; margin-top: 5px; }
.search-box { width: min(360px, 100%); border-radius: 14px !important; padding: 6px 14px !important; }
.filters { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 27px; }
.cat-btn { border-radius: 12px !important; padding: 9px 16px !important; }

.catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; padding-bottom: 54px; }
.catalog-card { position: relative; overflow: hidden; text-decoration: none; color: inherit; border-radius: 18px; background: linear-gradient(180deg,#15191f,#0d1015); border: 1px solid rgba(255,255,255,.075); transition: .25s ease; }
.catalog-card:hover { transform: translateY(-7px); border-color: rgba(0,217,173,.55); box-shadow: 0 22px 55px rgba(0,0,0,.48); }
.catalog-poster { position: relative; aspect-ratio: 2/3; overflow: hidden; background: #11161a; }
.catalog-poster::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(5,7,9,.92)); }
.catalog-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.catalog-card:hover img { transform: scale(1.055); }
.catalog-type { position: absolute; z-index: 2; top: 10px; right: 10px; padding: 5px 9px; border-radius: 9px; background: rgba(0,174,145,.9); color: #fff; font-size: 10px; font-weight: 800; }
.catalog-rating { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 5px 8px; border-radius: 9px; background: rgba(3,5,7,.82); color: #f5c451; font-size: 10px; font-weight: 800; }
.catalog-body { padding: 13px; }
.catalog-title { font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 7px; }
.catalog-meta { display: flex; justify-content: space-between; gap: 7px; color: #88909c; font-size: 11px; }
.empty-state { padding: 70px 20px; text-align: center; color: var(--sf-muted); border: 1px dashed var(--sf-line); border-radius: 20px; }

.series-list-hero { position:relative; overflow:hidden; padding:64px 0 46px; background:radial-gradient(circle at 12% 15%,rgba(0,217,173,.2),transparent 33%),linear-gradient(135deg,#071311,#080b0e 58%,#031b17); border-bottom:1px solid rgba(50,244,207,.14); }
.series-list-hero::after { content:""; position:absolute; width:390px; height:390px; left:-130px; top:-210px; border-radius:50%; border:70px solid rgba(50,244,207,.045); transform:rotate(25deg); }
.series-list-hero-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.series-kicker { display:inline-flex; color:#32f4cf; font-size:12px; font-weight:800; letter-spacing:.4px; margin-bottom:10px; }
.series-list-hero h1 { font-size:clamp(32px,5vw,55px); margin:0 0 12px; }
.series-list-hero p { max-width:650px; color:#aeb9bd; line-height:1.8; margin:0; }
.series-list-count { width:142px; height:142px; flex:0 0 142px; border-radius:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(145deg,rgba(50,244,207,.17),rgba(0,121,107,.08)); border:1px solid rgba(50,244,207,.25); box-shadow:0 22px 60px rgba(0,0,0,.3); }
.series-list-count strong { color:#32f4cf; font-size:38px; line-height:1; }
.series-list-count span { color:#c5cfce; margin-top:8px; font-size:12px; }
.series-tabs { display:flex; gap:9px; flex-wrap:wrap; margin-top:22px; }
.series-tabs a { color:#dce4e5; text-decoration:none; padding:9px 15px; border-radius:11px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); }
.series-tabs a.active,.series-tabs a:hover { color:#06211c; background:#32f4cf; border-color:#32f4cf; }

.series-hero { position: relative; min-height: 500px; display: flex; align-items: end; background-position: center; background-size: cover; }
.series-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#07080b 4%,rgba(7,8,11,.83) 48%,rgba(7,8,11,.3)),linear-gradient(0deg,#07080b 1%,transparent 55%); }
.series-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 210px 1fr; gap: 34px; align-items: end; padding-block: 55px; }
.series-poster { width: 100%; aspect-ratio: 2/3; object-fit: cover; border-radius: 20px; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 25px 65px rgba(0,0,0,.55); }
.series-info h1 { font-size: clamp(30px,4vw,50px); margin-bottom: 12px; }
.series-info p { max-width: 720px; color: #c6cbd2; line-height: 1.85; margin-top: 16px; }
.crumbs { color: #8e96a3; font-size: 12px; margin-bottom: 14px; }
.crumbs a { color: var(--sf-accent); text-decoration: none; }
.stat-row { display:flex; flex-wrap:wrap; gap:9px; }
.stat { padding: 6px 10px; border: 1px solid var(--sf-line); background: rgba(255,255,255,.05); border-radius: 10px; font-size: 12px; color: #d6d9de; }
.content-section { padding-block: 36px 60px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:20px; }
.section-heading h2 { border-right: 3px solid var(--sf-accent); padding-right: 11px; font-size: 22px; }
.season-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px; }
.season-card { text-decoration:none; color:inherit; background:#11151a; border:1px solid var(--sf-line); border-radius:18px; overflow:hidden; transition:.25s; }
.season-card:hover { transform:translateY(-5px); border-color:rgba(0,217,173,.55); }
.season-image { aspect-ratio:16/10; position:relative; overflow:hidden; background:#0d1115; }
.season-image img { width:100%; height:100%; object-fit:cover; }
.season-number { position:absolute; top:10px; right:10px; background:rgba(0,174,145,.92); color:#fff; border-radius:9px; padding:5px 9px; font-size:11px; font-weight:800; }
.season-body { padding:14px; }
.season-body h3 { font-size:15px; margin-bottom:5px; }
.season-body p { color:#89919d; font-size:12px; }
.episode-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.episode-card { text-decoration:none; color:inherit; background:#11151a; border:1px solid var(--sf-line); border-radius:17px; overflow:hidden; transition:.25s; }
.episode-card:hover { transform:translateY(-5px); border-color:rgba(0,217,173,.55); }
.episode-image { aspect-ratio:16/9; position:relative; overflow:hidden; background:#0d1115; }
.episode-image img { width:100%; height:100%; object-fit:cover; }
.episode-play { position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.12); }
.episode-play span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:rgba(0,217,173,.9); color:#06211c; font-size:18px; box-shadow:0 10px 30px rgba(0,217,173,.3); }
.episode-body { padding:13px; }
.episode-body h3 { font-size:14px; margin-bottom:6px; }
.episode-body p { color:#89919d; font-size:11px; }
.episode-player { background:#000; border:1px solid rgba(0,217,173,.24); border-radius:20px; overflow:hidden; aspect-ratio:16/9; box-shadow:0 25px 70px rgba(0,0,0,.7); }
.episode-player iframe { width:100%; height:100%; border:0; }
.server-list { display:flex; flex-wrap:wrap; gap:9px; margin:16px 0 28px; }
.server-btn { border:1px solid var(--sf-line); background:#11161a; color:#dce1e5; padding:9px 14px; border-radius:11px; cursor:pointer; }
.server-btn.active,.server-btn:hover { background:rgba(0,217,173,.14); border-color:var(--sf-accent); color:var(--sf-accent-light); }

/* صفحة عرض المسلسل السينمائية */
.series-detail-page { background:#031014; color:#f4f8f8; }
.cinema-header { position:relative; z-index:40; height:76px; background:rgba(1,16,21,.98); border-bottom:1px solid rgba(91,205,211,.18); box-shadow:0 8px 30px rgba(0,0,0,.12); }
.cinema-header-inner { height:100%; display:grid; grid-template-columns:minmax(185px,1fr) auto minmax(230px,1fr); align-items:center; gap:25px; }
.cinema-brand { width:max-content; display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; }
.cinema-brand img { width:44px; height:44px; object-fit:contain; border-radius:12px; }
.cinema-brand > span { display:flex; flex-direction:column; line-height:1; }
.cinema-brand strong { font-size:26px; white-space:nowrap; }
.cinema-brand strong b { color:#42e6e4; }
.cinema-brand small { color:#a9babd; font-size:9px; margin-top:5px; }
.cinema-menu { display:flex; align-items:center; justify-content:center; gap:34px; height:100%; }
.cinema-menu a { position:relative; display:flex; align-items:center; height:100%; color:#d9e3e5; text-decoration:none; font-size:13px; font-weight:700; white-space:nowrap; }
.cinema-menu a::after { content:""; position:absolute; right:50%; left:50%; bottom:0; height:2px; background:#4be5e5; transition:.2s; }
.cinema-menu a:hover,.cinema-menu a.active { color:#54e9e7; }
.cinema-menu a:hover::after,.cinema-menu a.active::after { right:0; left:0; }
.cinema-tools { display:flex; align-items:center; justify-content:flex-end; gap:14px; direction:ltr; }
.cinema-search { width:42px; display:flex; align-items:center; justify-content:flex-end; border:1px solid transparent; border-radius:999px; overflow:hidden; transition:.25s; direction:rtl; }
.cinema-search:focus-within { width:185px; background:#071e24; border-color:rgba(78,224,226,.35); }
.cinema-search input { width:0; min-width:0; opacity:0; border:0; outline:0; background:transparent; color:#fff; padding:0; margin:0; transition:.25s; font-family:inherit; }
.cinema-search:focus-within input { width:140px; opacity:1; padding:9px 12px; }
.cinema-search button { width:40px; height:40px; flex:0 0 40px; border:0; border-radius:50%; background:transparent; color:#fff; font-size:28px; cursor:pointer; }
.cinema-user { display:flex; align-items:center; gap:7px; direction:rtl; color:#eef5f5; text-decoration:none; font-size:12px; }
.user-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#08191d; font-weight:900; background:linear-gradient(145deg,#5df1eb,#169aa5); border:2px solid rgba(255,255,255,.16); }
.cinema-user i { color:#8fa3a6; font-style:normal; }
.series-navbar { position:relative; z-index:30; background:rgba(2,15,19,.96); border-bottom:1px solid rgba(93,221,229,.14); }
.series-navbar .brand-logo { display:flex; align-items:center; }
.series-navbar .logo-text { display:flex; flex-wrap:wrap; align-items:center; gap:5px; max-width:150px; }
.series-navbar .logo-text small { width:100%; color:#aebdc0; font-size:8px; margin-top:-5px; }
.series-search { display:grid; place-items:center; width:39px; height:39px; color:#fff; text-decoration:none; font-size:28px; border-radius:50%; border:1px solid rgba(255,255,255,.08); }
.showcase-hero { position:relative; min-height:560px; display:flex; align-items:center; background-size:cover; background-position:center; }
.showcase-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,13,17,.12) 0%,rgba(2,13,17,.46) 45%,rgba(2,13,17,.98) 91%),linear-gradient(0deg,#031014 0%,transparent 42%),linear-gradient(180deg,rgba(3,16,20,.12),transparent 25%); }
.showcase-content { position:relative; z-index:2; padding-block:66px 92px; }
.showcase-content > * { max-width:610px; }
.showcase-original { display:inline-flex; color:#52ecf0; border:1px solid rgba(53,218,225,.5); background:rgba(0,154,167,.12); border-radius:8px; padding:6px 13px; font-size:12px; font-weight:700; }
.showcase-content h1 { margin:17px 0 10px; font-size:clamp(40px,6vw,72px); line-height:1.08; text-shadow:0 5px 30px rgba(0,0,0,.65); }
.showcase-meta { display:flex; flex-wrap:wrap; align-items:center; gap:0; color:#d3dcde; font-size:13px; }
.showcase-meta span { display:flex; align-items:center; }
.showcase-meta span+span::before { content:""; width:4px; height:4px; border-radius:50%; background:#769095; margin-inline:11px; }
.showcase-rating { color:#ffe16c; font-weight:800; }
.showcase-content > p { color:#d0dadb; line-height:2; margin:17px 0; font-size:14px; }
.showcase-genres { display:flex; gap:9px; flex-wrap:wrap; }
.showcase-genres span { color:#bfe9e8; border:1px solid rgba(38,194,202,.34); background:rgba(4,111,119,.25); border-radius:999px; padding:6px 13px; font-size:11px; }
.showcase-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.watch-now,.ghost-action { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:8px; padding:0 21px; font-weight:800; font-family:inherit; cursor:pointer; text-decoration:none; }
.watch-now { color:#031315; background:linear-gradient(135deg,#58f3ee,#16ced5); box-shadow:0 10px 30px rgba(22,206,213,.24); }
.ghost-action { color:#fff; background:rgba(2,14,18,.56); border:1px solid rgba(218,244,246,.42); }
.ghost-action.active { color:#5af1ec; border-color:#47e5e2; }
.show-page-content { margin-top:-45px; position:relative; z-index:4; padding-bottom:70px; }
.show-facts { display:grid; grid-template-columns:repeat(5,1fr); background:linear-gradient(180deg,rgba(11,39,45,.96),rgba(5,28,34,.96)); border:1px solid rgba(113,214,219,.14); border-radius:11px; box-shadow:0 18px 45px rgba(0,0,0,.28); }
.show-facts > div { min-height:92px; display:flex; flex-direction:row-reverse; align-items:center; justify-content:center; gap:13px; padding:16px; }
.show-facts > div+div { border-right:1px solid rgba(160,222,225,.13); }
.show-facts i { color:#51e4ea; font-size:27px; font-style:normal; }
.show-facts span { display:flex; flex-direction:column; gap:5px; color:#aababc; font-size:11px; }
.show-facts strong { color:#fff; font-size:14px; }
.show-section { padding-top:38px; }
.show-section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.show-section-title h2 { font-size:25px; margin:0; }
.show-section-title a { color:#4be4e6; text-decoration:none; font-size:12px; }
.cast-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:14px; }
.cast-card { min-width:0; overflow:hidden; border:1px solid rgba(103,204,208,.23); border-radius:8px; background:#071b21; }
.cast-card > img,.cast-placeholder { width:100%; aspect-ratio:4/5; object-fit:cover; background:#0d2a30; }
.cast-placeholder { display:grid; place-items:center; color:#45dce0; font-size:40px; }
.cast-card > div:last-child { padding:10px 8px 12px; }
.cast-card h3 { margin:0 0 4px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cast-card p { color:#9fb1b4; font-size:10px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.show-season-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.show-season-card { position:relative; min-height:112px; overflow:hidden; display:flex; align-items:center; border-radius:10px; border:1px solid rgba(92,194,199,.3); color:#fff; text-decoration:none; background:#071b20; }
.show-season-card.active { border:2px solid #39e8e7; box-shadow:0 0 0 2px rgba(57,232,231,.08); }
.show-season-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.47; }
.show-season-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,23,.95),rgba(2,18,23,.2)); }
.show-season-card > div { position:relative; z-index:2; padding:20px; }
.show-season-card h3 { margin:0 0 7px; font-size:19px; }
.show-season-card.active h3 { color:#4ff0ee; }
.show-season-card p { margin:0; color:#c8d3d4; font-size:12px; }
.show-episode-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.show-episode-card { overflow:hidden; border-radius:9px; border:1px solid rgba(79,183,188,.19); background:linear-gradient(180deg,#0a252b,#071a1f); color:#fff; text-decoration:none; transition:.2s; }
.show-episode-card:hover { transform:translateY(-4px); border-color:#34dde1; }
.show-episode-image { position:relative; aspect-ratio:16/9; overflow:hidden; }
.show-episode-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,16,20,.72),transparent 65%); }
.show-episode-image img { width:100%; height:100%; object-fit:cover; transition:.35s; }
.show-episode-card:hover img { transform:scale(1.045); }
.show-episode-image b { position:absolute; z-index:2; inset:0; margin:auto; width:43px; height:43px; display:grid; place-items:center; border-radius:50%; color:#062025; background:rgba(67,235,233,.92); opacity:0; transform:scale(.75); transition:.2s; }
.show-episode-card:hover .show-episode-image b { opacity:1; transform:scale(1); }
.episode-index { position:absolute; z-index:3; right:9px; bottom:8px; width:25px; height:25px; display:grid; place-items:center; border:1px solid #49dfe3; border-radius:50%; color:#71f5f2; background:#092127; font-weight:800; }
.episode-duration { position:absolute; z-index:3; left:8px; bottom:8px; background:rgba(0,0,0,.73); border-radius:4px; padding:3px 6px; font-size:9px; }
.show-episode-card > div:last-child { padding:12px 13px 15px; }
.show-episode-card h3 { font-size:14px; margin:0 0 7px; }
.show-episode-card p { color:#a5b5b8; font-size:10px; line-height:1.7; margin:0; min-height:34px; }
.show-gallery { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.show-gallery button { padding:0; border:1px solid rgba(89,199,204,.28); background:#06191e; border-radius:8px; overflow:hidden; cursor:pointer; }
.show-gallery img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; transition:.3s; }
.show-gallery button:hover img { transform:scale(1.05); }
.related-show-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
.related-show-grid a { min-width:0; overflow:hidden; color:#fff; text-decoration:none; border-radius:8px; border:1px solid rgba(88,191,196,.22); background:#071a1f; }
.related-show-grid img { width:100%; aspect-ratio:2/3; object-fit:cover; }
.related-show-grid h3 { padding:9px 9px 0; margin:0; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.related-show-grid p { color:#5edee2; padding:4px 9px 10px; margin:0; font-size:10px; }
.gallery-lightbox { position:fixed; z-index:100; inset:0; display:none; place-items:center; background:rgba(0,8,10,.93); padding:30px; }
.gallery-lightbox.open { display:grid; }
.gallery-lightbox img { max-width:min(1100px,94vw); max-height:88vh; border-radius:10px; }
.gallery-lightbox button { position:absolute; top:20px; left:24px; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.3); color:#fff; background:rgba(0,0,0,.5); font-size:25px; cursor:pointer; }
.series-footer { border-top:1px solid rgba(98,196,201,.16); background:#021015; padding:45px 0 20px; }
.series-footer > .sf-shell { display:grid; grid-template-columns:2fr 1fr 1fr; gap:60px; }
.series-footer h3 { font-size:14px; margin:0 0 13px; }
.series-footer a { display:block; width:max-content; color:#a6b7ba; text-decoration:none; font-size:12px; margin:8px 0; }
.series-footer .logo-text { font-size:29px; }
.series-footer .logo-text b { color:#42e6e4; }
.series-footer p { color:#8ea2a5; }
.footer-copy { width:min(1240px,calc(100% - 32px)); margin:35px auto 0; border-top:1px solid rgba(255,255,255,.07); padding-top:18px; font-size:11px; }
.cinema-footer { border-top:1px solid rgba(98,196,201,.16); background:#021015; padding:42px 0 18px; }
.cinema-footer-grid { display:grid; grid-template-columns:1.25fr .8fr .8fr 1.45fr; gap:46px; align-items:start; }
.cinema-footer h3 { margin:0 0 14px; font-size:14px; color:#f1f7f7; }
.cinema-footer a:not(.cinema-brand) { display:block; width:max-content; max-width:100%; margin:8px 0; color:#9db0b3; text-decoration:none; font-size:11px; }
.cinema-footer a:hover { color:#4ce8e6; }
.cinema-footer-brand p { color:#9db0b3; font-size:12px; margin:15px 0; }
.social-links { display:flex; gap:9px; direction:ltr; }
.social-links a:not(.cinema-brand) { width:29px; height:29px; display:grid; place-items:center; margin:0; border:1px solid rgba(151,205,209,.22); border-radius:50%; color:#d9e4e5; font-size:12px; }
.app-promo { display:flex; gap:16px; padding-right:12px; }
.app-promo p { color:#9db0b3; line-height:1.8; font-size:11px; margin:0 0 13px; }
.phone-mini { width:53px; height:104px; flex:0 0 53px; display:grid; place-items:center; border:2px solid #789298; border-radius:9px; background:linear-gradient(180deg,#0c272d,#031116); box-shadow:inset 0 0 0 4px #041419; }
.phone-mini span { color:#46ebe7; }
.store-badges { display:flex; gap:7px; direction:ltr; }
.store-badges > span { min-width:94px; display:flex; flex-direction:column; padding:6px 9px; border:1px solid #789095; border-radius:6px; color:#fff; background:#03090b; font:700 10px/1.1 Arial,sans-serif; }
.store-badges small { color:#aab6b8; font-size:6px; font-weight:400; margin-bottom:2px; }
.cinema-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:34px; padding-top:17px; border-top:1px solid rgba(255,255,255,.07); color:#789094; font-size:10px; }

@media (max-width: 768px) {
  .sf-shell { width:min(100% - 22px,1240px); }
  .slider-container { height: 430px; border-radius: 20px !important; }
  .slide::before { background:linear-gradient(0deg,#07080b 4%,rgba(7,8,11,.78) 64%,rgba(7,8,11,.28)); }
  .slide-content { justify-content:flex-end; padding:24px 20px 68px; }
  .slide-title { font-size:28px !important; }
  .slide-desc { -webkit-line-clamp:2 !important; }
  .slide-secondary { display:none; }
  .slider-controls { inset-inline:18px; bottom:17px; }
  .catalog-toolbar { align-items:stretch; flex-direction:column; }
  .series-list-hero { padding:42px 0 34px; }
  .series-list-hero-inner { align-items:flex-start; }
  .series-list-count { width:92px; height:92px; flex-basis:92px; border-radius:20px; }
  .series-list-count strong { font-size:27px; }
  .series-list-count span { font-size:10px; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .series-hero { min-height:620px; }
  .series-hero::before { background:linear-gradient(0deg,#07080b 5%,rgba(7,8,11,.87) 70%,rgba(7,8,11,.25)); }
  .series-hero-inner { grid-template-columns:120px 1fr; gap:17px; align-items:end; padding-bottom:35px; }
  .series-info h1 { font-size:25px; }
  .series-info p { grid-column:1/-1; font-size:13px; }
  .season-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .episode-grid { grid-template-columns:1fr; }
  .cinema-header { height:auto; min-height:68px; }
  .cinema-header-inner { display:flex; flex-wrap:wrap; gap:0; padding-top:9px; }
  .cinema-brand img { width:38px; height:38px; }
  .cinema-brand strong { font-size:21px; }
  .cinema-tools { margin-right:auto; }
  .cinema-user > span:not(.user-avatar),.cinema-user i { display:none; }
  .cinema-search:focus-within { width:135px; }
  .cinema-search:focus-within input { width:94px; }
  .cinema-menu { order:3; width:100%; height:39px; justify-content:flex-start; gap:22px; overflow-x:auto; scrollbar-width:none; }
  .cinema-menu::-webkit-scrollbar { display:none; }
  .cinema-menu a { font-size:11px; }
  .series-navbar .nav-links { overflow-x:auto; max-width:65vw; }
  .showcase-hero { min-height:620px; align-items:end; background-position:center; }
  .showcase-shade { background:linear-gradient(0deg,#031014 4%,rgba(3,16,20,.92) 58%,rgba(3,16,20,.22)); }
  .showcase-content { padding-block:160px 85px; }
  .showcase-content h1 { font-size:38px; }
  .showcase-content > p { font-size:13px; line-height:1.8; }
  .showcase-actions { display:grid; grid-template-columns:1fr 1fr; }
  .watch-now { grid-column:1/-1; }
  .show-page-content { margin-top:-38px; }
  .show-facts { grid-template-columns:repeat(2,1fr); }
  .show-facts > div+div { border-right:0; border-top:1px solid rgba(160,222,225,.1); }
  .show-facts > div:last-child { grid-column:1/-1; }
  .cast-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .show-season-grid { grid-template-columns:1fr; }
  .show-episode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .show-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .related-show-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .series-footer > .sf-shell { grid-template-columns:1fr 1fr; gap:25px; }
  .footer-brand { grid-column:1/-1; }
  .cinema-footer-grid { grid-template-columns:1fr 1fr; gap:30px 20px; }
  .cinema-footer-brand,.app-promo { grid-column:1/-1; }
  .app-promo { padding:0; }
  .cinema-footer-bottom { align-items:flex-start; flex-direction:column; }
}