/* ═══════════════════════════════════════════════════════════════
   CINEMATIC PREMIUM THEME — FlixCha
   Deep navy / warm amber / cool violet palette
   ═══════════════════════════════════════════════════════════════ */

/* ── Google Fonts ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap');

/* ── Reset & Base ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%}

:root{
  --primary-color:#b80c0c;
  --accent-color:#c3d100;
  --surface-1:rgba(12,13,18,.92);
  --surface-2:rgba(18,20,28,.88);
  --surface-3:rgba(24,26,36,.85);
  --glass-border:rgba(255,255,255,.08);
  --glass-bg:rgba(16,18,27,.82);
  --text-primary:#f0f1f5;
  --text-secondary:#9ca3af;
  --text-muted:#6b7280;
  --glow-purple:rgba(139,92,246,.35);
  --glow-amber:rgba(245,158,11,.3);
  --glow-rose:rgba(244,63,94,.25);
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:28px;
}

body{
  color:var(--text-primary);
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#06070a;
  background-image:
    radial-gradient(ellipse 1000px 600px at 8% 5%, rgba(139,92,246,.08), transparent 60%),
    radial-gradient(ellipse 800px 500px at 90% 15%, rgba(245,158,11,.06), transparent 55%),
    radial-gradient(ellipse 600px 400px at 50% 80%, rgba(244,63,94,.05), transparent 50%);
  background-attachment:fixed;
  position:relative;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Subtle noise texture overlay */
body::before{
  content:'';
  position:fixed;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
  opacity:.4;
  pointer-events:none;
  z-index:-2;
}

/* Ambient glow orb */
body::after{
  content:'';
  position:fixed;
  width:600px;height:600px;
  top:-200px;right:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.12),transparent 65%);
  filter:blur(80px);
  pointer-events:none;
  z-index:-3;
  animation:ambientFloat 20s ease-in-out infinite alternate;
}

@keyframes ambientFloat{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(-80px,60px) scale(1.15)}
}

/* ── Scrollbar ────────────────────────────────────────────────── */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(139,92,246,.35);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.55)}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
.scrollbar-hide::-webkit-scrollbar{display:none}

/* ── Typography ───────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:'Outfit','Inter',system-ui,sans-serif;letter-spacing:-.01em}

/* ── Animations ───────────────────────────────────────────────── */
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes scaleIn{
  from{opacity:0;transform:scale(.95)}
  to{opacity:1;transform:scale(1)}
}
@keyframes shimmer{
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}
@keyframes pulseGlow{
  0%,100%{box-shadow:0 0 12px var(--glow-purple)}
  50%{box-shadow:0 0 24px var(--glow-purple),0 0 48px rgba(139,92,246,.15)}
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes bodyShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes auroraSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);
}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── Glass Surfaces ───────────────────────────────────────────── */
.glass{
  background:rgba(16,18,27,.75);
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(255,255,255,.08);
}
.glass-dark{
  background:rgba(8,9,14,.88);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.06);
}

/* ── Gradient Text ────────────────────────────────────────────── */
.gradient-text{
  background:linear-gradient(135deg,var(--primary-color),var(--accent-color));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ── Toggle ───────────────────────────────────────────────────── */
.toggle-checkbox:checked{right:0;border-color:var(--primary-color)}
.toggle-checkbox:checked+.toggle-label{background-color:var(--primary-color)}

/* ── Nav ──────────────────────────────────────────────────────── */
.nav-dropdown{display:none}
.nav-item:hover .nav-dropdown{display:block}

/* ── Content Cards ────────────────────────────────────────────── */
.content-card:hover .overlay{opacity:1}
.overlay{opacity:0;transition:opacity .35s ease;background:linear-gradient(to top,rgb(0 0 0/.9),transparent)}

.card-hover{
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;
}
.card-hover:hover{
  transform:translateY(-8px) scale(1.02);
}

.poster-card{
  border-radius:var(--radius-md);
  overflow:hidden;
  background:rgba(12,13,20,.7);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 4px 20px rgba(0,0,0,.5);
  transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.card-hover:hover .poster-card{
  border-color:rgba(139,92,246,.35);
  box-shadow:0 8px 40px rgba(0,0,0,.6), 0 0 20px rgba(139,92,246,.12);
}
.poster-card .poster-image{
  aspect-ratio:2/3;
  width:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s cubic-bezier(.22,1,.36,1), filter .3s ease;
}
.card-hover:hover .poster-image{
  transform:scale(1.06);
  filter:brightness(1.08);
}

/* Rating circle */
.netflix-rating-circle{
  position:absolute;top:8px;left:8px;
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.netflix-rating-text{
  background:rgba(6,7,10,.88);
  border-radius:50%;
  width:20px;height:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;color:#f8fafc;font-weight:700;
}

.poster-score{
  position:absolute;top:7px;left:7px;
  height:28px;min-width:28px;padding:0 5px;
  border-radius:999px;
  border:2px solid #22c55e;
  background:rgba(6,7,10,.78);
  backdrop-filter:blur(4px);
  color:#f8fafc;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}

.poster-card .poster-body{padding:.6rem .7rem .7rem}
.poster-card .poster-title{
  font-family:'Outfit','Inter',sans-serif;
  font-size:.82rem;line-height:1.25;font-weight:600;
  color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.poster-card .poster-meta{
  margin-top:.35rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:.35rem;font-size:.68rem;color:var(--text-secondary);
}
.poster-card .poster-badge{
  padding:.1rem .38rem;border-radius:6px;
  background:rgba(139,92,246,.25);
  border:1px solid rgba(139,92,246,.2);
  color:#e9d5ff;font-size:.6rem;font-weight:600;
}

/* ── Gradient Card ────────────────────────────────────────────── */
.gradient-card{
  background:linear-gradient(150deg,rgba(22,16,28,.88),rgba(14,16,28,.88));
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius-lg);
  box-shadow:0 16px 40px rgba(0,0,0,.3);
  backdrop-filter:blur(8px);
}

/* ── Neon Button ──────────────────────────────────────────────── */
.neon-btn{
  background:linear-gradient(135deg,#0a0a12 0%,#1a0e1e 50%,#2a1025 100%);
  border:1px solid rgba(139,92,246,.4);
  color:#f8fafc;
  box-shadow:0 0 0 1px rgba(139,92,246,.15), 0 0 12px rgba(139,92,246,.2);
  transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease;
}
.neon-btn:hover{
  border-color:rgba(139,92,246,.7);
  box-shadow:0 0 0 1px rgba(139,92,246,.3), 0 0 28px rgba(139,92,246,.3);
  transform:translateY(-2px);
}
.neon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* ── Footer ───────────────────────────────────────────────────── */
.rich-footer{
  position:relative;width:100%;
  background:linear-gradient(180deg,rgba(6,7,10,.98) 0%,rgba(12,10,18,.98) 100%);
  border-top:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.rich-footer::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:44px 44px;opacity:.3;pointer-events:none;
}
.rich-footer::after{
  content:'';position:absolute;
  width:400px;height:400px;right:-150px;top:-180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.15),transparent 65%);
  filter:blur(60px);pointer-events:none;
}

/* ── Hero Slider ──────────────────────────────────────────────── */
.hero-slider{
  position:relative;width:100%;
  aspect-ratio:16/7;
  overflow:hidden;background:#06070a;
}
@media(max-width:768px){.hero-slider{aspect-ratio:16/9}}
.hero-slider .slide{
  position:absolute;inset:0;
  width:100%;height:100%;
  transition:opacity .9s cubic-bezier(.22,1,.36,1);
}
.hero-slider .slide img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center 20%;
  filter:brightness(.85);
}

/* ── Ad Slots ─────────────────────────────────────────────────── */
.ad-slot-group{width:100%;display:flex;flex-direction:column;gap:1rem}
.ad-slot{width:100%;max-width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.ad-slot>*{max-width:100%}
.ad-slot img,.ad-slot iframe,.ad-slot ins{max-width:100%}
.ad-slot iframe{display:block;margin:0 auto}
.ad-slot ins.adsbygoogle{display:block!important}

/* ── Mobile Bottom Padding ────────────────────────────────────── */
@media(max-width:767px){body{padding-bottom:5rem}}

/* ── Mobile Nav ───────────────────────────────────────────────── */
.mob-nav-item{transition:color .15s}

/* ── Back to Top ──────────────────────────────────────────────── */
#back-to-top{
  opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s;
  transform:translateY(8px);
}
#back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}

/* ── Toggle Panels ────────────────────────────────────────────── */
.js-toggle-panel{display:none}
.js-toggle-panel.is-active{display:block}
@media(min-width:768px){.js-mobile-panel{display:none!important}}

/* ── Download Button ──────────────────────────────────────────── */
.dl-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 18px;border-radius:var(--radius-sm);
  font-size:12px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--primary-color),var(--accent-color));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 2px 12px rgba(139,92,246,.25);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  white-space:nowrap;flex-shrink:0;text-decoration:none;letter-spacing:.02em;
}
.dl-btn:hover{
  filter:brightness(1.15);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(139,92,246,.35);
}

.download-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:var(--radius-sm);
  font-size:12px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--primary-color),var(--accent-color));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 2px 12px rgba(139,92,246,.2);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  white-space:nowrap;text-decoration:none;letter-spacing:.02em;
}
.download-chip:hover{
  filter:brightness(1.15);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(139,92,246,.3);
}

/* ── Page Shell ───────────────────────────────────────────────── */
.page-shell{max-width:1320px}

/* ── Player ───────────────────────────────────────────────────── */
.player-wrap{
  position:relative;width:100%;
  aspect-ratio:16/9;
  border-radius:var(--radius-md);
  overflow:hidden;border:0;
  background:#000;
  box-shadow:0 8px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05);
}
.player-wrap iframe,.player-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0}

.player-toolbar{
  position:absolute;top:12px;left:12px;right:12px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:2;
}
.toolbar-group{display:flex;flex-wrap:wrap;gap:8px}
.toolbar-select,.player-select{
  background:rgba(22,163,74,.85);
  backdrop-filter:blur(8px);
  border:0;color:#fff;font-size:12px;
  padding:7px 10px;border-radius:6px;outline:none;
}
.toolbar-select option,.player-select option{background:#111827;color:#fff}

/* ── Control Strip ────────────────────────────────────────────── */
.control-strip{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;padding:10px 4px 0;
}
.control-inline{
  display:flex;justify-content:center;align-items:center;
  gap:12px;flex-wrap:wrap;
}

.server-select{
  min-width:120px;
  background:linear-gradient(135deg,rgba(139,92,246,.6),rgba(168,85,247,.4));
  backdrop-filter:blur(8px);
  border:1px solid rgba(139,92,246,.4);
  box-shadow:0 0 16px rgba(139,92,246,.15);
  border-radius:var(--radius-sm);padding:6px;
  color:#fff;font-size:13px;font-weight:500;
  outline:none;cursor:pointer;
}
.server-select option{background:#111827;color:#f9fafb}

/* ── Download Strip ───────────────────────────────────────────── */
.download-strip{
  background:rgba(16,18,24,.85);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-md);padding:16px;
  backdrop-filter:blur(8px);
}

/* ── Modal ─────────────────────────────────────────────────────── */
.modal-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(4px);
  z-index:9999;
  display:flex;align-items:center;justify-content:center;
  padding:1rem;overflow-y:auto;
}
.modal-overlay.hidden{display:none!important}

/* ── Server Pills ─────────────────────────────────────────────── */
.control-strip .server-pill{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.25)}
.control-strip .server-pill:hover{transform:translateY(-2px);filter:brightness(1.08)}
.control-strip .watchlist-btn{background:linear-gradient(140deg,#0b1018,#15354a 48%,#1e6a8d);border-color:rgba(88,176,222,.6);color:#dbeafe}
.control-strip .favorite-btn{background:linear-gradient(140deg,#19070a,#5a0f1e 45%,#dc2626);border-color:rgba(248,113,113,.7);color:#ffe4e6}
.control-strip .play-series-btn{background:linear-gradient(140deg,#140e00,#4a3200 45%,#d97706);border-color:rgba(251,191,36,.7)}
.control-strip .share-btn{background:linear-gradient(140deg,#081019,#152b63 46%,#3b82f6);border-color:rgba(96,165,250,.7)}
.control-strip .edit-btn{background:linear-gradient(140deg,#161006,#5a3f0b 45%,#f59e0b);border-color:rgba(245,158,11,.7);color:#fff7db}
.control-strip .report-btn{background:linear-gradient(140deg,#1a0606,#5a0f0f 45%,#dc2626);border-color:rgba(248,113,113,.7);color:#ffe3e3}
.control-strip .trailer-btn{background:linear-gradient(140deg,#0d0816,#35115a 45%,#8b5cf6);border-color:rgba(167,139,250,.7)}

/* ── Sports Servers ───────────────────────────────────────────── */
.sports-servers-bar{
  position:sticky;bottom:0;z-index:6;
  width:min(100%,500px);margin:0 auto 12px;padding:8px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.1);
  background:rgba(14,16,24,.94);
  backdrop-filter:blur(12px);
  overflow-x:auto;overflow-y:hidden;
  flex-wrap:nowrap;white-space:nowrap;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.sports-servers-bar button{flex:0 0 auto}

/* ── Detail Row ───────────────────────────────────────────────── */
.detail-row{
  display:flex;gap:.5rem;padding:.65rem 0;
  border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;
}
.detail-row:last-child{border-bottom:none}

/* ── Section Card ─────────────────────────────────────────────── */
.section-card{
  background:rgba(14,16,24,.8);
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius-md);
  box-shadow:0 12px 32px rgba(0,0,0,.3);
  transition:border-color .3s ease;
}
.section-card:hover{border-color:rgba(255,255,255,.1)}

/* ── Server Pill ──────────────────────────────────────────────── */
.server-pill{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem .75rem;border-radius:6px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  font-size:.82rem;
  transition:all .25s cubic-bezier(.22,1,.36,1);
}
.play-series-btn{background:linear-gradient(45deg,#06070a,#4ade80)}
.server-pill.active{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;border-color:transparent;
  box-shadow:0 0 12px rgba(34,197,94,.25);
}

/* ── Meta Poster ──────────────────────────────────────────────── */
.meta-poster{
  width:96px;border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,.08);flex-shrink:0;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}

/* ── Cast ─────────────────────────────────────────────────────── */
.cast-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.cast-item{
  min-width:190px;
  display:flex;align-items:center;gap:12px;padding:12px;
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  transition:border-color .25s ease, transform .25s ease;
}
.cast-item:hover{
  border-color:rgba(139,92,246,.3);
  transform:translateY(-2px);
}

/* ── Similar Grid ─────────────────────────────────────────────── */
.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.similar-card{
  display:block;border-radius:var(--radius-sm);
  overflow:hidden;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  transition:all .3s cubic-bezier(.22,1,.36,1);
}
.similar-card:hover{
  transform:translateY(-4px);
  border-color:rgba(139,92,246,.35);
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}

/* ── Action Row ───────────────────────────────────────────────── */
.action-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;color:#fff}
.action-row .server-pill{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.25)}
.action-row .server-pill:hover{transform:translateY(-2px);filter:brightness(1.08)}
.action-row .watchlist-btn{background:linear-gradient(140deg,#0b1018,#15354a 48%,#1e6a8d);border-color:rgba(88,176,222,.6)}
.action-row .favorite-btn{background:linear-gradient(140deg,#19070a,#5a0f1e 45%,#dc2626);border-color:rgba(248,113,113,.7)}
.share-btn{display:inline-flex;align-items:center;gap:.5rem}

/* ── Episodes ─────────────────────────────────────────────────── */
.ep-thumb{
  width:110px;height:62px;object-fit:cover;
  border-radius:var(--radius-sm);flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);background:#0d0e14;
}

.accordion-shell{
  background:rgba(12,13,18,.85);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-md);padding:10px;
  backdrop-filter:blur(8px);
}
.season-head{border-radius:var(--radius-sm)}
.season-item{
  background:rgba(18,20,28,.8);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-sm);
  transition:border-color .3s ease, box-shadow .3s ease;
}
.season-item:hover{border-color:rgba(139,92,246,.2)}
.season-item.active{
  border-color:rgba(139,92,246,.5);
  box-shadow:0 0 0 1px rgba(139,92,246,.25), 0 4px 16px rgba(139,92,246,.1);
}

/* ── Live ──────────────────────────────────────────────────────── */
.live-dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#ef4444;animation:blink 1.2s ease-in-out infinite;
}

/* ── Channel Card ─────────────────────────────────────────────── */
.channel-card{transition:transform .25s ease, box-shadow .25s ease}
.channel-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(139,92,246,.2);
}

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:768px){
  .meta-poster{width:80px}
  .player-toolbar{position:static;padding:12px 12px 0}
  .control-strip{padding:12px 0 0}
  .similar-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:480px){
  .similar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}

/* ── Action Icon Button ───────────────────────────────────────── */
.action-icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:var(--text-secondary);font-size:15px;
  cursor:pointer;
  transition:all .25s cubic-bezier(.22,1,.36,1);
  text-decoration:none;flex-shrink:0;
}
.action-icon-btn:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.1);
  color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.action-icon-btn.watchlist-btn.active-watchlist,
.action-icon-btn.watchlist-btn:has(+.active-watchlist){
  color:#60a5fa;border-color:#3b82f6;
  box-shadow:0 0 12px rgba(59,130,246,.5), 0 0 24px rgba(59,130,246,.2);
  background:rgba(59,130,246,.12);
}
.action-icon-btn.active-watchlist{
  color:#60a5fa;border-color:#3b82f6;
  box-shadow:0 0 12px rgba(59,130,246,.5), 0 0 24px rgba(59,130,246,.2);
  background:rgba(59,130,246,.12);
}
.action-icon-btn.active-favorite{
  color:#f87171;border-color:#ef4444;
  box-shadow:0 0 12px rgba(239,68,68,.6), 0 0 24px rgba(239,68,68,.25);
  background:rgba(239,68,68,.12);
}
.action-icon-btn.edit-btn:hover{color:#fbbf24;border-color:#f59e0b;box-shadow:0 0 12px rgba(245,158,11,.4)}
.action-icon-btn.report-btn:hover{color:#f87171;border-color:#ef4444;box-shadow:0 0 12px rgba(239,68,68,.4)}
.action-icon-btn.share-btn:hover{color:#60a5fa;border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.4)}

/* ── Horizontal Scroll Row ────────────────────────────────────── */
.nf-row-scroll{
  display:flex;flex-direction:row;flex-wrap:nowrap;
  gap:10px;overflow-x:auto;overflow-y:hidden;
  padding-bottom:12px;
  -ms-overflow-style:none;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.nf-row-scroll>*{flex-shrink:0}
.nf-row-scroll::-webkit-scrollbar{display:none}

/* ── Tablet fix ───────────────────────────────────────────────── */
@media(min-width:768px) and (max-width:1023px){
  .js-mobile-panel{display:none!important}
  .js-mobile-panel.is-active{display:block!important}
}