/* PrimeFlix Phase 4 — extracted static CSS from page-search.php */

.pfsr-page { padding-top:80px; min-height:100vh }
.pfsr-header { background:rgba(5,5,8,.97); padding:28px 4% 18px; position:sticky; top:64px; z-index:100; backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,.06) }
.pfsr-bar-outer { display:flex; align-items:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:50px; padding:11px 18px 11px 44px; gap:10px; max-width:700px; margin:0 auto 18px; position:relative; transition:border-color .2s,box-shadow .2s }
.pfsr-bar-outer:focus-within { border-color:rgba(124,58,237,.7); box-shadow:0 0 0 3px rgba(124,58,237,.12) }
.pfsr-ico { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.4); pointer-events:none }
.pfsr-input { flex:1; background:transparent; border:none; outline:none; color:#fff; font-size:16px; font-family:inherit }
.pfsr-input::placeholder { color:rgba(255,255,255,.35) }
.pfsr-clear { background:rgba(255,255,255,.1); border:none; color:#fff; border-radius:50%; width:26px; height:26px; cursor:pointer; font-size:14px; flex-shrink:0; transition:background .2s }
.pfsr-clear:hover { background:rgba(255,255,255,.2) }
.pfsr-filters { display:flex; justify-content:center; gap:10px; flex-wrap:wrap }
.pfsr-chip { padding:7px 18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:50px; color:rgba(255,255,255,.7); cursor:pointer; font-size:13px; font-family:inherit; transition:all .2s }
.pfsr-chip.active { background:var(--pf-accent); border-color:var(--pf-accent); color:#fff }
.pfsr-body { padding:20px 4% 60px }
.pfsr-status { font-size:13px; color:rgba(255,255,255,.5); margin-bottom:16px; padding:4px 0 }
.pfsr-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px }
.pfsr-card { text-decoration:none; color:inherit }
.pfsr-welcome { text-align:center; padding:80px 20px; color:rgba(255,255,255,.4) }
.pfsr-welcome h3 { color:#fff; font-size:1.3rem; margin:0 0 8px }
.pfsr-welcome p { margin:0 0 20px }
.pfsr-suggestions { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center }
.pfsr-suggestions span { font-size:13px; color:rgba(255,255,255,.35) }
.pfsr-suggestions button { padding:6px 16px; background:rgba(124,58,237,.15); border:1px solid rgba(124,58,237,.3); color:#a855f7; border-radius:20px; cursor:pointer; font-size:13px; font-family:inherit; transition:all .2s }
.pfsr-suggestions button:hover { background:rgba(124,58,237,.3) }
.pfsr-loading { display:flex; justify-content:center; padding:60px }
.pfsr-empty { text-align:center; padding:60px; color:rgba(255,255,255,.4) }
.pfsr-empty h3 { color:#fff; margin:0 0 8px }
.pfsr-more-btn { padding:12px 28px; background:rgba(124,58,237,.15); border:1px solid rgba(124,58,237,.3); color:#a855f7; border-radius:8px; cursor:pointer; font-size:14px; font-family:inherit; transition:all .2s }
.pfsr-more-btn:hover { background:rgba(124,58,237,.3) }
@media(max-width:600px){ .pfsr-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))} }