.catalog-page{display:flex;flex-direction:column;margin-top:120px;padding:20px 40px}.catalog-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.catalog-page__content{display:grid;grid-template-columns:.2fr 1fr;gap:20px}.cpc-list-wrapper{display:flex;flex-direction:column}.cpc-list{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;margin-bottom:20px}.cpcf-toogle{display:none;justify-content:space-between;align-items:center;position:fixed;z-index:3;top:24px;background-color:var(--background-black);color:var(--text-gray);border:none;border-top-right-radius:10em;border-bottom-right-radius:10em;padding:10px 20px 10px 10px;gap:10px}@media screen and (max-width: 1900px){.cpc-list{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 1024px){.cpc-list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 820px){.catalog-page{margin-top:0}.catalog-page__content,.cpcf-toogle{display:flex}.cpc-list-wrapper{flex:1}.cpc-filters{z-index:2;position:fixed;top:0;left:0;background:var(--background-black);width:0%;height:100vh;display:flex;flex-direction:column;transition:width .3s ease-in-out;overflow:hidden}.cpc-filters.open{width:100%;transition:width .3s ease-in-out}.catalog-filters{top:34px!important;padding:20px 40px}}@media screen and (max-width: 768px){.cpc-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 560px){.cpc-list{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width: 425px){.most-popular-anime{padding:30px 20px}}@media screen and (max-width: 320px){.cpc-list{grid-template-columns:repeat(1,1fr)}}