/* ===== Movie page ===== */
.movie-page{ --h-gap:22px; }

.movie-hero{
  position:relative; border-radius:18px; overflow:hidden; isolation:isolate;
  min-height:220px; display:grid; align-items:end; padding:22px; margin:18px 0 16px;
  background:#0f1420;
}
.movie-hero::before{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(6,10,18,0) 0, rgba(6,10,18,.75) 65%, rgba(6,10,18,.95) 100%),
    var(--bg, none) center/cover no-repeat;
  filter: blur(6px) saturate(120%); transform:scale(1.06); z-index:-1;
}
.movie-hero__top{ display:flex; gap:var(--h-gap); align-items:flex-end; }
.movie-hero .poster{
  width:220px; max-width:32vw; border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,.55);
}
.movie-hero__meta{ flex:1; }
.movie-hero__title{ font-size:clamp(28px,3.2vw,44px); margin:0 0 6px; letter-spacing:.3px; }
.movie-hero__chips{ display:flex; flex-wrap:wrap; gap:8px 10px; margin:10px 0; }
.movie-chip{
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  padding:6px 10px; border-radius:999px; color:#c9d4e4; font-size:13px;
}
.movie-hero__actions{ display:flex; gap:10px; margin-top:10px; }
.movie-hero .btn{ padding:10px 16px; }

@media (max-width:920px){
  .movie-hero__top{ flex-direction:column; align-items:flex-start; }
  .movie-hero .poster{ width:180px; }
}

/* info + description card */
.info-card .meta{
  display:grid; gap:10px 16px;
  grid-template-columns:repeat(3, minmax(140px,1fr));
}
@media (max-width:920px){
  .info-card .meta{ grid-template-columns:repeat(2, minmax(120px,1fr)); }
}
.info-card .section-title{ margin:18px 0 10px; font-size:14px; color:#9fb1c6; letter-spacing:.2px; }

/* collapsible description */
.clamp{
  --lines:8;
  display:-webkit-box; -webkit-line-clamp:var(--lines); -webkit-box-orient:vertical; overflow:hidden;
}
.clamp.open{ -webkit-line-clamp:unset; }
.clamp-toggle{
  margin-top:8px; color:#9fb6ff; cursor:pointer; font-size:14px; background:none; border:0; padding:0;
}

/* player card (коробка — сам плеер не трогаем) */
.player-card{
  background:rgba(17,25,40,.6); border:1px solid rgba(255,255,255,.06);
  border-radius:14px; padding:12px; box-shadow:0 6px 26px rgba(0,0,0,.35);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); margin:20px 0 28px;
}
.player-frame{
  position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:12px;
}
.player-frame iframe,
.player-frame video{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block; background:#000;
  object-fit:contain;
}

/* Убираем возможную «тонкую линию» */
.player-frame iframe::-webkit-scrollbar,
.player-frame video::-webkit-media-controls-enclosure{ display:none !important; }


/* === Описание фильма === */
.desc-card {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 18px 22px;
  margin-top: 18px;
  backdrop-filter: blur(6px);
  background: rgba(17, 25, 40, 0.5);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
  transition: border-color 0.2s ease, background 0.2s ease;
}
.desc-card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(25, 35, 55, 0.55);
}

.desc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.desc-header h3 {
  margin: 0;
  font-size: 1rem;
  color: #d7e3ff;
  letter-spacing: 0.3px;
}

.desc-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: #9fb6ff;
  font-size: 0.9rem;
  cursor: pointer;
  transition: color 0.2s ease;
}
.desc-toggle:hover {
  color: #bcd2ff;
}
.desc-toggle .chev {
  transition: transform 0.25s ease;
}

.desc-text {
  color: #cdd7e5;
  line-height: 1.6;
  font-size: 0.95rem;
  max-height: 180px;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
  transition: max-height 0.35s ease;
}
.desc-text.expanded {
  max-height: 1000px;
  mask-image: none;
}