/* Film-reel logo mark */
.reel {
  width: 22px; height: 22px; border-radius: 50%;
  background: radial-gradient(circle at center, transparent 0 3px, #D8B25C 3px 4px, transparent 4px),
    repeating-conic-gradient(#D8B25C 0deg 8deg, transparent 8deg 45deg);
  display: inline-block;
}

/* Sprocket-hole strip used as section dividers, echoing 35mm film stock */
.sprockets {
  height: 10px;
  background-image: repeating-linear-gradient(90deg, #D8B25C 0 6px, transparent 6px 18px);
  background-position: center;
  background-repeat: repeat-x;
  opacity: .35;
  border-radius: 4px;
}

.film-strip {
  position: relative;
  padding: 14px 0;
}
.film-strip::before, .film-strip::after {
  content: "";
  position: absolute; right: 0; left: 0; height: 8px;
  background-image: repeating-linear-gradient(90deg, #D8B25C 0 5px, transparent 5px 16px);
  opacity: .3;
}
.film-strip::before { top: 0; }
.film-strip::after { bottom: 0; }

/* Marquee bulb hover on interactive chips (genre/country/person) */
.chip {
  position: relative;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 999px;
  background: #12151C; border: 1px solid rgba(216,178,92,.25);
  font-size: 13px; transition: all .15s ease;
}
.chip:hover {
  border-color: #D8B25C;
  box-shadow: 0 0 0 3px rgba(216,178,92,.08), 0 0 12px rgba(216,178,92,.35);
  color: #D8B25C;
}

/* Poster hover lift */
.poster-card { transition: transform .2s ease, box-shadow .2s ease; }
.poster-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.5); }

.star { cursor: pointer; font-size: 22px; color: #3a3f4b; transition: color .1s; }
.star.active, .star:hover { color: #D8B25C; }

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: rgba(216,178,92,.3); border-radius: 4px; }