/* search.css — /search page (extracted from inline <style>). */
.srchpg{width:100%;padding:22px 40px 40px;--accent:#e7c873}
.srchpg h1{font-size:clamp(1.4rem,4.5vw,1.9rem);font-weight:800}
.srchpg .sub{opacity:.6;margin-top:4px;font-size:.9rem}

.srchpg .sbox{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px 17px;max-width:680px;margin-top:16px;transition:border-color .2s,background .2s}
.srchpg .sbox:focus-within{border-color:var(--accent);background:rgba(255,255,255,.08)}
.srchpg .sbox svg{width:21px;height:21px;opacity:.5;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.srchpg .sbox input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:inherit;font-size:1.02rem}
.srchpg .sbox input::placeholder{color:rgba(255,255,255,.4);font-size:.86rem}
.srchpg .sclear{background:none;border:none;color:rgba(255,255,255,.45);cursor:pointer;font-size:1.3rem;line-height:1;padding:0 2px;display:none}

.srchpg .results{margin-top:8px}
.srchpg .tlist{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-width:680px}
.srchpg .trow{display:flex;align-items:center;gap:13px;padding:9px 10px;border-radius:13px;color:inherit;transition:background .15s}
.srchpg .trow:hover{background:rgba(255,255,255,.05)}
.srchpg .trow .th{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#15151c;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.srchpg .trow .meta{flex:1;min-width:0}
.srchpg .trow .tt{font-weight:600;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srchpg .trow .ta{font-size:.78rem;opacity:.58;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srchpg .trow .tly{font-size:.76rem;margin-top:3px;color:var(--accent);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}
.srchpg .rlike{background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;padding:7px;flex-shrink:0;display:flex}
.srchpg .rlike svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.srchpg .rlike.isliked{color:#ff4d6d}
.srchpg .rlike.isliked svg{fill:currentColor;stroke:none}
.srchpg .empty{opacity:.5;padding:40px 4px;text-align:center}

.srchpg .reqcard{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;max-width:680px;margin:18px auto 0;padding:13px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(34,158,217,.18),rgba(34,158,217,.07));border:1px solid rgba(34,158,217,.3)}
.srchpg .reqlead{opacity:.95;font-size:.86rem}
.srchpg .reqbtn{display:inline-flex;align-items:center;gap:8px;background:#229ED9;border:none;color:#fff;border-radius:16px;padding:8px 15px;font:inherit;font-weight:700;cursor:pointer;transition:filter .15s;text-align:right;line-height:1.35}
.srchpg .reqbtn:hover{filter:brightness(1.08)}
.srchpg .reqbtn:disabled{opacity:.6;cursor:default}
.srchpg .reqbtn svg{width:15px;height:15px;fill:currentColor;stroke:none;flex-shrink:0}
.srchpg .reqbt{display:block;font-size:.74rem;opacity:.9;font-weight:600}
.srchpg .reqq{display:block;font-size:.9rem;font-weight:800;opacity:1}
.srchpg .reqdone{color:#4ade80;font-size:.9rem;font-weight:700}
.srchpg .hint{opacity:.4;font-size:.86rem;margin-top:22px;max-width:680px;line-height:1.9}

.srchpg .qptools{display:flex;gap:10px;margin:16px 0 2px;flex-wrap:wrap}
.srchpg .qpbtn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#07070b;border:none;border-radius:30px;padding:11px 22px;font:inherit;font-weight:800;font-size:.92rem;cursor:pointer}
.srchpg .qpbtn.save{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff}
@media(max-width:640px){.srchpg{padding:14px 16px 28px}}

/* ── the four layers (2026-09-12): a heading per type, posters for film/series ── */
.srchpg .sgh { display: flex; align-items: baseline; gap: 8px; font-weight: 800; font-size: .95rem; margin: 22px 0 10px; }
.srchpg .sgh:first-child { margin-top: 6px; }
.srchpg .sgh span { font-weight: 400; font-size: .75rem; color: var(--muted, rgba(31,31,31,.55)); }
.srchpg .sgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 14px 10px; }
@media (max-width: 560px) { .srchpg .sgrid { grid-template-columns: repeat(3, 1fr); gap: 12px 8px; } }
.srchpg .stile { display: block; color: inherit; text-decoration: none; min-width: 0; }
.srchpg .spost { display: block; aspect-ratio: 2 / 3; overflow: hidden; background: #fff; border: 1px solid var(--line, #1f1f1f); border-radius: 2px; box-shadow: 2px 2px 0 var(--line, #1f1f1f); }
.srchpg .spost img { display: block; width: 100%; height: 100%; object-fit: cover; }
.srchpg .stt { display: block; margin-top: 7px; font-size: .84rem; font-weight: 700; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.srchpg .smt { display: block; font-size: .72rem; color: var(--muted, rgba(31,31,31,.55)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.srchpg .th.thn { display: inline-block; background: rgba(127,127,127,.15); }