.search-bar{margin-bottom:45px}.search-bar form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.search-bar form .button{height:43px}.search-suggestions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.search-suggestions button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:5px 0;color:var(--muted);font-size:.7rem}.search-suggestions button:hover{color:var(--accent);border-color:var(--accent)}.results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 17px}.results-head h2{font-size:2rem}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.movie-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);cursor:pointer;animation:card-in .35s var(--ease) both}.movie-card:hover{border-color:var(--accent);transform:translateY(-2px)}.movie-poster{width:100%;aspect-ratio:2/2.75;display:block;object-fit:cover;background:var(--panel-2)}.movie-content{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1}.movie-content h3{margin:0;font-size:.86rem;line-height:1.25;letter-spacing:-.025em}.movie-content p{margin:0;color:var(--muted);font:10px ui-monospace,monospace}.movie-content button{margin-top:auto;padding:10px 0 0;border:0;background:none;text-align:left;color:var(--accent);font-size:.68rem}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:28px}.detail-layout{display:grid;grid-template-columns:170px 1fr;gap:23px}.detail-layout img{width:100%;aspect-ratio:2/2.8;object-fit:cover;border-radius:4px;background:var(--panel-2)}.detail-copy h3{font-size:1.4rem;margin:0 0 9px}.detail-copy p{color:var(--muted);font-size:.78rem;line-height:1.7}.detail-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.detail-facts div{border-top:1px solid var(--line);padding-top:10px}.detail-facts span{display:block;color:var(--muted);font:9px ui-monospace,monospace;text-transform:uppercase}.detail-facts strong{display:block;margin-top:5px;font-size:.75rem;font-weight:600}.pagination .button{min-width:110px}@media(max-width:850px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.search-bar form{grid-template-columns:1fr}.search-bar form .button{width:100%}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{justify-content:space-between;gap:5px}.detail-layout{grid-template-columns:100px 1fr}}@media(max-width:380px){.movie-grid{grid-template-columns:1fr}}
