.category-page{max-width:1320px;padding:var(--space-6)var(--space-5);min-height:60vh;margin:0 auto}.category-header{margin-bottom:var(--space-6)}.category-title{font-size:var(--text-4xl);color:var(--color-accent-2);margin:0;font-weight:700}.category-grid{gap:var(--space-4);padding-block:var(--product-card-hover-gutter);margin-block:calc(-1*var(--product-card-hover-gutter));grid-template-columns:repeat(5,1fr);display:grid;overflow:visible}.category-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.category-pagination__arrow{padding:var(--space-2)var(--space-4);background:var(--color-accent-2);color:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;font-weight:600}.category-pagination__arrow:hover:not(:disabled){background:var(--color-accent-2-hover)}.category-pagination__arrow:disabled{opacity:.5;cursor:not-allowed}.category-pagination__dots{gap:var(--space-2);display:flex}.category-pagination__dot{width:var(--space-3);height:var(--space-3);background:var(--color-border);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:50%}.category-pagination__dot.active{background:var(--color-accent-2)}.category-empty{align-items:center;gap:var(--space-3);padding:var(--space-7)var(--space-6);border-radius:var(--radius-xl);border:1px dashed color-mix(in srgb,var(--color-accent-2)35%,var(--color-border));background:var(--color-accent-2-light);text-align:center;color:var(--color-primary-dark);flex-direction:column;display:flex}.category-empty__icon{background:color-mix(in srgb,var(--color-accent-2-light)85%,var(--color-border));width:64px;height:64px;color:var(--color-accent-2);border-radius:50%;place-items:center;display:grid}.category-empty__icon svg{width:34px;height:34px}.category-empty__title{font-size:var(--text-xl);margin:0;font-weight:700}.category-empty__message{max-width:520px;color:var(--color-text-secondary);margin:0}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}