.filter-page{background:var(--rich-black-fogra-29);min-height:100vh;padding:120px 0 60px;position:relative}@media screen and (max-width:768px){.filter-page{padding:80px 0 40px}}.filter-page:before{content:"";opacity:.01;z-index:0;pointer-events:none;background:url(/pattern-3.png) 0 0/200px;position:absolute;inset:0}.filter-page>*{z-index:1;position:relative}.filter-header{border-bottom:1px solid var(--jet);margin-bottom:40px;padding-bottom:20px}.breadcrumb{font-size:var(--fs-9);color:var(--gray-x);align-items:center;gap:8px;margin-bottom:10px;display:flex}.breadcrumb a{color:var(--citrine);transition:var(--transition-1);text-decoration:none}.breadcrumb a:hover{color:var(--white)}.filter-title{font-size:var(--fs-3);font-weight:var(--fw-700);color:var(--white);margin:10px 0 8px}@media (max-width:768px){.filter-title{font-size:var(--fs-4)}}.filter-subtitle{font-size:var(--fs-9);color:var(--gray-x);font-weight:var(--fw-500);margin:0}.filter-content{flex-direction:column;gap:30px;display:flex}.movies-grid{grid-template-columns:repeat(6,1fr);gap:30px;margin:0;padding:0;list-style:none;display:grid}.movies-grid>li{min-width:0;display:flex}.movies-grid>li .movie-card{width:100%}@media (max-width:1200px){.movies-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:992px){.movies-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (max-width:768px){.movies-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px}}@media (max-width:480px){.movies-grid{grid-template-columns:repeat(3,1fr);gap:12px 8px}}.empty-state{text-align:center;color:var(--gray-x);font-size:var(--fs-7);padding:60px 15px}.pagination{justify-content:center;align-items:center;gap:20px;padding:40px 0 20px;display:flex}.page-arrow{width:52px;height:52px;color:var(--white);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex}.page-arrow:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.page-arrow:active:not(:disabled){transform:scale(.93)}.page-arrow:disabled{opacity:.25;cursor:not-allowed}.page-arrow ion-icon{font-size:22px}.page-info{font-size:16px;font-weight:var(--fw-500);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:10px 28px;display:flex}.page-label{color:#ffffffb3;-webkit-user-select:none;user-select:none;font-size:15px}.page-input{text-align:center;width:56px;color:var(--white);font-size:16px;font-weight:var(--fw-700);appearance:textfield;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 8px;transition:border-color .2s}.page-input:focus{border-color:var(--citrine);background:#f6d36514}.page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-separator{color:#ffffff4d;-webkit-user-select:none;user-select:none;font-size:16px}.page-total{color:#ffffffb3;font-size:16px;font-weight:var(--fw-700);-webkit-user-select:none;user-select:none}@media (max-width:480px){.pagination{gap:12px}.page-arrow{width:44px;height:44px;font-size:18px}.page-info{gap:8px;padding:8px 20px;font-size:14px}.page-label{font-size:13px}.page-input{width:44px;padding:5px 6px;font-size:14px}.page-separator,.page-total{font-size:14px}}