.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%;box-sizing:border-box}@media (max-width:768px){.section-container{padding:0 var(--spacing-md)}}@media (max-width:480px){.section-container{padding:0 var(--spacing-sm)}}.breadcrumb-nav{padding:var(--spacing-md) 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;font-size:var(--font-sm);color:var(--text-secondary)}.breadcrumb-item:not(:last-child)::after{content:'/';margin-left:var(--spacing-sm);color:var(--text-light)}.breadcrumb-item a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-item a:hover{color:var(--primary-hover);text-decoration:underline}.breadcrumb-item span{color:var(--text-primary);font-weight:var(--font-medium)}.categories-header-section{padding:var(--spacing-2xl) 0 var(--spacing-xl);background:var(--bg-primary);color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light)}.categories-page-title{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--primary-color);line-height:var(--leading-tight);margin:0 0 var(--spacing-md)}.categories-page-description{font-size:var(--font-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 auto;max-width:800px}.categories-grid-section{padding:var(--spacing-2xl) 0;background-color:var(--bg-secondary)}.categories-grid-section .section-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xl);text-align:center;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl)}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.category-card{height:auto;min-height:180px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-base);overflow:hidden;position:relative;box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.category-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-full);margin:0 auto var(--spacing-md);transition:all var(--transition-base);border:2px solid var(--border-light);flex-shrink:0}.category-card:hover .category-icon-wrapper{background:var(--primary-color);border-color:var(--primary-color)}.category-icon-wrapper i{font-size:var(--font-2xl);color:var(--primary-color);transition:color var(--transition-base)}.category-card:hover .category-icon-wrapper i{color:var(--primary-accent)}.category-icon-wrapper img{width:40px;height:40px;object-fit:contain;transition:all var(--transition-base)}.category-card:hover .category-icon-wrapper img{filter:brightness(0) saturate(100%) hue-rotate(0deg)}.category-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.category-name{font-size:var(--font-base);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 4px 0;line-height:1.3}.category-card:hover .category-name{color:var(--primary-color)}.category-stats{margin:0}.stat-badge{font-size:var(--font-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.no-categories-message{text-align:center;padding:var(--spacing-2xl);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.no-categories-title{font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md)}.no-categories-text{font-size:var(--font-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg)}