/* ═══ Catalog + Film page polish ═══ */

/* ── Movie cards (.mc) — главная + каталог + результаты поиска ── */
.mc{
  border-radius:var(--p-r-md) !important;
  border:1px solid var(--p-line) !important;
  background:var(--p-surface) !important;
  transition:
    border-color var(--p-base) var(--p-ease),
    background var(--p-base) var(--p-ease),
    transform var(--p-slow) var(--p-ease),
    box-shadow var(--p-slow) var(--p-ease) !important;
}
.mc:hover{
  border-color:var(--p-accent) !important;
  background:var(--p-surface-acc) !important;
  transform:translateY(-4px) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.5), 0 0 22px rgba(212,182,86,.18);
}
.mc img,.mc-ph{
  border-radius:var(--p-r) var(--p-r) 0 0 !important;
  transition:transform var(--p-slow) var(--p-ease) !important;
}
.mc:hover img{transform:scale(1.04);}

/* Бейджи на карточках (рейтинг, год) */
.mc .mc-rate,
.mc .mc-year{
  border-radius:9999px !important;
  font-variant-numeric:tabular-nums;
}

/* ── Section labels (sl) и titles (st) — единообразие ── */
.sl{
  font-size:10px !important;
  letter-spacing:3.5px !important;
  color:var(--p-accent) !important;
  text-transform:uppercase;
  margin-bottom:8px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:500 !important;
}
.st{
  font-family:'Bebas Neue',sans-serif !important;
  font-size:clamp(28px, 4vw, 44px) !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  color:var(--p-ink) !important;
  margin-bottom:24px !important;
  font-weight:400 !important;
  text-wrap:balance;
}

/* ── Film page — Header кнопки (fbw, fbt) ───────────── */
.fbw,
.fbt{
  border-radius:var(--p-r) !important;
  padding:11px 22px !important;
  letter-spacing:2px !important;
  transition:
    background var(--p-base) var(--p-ease),
    color var(--p-base) var(--p-ease),
    border-color var(--p-base) var(--p-ease),
    transform var(--p-base) var(--p-ease),
    box-shadow var(--p-base) var(--p-ease) !important;
}
/* fbw — основное «Смотреть» */
.fbw{
  background:var(--p-accent) !important;
  color:#0a0810 !important;
}
.fbw:hover{
  background:#e5c462 !important;
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(212,182,86,.4);
}
.fbw:active{transform:translateY(0);}

/* fbt — вторичные кнопки */
.fbt:hover{
  border-color:var(--p-accent) !important;
  color:var(--p-accent) !important;
  background:var(--p-surface-acc) !important;
  transform:translateY(-1px);
}
.fbt:active{transform:translateY(0);}

/* Watchlist button */
.fwl-btn{
  border-radius:var(--p-r) !important;
  padding:11px 22px !important;
  letter-spacing:2px !important;
  transition:all var(--p-base) var(--p-ease) !important;
}
.fwl-btn.in-wl{
  background:var(--p-accent-soft) !important;
  border-color:var(--p-accent) !important;
  color:var(--p-accent) !important;
}

/* ── Поле rating + детали ─────────────────────── */
.det{
  padding:14px 16px !important;
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  border-radius:var(--p-r) !important;
  transition:border-color var(--p-base) var(--p-ease);
}
.det:hover{border-color:var(--p-line-strong) !important;}
.det-l{
  font-size:10px !important;
  letter-spacing:2px !important;
  color:var(--p-ink-dim) !important;
  text-transform:uppercase;
  margin-bottom:4px !important;
}
.det-v{
  color:var(--p-ink) !important;
  font-size:14px !important;
  font-variant-numeric:tabular-nums;
}

/* ── Жанровые чипы (теги) ─────────────────────── */
.gen-chip,
.fb-genres a,
.fb-genres span{
  border-radius:9999px !important;
  padding:6px 12px !important;
  border:1px solid var(--p-line) !important;
  background:var(--p-surface) !important;
  color:var(--p-ink-soft) !important;
  font-size:11px !important;
  letter-spacing:.5px !important;
  transition:
    background var(--p-base) var(--p-ease),
    color var(--p-base) var(--p-ease),
    border-color var(--p-base) var(--p-ease) !important;
}
.gen-chip:hover,
.fb-genres a:hover{
  background:var(--p-accent-soft) !important;
  border-color:var(--p-accent) !important;
  color:var(--p-accent) !important;
}

/* ── Актёры — карточки ─────────────────────────── */
.aig-card{
  border-radius:var(--p-r-md) !important;
  overflow:hidden;
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  transition:
    border-color var(--p-base) var(--p-ease),
    transform var(--p-slow) var(--p-ease),
    box-shadow var(--p-slow) var(--p-ease) !important;
}
.aig-card:hover{
  border-color:var(--p-accent) !important;
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.4);
}
.aig-card img{
  transition:transform var(--p-slow) var(--p-ease);
}
.aig-card:hover img{transform:scale(1.05);}

/* ── Search dropdown (sdrop) ──────────────────── */
.sdrop{
  border-radius:var(--p-r-md) !important;
  border:1px solid var(--p-line) !important;
  background:rgba(8,8,18,.95) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 40px rgba(0,0,0,.5);
  margin-top:8px !important;
}

/* ── Каталог фильтры (gf — genre filter) ──────── */
.gf{
  border-radius:9999px !important;
  padding:8px 16px !important;
  font-size:11px !important;
  letter-spacing:1.5px !important;
  border:1px solid var(--p-line) !important;
  color:var(--p-ink-mute) !important;
  background:transparent !important;
  transition:
    border-color var(--p-base) var(--p-ease),
    color var(--p-base) var(--p-ease),
    background var(--p-base) var(--p-ease) !important;
}
.gf:hover{
  border-color:var(--p-line-strong) !important;
  color:var(--p-ink) !important;
}
.gf.on{
  background:var(--p-accent) !important;
  color:#0a0810 !important;
  border-color:var(--p-accent) !important;
}

/* ── Рейтинг звёзды (кастом отзывов) ──────────── */
.rev-stars,
.review-stars{font-variant-numeric:tabular-nums;}

/* ── Comments / reviews ────────────────────────── */
.review-card,
.bg-comment{
  border-radius:var(--p-r-md) !important;
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  padding:16px 18px !important;
  transition:border-color var(--p-base) var(--p-ease);
}
.review-card:hover,
.bg-comment:hover{border-color:var(--p-line-strong) !important;}

/* ── Эпизоды сериала ──────────────────────────── */
.tv-ep,
.tv-episode{
  border-radius:var(--p-r) !important;
  background:var(--p-surface) !important;
  border:1px solid var(--p-line) !important;
  transition:
    background var(--p-base) var(--p-ease),
    border-color var(--p-base) var(--p-ease),
    transform var(--p-base) var(--p-ease) !important;
}
.tv-ep:hover,
.tv-episode:hover{
  background:var(--p-surface-acc) !important;
  border-color:var(--p-accent) !important;
  transform:translateX(2px);
}