/* === Reset & Base === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0f0f1a;--bg-card:#1a1a2e;--bg-card-hover:#222240;
  --text:#e0e0e8;--text-muted:#8888aa;--text-heading:#fff;
  --accent:#e94560;--accent-hover:#ff6b81;
  --accent2:#0ea5e9;--accent2-hover:#38bdf8;
  --gradient:linear-gradient(135deg,#e94560,#0ea5e9);
  --radius:12px;--radius-sm:8px;
  --max-w:1200px;
  --font:'Noto Sans',system-ui,-apple-system,sans-serif;
  --font-ar:'Noto Sans Arabic','Noto Sans',system-ui,sans-serif;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
[dir="rtl"] body{font-family:var(--font-ar)}
a{color:var(--accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent-hover)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* === Layout === */
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* === Header === */
.site-header{position:sticky;top:0;z-index:100;background:rgba(15,15,26,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(233,69,96,.15);padding:.75rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{display:flex;align-items:center;gap:.5rem}
.logo svg,.logo img{height:32px;width:auto}
.lang-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid rgba(233,69,96,.3);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.85rem;cursor:pointer;transition:all .2s}
.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}

/* === Hero === */
.hero{padding:3rem 0 2rem;text-align:center;background:linear-gradient(180deg,rgba(233,69,96,.08) 0%,transparent 100%)}
.hero h1{font-size:1.75rem;font-weight:800;color:var(--text-heading);margin-bottom:.75rem;line-height:1.2}
.hero p{font-size:1rem;color:var(--text-muted);max-width:600px;margin:0 auto .75rem}

/* === Home Hero === */
.home-hero{padding:3rem 0 2rem;text-align:center;background:linear-gradient(180deg,rgba(233,69,96,.08) 0%,transparent 100%)}
.home-hero h1{font-size:1.6rem;font-weight:800;color:var(--text-heading);margin-bottom:.5rem;line-height:1.3}
.home-hero-sub{font-size:.95rem;color:var(--text-muted);max-width:500px;margin:0 auto 1.25rem}
.home-hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.home-hero-cta .platform-btn{padding:.65rem 1.5rem;font-size:.9rem}
@media(min-width:768px){.home-hero h1{font-size:2.2rem}.home-hero-sub{font-size:1.05rem}}

/* === Homepage Movie Grid Overrides === */
.home-featured{grid-template-columns:repeat(3,1fr)}
@media(min-width:768px){.home-featured{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.home-featured{grid-template-columns:repeat(6,1fr)}}

/* === Horizontal Scroll Carousel === */
.movie-scroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
.movie-scroll::-webkit-scrollbar{height:4px}
.movie-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}
.movie-scroll-card{scroll-snap-align:start;flex-shrink:0;width:140px;text-decoration:none;color:inherit;transition:transform .2s}
.movie-scroll-card:hover{transform:translateY(-3px)}
.movie-scroll-card .movie-poster{border-radius:var(--radius-sm);overflow:hidden}
.scroll-card-title{display:block;font-size:.75rem;font-weight:600;color:var(--text-heading);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:768px){.movie-scroll-card{width:160px}.scroll-card-title{font-size:.8rem}}

/* === Section Header with "View All" link === */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.section-header .section-title{margin-bottom:0}
.section-link{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}
.section-link:hover{text-decoration:underline}

/* === Category Grid (compact) === */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.cat-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit;transition:all .2s}
.cat-card:hover{border-color:rgba(233,69,96,.2);background:var(--bg-card-hover)}
.cat-name{font-size:.85rem;font-weight:600;color:var(--text-heading)}
.cat-count{font-size:.7rem;color:var(--text-muted);background:rgba(255,255,255,.05);padding:.15rem .5rem;border-radius:50px}
@media(min-width:768px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(5,1fr)}}

/* === Language Section Divider === */
.home-lang-section{border-top:1px solid rgba(255,255,255,.04);padding-top:1.5rem}

/* === Section === */
.section{padding:2rem 0}
.section-title{font-size:1.25rem;font-weight:700;color:var(--text-heading);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}
.section-title::before{content:'';width:4px;height:1.2em;background:var(--gradient);border-radius:2px}
[dir="rtl"] .section-title::before{order:1}

/* === Sub Page Content === */
.page-h1{font-size:1.5rem;font-weight:800;color:var(--text-heading);margin-bottom:.35rem;line-height:1.3}
.page-updated{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}
.page-intro{color:var(--text);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}
.content-section{margin:1.5rem 0}
.content-section p{color:var(--text);line-height:1.7;font-size:.95rem}
.pillar-backlink{margin:1.5rem 0;padding:1rem;background:var(--bg-card);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-muted);border-left:3px solid var(--accent)}
[dir="rtl"] .pillar-backlink{border-left:none;border-right:3px solid var(--accent)}
.watch-note{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}

/* === Card Grid === */
.card-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.card{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid rgba(255,255,255,.05);transition:all .25s ease;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;position:relative}
.card:hover{background:var(--bg-card-hover);border-color:rgba(233,69,96,.2);transform:translateY(-2px)}
.card-title{font-size:1rem;font-weight:600;color:var(--text-heading)}
.card-meta{font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.card-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:50px;font-size:.7rem;font-weight:600;background:rgba(233,69,96,.15);color:var(--accent)}
.card-badge.info{background:rgba(14,165,233,.15);color:var(--accent2)}
.card-keywords{font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.35rem}
.card-keywords span{padding:.1rem .4rem;border-radius:4px;background:rgba(255,255,255,.05);font-size:.7rem}
.card a{text-decoration:none;color:inherit;display:block}
.card a::after{content:'';position:absolute;inset:0}

/* === Pillar page sub-page grid === */
.subpage-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.subpage-tile{background:var(--bg-card);border-radius:var(--radius-sm);padding:1rem;border:1px solid rgba(255,255,255,.05);transition:all .2s;position:relative}
.subpage-tile:hover{background:var(--bg-card-hover);border-color:rgba(233,69,96,.2)}
.subpage-tile a{color:inherit;text-decoration:none}
.subpage-tile a::after{content:'';position:absolute;inset:0}
.subpage-tile h3{font-size:.95rem;font-weight:600;color:var(--text-heading);margin-bottom:.25rem}
.subpage-tile .tile-meta{font-size:.75rem;color:var(--text-muted)}
.popularity{display:inline-flex;gap:2px;margin-left:.5rem}
[dir="rtl"] .popularity{margin-left:0;margin-right:.5rem}
.popularity .dot{width:6px;height:6px;border-radius:50%;background:rgba(233,69,96,.25)}
.popularity .dot.active{background:var(--accent)}

/* === CTA === */
.cta-section{padding:2rem 0}
.cta-banner{background:var(--gradient);border-radius:var(--radius);padding:1.5rem;text-align:center}
.cta-banner h2{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.cta-banner p{font-size:.9rem;color:rgba(255,255,255,.85);margin-bottom:1rem}
.cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-height:48px;min-width:48px}
.btn-primary{background:#fff;color:var(--accent)}
.btn-primary:hover{background:rgba(255,255,255,.9);color:var(--accent);transform:scale(1.03)}
.btn-secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-secondary:hover{background:rgba(255,255,255,.25);color:#fff}

/* === Where to Watch (sub pages) === */
.watch-section{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(233,69,96,.15)}
.watch-section h2{font-size:1.15rem;font-weight:700;color:var(--text-heading);margin-bottom:.5rem}
.watch-platforms{display:flex;flex-wrap:wrap;gap:.75rem}
.platform-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;min-height:48px;transition:all .2s}
.platform-btn.epicon{background:linear-gradient(135deg,#e94560,#c23152);color:#fff}
.platform-btn.epicon:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(233,69,96,.4)}
.platform-btn.mussafir{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}
.platform-btn.mussafir:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(14,165,233,.4)}

/* === Keywords / Tags === */
.keyword-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.keyword-tag{padding:.3rem .65rem;border-radius:50px;font-size:.75rem;background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid rgba(255,255,255,.08);transition:all .2s}
.keyword-tag:hover{border-color:var(--accent);color:var(--accent)}

/* === Breadcrumb === */
.breadcrumb{padding:1rem 0 .5rem;font-size:.8rem;color:var(--text-muted)}
.breadcrumb a{color:var(--text-muted)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{margin:0 .35rem}

/* === Related / Cross-links === */
.related-section{padding:1.5rem 0}
.related-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.related-item{background:var(--bg-card);border-radius:var(--radius-sm);padding:.875rem;border:1px solid rgba(255,255,255,.05);transition:all .2s;position:relative}
.related-item:hover{border-color:rgba(233,69,96,.2)}
.related-item a{color:var(--text-heading);text-decoration:none;font-weight:500;font-size:.9rem}
.related-item a::after{content:'';position:absolute;inset:0}

/* === FAQ === */
.faq-section{padding:2rem 0}
.faq-item{border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-weight:600;color:var(--text-heading);font-size:.95rem;margin-bottom:.5rem}
.faq-a{color:var(--text-muted);font-size:.9rem;line-height:1.7}

/* === Footer === */
.site-footer{border-top:1px solid rgba(255,255,255,.05);padding:2rem 0;margin-top:2rem}
.footer-inner{text-align:center}
.footer-disclaimer{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.8rem}
.footer-links a{color:var(--text-muted)}
.footer-links a:hover{color:var(--accent)}
.footer-copy{font-size:.7rem;color:rgba(136,136,170,.5);margin-top:.75rem}

/* === Trending === */
.trending-list{display:flex;flex-wrap:wrap;gap:.5rem}
.trending-item{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--bg-card);border-radius:50px;font-size:.8rem;border:1px solid rgba(255,255,255,.05);transition:all .2s;color:var(--text)}
.trending-item:hover{border-color:var(--accent);color:var(--accent)}
.trending-rank{font-weight:700;color:var(--accent);font-size:.7rem}

/* === Info Card === */
.info-card{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid rgba(255,255,255,.08)}
.info-card dl{display:grid;gap:0}
.info-row{display:grid;grid-template-columns:140px 1fr;gap:.5rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04)}
.info-row:last-child{border-bottom:none}
.info-row dt{font-size:.85rem;font-weight:600;color:var(--text-muted)}
.info-row dd{font-size:.9rem;color:var(--text)}
[dir="rtl"] .info-row{grid-template-columns:1fr 140px}

/* === Price Table === */
.price-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.5rem 0}
.price-table,.offers-table{width:100%;border-collapse:collapse;font-size:.9rem}
.price-table thead,.offers-table thead{background:rgba(233,69,96,.1)}
.price-table th,.offers-table th{padding:.65rem .75rem;text-align:left;font-weight:600;color:var(--text-heading);font-size:.85rem;border-bottom:2px solid rgba(233,69,96,.2)}
[dir="rtl"] .price-table th,[dir="rtl"] .offers-table th{text-align:right}
.price-table td,.offers-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text)}
.price-table tr:hover,.offers-table tr:hover{background:rgba(255,255,255,.02)}

/* === Platform Comparison Grid === */
.platform-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:.5rem 0}
.platform-card{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;border:1px solid rgba(255,255,255,.06);transition:border-color .2s}
.platform-card:hover{border-color:rgba(233,69,96,.2)}
.platform-name{font-size:1.05rem;font-weight:700;color:var(--text-heading);margin-bottom:.25rem}
.platform-price{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.75rem}
.platform-details{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}
.platform-details li{font-size:.85rem;color:var(--text);line-height:1.5}
.platform-details strong{color:var(--text-muted)}
.platform-card .platform-btn{display:inline-flex;text-align:center;justify-content:center;width:100%;font-size:.85rem;padding:.6rem 1rem}

/* === Steps List === */
.steps-list{counter-reset:step;list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0}
.steps-list li{counter-increment:step;display:flex;gap:.75rem;align-items:flex-start;font-size:.9rem;color:var(--text);line-height:1.6}
.steps-list li::before{content:counter(step);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--gradient);color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}

/* === Content List === */
.content-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}
.content-list li{display:flex;gap:.5rem;align-items:flex-start;font-size:.9rem;color:var(--text);line-height:1.6}
.content-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:.55rem}

/* === Movie Grid & Cards === */
.movie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}
.movie-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.movie-card:hover{border-color:rgba(233,69,96,.3);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}
.movie-poster{position:relative;width:100%;padding-bottom:150%;overflow:hidden;background:var(--bg-card)}
.movie-poster img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.poster-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.poster-text{font-size:2.5rem;font-weight:800;color:rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.1em}
.movie-rating{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);border-radius:var(--radius-sm);padding:.2rem .5rem;display:flex;align-items:center;gap:.25rem}
.movie-rating span{font-size:.85rem;font-weight:700;color:#fbbf24}
.movie-rating::before{content:'★';color:#fbbf24;font-size:.75rem}
[dir="rtl"] .movie-rating{right:auto;left:.5rem}
.movie-info{padding:.75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.movie-title{font-size:.9rem;font-weight:700;color:var(--text-heading);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.movie-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}
.movie-meta span{display:inline-flex;align-items:center}
.movie-year{font-weight:600}
.movie-lang{padding:.1rem .35rem;border-radius:4px;background:rgba(14,165,233,.15);color:var(--accent2);font-size:.65rem;font-weight:600}
.movie-genre-tags{display:flex;flex-wrap:wrap;gap:.25rem}
.genre-tag{font-size:.6rem;padding:.1rem .35rem;border-radius:4px;background:rgba(255,255,255,.06);color:var(--text-muted)}
.movie-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.movie-cast{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-cta{margin-top:auto;padding-top:.5rem}
.watch-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:#fff;text-align:center}
.watch-btn.epicon{background:linear-gradient(135deg,#e94560,#c23152)}
.watch-btn.mussafir{background:linear-gradient(135deg,#0ea5e9,#0284c7)}

/* === Movie Detail Page === */
.md-hero{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}
.md-poster{width:100%;max-width:300px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.md-poster img{width:100%;height:auto;display:block}
.poster-placeholder-lg{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:800;color:rgba(255,255,255,.15)}
.md-info{flex:1}
.md-title{font-size:1.3rem;font-weight:800;color:var(--text-heading);line-height:1.3;margin-bottom:.75rem}
.md-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}
.md-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:rgba(255,255,255,.08);color:var(--text-muted)}
.md-badge.rating{background:rgba(251,191,36,.15);color:#fbbf24}
.md-badge.lang{background:rgba(14,165,233,.15);color:var(--accent2)}
.md-badge.quality{background:rgba(34,197,94,.15);color:#22c55e}
.md-genres{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.md-genre{padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;background:rgba(233,69,96,.1);color:var(--accent);border:1px solid rgba(233,69,96,.2)}
.md-synopsis{font-size:.95rem;color:var(--text-body);line-height:1.7;margin-bottom:1.25rem}
.md-details{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}
.md-row{display:flex;padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.05)}
.md-row:last-child{border-bottom:0}
.md-row:nth-child(odd){background:rgba(255,255,255,.02)}
.md-label{width:100px;flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--text-muted)}
.md-value{font-size:.85rem;color:var(--text-body);flex:1}
.md-watch-section{background:linear-gradient(135deg,rgba(233,69,96,.08),rgba(14,165,233,.08));border:1px solid rgba(233,69,96,.15);border-radius:var(--radius);padding:1.5rem;margin:2rem 0;text-align:center}
.md-watch-section h2{font-size:1.15rem;color:var(--text-heading);margin-bottom:.5rem}
.md-watch-section p{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}
.md-stream-options{display:flex;flex-direction:column;gap:.75rem}
.md-stream-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius);text-decoration:none;color:#fff;transition:all .2s}
.md-stream-btn.primary{background:linear-gradient(135deg,#e94560,#c23152)}
.md-stream-btn.secondary{background:linear-gradient(135deg,#0ea5e9,#0284c7)}
.md-stream-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.stream-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:50%;flex-shrink:0}
.stream-text{text-align:left;line-height:1.3}
[dir="rtl"] .stream-text{text-align:right}
.stream-text strong{display:block;font-size:.95rem}
.stream-text small{font-size:.75rem;opacity:.8}
.md-about{margin:2rem 0}
.md-about h2{font-size:1.1rem;color:var(--text-heading);margin-bottom:.75rem}
.md-about p{font-size:.9rem;color:var(--text-body);line-height:1.7;margin-bottom:.75rem}
@media(min-width:768px){
  .md-hero{flex-direction:row;gap:2rem}
  .md-poster{max-width:350px;margin:0}
  .md-title{font-size:1.6rem}
  .md-label{width:120px}
  .md-stream-options{flex-direction:row}
  .md-stream-btn{flex:1}
}
@media(min-width:1024px){
  .md-poster{max-width:400px}
  .md-title{font-size:1.8rem}
}

/* === Sticky Mobile CTA === */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.6rem .8rem;background:rgba(20,20,30,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(233,69,96,.3);display:block}
.sticky-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,#e94560,#c23152);color:#fff;font-size:1rem;font-weight:700;border-radius:10px;text-decoration:none;letter-spacing:.02em;box-shadow:0 4px 15px rgba(233,69,96,.4)}
.sticky-cta-btn:hover{background:linear-gradient(135deg,#f05a73,#d94060)}
.sticky-cta-icon{font-size:1.1rem}
@media(min-width:768px){
  .sticky-cta{display:none}
}

/* === Intent tags === */
.intent-tag{display:inline-flex;padding:.15rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.intent-tag.transactional{background:rgba(233,69,96,.15);color:var(--accent)}
.intent-tag.informational{background:rgba(14,165,233,.15);color:var(--accent2)}
.intent-tag.navigational{background:rgba(139,92,246,.15);color:#a78bfa}
.intent-tag.commercial{background:rgba(234,179,8,.15);color:#facc15}

/* === Tablet (768px+) === */
@media(min-width:768px){
  .container{padding:0 2rem}
  .hero h1{font-size:2.5rem}
  .hero p{font-size:1.1rem}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .subpage-grid{grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .platform-grid{grid-template-columns:repeat(2,1fr)}
  .movie-grid{grid-template-columns:repeat(3,1fr)}
  .section-title{font-size:1.5rem}
  .page-h1{font-size:2rem}
  .info-row{grid-template-columns:160px 1fr}
  [dir="rtl"] .info-row{grid-template-columns:1fr 160px}
}

/* === Desktop (1024px+) === */
@media(min-width:1024px){
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .subpage-grid{grid-template-columns:repeat(3,1fr)}
  .related-grid{grid-template-columns:repeat(3,1fr)}
  .platform-grid{grid-template-columns:repeat(3,1fr)}
  .movie-grid{grid-template-columns:repeat(4,1fr)}
  .hero{padding:4rem 0 3rem}
  .hero h1{font-size:3rem}
  .page-h1{font-size:2.25rem}
}

/* === Large Desktop (1280px+) === */
@media(min-width:1280px){
  .subpage-grid{grid-template-columns:repeat(4,1fr)}
  .movie-grid{grid-template-columns:repeat(5,1fr)}
}

/* === RTL overrides === */
[dir="rtl"] .breadcrumb span{transform:scaleX(-1);display:inline-block}
[dir="rtl"] .section-title::before{order:1}
[dir="rtl"] .card-meta{direction:rtl}

/* === Reduced motion === */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}