/* ============================================================
   Anime Otaku — نظام التصميم (نيون داكن - طراز أوتاكو)
   الخط: IBM Plex Sans Arabic (Fontsource محلي - بلا استثناء)
   ============================================================ */
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:300; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-arabic-300-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2'); unicode-range:U+0600-06FF,U+0750-077F,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-latin-400-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; }
@font-face { font-family:'IBM Plex Sans Arabic'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/ibm-plex-sans-arabic-latin-700-normal.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; }

:root {
  --bg:#0b0b16; --bg2:#10101f; --surface:#14142a; --surface2:#1a1a33;
  --border:#26264a; --border2:#32325e;
  --text:#f2f2fb; --muted:#9d9dc4;
  --pink:#ec4899; --pink2:#f472b6; --purple:#8b5cf6; --cyan:#06b6d4; --amber:#f59e0b;
  --pink-soft:rgba(236,72,153,.14); --purple-soft:rgba(139,92,246,.16); --cyan-soft:rgba(6,182,212,.14);
  --radius:16px; --radius-lg:22px;
  --shadow:0 10px 34px -14px rgba(0,0,0,.65);
  --glow:0 0 24px -4px rgba(236,72,153,.45);
  --nav-h:66px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
html, body, button, input, textarea, select { font-family:'IBM Plex Sans Arabic','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif; }
body { margin:0; background:var(--bg); color:var(--text); line-height:1.75; font-size:16px; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1100px 500px at 85% -8%,rgba(139,92,246,.16),transparent 60%),radial-gradient(900px 480px at 5% 10%,rgba(236,72,153,.1),transparent 55%),radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:auto,auto,26px 26px; background-attachment:fixed; }
a { color:inherit; text-decoration:none; }
img, svg { display:block; }
::selection { background:var(--pink); color:#fff; }
.container { max-width:1240px; margin:0 auto; padding:0 20px; }
[dir="ltr"] .container { margin:0 auto; }

.btn { display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:12px; border:1px solid transparent; font-size:15px; font-weight:600; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease,background .15s ease; white-space:nowrap; background:var(--surface2); color:var(--text); }
.btn:active { transform:translateY(1px); }
.btn-primary { background:linear-gradient(135deg,var(--pink),#c026d3); color:#fff; box-shadow:0 8px 22px -8px rgba(236,72,153,.55); }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 12px 28px -8px rgba(236,72,153,.7); }
.btn-purple { background:linear-gradient(135deg,var(--purple),#6366f1); color:#fff; }
.btn-ghost { background:var(--surface); border-color:var(--border2); color:var(--text); }
.btn-ghost:hover { border-color:var(--pink); color:var(--pink2); }
.btn-sm { padding:7px 14px; font-size:13.5px; border-radius:10px; }
.btn-icon { width:40px; height:40px; padding:0; justify-content:center; border-radius:12px; background:var(--surface); border-color:var(--border2); }

.badge { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; padding:3px 10px; border-radius:999px; background:var(--surface2); color:var(--muted); border:1px solid var(--border2); }
.badge-pink { background:var(--pink-soft); color:var(--pink2); border-color:transparent; }
.badge-purple { background:var(--purple-soft); color:#a78bfa; border-color:transparent; }
.badge-cyan { background:var(--cyan-soft); color:#22d3ee; border-color:transparent; }
.badge-gold { background:rgba(245,158,11,.14); color:var(--amber); border-color:transparent; }

/* ====== التنقل ====== */
.nav { position:sticky; top:0; z-index:60; height:var(--nav-h); background:rgba(11,11,22,.82); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.nav-inner { display:flex; align-items:center; gap:14px; height:var(--nav-h); }
.brand { display:flex; align-items:center; gap:10px; }
.brand-logo { width:40px; height:40px; border-radius:13px; flex:none; background:linear-gradient(135deg,var(--pink),var(--purple)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:19px; font-weight:800; box-shadow:var(--glow); }
.brand-txt { font-size:18px; font-weight:700; letter-spacing:.3px; }
.brand-txt b { background:linear-gradient(90deg,var(--pink2),var(--purple)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.brand-txt small { display:block; font-size:10.5px; font-weight:500; color:var(--muted); line-height:1.2; }
.nav-links { display:flex; align-items:center; gap:4px; margin-inline-start:6px; }
.nav-links a { padding:8px 13px; border-radius:10px; font-size:14.5px; font-weight:600; color:var(--muted); transition:background .15s ease,color .15s ease; }
.nav-links a:hover, .nav-links a.active { background:var(--pink-soft); color:var(--pink2); }
.nav-tools { display:flex; align-items:center; gap:10px; margin-inline-start:auto; }
.nav-search { position:relative; width:250px; }
.nav-search input { width:100%; padding:9px 36px 9px 14px; border-radius:12px; border:1px solid var(--border2); background:var(--surface); color:var(--text); font-size:13.5px; outline:none; transition:border-color .15s ease,box-shadow .15s ease; }
.nav-search input:focus { border-color:var(--pink); box-shadow:0 0 0 3px var(--pink-soft); }
.nav-search svg { position:absolute; inset-inline-start:12px; top:50%; transform:translateY(-50%); color:var(--muted); }
.lang-sel { padding:9px 10px; border-radius:12px; border:1px solid var(--border2); background:var(--surface); color:var(--text); font-size:13.5px; outline:none; cursor:pointer; font-weight:600; }
.nav-mobile-btn { display:none; }

/* ====== الهيرو ====== */
.hero { position:relative; overflow:hidden; padding:56px 0 30px; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent,var(--bg)); pointer-events:none; }
.hero-inner { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; }
.hero h1 { font-size:clamp(30px,4.4vw,50px); line-height:1.3; margin:0 0 12px; font-weight:800; }
.hero h1 .hl { background:linear-gradient(90deg,var(--pink2),var(--purple),var(--cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero p.sub { color:var(--muted); font-size:16.5px; max-width:560px; margin:0 0 24px; }
.hero-search { display:flex; gap:10px; background:var(--surface); border:1px solid var(--border2); border-radius:16px; padding:8px; max-width:560px; }
.hero-search input { flex:1; background:transparent; border:0; outline:none; color:var(--text); font-size:15.5px; padding:8px 12px; }
.hero-search .btn { background:linear-gradient(135deg,var(--pink),#c026d3); color:#fff; }
.hero-stats { display:flex; gap:26px; margin-top:26px; flex-wrap:wrap; }
.hero-stat b { display:block; font-size:23px; background:linear-gradient(90deg,var(--pink2),var(--purple)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-stat span { color:var(--muted); font-size:13px; }
.hero-art { position:relative; }
.hero-art .card { background:var(--surface); border:1px solid var(--border2); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); }
.hero-art img { width:100%; height:300px; object-fit:cover; }
.hero-art .cap { padding:12px 16px; font-size:13px; color:var(--muted); display:flex; gap:8px; align-items:center; }
.hero-art .glow1 { position:absolute; inset:-30px; background:radial-gradient(circle at 30% 30%,rgba(236,72,153,.25),transparent 60%); z-index:-1; }
.hero-art .glow2 { position:absolute; inset:-30px; background:radial-gradient(circle at 70% 70%,rgba(139,92,246,.28),transparent 60%); z-index:-1; }

/* ====== صفوف أفقية ====== */
.section { padding:34px 0; }
.section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.section-head h2 { margin:0; font-size:22px; font-weight:800; display:flex; align-items:center; gap:10px; }
.section-head h2 .dot { width:10px; height:10px; border-radius:999px; background:linear-gradient(135deg,var(--pink),var(--purple)); box-shadow:var(--glow); }
.section-head .more { color:var(--pink2); font-size:14px; font-weight:700; }
.hrow { display:grid; grid-auto-flow:column; grid-auto-columns:185px; gap:14px; overflow-x:auto; padding:6px 2px 16px; scroll-snap-type:x mandatory; }
.hrow::-webkit-scrollbar { height:8px; }
.hrow::-webkit-scrollbar-thumb { background:var(--border2); border-radius:999px; }
.pcard { scroll-snap-align:start; cursor:pointer; border-radius:var(--radius); overflow:hidden; background:var(--surface); border:1px solid var(--border); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; position:relative; }
.pcard:hover { transform:translateY(-5px); border-color:var(--pink); box-shadow:0 18px 40px -16px rgba(236,72,153,.4); }
.pcard .poster { position:relative; aspect-ratio:2/3; background:var(--surface2); overflow:hidden; }
.pcard .poster img { width:100%; height:100%; object-fit:cover; }
.pcard .poster .ph { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:800; background:linear-gradient(135deg,var(--purple-soft),var(--pink-soft)); color:#c4b5fd; }
.pcard .ovl { position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(11,11,22,.95)); }
.pcard .meta { position:absolute; bottom:0; inset-inline:0; padding:10px 12px; }
.pcard .meta b { display:block; font-size:13.5px; line-height:1.5; max-height:41px; overflow:hidden; }
.pcard .meta span { font-size:11px; color:var(--muted); }
.pcard .lang-flag { position:absolute; top:8px; inset-inline-start:8px; font-size:10.5px; font-weight:800; padding:2px 8px; border-radius:999px; background:rgba(11,11,22,.85); border:1px solid var(--border2); color:#fff; }
.pcard .play-hint { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s ease; }
.pcard:hover .play-hint { opacity:1; }
.pcard .play-hint span { width:48px; height:48px; border-radius:999px; background:linear-gradient(135deg,var(--pink),var(--purple)); display:flex; align-items:center; justify-content:center; box-shadow:var(--glow); }
.pcard .play-hint svg { margin-inline-start:2px; }

/* ====== شبكات ====== */
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:16px; }
.filter-bar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:18px 0; }
.chip { padding:8px 18px; border-radius:999px; font-size:13.5px; font-weight:700; cursor:pointer; background:var(--surface); border:1px solid var(--border2); color:var(--muted); transition:all .15s ease; }
.chip:hover { border-color:var(--pink); color:var(--pink2); }
.chip.active { background:linear-gradient(135deg,var(--pink),#c026d3); border-color:transparent; color:#fff; }
.chip .cnt { font-size:10.5px; background:rgba(255,255,255,.18); border-radius:999px; padding:1px 7px; margin-inline-start:4px; }

/* ====== صفحة التفاصيل ====== */
.detail { display:grid; grid-template-columns:280px 1fr; gap:28px; padding:26px 0; }
.detail .poster { border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border2); box-shadow:var(--shadow); position:relative; }
.detail .poster img, .detail .poster .ph { width:100%; aspect-ratio:2/3; object-fit:cover; }
.detail .poster .ph { display:flex; align-items:center; justify-content:center; font-size:56px; background:linear-gradient(135deg,var(--purple-soft),var(--pink-soft)); color:#c4b5fd; }
.detail h1 { margin:0 0 8px; font-size:clamp(24px,3.4vw,36px); font-weight:800; }
.detail .tags { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.detail .desc { color:var(--muted); font-size:14.5px; max-width:640px; }
.detail .servers { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; }
.srv { padding:8px 16px; border-radius:11px; font-size:13px; font-weight:700; cursor:pointer; border:1px solid var(--border2); background:var(--surface); color:var(--muted); transition:all .15s ease; }
.srv:hover { border-color:var(--pink); color:var(--pink2); }
.srv.active { background:var(--pink-soft); border-color:var(--pink); color:var(--pink2); }

/* قائمة الحلقات */
.ep-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; margin-top:16px; }
.ep-btn { padding:10px 12px; border-radius:12px; text-align:center; cursor:pointer; background:var(--surface); border:1px solid var(--border2); transition:all .15s ease; }
.ep-btn b { display:block; font-size:13.5px; }
.ep-btn span { font-size:11px; color:var(--muted); }
.ep-btn:hover { border-color:var(--pink); transform:translateY(-2px); }
.ep-btn.watched { border-color:var(--cyan); }
.ep-btn.current { background:var(--pink-soft); border-color:var(--pink); }

/* ====== صفحة المشاهدة ====== */
.watch-layout { display:grid; grid-template-columns:1fr 340px; gap:22px; padding:22px 0; align-items:start; }
.player-wrap { border-radius:var(--radius-lg); overflow:hidden; background:#000; border:1px solid var(--border2); box-shadow:var(--shadow); position:relative; }
.player-wrap video { width:100%; aspect-ratio:16/9; display:block; background:#000; }
.wm { position:absolute; top:14px; inset-inline-end:16px; z-index:20; pointer-events:none; display:flex; align-items:center; gap:7px; font-weight:800; font-size:13px; color:rgba(255,255,255,.65); text-shadow:0 1px 4px rgba(0,0,0,.9); background:rgba(11,11,22,.35); padding:5px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.15); backdrop-filter:blur(4px); }
.wm .logo-dot { width:8px; height:8px; border-radius:999px; background:linear-gradient(135deg,var(--pink),var(--purple)); box-shadow:var(--glow); }
.pbar { display:flex; align-items:center; gap:12px; padding:10px 14px; background:var(--surface); border-top:1px solid var(--border); flex-wrap:wrap; }
.pbtn { background:transparent; border:1px solid var(--border2); color:var(--text); border-radius:10px; padding:7px 12px; cursor:pointer; font-size:12.5px; font-weight:700; transition:all .15s ease; display:inline-flex; align-items:center; gap:6px; }
.pbtn:hover { border-color:var(--pink); color:var(--pink2); }
.pbtn.act { background:var(--pink-soft); border-color:var(--pink); color:var(--pink2); }
.speed-menu { position:relative; display:inline-block; }
.speed-list { display:none; position:absolute; bottom:calc(100% + 8px); inset-inline-start:0; background:var(--surface); border:1px solid var(--border2); border-radius:12px; padding:6px; z-index:40; min-width:120px; box-shadow:var(--shadow); }
.speed-list.open { display:block; }
.speed-list button { display:block; width:100%; text-align:start; background:transparent; border:0; color:var(--text); padding:6px 12px; border-radius:8px; cursor:pointer; font-size:13px; font-weight:600; }
.speed-list button:hover { background:var(--pink-soft); color:var(--pink2); }
.srv-list { background:var(--surface); border:1px solid var(--border2); border-radius:var(--radius); padding:14px; }
.srv-list h3 { margin:0 0 10px; font-size:15px; }
.srv-row { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-radius:11px; border:1px solid var(--border); margin-bottom:8px; cursor:pointer; transition:all .15s ease; }
.srv-row:hover { border-color:var(--pink); }
.srv-row.active { background:var(--pink-soft); border-color:var(--pink); }
.srv-row b { font-size:13.5px; }
.srv-row span { font-size:11px; color:var(--muted); }
.ep-side { background:var(--surface); border:1px solid var(--border2); border-radius:var(--radius); padding:14px; max-height:70vh; overflow-y:auto; }
.ep-side h3 { margin:0 0 10px; font-size:14.5px; display:flex; justify-content:space-between; }
.ep-side .ep-grid { grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); }

/* ====== عام ====== */
.crumbs { display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--muted); padding:18px 0 4px; flex-wrap:wrap; }
.crumbs a { color:var(--pink2); font-weight:700; }
.search-empty { text-align:center; padding:64px 20px; color:var(--muted); }
.search-empty .big { font-size:46px; }
.loading { text-align:center; padding:80px 20px; color:var(--muted); font-size:15px; }
.spinner { width:36px; height:36px; margin:0 auto 14px; border-radius:999px; border:3px solid var(--border2); border-top-color:var(--pink); animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
footer { border-top:1px solid var(--border); background:var(--bg2); padding:40px 0 26px; margin-top:46px; color:var(--muted); font-size:14px; }
footer .cols { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:26px; }
footer h4 { color:var(--text); margin:0 0 10px; font-size:15px; }
footer a { display:block; padding:3px 0; }
footer a:hover { color:var(--pink2); }
footer .legal { border-top:1px solid var(--border); margin-top:26px; padding-top:16px; font-size:12px; }

/* ====== البوت ====== */
.bot-fab { position:fixed; bottom:22px; inset-inline-start:22px; z-index:80; width:58px; height:58px; border-radius:999px; border:0; cursor:pointer; background:linear-gradient(135deg,var(--pink),var(--purple)); color:#fff; box-shadow:0 12px 30px -8px rgba(236,72,153,.6); display:flex; align-items:center; justify-content:center; transition:transform .18s ease; }
.bot-fab:hover { transform:scale(1.07); }
.bot-panel { position:fixed; bottom:94px; inset-inline-start:22px; z-index:80; width:min(390px,calc(100vw - 44px)); height:min(600px,calc(100vh - 130px)); background:var(--surface); border:1px solid var(--border2); border-radius:22px; box-shadow:var(--shadow); display:none; flex-direction:column; overflow:hidden; }
.bot-panel.open { display:flex; animation:pop .22s ease; }
@keyframes pop { from { transform:translateY(14px); opacity:0; } to { transform:none; opacity:1; } }
.bot-head { background:linear-gradient(135deg,var(--pink),var(--purple)); color:#fff; padding:16px 18px; display:flex; align-items:center; gap:12px; }
.bot-head .bh-ic { width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; }
.bot-head b { font-size:15.5px; display:block; }
.bot-head span { font-size:12px; opacity:.85; }
.bot-head .close { margin-inline-start:auto; background:rgba(255,255,255,.14); border:0; color:#fff; width:34px; height:34px; border-radius:10px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.bot-msgs { flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; }
.bmsg { max-width:82%; padding:10px 14px; border-radius:16px; font-size:14.5px; line-height:1.65; white-space:pre-wrap; word-break:break-word; }
.bmsg.user { align-self:flex-end; background:linear-gradient(135deg,var(--pink),#c026d3); color:#fff; border-end-end-radius:6px; }
.bmsg.bot { align-self:flex-start; background:var(--surface2); border:1px solid var(--border2); border-end-start-radius:6px; }
.bmsg.bot a { color:var(--pink2); text-decoration:underline; }
.bmsg.err { background:rgba(244,63,94,.14); color:#fb7185; border-color:transparent; }
.bot-typing { display:inline-flex; gap:5px; align-items:center; }
.bot-typing i { width:7px; height:7px; border-radius:999px; background:var(--muted); animation:blink 1.2s infinite; }
.bot-typing i:nth-child(2) { animation-delay:.2s; }
.bot-typing i:nth-child(3) { animation-delay:.4s; }
@keyframes blink { 0%,70%,100% { opacity:.25; } 35% { opacity:1; } }
.bot-input { display:flex; gap:8px; padding:12px; border-top:1px solid var(--border); }
.bot-input input { flex:1; border:1px solid var(--border2); border-radius:12px; padding:10px 14px; font-size:14.5px; background:var(--bg); color:var(--text); outline:none; }
.bot-input input:focus { border-color:var(--pink); }
.bot-input button { width:44px; height:44px; border:0; border-radius:12px; cursor:pointer; flex:none; background:linear-gradient(135deg,var(--pink),#c026d3); color:#fff; display:flex; align-items:center; justify-content:center; }
.bot-input button:disabled { opacity:.5; cursor:default; }

/* ====== Toast + الصعود ====== */
#toast { position:fixed; bottom:26px; left:50%; transform:translateX(-50%) translateY(20px); background:var(--surface); border:1px solid var(--pink); color:#fff; padding:11px 22px; border-radius:999px; font-size:14px; font-weight:700; z-index:200; opacity:0; pointer-events:none; transition:all .25s ease; box-shadow:var(--glow); }
#toast.show { opacity:1; transform:translateX(-50%) translateY(0); }
#scrollTop { position:fixed; bottom:24px; inset-inline-end:24px; z-index:70; width:46px; height:46px; border-radius:14px; border:1px solid var(--border2); background:var(--surface); color:var(--pink2); cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:all .2s ease; box-shadow:var(--shadow); }
#scrollTop.show { opacity:1; pointer-events:auto; }
#scrollTop:hover { transform:translateY(-3px); }

.mobile-menu { display:none; position:fixed; inset:var(--nav-h) 0 auto 0; z-index:59; background:var(--bg2); border-bottom:1px solid var(--border2); padding:14px 20px; flex-direction:column; gap:4px; box-shadow:var(--shadow); }
.mobile-menu.open { display:flex; }
.mobile-menu a { padding:12px 14px; border-radius:12px; font-weight:600; }
.mobile-menu a:hover { background:var(--pink-soft); color:var(--pink2); }

@media (max-width:1000px) {
  .hero-inner { grid-template-columns:1fr; }
  .nav-links { display:none; }
  .nav-mobile-btn { display:flex; }
  .detail { grid-template-columns:1fr; }
  .watch-layout { grid-template-columns:1fr; }
  footer .cols { grid-template-columns:1fr 1fr; }
  .nav-search { width:150px; }
}