.CategoryPage{animation:fadeIn var(--transition-normal)}.CategoryPage__hero{background:var(--color-background-alt);border-bottom:1px solid var(--color-border);padding:var(--spacing-2xl) var(--container-padding);text-align:center;color:var(--color-text)}.CategoryPage__title{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:2.5rem;font-weight:700}.CategoryPage__description{color:var(--color-text-light);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{appearance:none;color:#171717;cursor:pointer;min-height:40px;transition:border-color var(--transition-fast);background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e5e5;border-radius:4px;padding:9px 36px 9px 12px;font-size:.875rem;font-weight:500}.CategoryPage__sort:hover,.CategoryPage__sort:focus{border-color:#171717;outline:none}.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);background-color:var(--color-background);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border-radius:4px}.CategoryPage__pagination button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-background-alt);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}.CategoryPage__pageBtn--active:hover:not(:disabled){background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!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{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}