.ff-chip[data-astro-cid-rbz5xvvr] {
  isolation: isolate;
}

.ff-chip__ambient[data-astro-cid-rbz5xvvr] {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 30% 30%, var(--ff-color) 0%, transparent 70%);
  opacity: 0;
  transition: opacity .35s;
}

.ff-chip[data-astro-cid-rbz5xvvr]:hover .ff-chip__ambient[data-astro-cid-rbz5xvvr], .ff-chip[data-astro-cid-rbz5xvvr].is-selected .ff-chip__ambient[data-astro-cid-rbz5xvvr] {
  opacity: .3;
}

.ff-chip[data-astro-cid-rbz5xvvr].is-selected {
  background: color-mix(in srgb, var(--ff-color) 14%, transparent);
}

.ff-chip[data-astro-cid-rbz5xvvr]:hover {
  border-color: color-mix(in srgb, var(--ff-color) 60%, transparent);
}

.ff-dropdown__trigger[data-astro-cid-rbz5xvvr] {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border-radius: 9999px;
  border: 1px solid #ffffff1a;
  background: #ffffff08;
  padding: .55rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #ffffffb3;
  transition: border-color .25s, color .25s;
}

.ff-dropdown__trigger[data-astro-cid-rbz5xvvr]:hover, .ff-dropdown[data-astro-cid-rbz5xvvr].is-open .ff-dropdown__trigger[data-astro-cid-rbz5xvvr] {
  border-color: var(--accent, #e8c15a);
  color: var(--accent, #e8c15a);
}

.ff-dropdown__panel[data-astro-cid-rbz5xvvr] {
  position: absolute;
  top: calc(100% + .5rem);
  left: 0;
  z-index: 30;
  display: none;
  min-width: 13rem;
  max-height: 18rem;
  overflow-y: auto;
  border-radius: .75rem;
  border: 1px solid #ffffff1a;
  background: #0d0f14;
  box-shadow: 0 20px 40px #00000080;
  padding: .5rem;
}

.ff-dropdown[data-astro-cid-rbz5xvvr].is-open .ff-dropdown__panel[data-astro-cid-rbz5xvvr] {
  display: block;
}

.ff-dropdown__item[data-astro-cid-rbz5xvvr] {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .45rem .6rem;
  border-radius: .5rem;
  font-size: .8rem;
  color: #ffffffbf;
  cursor: pointer;
  transition: background .2s;
}

.ff-dropdown__item[data-astro-cid-rbz5xvvr]:hover {
  background: #ffffff0f;
}

.ff-dropdown__item[data-astro-cid-rbz5xvvr] input[data-astro-cid-rbz5xvvr] {
  accent-color: var(--accent, #e8c15a);
}

.ff-dropdown__count[data-astro-cid-rbz5xvvr] {
  margin-left: auto;
  font-size: .7rem;
  color: #ffffff59;
}

.ff-dropdown__panel--wide[data-astro-cid-rbz5xvvr] {
  max-height: none;
  overflow: visible;
  min-width: 18rem;
  max-width: min(90vw, 26rem);
}

.ff-dropdown__search[data-astro-cid-rbz5xvvr] {
  display: block;
  width: 100%;
  margin-bottom: .4rem;
  border-radius: .5rem;
  border: 1px solid #ffffff1a;
  background: #ffffff0a;
  padding: .4rem .6rem;
  font-size: .75rem;
  color: #ffffffd9;
  outline: none;
}

.ff-dropdown__search[data-astro-cid-rbz5xvvr]:focus {
  border-color: var(--accent, #e8c15a);
}

.ff-dropdown__list[data-astro-cid-rbz5xvvr] {
  max-height: 16rem;
  overflow-y: auto;
}

.ff-dropdown__item[data-astro-cid-rbz5xvvr][hidden] {
  display: none;
}

.ff-segmented[data-astro-cid-rbz5xvvr] {
  display: inline-flex;
  border-radius: 9999px;
  border: 1px solid #ffffff1a;
  padding: .2rem;
  gap: .2rem;
}

.ff-segmented__btn[data-astro-cid-rbz5xvvr] {
  border-radius: 9999px;
  padding: .45rem .9rem;
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #ffffff80;
  transition: background .25s, color .25s;
}

.ff-segmented__btn[data-astro-cid-rbz5xvvr][aria-pressed="true"] {
  background: #ffffff1a;
  color: #fff;
}

.ff-dropdown--sort[data-astro-cid-rbz5xvvr] .ff-dropdown__panel[data-astro-cid-rbz5xvvr] {
  left: auto;
  right: 0;
  min-width: 12rem;
}

.ff-dropdown__option[data-astro-cid-rbz5xvvr] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: .6rem;
  padding: .5rem .6rem;
  border-radius: .5rem;
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #ffffffb3;
  text-align: left;
  transition: background .2s, color .2s;
}

.ff-dropdown__option[data-astro-cid-rbz5xvvr]:hover {
  background: #ffffff0f;
}

.ff-dropdown__option[data-astro-cid-rbz5xvvr][aria-pressed="true"] {
  color: var(--accent, #e8c15a);
  background: color-mix(in srgb, var(--accent, #e8c15a) 14%, transparent);
}

.ff-dropdown__check[data-astro-cid-rbz5xvvr] {
  flex: none;
  width: 14px;
  height: 14px;
  opacity: 0;
  color: var(--accent, #e8c15a);
}

.ff-dropdown__option[data-astro-cid-rbz5xvvr][aria-pressed="true"] .ff-dropdown__check[data-astro-cid-rbz5xvvr] {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .ff-chip[data-astro-cid-rbz5xvvr], .ff-chip__ambient[data-astro-cid-rbz5xvvr], .ff-segmented__btn[data-astro-cid-rbz5xvvr], .ff-dropdown__trigger[data-astro-cid-rbz5xvvr] {
    transition: none;
  }
}
.film-card__info-title,
  .film-card__info-meta {
    transition: filter 0.3s ease;
  }
  .film-card:hover .film-card__info-title,
  .film-card:focus-within .film-card__info-title,
  .film-card:hover .film-card__info-meta,
  .film-card:focus-within .film-card__info-meta {
    background-image: linear-gradient(90deg, #ff6b6b, #ffd166, #06d6a0, #4cc9f0, #b388ff, #ff6b6b);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: filmCardInfoShimmer 2.6s linear infinite;
  }
  @keyframes filmCardInfoShimmer {
    from { background-position: 0% 50%; }
    to   { background-position: 300% 50%; }
  }
  @media (prefers-reduced-motion: reduce) {
    .film-card__info-title,
    .film-card__info-meta {
      transition: none;
      animation: none !important;
    }
  }