.category-tabs .tabs-navigation {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.category-tabs .tab-button {
    padding: 0.6rem 1.1rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.category-tabs .tab-button.active {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(29, 78, 216, 0.2);
}

.category-tabs .tab-button:hover:not(.active) {
    border-color: #93c5fd;
    color: #1d4ed8;
}

.category-tabs .tab-panel {
    display: none;
}

.category-tabs .tab-panel.active {
    display: block;
}

.category-highlight {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

@media (max-width: 768px) {
    .category-tabs .tabs-navigation {
        gap: 0.35rem;
    }

    .category-tabs .tab-button {
        padding: 0.5rem 0.9rem;
        font-size: 0.8rem;
    }
}