/* PrimeFlix P39 · Catalog section identity for Desktop App.
   Mirrors Web: Movies amber/red, Series emerald/cyan, Anime pink/violet. */
.pf-desktop-app.pfd-section-identity{
  --pfd-accent:var(--pfd-section-accent);
  --pfd-accent-2:var(--pfd-section-accent-2);
}
.pfd-section-identity .pfd-nav__item.is-active{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--pfd-section-accent) 22%,transparent),
    color-mix(in srgb,var(--pfd-section-accent-2) 8%,transparent));
}
.pfd-section-identity .pfd-nav__item.is-active:before{
  background:linear-gradient(180deg,var(--pfd-section-accent),var(--pfd-section-accent-2));
  box-shadow:0 0 15px color-mix(in srgb,var(--pfd-section-accent) 46%,transparent);
}
.pfd-section-identity .pfd-nav__item.is-active .pfd-nav__icon{
  color:color-mix(in srgb,var(--pfd-section-accent) 58%,#fff);
}
.pfd-section-identity .pfd-topbar__route strong,
.pfd-section-identity .pfd-page-head .pfd-kicker{
  color:color-mix(in srgb,var(--pfd-section-accent) 70%,#fff);
}
.pfd-section-identity .pfd-page-head{
  position:relative;
  padding-bottom:18px;
}
.pfd-section-identity .pfd-page-head:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--pfd-section-accent),var(--pfd-section-accent-2) 34%,transparent 82%);
  opacity:.58;
}
.pfd-section-identity .pfd-page-head h1{
  text-shadow:0 0 34px color-mix(in srgb,var(--pfd-section-accent) 14%,transparent);
}
.pfd-section-identity .pfd-filterbar{
  border-color:color-mix(in srgb,var(--pfd-section-accent) 18%,var(--pfd-border));
  box-shadow:inset 0 1px color-mix(in srgb,var(--pfd-section-accent) 7%,transparent);
}
.pfd-section-identity .pfd-filterbar :is(select,input):focus{
  border-color:color-mix(in srgb,var(--pfd-section-accent) 56%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pfd-section-accent) 11%,transparent)!important;
}
.pfd-section-identity .pfd-btn--primary{
  background:linear-gradient(135deg,var(--pfd-section-accent),var(--pfd-section-accent-2));
  box-shadow:0 10px 28px color-mix(in srgb,var(--pfd-section-accent) 26%,transparent);
}
.pfd-section-identity .pfd-card:hover .pfd-card__media{
  border-color:color-mix(in srgb,var(--pfd-section-accent) 42%,rgba(255,255,255,.16));
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--pfd-section-accent) 12%,transparent);
}
.pfd-section-identity .pfd-card__play{
  border-color:color-mix(in srgb,var(--pfd-section-accent) 42%,rgba(255,255,255,.22));
}
.pfd-section-identity .pfd-pager .pfd-btn:hover{
  border-color:color-mix(in srgb,var(--pfd-section-accent) 42%,transparent);
}


/* P105 · Home quick-category hover reflects each area identity. */
.pfd-quick>a.pfd-quick--area{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.pfd-quick>a.pfd-quick--area:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--pfd-quick-accent) 24%,transparent),
    color-mix(in srgb,var(--pfd-quick-accent-2) 14%,transparent));
  opacity:0;
  transition:opacity .22s ease;
}
.pfd-quick>a.pfd-quick--area>*{position:relative;z-index:1}
.pfd-quick>a.pfd-quick--area:hover,
.pfd-quick>a.pfd-quick--area:focus-visible{
  border-color:color-mix(in srgb,var(--pfd-quick-accent) 58%,var(--pfd-border-strong));
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--pfd-quick-accent) 18%,transparent),0 0 26px color-mix(in srgb,var(--pfd-quick-accent) 12%,transparent);
}
.pfd-quick>a.pfd-quick--area:hover:before,
.pfd-quick>a.pfd-quick--area:focus-visible:before{opacity:1}
.pfd-quick>a.pfd-quick--area:hover .pfd-icon,
.pfd-quick>a.pfd-quick--area:focus-visible .pfd-icon{
  color:color-mix(in srgb,var(--pfd-quick-accent) 68%,#fff);
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pfd-quick-accent) 42%,transparent));
}
.pfd-quick>a.pfd-quick--area:hover strong,
.pfd-quick>a.pfd-quick--area:focus-visible strong{
  color:color-mix(in srgb,var(--pfd-quick-accent) 34%,#fff);
}

/* ============================================================
   P66 · CATALOG ART WALL · Desktop App only
   Multi-title cinematic cover for Movies / Series / Anime.
   The artwork comes from the active catalog itself.
   ============================================================ */
.pfd-section-identity .pfd-page-head--catalog-art{
  min-height:294px;
  margin:2px 0 24px;
  padding:38px 34px 32px;
  align-items:flex-end;
  overflow:hidden;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--pfd-section-accent) 18%,rgba(255,255,255,.08));
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--pfd-section-accent) 17%,transparent),transparent 38%),
    linear-gradient(120deg,#0b0d13 0%,#0a0c11 48%,#10131a 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
}
.pfd-section-identity .pfd-page-head--catalog-art:after{
  left:34px;
  right:34px;
  bottom:0;
  z-index:5;
}
.pfd-page-head--catalog-art .pfd-page-head__catalog-copy{
  position:relative;
  z-index:6;
  width:min(48%,610px);
  padding-right:20px;
}
.pfd-page-head--catalog-art .pfd-page-head__catalog-copy h1{
  margin:0 0 10px;
  font-size:clamp(38px,3.2vw,58px);
  line-height:.98;
  letter-spacing:-.05em;
  text-shadow:0 8px 36px rgba(0,0,0,.58),0 0 34px color-mix(in srgb,var(--pfd-section-accent) 18%,transparent);
}
.pfd-page-head--catalog-art .pfd-page-head__catalog-copy p{
  max-width:520px;
  color:rgba(238,241,249,.72);
  font-size:13px;
  line-height:1.55;
  text-shadow:0 2px 16px rgba(0,0,0,.75);
}
.pfd-page-head--catalog-art .pfd-kicker{
  margin-bottom:12px;
  text-shadow:0 2px 12px rgba(0,0,0,.68);
}
.pfd-page-head--catalog-art .pfd-page-head__catalog-action{
  position:relative;
  z-index:7;
  margin-left:auto;
  border-color:color-mix(in srgb,var(--pfd-section-accent) 34%,rgba(255,255,255,.16));
  background:rgba(8,10,14,.54);
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}

.pfd-catalog-artwall{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  will-change:transform,opacity;
  transform:translateZ(0);
}
.pfd-catalog-artwall__bands{
  position:absolute;
  top:-27%;
  right:-5%;
  width:72%;
  height:158%;
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  grid-template-rows:repeat(3,minmax(92px,1fr));
  gap:10px;
  transform:rotate(-7deg) skewX(-1.2deg);
  transform-origin:center;
  will-change:transform;
  backface-visibility:hidden;
}
.pfd-catalog-artwall__tile{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:13px;
  background:#171a21;
  border:1px solid rgba(255,255,255,.105);
  box-shadow:0 12px 26px rgba(0,0,0,.33);
  transform:translateX(calc((var(--pfd-art-index) % 4) * 2px));
}
.pfd-catalog-artwall__tile:nth-child(4n+1){transform:translateX(-16px)}
.pfd-catalog-artwall__tile:nth-child(4n+2){transform:translateX(-5px)}
.pfd-catalog-artwall__tile:nth-child(4n+3){transform:translateX(7px)}
.pfd-catalog-artwall__tile:nth-child(4n+4){transform:translateX(18px)}
.pfd-catalog-artwall__tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.92) contrast(1.045) brightness(.82);
  backface-visibility:hidden;
  transform:translateZ(0) scale(1.035);
}
.pfd-catalog-artwall__tile.is-poster img{object-position:center 28%}
.pfd-catalog-artwall__tile:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 42%,rgba(0,0,0,.16));
}
.pfd-catalog-artwall__scrim{
  position:absolute;
  inset:0;
  z-index:3;
  background:
    linear-gradient(90deg,#090b10 0%,rgba(9,11,16,.96) 19%,rgba(9,11,16,.66) 42%,rgba(9,11,16,.20) 72%,rgba(9,11,16,.13) 100%),
    linear-gradient(0deg,rgba(7,9,13,.82) 0%,transparent 34%,rgba(7,9,13,.13) 74%,rgba(7,9,13,.30) 100%);
}
.pfd-route-movies .pfd-catalog-artwall__bands{transform:rotate(-6.5deg) skewX(-1.2deg)}
.pfd-route-series .pfd-catalog-artwall__bands{transform:rotate(-5deg) skewX(-.8deg);top:-24%}
.pfd-route-anime .pfd-catalog-artwall__bands{transform:rotate(-7.8deg) skewX(-1.5deg);right:-3%}
.pfd-route-anime .pfd-catalog-artwall__tile img{filter:saturate(1.05) contrast(1.05) brightness(.84)}

/* Gentle premium movement only when Desktop App motion is enabled. */
.pfd-motion .pfd-page-head--catalog-art:hover .pfd-catalog-artwall__bands{
  transform:rotate(-6deg) skewX(-1deg) translate3d(-7px,2px,0);
  transition:transform .8s cubic-bezier(.2,.75,.2,1);
}
.pfd-motion.pfd-route-series .pfd-page-head--catalog-art:hover .pfd-catalog-artwall__bands{
  transform:rotate(-4.5deg) skewX(-.7deg) translate3d(-7px,2px,0);
}
.pfd-motion.pfd-route-anime .pfd-page-head--catalog-art:hover .pfd-catalog-artwall__bands{
  transform:rotate(-7.2deg) skewX(-1.3deg) translate3d(-7px,2px,0);
}

@media(max-width:1320px){
  .pfd-section-identity .pfd-page-head--catalog-art{min-height:272px;padding:32px 28px 28px}
  .pfd-page-head--catalog-art .pfd-page-head__catalog-copy{width:min(52%,560px)}
  .pfd-catalog-artwall__bands{width:76%;right:-8%}
}
@media(max-width:1000px){
  .pfd-section-identity .pfd-page-head--catalog-art{min-height:246px;padding:28px 24px 24px}
  .pfd-page-head--catalog-art .pfd-page-head__catalog-copy{width:56%}
  .pfd-catalog-artwall__bands{width:78%;right:-12%;grid-template-columns:repeat(4,minmax(125px,1fr));gap:8px}
  .pfd-page-head--catalog-art .pfd-page-head__catalog-copy p{max-width:420px}
}