*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;width:100%;margin:0 auto;padding-left:16px;padding-right:16px}.card{width:220px;height:auto;box-shadow:0 4px 12px #0000001a;border-radius:5px;overflow:hidden;min-height:370px}.card .img_box{width:100%;height:300px;overflow:hidden}.card .img_box img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card .img_box img:hover{transform:scale(1.1)}.card h4{text-align:center;padding:20px 0 15px;font-size:14px;font-family:Poppins,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card:hover{cursor:pointer}.modal_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:99}.filter_modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 8px 20px #0003;border-radius:8px;z-index:100;width:300px}.filter_modal .top h3{border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;padding:10px;background:purple}.filter_modal .selection{padding:10px;font-size:18px}.filter_modal .selection .media_type{margin-bottom:15px;display:flex;justify-content:space-between}.filter_modal .selection .media_type .media_select{font-size:16px}.searchFilter_box{position:relative;display:flex;gap:10px;justify-content:center}.searchFilter_box .searchInput{padding:8px;font-size:14px;border:1px solid grey;border-radius:5px}.searchFilter_box .clearBtn{padding:8px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.searchFilter_box .filterBtn{padding:8px 12px;background-color:purple;color:#fff;border:none;border-radius:5px}.searchFilter_box .filterBtn:hover{cursor:pointer;background:#800080dc}.title h1{margin:20px 0;text-align:center}.movie_list{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination .page-btn{padding:8px 12px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px}.pagination .page-btn:disabled{background-color:#ccc;cursor:not-allowed}.pagination .page-btn.active{background-color:#0056b3;font-weight:700}@media (max-width: 768px){.pagination{gap:8px}.pagination .page-btn{padding:6px 10px;font-size:14px;border-radius:3px}}@media (max-width: 320px){.pagination{gap:5px;flex-wrap:wrap}.pagination .page-btn{padding:5px 8px;font-size:12px;min-width:30px}}