.filters-section{background:var(--color-white);padding:2rem 0;margin-top:0}.category-navigation{text-align:center;margin-bottom:2rem}.navigation-title{font-family:Playfair Display,serif;font-size:1.75rem;color:var(--color-text);text-align:center;margin-bottom:1.5rem;margin-top:0}.category-icons-row{display:flex;justify-content:center;align-items:flex-start;gap:.75rem;flex-wrap:nowrap;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.category-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:var(--transition);padding:.5rem;border-radius:var(--radius-lg);min-width:85px;min-height:110px;flex-shrink:0;justify-content:center}.category-icon:hover{background:var(--color-gray-light);transform:translateY(-2px)}.category-icon.active{background:linear-gradient(135deg,#7fb3a31a,#a8d0c61a)}.icon-circle{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-white);box-shadow:var(--shadow-md);transition:var(--transition);border:3px solid transparent}.category-icon.active .icon-circle{border-color:var(--color-primary);box-shadow:var(--shadow-lg);background:var(--color-white);transform:scale(1.05)}.tea-icon{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 2px 4px #0000001a}.category-icon .icon-label{font-weight:600;color:var(--color-text);font-size:.8rem;text-align:center;line-height:1.2}.category-icon.active .icon-label{color:var(--color-primary-text)}.icon-count{font-size:.8rem;color:var(--color-text-muted);text-align:center}.advanced-filters{background:var(--color-gray-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:.9rem;font-weight:600;color:var(--color-text)}.filter-select{padding:.75rem 1rem;border:2px solid #E5E5E5;border-radius:8px;background:var(--color-white);font-size:.9rem;color:var(--color-text);transition:var(--transition);cursor:pointer}.filter-select:focus:not(:focus-visible){outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #b854501a}.filter-select:hover{border-color:var(--color-accent)}.category-icon.desktop-only{display:flex}.category-icon.mobile-only{display:none}@media(max-width:768px){.category-icon.desktop-only{display:none}.category-icon.mobile-only{display:flex}.category-icons-row{gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.category-icon{min-width:100px;padding:.75rem}.icon-circle{width:60px;height:60px}.tea-icon{width:35px;height:35px}.navigation-title{font-size:1.5rem;margin-bottom:var(--spacing-md)}.category-icon .icon-label{font-size:.8rem}.icon-count{font-size:.7rem}}@media(max-width:480px){.category-icons-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-content:center;padding:0 1rem}.category-icon{min-width:auto;min-height:110px;padding:1rem}.icon-circle{width:55px;height:55px}.tea-icon{width:32px;height:32px}.filters-row{grid-template-columns:1fr}}.filters-section{padding:var(--spacing-lg) 0 var(--spacing-md);margin-bottom:0}.filters-section .category-navigation{margin-bottom:0;padding-bottom:0;border-bottom:none}