.category-attribute-filters{margin:20px 0;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9}.attribute-filter-group{margin-bottom:20px}.attribute-filter-group:last-child{margin-bottom:0}.attribute-filter-title{font-size:16px;font-weight:600;margin:0 0 10px 0;color:#333}.attribute-filter-options{display:flex;flex-wrap:wrap;gap:8px}.attribute-filter-option{display:inline-block;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;text-decoration:none;font-size:14px;transition:all 0.2s ease}.attribute-filter-option:hover{background:#f0f0f0;border-color:#ccc;text-decoration:none;color:#333}.attribute-filter-option.active{background:#007cba;border-color:#005a87;color:#fff}.attribute-filter-option.active:hover{background:#005a87;color:#fff}.attribute-suffix{font-size:12px;opacity:.8;font-style:italic}.clear-filters{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:right}.clear-filters-link{display:inline-block;padding:6px 12px;background:#dc3232;color:#fff;text-decoration:none;border-radius:4px;font-size:13px;transition:background 0.2s ease}.clear-filters-link:hover{background:#b71c1c;color:#fff;text-decoration:none}@media (max-width:768px){.category-attribute-filters{padding:15px}.attribute-filter-options{gap:6px}.attribute-filter-option{padding:6px 10px;font-size:13px}.attribute-filter-title{font-size:15px}}@media (max-width:480px){.attribute-filter-options{flex-direction:column;align-items:flex-start}.attribute-filter-option{width:100%;text-align:left}.clear-filters{text-align:center}}