.main-layout{width:100%;padding-left:1rem;padding-right:1rem;margin-top:70px;display:grid;grid-template-columns:minmax(0,75%) minmax(0,25%);column-gap:1.5rem}.adCluster,.adClusterMain{display:flex}@media screen and (max-width:1000px){.adCluster{display:none}}@media screen and (max-width:700px){.adClusterMain{display:none}}@media (max-width:1200px){.main-layout{display:flex;flex-direction:column;row-gap:2.5rem}}@media (max-width:900px){.main-layout{margin-top:80px}}@media (max-width:478px){.main-layout{margin-top:60px}}.filter-container{padding:30px;background-color:#414040;border-radius:20px;width:100%;margin-bottom:20px}.filter-container h2{font-size:16px;font-weight:700;margin-bottom:16px;color:#fff}.filter-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-row label{font-size:16px;font-weight:600;color:#fff}.filter-group{display:flex;align-items:center;padding:5px 10px;border-radius:10px;border:1px solid rgb(104,102,102);gap:8px}.filter-group label{font-weight:600;font-size:13px;color:#ccc;white-space:nowrap}.filter-group select{padding:6px 8px;border-radius:8px;border:1px solid rgb(104,102,102);background-color:#303030;color:var(--theme);font-size:13px;outline:none;cursor:pointer}.filter-group select:focus{border-color:var(--theme)}.date-inputs{display:flex;gap:8px}.date-inputs select{padding:6px 8px;border-radius:8px;border:1px solid rgb(104,102,102);background-color:#303030;color:var(--theme);font-size:13px;outline:none;cursor:pointer}.date-inputs select:focus{border-color:var(--theme)}.genres{display:flex;flex-wrap:wrap;gap:8px}.genre-item{padding:4px 8px;color:rgb(197,195,195);border-radius:8px;border:1px solid rgb(104,102,102);font-weight:500;font-size:13px;cursor:pointer;transition:color .2s ease-in-out}.genre-item:hover{color:var(--theme)}.filter-button{padding:10px 15px;background-color:var(--theme);color:#111111;font-size:14px;font-weight:600;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out}.filter-button:hover{background-color:#1c86ee}.selected{border:1px solid var(--theme);color:var(--theme)}@media screen and (max-width:1081px){.jiki{flex-direction:column-reverse}}@media screen and (max-width:1024px){.filter-container{width:100%;margin-top:65px;border-radius:0;margin-left:0}}@media screen and (max-width:500px){.filter-container{padding:10px}.genres{height:200px;overflow-y:scroll;gap:5px}.filter-row{gap:8px;border-bottom:1px solid rgb(104,102,102);padding-bottom:20px}.filter-container h2{margin-bottom:8px}.filter-group{padding:1px 7px}.filter-group select{font-size:12px;padding:4px 6px}}