.CategoryPage{animation:fadeIn var(--transition-normal)}.CategoryPage__hero{background:linear-gradient(135deg,var(--color-primary)0%,#1e40af 100%);padding:var(--spacing-3xl)var(--container-padding);text-align:center;color:#fff}.CategoryPage__title{margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:700}.CategoryPage__description{opacity:.9;max-width:600px;margin:0 auto;font-size:1.125rem}.CategoryPage__container{max-width:var(--container-max);padding:var(--spacing-xl)var(--container-padding);margin:0 auto}.CategoryPage__header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.CategoryPage__count{color:var(--color-text-light)}.CategoryPage__sort{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);font-size:.875rem}.CategoryPage__loading{padding:var(--spacing-3xl);justify-content:center;display:flex}.CategoryPage__grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.CategoryPage__empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-light)}.CategoryPage__pagination{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);display:flex}.CategoryPage__pagination button{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:all var(--transition-fast)}.CategoryPage__pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.CategoryPage__pagination button:disabled{opacity:.5;cursor:not-allowed}.CategoryPage__pageBtn--active{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}@media (max-width:1024px){.CategoryPage__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.CategoryPage__title{font-size:2rem}.CategoryPage__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.CategoryPage__grid{grid-template-columns:1fr}}